create-bdpa-react-scaffold 1.7.5 → 1.8.0

package/create-ui-lib.js

@@ -107,6 +107,8 @@ write("package.json", `
     "bcryptjs": "^2.4.3"
   },
   "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
     "@vitejs/plugin-react-swc": "^3.5.0",
     "autoprefixer": "^10.4.20",
     "postcss": "^8.4.47",
@@ -116,6 +118,84 @@ write("package.json", `
 }
 `);
 
+write("jsconfig.json", `
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": false,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src", "index.html"],
+  "exclude": ["node_modules", "dist"]
+}
+`);
+
+write(".vscode/extensions.json", `
+{
+  "recommendations": [
+    "bradlc.vscode-tailwindcss",
+    "dsznajder.es7-react-js-snippets",
+    "esbenp.prettier-vscode",
+    "dbaeumer.vscode-eslint",
+    "formulahendry.auto-rename-tag",
+    "christian-kohler.path-intellisense",
+    "streetsidesoftware.code-spell-checker",
+    "ms-vscode.vscode-typescript-next"
+  ]
+}
+`);
+
+write(".vscode/settings.json", `
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.quickSuggestions": {
+    "strings": "on"
+  },
+  "editor.inlineSuggest.enabled": true,
+  "css.validate": false,
+  "tailwindCSS.includeLanguages": {
+    "javascript": "javascript",
+    "javascriptreact": "javascriptreact",
+    "typescript": "typescript",
+    "typescriptreact": "typescriptreact",
+    "html": "HTML"
+  },
+  "tailwindCSS.experimental.classRegex": [
+    ["clsx\\(([^)]*)\\)", "(?:'|\\"|\\`)([^']*)(?:'|\\"|\\`)"],
+    ["cva\\(([^)]*)\\)", "[\"'\\`]([^\"'\\`]*).*?[\"'\\`]"]
+  ],
+  "tailwindCSS.validate": true,
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "emmet.includeLanguages": {
+    "javascript": "javascriptreact",
+    "typescript": "typescriptreact"
+  },
+  "emmet.triggerExpansionOnTab": true,
+  "javascript.suggest.autoImports": true,
+  "javascript.updateImportsOnFileMove.enabled": "always",
+  "typescript.suggest.autoImports": true,
+  "typescript.updateImportsOnFileMove.enabled": "always",
+  "files.associations": {
+    "*.css": "tailwindcss"
+  }
+}
+`);
+
 write("postcss.config.cjs", `
 module.exports = {
   plugins: {
@@ -340,15 +420,6 @@ const response = await adminApi.getAll("/users");
 \`\`\`
 `);
 
-write(".vscode/extensions.json", `
-{
-  "recommendations": [
-    "dsznajder.es7-react-js-snippets",
-    "vscode-icons-team.vscode-icons"
-  ]
-}
-`);
-
 // -------------------------------
 // src root
 // -------------------------------

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "create-bdpa-react-scaffold",
-  "version": "1.7.5",
-  
+  "version": "1.8.0",
   "description": "Scaffold a React + Tailwind UI library demo via Vite.",
   "bin": {
     "create-bdpa-react-scaffold": "./create-ui-lib.js"