Merge pull request #4230 from kobotoolbox/toolchain

Toolchain: Better out-of-the-box experience in VS Code

.editorconfig

@@ -1,10 +1,17 @@
 root = true
 
-# only apply to frontend files
-[*.{es6,js,jsx,ts,tsx,coffee,scss,css,html}]
+# defaults
+[*]
 charset = utf-8
 end_of_line = lf
-indent_size = 2
 indent_style = space
 insert_final_newline = true
 trim_trailing_whitespace = true
+
+# 2 spaces - frontend files mostly
+[*.{es6,js,jsx,ts,tsx,coffee,scss,css,html,hbs,json,md,yml}]
+indent_size = 2
+
+# 4 spaces - python and others
+[{*.{py,sh,ini},Dockerfile}]
+indent_size = 4

.gitignore

@@ -29,3 +29,4 @@ env
 cypress/cypress/videos/*
 cypress/cypress/screenshots/*
 public
+.venv

.node-version

@@ -0,0 +1 @@
+v16.15.0

.nvmrc

@@ -0,0 +1 @@
+v16.15.0

kpi.code-workspace

@@ -0,0 +1,48 @@
+{
+  "folders": [
+    {
+      "path": "."
+    }
+  ],
+  "extensions": {
+    "recommendations": [
+      "editorconfig.editorconfig",      // EditorConfig
+
+      // Linters and Formatters
+      "ms-python.black-formatter",      // Black (also installs MS Pylance)*
+      "dbaeumer.vscode-eslint",         // ESLint
+      "rvest.vs-code-prettier-eslint",  // Prettier
+      "stylelint.vscode-stylelint",     // Stylelint
+      "freewil.vscode-coffeelint2",     // Coffeelint
+
+      // Status Bar Toggle for Format and AutoFix on Save
+      "tombonnike.vscode-status-bar-format-toggle", // Formatting Toggle
+
+      // Syntax Support
+      "almahdi.code-django", // Django templates
+    ]
+  },
+  "settings": {
+    // Black
+    "[python]": {
+      "editor.defaultFormatter": "ms-python.black-formatter"
+    },
+
+    // Prettier
+    "[typescript][typescriptreact][javascript][javascriptreact]": {
+      "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
+    },
+
+    // Stylelint
+    "stylelint.validate": ["css", "scss"],
+    "css.validate": false,
+    "scss.validate": false,
+
+    // Formatting Toggle
+    "formattingToggle.affects": [
+      "editor.formatOnSave",
+      "editor.codeActionsOnSave.source.fixAll.eslint",
+      "editor.codeActionsOnSave.source.fixAll.stylelint",
+    ],
+  },
+}