added TS and prettier configs

Author: joshwanf

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "all",
+  "tabWidth": 2
+}

benefit-decision-toolkit.code-workspace

@@ -23,6 +23,13 @@
     "java.compile.nullAnalysis.mode": "automatic",
 
     // Node.js settings for frontend modules
+    "[javascript, typescript]": {
+      "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
+    "editor.formatOnSave": true,
+    "typescript.preferences.importModuleSpecifier": "non-relative",
+    "javascript.preferences.importModuleSpecifier": "non-relative",
     "typescript.preferences.includePackageJsonAutoImports": "auto",
     "typescript.suggest.autoImports": true,
 
@@ -108,4 +115,4 @@
       }
     ]
   }
-}
+}

builder-frontend/package-lock.json

@@ -32,8 +32,10 @@
     "@types/json-schema": "^7.0.15",
     "autoprefixer": "^10.4.21",
     "postcss": "^8.5.4",
+    "prettier": "^3.7.4",
     "sass-embedded": "^1.89.2",
     "tailwindcss": "^4.1.8",
+    "typescript": "^5.9.3",
     "vite": "^6.3.5",
     "vite-plugin-solid": "^2.11.6",
     "vite-tsconfig-paths": "^5.1.4"

builder-frontend/package.json

@@ -1,24 +1,30 @@
 {
   "compilerOptions": {
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "outDir": "dist",
+    /* Language and Environment */
     "target": "es5",
-    "module": "esnext",
-    "types": ["vite/client"],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "jsx": "preserve",
     "jsxImportSource": "solid-js",
-    "allowJs": true,
-    "allowSyntheticDefaultImports": true,
+
+    /* Modules */
+    "module": "esnext",
     "moduleResolution": "node",
     "paths": {
-      "@/*": ["./src/*"],
-    }
+      "@/*": ["./src/*"]
+    },
+    "types": ["vite/client"],
+
+    /* JavaScript Support */
+    "allowJs": true,
+
+    /* Emit */
+    "outDir": "dist",
+
+    /* Interop Constraints */
+    "allowSyntheticDefaultImports": true,
+
+    /* Type Checking */
+    "strict": true
   },
-  "include": [
-    "src"
-  ]
+  "include": ["src/**/*"]
 }