feat: add EditorConfig, VS Code settings & extension recommendations for consistent DX

.editorconfig

@@ -0,0 +1,50 @@
+# EditorConfig helps maintain consistent coding styles across editors
+# https://editorconfig.org
+
+# Top-most EditorConfig file
+root = true
+
+# ── Defaults for all files ──────────────────────────────────────────
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+# ── Source files (JS / TS / JSX / TSX) ──────────────────────────────
+[*.{js,jsx,ts,tsx}]
+indent_size = 2
+max_line_length = 100
+
+# ── Web markup & styles ────────────────────────────────────────────
+[*.{html,css,scss}]
+indent_size = 2
+
+# ── Data / config (JSON, YAML, TOML) ───────────────────────────────
+[*.{json,jsonc,yml,yaml,toml}]
+indent_size = 2
+
+# ── Markdown ────────────────────────────────────────────────────────
+# Trailing whitespace is meaningful in Markdown (line breaks)
+[*.md]
+trim_trailing_whitespace = false
+
+# ── Shell scripts ───────────────────────────────────────────────────
+[*.{sh,bash,zsh}]
+indent_size = 2
+
+# ── Makefiles require tabs ──────────────────────────────────────────
+[Makefile]
+indent_style = tab
+
+# ── GitHub Actions & CI workflows ───────────────────────────────────
+[.github/**/*.yml]
+indent_size = 2
+
+# ── Minified files — do not touch ───────────────────────────────────
+[*.min.*]
+indent_style = ignore
+insert_final_newline = ignore
+trim_trailing_whitespace = ignore

.gitignore

@@ -15,6 +15,7 @@ dist-ssr
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
+!.vscode/settings.json
 .idea
 .DS_Store
 *.suo

.vscode/extensions.json

@@ -0,0 +1,26 @@
+{
+    // Recommended extensions for the Accord Project Template Playground.
+    // VS Code will suggest installing these when opening the project.
+    // See https://go.microsoft.com/fwlink/?LinkId=827846 for more info.
+    "recommendations": [
+        // ── Editor & Formatting ──────────────────────────────────────
+        "editorconfig.editorconfig", // EditorConfig support
+        "esbenp.prettier-vscode", // Prettier – code formatter
+        "dbaeumer.vscode-eslint", // ESLint – JS/TS linter
+        // ── Languages & Frameworks ───────────────────────────────────
+        "ms-vscode.vscode-typescript-next", // TypeScript nightly (better DX)
+        "bradlc.vscode-tailwindcss", // Tailwind CSS IntelliSense
+        "styled-components.vscode-styled-components", // Styled-components syntax
+        // ── React & JSX/TSX ──────────────────────────────────────────
+        "dsznajder.es7-react-js-snippets", // React/Redux/GraphQL snippets
+        // ── Testing ──────────────────────────────────────────────────
+        "ms-playwright.playwright", // Playwright Test runner
+        "vitest.explorer", // Vitest test explorer
+        // ── Developer Quality-of-Life ────────────────────────────────
+        "streetsidesoftware.code-spell-checker", // Spell checker for code
+        "mikestead.dotenv", // .env syntax highlighting
+        "csstools.postcss", // PostCSS language support
+        "yoavbls.pretty-ts-errors" // Human-readable TS errors
+    ],
+    "unwantedRecommendations": []
+}

.vscode/settings.json

@@ -0,0 +1,58 @@
+{
+    // ── Editor Defaults ────────────────────────────────────────────
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.tabSize": 2,
+    "editor.insertSpaces": true,
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": "explicit"
+    },
+    // ── File Handling ──────────────────────────────────────────────
+    "files.eol": "\n",
+    "files.trimTrailingWhitespace": true,
+    "files.insertFinalNewline": true,
+    "files.trimFinalNewlines": true,
+    "files.exclude": {
+        "**/node_modules": true,
+        "**/dist": true,
+        "**/.git": true
+    },
+    // ── TypeScript ─────────────────────────────────────────────────
+    "typescript.tsdk": "node_modules/typescript/lib",
+    "typescript.enablePromptUseWorkspaceTsdk": true,
+    // ── Tailwind CSS ───────────────────────────────────────────────
+    "tailwindCSS.includeLanguages": {
+        "typescriptreact": "html"
+    },
+    "tailwindCSS.experimental.classRegex": [
+        [
+            "className\\s*=\\s*[\"']([^\"']*)[\"']",
+            "([^\"'\\s]*)"
+        ]
+    ],
+    // ── ESLint ─────────────────────────────────────────────────────
+    "eslint.validate": [
+        "javascript",
+        "javascriptreact",
+        "typescript",
+        "typescriptreact"
+    ],
+    // ── Search ─────────────────────────────────────────────────────
+    "search.exclude": {
+        "**/node_modules": true,
+        "**/dist": true,
+        "**/package-lock.json": true,
+        "**/playwright-report": true
+    },
+    // ── File Associations ──────────────────────────────────────────
+    "[markdown]": {
+        "editor.wordWrap": "on",
+        "files.trimTrailingWhitespace": false
+    },
+    "[json]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[jsonc]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    }
+}