@tanstack/cta-framework-solid 0.16.0 → 0.16.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/cta-framework-solid",
-  "version": "0.16.0",
+  "version": "0.16.4",
   "description": "CTA Framework for Solid",
   "type": "module",
   "main": "./dist/index.js",
@@ -22,7 +22,7 @@
   "author": "Jack Herrington <jherr@pobox.com>",
   "license": "MIT",
   "dependencies": {
-    "@tanstack/cta-engine": "0.16.0"
+    "@tanstack/cta-engine": "0.16.4"
   },
   "devDependencies": {
     "@types/node": "^22.13.4",

package/project/base/_dot_gitignore

@@ -4,3 +4,5 @@ dist
 dist-ssr
 *.local
 .env
+.nitro
+.tanstack

package/tests/snapshots/solid/solid-cr-js-npm.json

@@ -2,7 +2,7 @@
   "files": {
     ".cta.json": "{\n  \"addOns\": false,\n  \"git\": true,\n  \"mode\": \"code-router\",\n  \"packageManager\": \"npm\",\n  \"projectName\": \"TEST\",\n  \"tailwind\": false,\n  \"typescript\": false,\n  \"variableValues\": {},\n  \"version\": 1,\n  \"framework\": \"solid\",\n  \"chosenAddOns\": []\n}",
     ".cursorrules": "// Solid.js with Tailwind CSS .cursorrules\n\n// Prefer functional components\n\nconst preferFunctionalComponents = true;\n\n// Solid.js and Tailwind CSS best practices\n\nconst solidjsTailwindBestPractices = [\n\"Use createSignal() for reactive state\",\n\"Implement Tailwind CSS classes for styling\",\n\"Utilize TypeScript's strict mode\",\n\"Utilize @apply directive in CSS files for reusable styles\",\n\"Implement responsive design using Tailwind's responsive classes\",\n\"Use Tailwind's CSS in /src/styles.css for global styles\",\n\"Implement dark mode using Tailwind's dark variant\",\n];\n\n// Additional instructions\n\nconst additionalInstructions = `\n\n1. Use .tsx extension for files with JSX\n2. Implement strict TypeScript checks\n3. Implement proper Tailwind CSS purging for production builds\n4. Utilize TanStack Router for routing when applicable\n5. Use type-safe context with createContext\n6. Implement proper typing for event handlers\n7. Follow TypeScript best practices and naming conventions\n8. Use type assertions sparingly and only when necessary\n9. Use Tailwind's @layer directive for custom styles\n10. Implement utility-first CSS approach\n11. Follow both Solid.js and Tailwind naming conventions\n12. Use JIT (Just-In-Time) mode for faster development\n    `;\n",
-    ".gitignore": "node_modules\n.DS_Store\ndist\ndist-ssr\n*.local\n.env\n",
+    ".gitignore": "node_modules\n.DS_Store\ndist\ndist-ssr\n*.local\n.env\n.nitro\n.tanstack\n",
     "/.vscode/settings.json": "{\n  \"files.watcherExclude\": {\n    \"**/routeTree.gen.ts\": true\n  },\n  \"search.exclude\": {\n    \"**/routeTree.gen.ts\": true\n  },\n  \"files.readonlyInclude\": {\n    \"**/routeTree.gen.ts\": true\n  }\n}\n",
     "/public/manifest.json": "{\n  \"short_name\": \"TanStack App\",\n  \"name\": \"Create TanStack App Sample\",\n  \"icons\": [\n    {\n      \"src\": \"favicon.ico\",\n      \"sizes\": \"64x64 32x32 24x24 16x16\",\n      \"type\": \"image/x-icon\"\n    },\n    {\n      \"src\": \"logo192.png\",\n      \"type\": \"image/png\",\n      \"sizes\": \"192x192\"\n    },\n    {\n      \"src\": \"logo512.png\",\n      \"type\": \"image/png\",\n      \"sizes\": \"512x512\"\n    }\n  ],\n  \"start_url\": \".\",\n  \"display\": \"standalone\",\n  \"theme_color\": \"#000000\",\n  \"background_color\": \"#ffffff\"\n}\n",
     "/public/robots.txt": "# https://www.robotstxt.org/robotstxt.html\nUser-agent: *\nDisallow:\n",

package/tests/snapshots/solid/solid-cr-ts-npm.json

@@ -2,7 +2,7 @@
   "files": {
     ".cta.json": "{\n  \"addOns\": false,\n  \"git\": true,\n  \"mode\": \"code-router\",\n  \"packageManager\": \"npm\",\n  \"projectName\": \"TEST\",\n  \"tailwind\": false,\n  \"typescript\": true,\n  \"variableValues\": {},\n  \"version\": 1,\n  \"framework\": \"solid\",\n  \"chosenAddOns\": []\n}",
     ".cursorrules": "// Solid.js with Tailwind CSS .cursorrules\n\n// Prefer functional components\n\nconst preferFunctionalComponents = true;\n\n// Solid.js and Tailwind CSS best practices\n\nconst solidjsTailwindBestPractices = [\n\"Use createSignal() for reactive state\",\n\"Implement Tailwind CSS classes for styling\",\n\"Utilize TypeScript's strict mode\",\n\"Utilize @apply directive in CSS files for reusable styles\",\n\"Implement responsive design using Tailwind's responsive classes\",\n\"Use Tailwind's CSS in /src/styles.css for global styles\",\n\"Implement dark mode using Tailwind's dark variant\",\n];\n\n// Additional instructions\n\nconst additionalInstructions = `\n\n1. Use .tsx extension for files with JSX\n2. Implement strict TypeScript checks\n3. Implement proper Tailwind CSS purging for production builds\n4. Utilize TanStack Router for routing when applicable\n5. Use type-safe context with createContext\n6. Implement proper typing for event handlers\n7. Follow TypeScript best practices and naming conventions\n8. Use type assertions sparingly and only when necessary\n9. Use Tailwind's @layer directive for custom styles\n10. Implement utility-first CSS approach\n11. Follow both Solid.js and Tailwind naming conventions\n12. Use JIT (Just-In-Time) mode for faster development\n    `;\n",
-    ".gitignore": "node_modules\n.DS_Store\ndist\ndist-ssr\n*.local\n.env\n",
+    ".gitignore": "node_modules\n.DS_Store\ndist\ndist-ssr\n*.local\n.env\n.nitro\n.tanstack\n",
     "/.vscode/settings.json": "{\n  \"files.watcherExclude\": {\n    \"**/routeTree.gen.ts\": true\n  },\n  \"search.exclude\": {\n    \"**/routeTree.gen.ts\": true\n  },\n  \"files.readonlyInclude\": {\n    \"**/routeTree.gen.ts\": true\n  }\n}\n",
     "/public/manifest.json": "{\n  \"short_name\": \"TanStack App\",\n  \"name\": \"Create TanStack App Sample\",\n  \"icons\": [\n    {\n      \"src\": \"favicon.ico\",\n      \"sizes\": \"64x64 32x32 24x24 16x16\",\n      \"type\": \"image/x-icon\"\n    },\n    {\n      \"src\": \"logo192.png\",\n      \"type\": \"image/png\",\n      \"sizes\": \"192x192\"\n    },\n    {\n      \"src\": \"logo512.png\",\n      \"type\": \"image/png\",\n      \"sizes\": \"512x512\"\n    }\n  ],\n  \"start_url\": \".\",\n  \"display\": \"standalone\",\n  \"theme_color\": \"#000000\",\n  \"background_color\": \"#ffffff\"\n}\n",
     "/public/robots.txt": "# https://www.robotstxt.org/robotstxt.html\nUser-agent: *\nDisallow:\n",

package/tests/snapshots/solid/solid-cr-ts-start-npm.json

@@ -2,7 +2,7 @@
   "files": {
     ".cta.json": "{\n  \"addOns\": true,\n  \"git\": true,\n  \"mode\": \"file-router\",\n  \"packageManager\": \"npm\",\n  \"projectName\": \"TEST\",\n  \"tailwind\": true,\n  \"typescript\": true,\n  \"variableValues\": {},\n  \"version\": 1,\n  \"framework\": \"solid\",\n  \"chosenAddOns\": [\n    \"start\"\n  ]\n}",
     ".cursorrules": "// Solid.js with Tailwind CSS .cursorrules\n\n// Prefer functional components\n\nconst preferFunctionalComponents = true;\n\n// Solid.js and Tailwind CSS best practices\n\nconst solidjsTailwindBestPractices = [\n\"Use createSignal() for reactive state\",\n\"Implement Tailwind CSS classes for styling\",\n\"Utilize TypeScript's strict mode\",\n\"Utilize @apply directive in CSS files for reusable styles\",\n\"Implement responsive design using Tailwind's responsive classes\",\n\"Use Tailwind's CSS in /src/styles.css for global styles\",\n\"Implement dark mode using Tailwind's dark variant\",\n];\n\n// Additional instructions\n\nconst additionalInstructions = `\n\n1. Use .tsx extension for files with JSX\n2. Implement strict TypeScript checks\n3. Implement proper Tailwind CSS purging for production builds\n4. Utilize TanStack Router for routing when applicable\n5. Use type-safe context with createContext\n6. Implement proper typing for event handlers\n7. Follow TypeScript best practices and naming conventions\n8. Use type assertions sparingly and only when necessary\n9. Use Tailwind's @layer directive for custom styles\n10. Implement utility-first CSS approach\n11. Follow both Solid.js and Tailwind naming conventions\n12. Use JIT (Just-In-Time) mode for faster development\n    `;\n",
-    ".gitignore": "node_modules\n.DS_Store\ndist\ndist-ssr\n*.local\n.env\n",
+    ".gitignore": "node_modules\n.DS_Store\ndist\ndist-ssr\n*.local\n.env\n.nitro\n.tanstack\n",
     "/.vscode/settings.json": "{\n  \"files.watcherExclude\": {\n    \"**/routeTree.gen.ts\": true\n  },\n  \"search.exclude\": {\n    \"**/routeTree.gen.ts\": true\n  },\n  \"files.readonlyInclude\": {\n    \"**/routeTree.gen.ts\": true\n  }\n}\n",
     "/public/manifest.json": "{\n  \"short_name\": \"TanStack App\",\n  \"name\": \"Create TanStack App Sample\",\n  \"icons\": [\n    {\n      \"src\": \"favicon.ico\",\n      \"sizes\": \"64x64 32x32 24x24 16x16\",\n      \"type\": \"image/x-icon\"\n    },\n    {\n      \"src\": \"logo192.png\",\n      \"type\": \"image/png\",\n      \"sizes\": \"192x192\"\n    },\n    {\n      \"src\": \"logo512.png\",\n      \"type\": \"image/png\",\n      \"sizes\": \"512x512\"\n    }\n  ],\n  \"start_url\": \".\",\n  \"display\": \"standalone\",\n  \"theme_color\": \"#000000\",\n  \"background_color\": \"#ffffff\"\n}\n",
     "/public/robots.txt": "# https://www.robotstxt.org/robotstxt.html\nUser-agent: *\nDisallow:\n",

package/tests/snapshots/solid/solid-fr-ts-npm.json

@@ -2,7 +2,7 @@
   "files": {
     ".cta.json": "{\n  \"addOns\": false,\n  \"git\": true,\n  \"mode\": \"file-router\",\n  \"packageManager\": \"npm\",\n  \"projectName\": \"TEST\",\n  \"tailwind\": false,\n  \"typescript\": true,\n  \"variableValues\": {},\n  \"version\": 1,\n  \"framework\": \"solid\",\n  \"chosenAddOns\": []\n}",
     ".cursorrules": "// Solid.js with Tailwind CSS .cursorrules\n\n// Prefer functional components\n\nconst preferFunctionalComponents = true;\n\n// Solid.js and Tailwind CSS best practices\n\nconst solidjsTailwindBestPractices = [\n\"Use createSignal() for reactive state\",\n\"Implement Tailwind CSS classes for styling\",\n\"Utilize TypeScript's strict mode\",\n\"Utilize @apply directive in CSS files for reusable styles\",\n\"Implement responsive design using Tailwind's responsive classes\",\n\"Use Tailwind's CSS in /src/styles.css for global styles\",\n\"Implement dark mode using Tailwind's dark variant\",\n];\n\n// Additional instructions\n\nconst additionalInstructions = `\n\n1. Use .tsx extension for files with JSX\n2. Implement strict TypeScript checks\n3. Implement proper Tailwind CSS purging for production builds\n4. Utilize TanStack Router for routing when applicable\n5. Use type-safe context with createContext\n6. Implement proper typing for event handlers\n7. Follow TypeScript best practices and naming conventions\n8. Use type assertions sparingly and only when necessary\n9. Use Tailwind's @layer directive for custom styles\n10. Implement utility-first CSS approach\n11. Follow both Solid.js and Tailwind naming conventions\n12. Use JIT (Just-In-Time) mode for faster development\n    `;\n",
-    ".gitignore": "node_modules\n.DS_Store\ndist\ndist-ssr\n*.local\n.env\n",
+    ".gitignore": "node_modules\n.DS_Store\ndist\ndist-ssr\n*.local\n.env\n.nitro\n.tanstack\n",
     "/.vscode/settings.json": "{\n  \"files.watcherExclude\": {\n    \"**/routeTree.gen.ts\": true\n  },\n  \"search.exclude\": {\n    \"**/routeTree.gen.ts\": true\n  },\n  \"files.readonlyInclude\": {\n    \"**/routeTree.gen.ts\": true\n  }\n}\n",
     "/public/manifest.json": "{\n  \"short_name\": \"TanStack App\",\n  \"name\": \"Create TanStack App Sample\",\n  \"icons\": [\n    {\n      \"src\": \"favicon.ico\",\n      \"sizes\": \"64x64 32x32 24x24 16x16\",\n      \"type\": \"image/x-icon\"\n    },\n    {\n      \"src\": \"logo192.png\",\n      \"type\": \"image/png\",\n      \"sizes\": \"192x192\"\n    },\n    {\n      \"src\": \"logo512.png\",\n      \"type\": \"image/png\",\n      \"sizes\": \"512x512\"\n    }\n  ],\n  \"start_url\": \".\",\n  \"display\": \"standalone\",\n  \"theme_color\": \"#000000\",\n  \"background_color\": \"#ffffff\"\n}\n",
     "/public/robots.txt": "# https://www.robotstxt.org/robotstxt.html\nUser-agent: *\nDisallow:\n",

package/tests/snapshots/solid/solid-fr-ts-tw-npm.json

@@ -2,7 +2,7 @@
   "files": {
     ".cta.json": "{\n  \"addOns\": false,\n  \"git\": true,\n  \"mode\": \"file-router\",\n  \"packageManager\": \"npm\",\n  \"projectName\": \"TEST\",\n  \"tailwind\": true,\n  \"typescript\": true,\n  \"variableValues\": {},\n  \"version\": 1,\n  \"framework\": \"solid\",\n  \"chosenAddOns\": []\n}",
     ".cursorrules": "// Solid.js with Tailwind CSS .cursorrules\n\n// Prefer functional components\n\nconst preferFunctionalComponents = true;\n\n// Solid.js and Tailwind CSS best practices\n\nconst solidjsTailwindBestPractices = [\n\"Use createSignal() for reactive state\",\n\"Implement Tailwind CSS classes for styling\",\n\"Utilize TypeScript's strict mode\",\n\"Utilize @apply directive in CSS files for reusable styles\",\n\"Implement responsive design using Tailwind's responsive classes\",\n\"Use Tailwind's CSS in /src/styles.css for global styles\",\n\"Implement dark mode using Tailwind's dark variant\",\n];\n\n// Additional instructions\n\nconst additionalInstructions = `\n\n1. Use .tsx extension for files with JSX\n2. Implement strict TypeScript checks\n3. Implement proper Tailwind CSS purging for production builds\n4. Utilize TanStack Router for routing when applicable\n5. Use type-safe context with createContext\n6. Implement proper typing for event handlers\n7. Follow TypeScript best practices and naming conventions\n8. Use type assertions sparingly and only when necessary\n9. Use Tailwind's @layer directive for custom styles\n10. Implement utility-first CSS approach\n11. Follow both Solid.js and Tailwind naming conventions\n12. Use JIT (Just-In-Time) mode for faster development\n    `;\n",
-    ".gitignore": "node_modules\n.DS_Store\ndist\ndist-ssr\n*.local\n.env\n",
+    ".gitignore": "node_modules\n.DS_Store\ndist\ndist-ssr\n*.local\n.env\n.nitro\n.tanstack\n",
     "/.vscode/settings.json": "{\n  \"files.watcherExclude\": {\n    \"**/routeTree.gen.ts\": true\n  },\n  \"search.exclude\": {\n    \"**/routeTree.gen.ts\": true\n  },\n  \"files.readonlyInclude\": {\n    \"**/routeTree.gen.ts\": true\n  }\n}\n",
     "/public/manifest.json": "{\n  \"short_name\": \"TanStack App\",\n  \"name\": \"Create TanStack App Sample\",\n  \"icons\": [\n    {\n      \"src\": \"favicon.ico\",\n      \"sizes\": \"64x64 32x32 24x24 16x16\",\n      \"type\": \"image/x-icon\"\n    },\n    {\n      \"src\": \"logo192.png\",\n      \"type\": \"image/png\",\n      \"sizes\": \"192x192\"\n    },\n    {\n      \"src\": \"logo512.png\",\n      \"type\": \"image/png\",\n      \"sizes\": \"512x512\"\n    }\n  ],\n  \"start_url\": \".\",\n  \"display\": \"standalone\",\n  \"theme_color\": \"#000000\",\n  \"background_color\": \"#ffffff\"\n}\n",
     "/public/robots.txt": "# https://www.robotstxt.org/robotstxt.html\nUser-agent: *\nDisallow:\n",