create-plasmic-app 0.0.110 → 0.0.112

package/cpa-out/react-codegen-js/package.json

@@ -10,20 +10,20 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.338",
-    "@plasmicapp/react-web": "^0.2.393",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "@plasmicapp/cli": "^0.1.341",
+    "@plasmicapp/react-web": "^0.2.397",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
   },
   "devDependencies": {
-    "@eslint/js": "^9.29.0",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@vitejs/plugin-react": "^4.5.2",
-    "eslint": "^9.29.0",
+    "@eslint/js": "^9.32.0",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
+    "@vitejs/plugin-react": "^4.7.0",
+    "eslint": "^9.32.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
-    "globals": "^16.2.0",
-    "vite": "^7.0.0"
+    "globals": "^16.3.0",
+    "vite": "^7.1.0"
   }
 }

package/cpa-out/react-codegen-js/plasmic.json

@@ -128,6 +128,6 @@
     ]
   },
   "wrapPagesWithGlobalContexts": true,
-  "cliVersion": "0.1.338",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.338/dist/plasmic.schema.json"
+  "cliVersion": "0.1.341",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.341/dist/plasmic.schema.json"
 }

package/cpa-out/react-codegen-js/src/App.jsx

@@ -7,3 +7,4 @@ function App() {
 }
 
 export default App;
+  

package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicButton.jsx

@@ -10,7 +10,6 @@
 // Component: TQcvW_pSKi3
 import * as React from "react";
 import {
-  Stack as Stack__,
   classNames,
   createPlasmicElementProxy,
   deriveRenderOpts,
@@ -124,13 +123,11 @@ function PlasmicButton__RenderFunc(props) {
     focusVisibleWithin_root: isRootFocusVisibleWithin
   };
   return (
-    <Stack__
-      as={"button"}
+    <button
       data-plasmic-name={"root"}
       data-plasmic-override={overrides.root}
       data-plasmic-root={true}
       data-plasmic-for-node={forNode}
-      hasGap={true}
       className={classNames(
         projectcss.all,
         projectcss.button,
@@ -499,7 +496,7 @@ function PlasmicButton__RenderFunc(props) {
           })}
         </div>
       ) : null}
-    </Stack__>
+    </button>
   );
 }
 

package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx

@@ -10,7 +10,6 @@
 // Component: AO44A-w7hh
 import * as React from "react";
 import {
-  Stack as Stack__,
   classNames,
   createPlasmicElementProxy,
   deriveRenderOpts
@@ -65,11 +64,9 @@ function PlasmicDynamicPage__RenderFunc(props) {
             sty.root
           )}
         >
-          <Stack__
-            as={"section"}
+          <section
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
-            hasGap={true}
             className={classNames(projectcss.all, sty.section)}
           >
             <h1
@@ -106,7 +103,7 @@ function PlasmicDynamicPage__RenderFunc(props) {
                 sty.randomDynamicPageButton
               )}
             />
-          </Stack__>
+          </section>
         </div>
       </div>
     </React.Fragment>

package/cpa-out/react-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx

@@ -10,7 +10,6 @@
 // Component: 6uuAAE1jiCew
 import * as React from "react";
 import {
-  Stack as Stack__,
   classNames,
   createPlasmicElementProxy,
   deriveRenderOpts,
@@ -71,11 +70,9 @@ function PlasmicHomepage__RenderFunc(props) {
             sty.root
           )}
         >
-          <Stack__
-            as={"section"}
+          <section
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
-            hasGap={true}
             className={classNames(projectcss.all, sty.section)}
           >
             <h1
@@ -142,7 +139,7 @@ function PlasmicHomepage__RenderFunc(props) {
                 sty.randomDynamicPageButton
               )}
             />
-          </Stack__>
+          </section>
         </div>
       </div>
     </React.Fragment>

package/cpa-out/react-codegen-ts/package.json

@@ -10,22 +10,22 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.338",
-    "@plasmicapp/react-web": "^0.2.393",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "@plasmicapp/cli": "^0.1.341",
+    "@plasmicapp/react-web": "^0.2.397",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
   },
   "devDependencies": {
-    "@eslint/js": "^9.29.0",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@vitejs/plugin-react": "^4.5.2",
-    "eslint": "^9.29.0",
+    "@eslint/js": "^9.32.0",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
+    "@vitejs/plugin-react": "^4.7.0",
+    "eslint": "^9.32.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
-    "globals": "^16.2.0",
+    "globals": "^16.3.0",
     "typescript": "~5.8.3",
-    "typescript-eslint": "^8.34.1",
-    "vite": "^7.0.0"
+    "typescript-eslint": "^8.39.0",
+    "vite": "^7.1.0"
   }
 }

package/cpa-out/react-codegen-ts/plasmic.json

@@ -128,6 +128,6 @@
     ]
   },
   "wrapPagesWithGlobalContexts": true,
-  "cliVersion": "0.1.338",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.338/dist/plasmic.schema.json"
+  "cliVersion": "0.1.341",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.341/dist/plasmic.schema.json"
 }

package/cpa-out/react-codegen-ts/src/App.tsx

@@ -7,3 +7,4 @@ function App() {
 }
 
 export default App;
+  

package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicButton.tsx

@@ -254,13 +254,11 @@ function PlasmicButton__RenderFunc(props: {
   };
 
   return (
-    <Stack__
-      as={"button"}
+    <button
       data-plasmic-name={"root"}
       data-plasmic-override={overrides.root}
       data-plasmic-root={true}
       data-plasmic-for-node={forNode}
-      hasGap={true}
       className={classNames(
         projectcss.all,
         projectcss.button,
@@ -629,7 +627,7 @@ function PlasmicButton__RenderFunc(props: {
           })}
         </div>
       ) : null}
-    </Stack__>
+    </button>
   ) as React.ReactElement | null;
 }
 

package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx

@@ -131,11 +131,9 @@ function PlasmicDynamicPage__RenderFunc(props: {
             sty.root
           )}
         >
-          <Stack__
-            as={"section"}
+          <section
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
-            hasGap={true}
             className={classNames(projectcss.all, sty.section)}
           >
             <h1
@@ -172,7 +170,7 @@ function PlasmicDynamicPage__RenderFunc(props: {
                 sty.randomDynamicPageButton
               )}
             />
-          </Stack__>
+          </section>
         </div>
       </div>
     </React.Fragment>

package/cpa-out/react-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx

@@ -139,11 +139,9 @@ function PlasmicHomepage__RenderFunc(props: {
             sty.root
           )}
         >
-          <Stack__
-            as={"section"}
+          <section
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
-            hasGap={true}
             className={classNames(projectcss.all, sty.section)}
           >
             <h1
@@ -210,7 +208,7 @@ function PlasmicHomepage__RenderFunc(props: {
                 sty.randomDynamicPageButton
               )}
             />
-          </Stack__>
+          </section>
         </div>
       </div>
     </React.Fragment>

package/cpa-out/tanstack-codegen-ts/package.json

@@ -10,18 +10,18 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.338",
-    "@plasmicapp/react-web": "^0.2.393",
+    "@plasmicapp/cli": "^0.1.341",
+    "@plasmicapp/react-web": "^0.2.397",
     "@tailwindcss/vite": "^4.0.6",
-    "@tanstack/react-router": "^1.121.2",
-    "@tanstack/react-router-devtools": "^1.121.2",
-    "@tanstack/react-router-with-query": "^1.121.2",
-    "@tanstack/react-start": "^1.121.2",
+    "@tanstack/react-query": "^5.84.2",
+    "@tanstack/react-router": "^1.130.2",
+    "@tanstack/react-router-devtools": "^1.130.2",
+    "@tanstack/react-router-with-query": "^1.130.2",
+    "@tanstack/react-start": "^1.130.2",
     "@tanstack/router-plugin": "^1.121.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "tailwindcss": "^4.0.6",
-    "vite": "^6.3.3",
     "vite-tsconfig-paths": "^5.1.4"
   },
   "devDependencies": {
@@ -32,11 +32,8 @@
     "@vitejs/plugin-react": "^4.3.4",
     "jsdom": "^26.0.0",
     "typescript": "^5.7.2",
-    "vite": "^6.1.0",
+    "vite": "^6.3.5",
     "vitest": "^3.0.5",
     "web-vitals": "^4.2.4"
-  },
-  "overrides": {
-    "@tanstack/react-router": "^1.121.2"
   }
 }

package/cpa-out/tanstack-codegen-ts/plasmic.json

@@ -131,6 +131,6 @@
   "tanstackConfig": {
     "pagesDir": "../routes"
   },
-  "cliVersion": "0.1.338",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.338/dist/plasmic.schema.json"
+  "cliVersion": "0.1.341",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.341/dist/plasmic.schema.json"
 }

package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicButton.tsx

@@ -266,13 +266,11 @@ function PlasmicButton__RenderFunc(props: {
   };
 
   return (
-    <Stack__
-      as={"button"}
+    <button
       data-plasmic-name={"root"}
       data-plasmic-override={overrides.root}
       data-plasmic-root={true}
       data-plasmic-for-node={forNode}
-      hasGap={true}
       className={classNames(
         "plasmic_default__all",
         "plasmic_default__button",
@@ -734,7 +732,7 @@ function PlasmicButton__RenderFunc(props: {
           })}
         </div>
       ) : null}
-    </Stack__>
+    </button>
   ) as React.ReactElement | null;
 }
 

package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx

@@ -148,11 +148,9 @@ function PlasmicDynamicPage__RenderFunc(props: {
             "DynamicPage__root__hgzte"
           )}
         >
-          <Stack__
-            as={"section"}
+          <section
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
-            hasGap={true}
             className={classNames(
               "plasmic_default__all",
               "plasmic_default__section",
@@ -193,7 +191,7 @@ function PlasmicDynamicPage__RenderFunc(props: {
                 "DynamicPage__randomDynamicPageButton__kaCiI"
               )}
             />
-          </Stack__>
+          </section>
         </div>
       </div>
     </React.Fragment>

package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx

@@ -156,11 +156,9 @@ function PlasmicHomepage__RenderFunc(props: {
             "Homepage__root__qtZIr"
           )}
         >
-          <Stack__
-            as={"section"}
+          <section
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
-            hasGap={true}
             className={classNames(
               "plasmic_default__all",
               "plasmic_default__section",
@@ -232,7 +230,7 @@ function PlasmicHomepage__RenderFunc(props: {
                 "Homepage__randomDynamicPageButton__y0MM"
               )}
             />
-          </Stack__>
+          </section>
         </div>
       </div>
     </React.Fragment>

package/cpa-out/tanstack-codegen-ts/src/router.tsx

@@ -3,17 +3,13 @@ import { createRouter as createTanstackRouter } from '@tanstack/react-router'
 // Import the generated route tree
 import { routeTree } from './routeTree.gen'
 
-import './styles.css'
-
 // Create a new router instance
 export const createRouter = () => {
-  const router = createTanstackRouter({
+  return createTanstackRouter({
     routeTree,
     scrollRestoration: true,
     defaultPreloadStaleTime: 0,
   })
-
-  return router
 }
 
 // Register the router instance for type safety

package/cpa-out/tanstack-codegen-ts/vite.config.ts

@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite'
 import { tanstackStart } from '@tanstack/react-start/plugin/vite'
+import viteReact from '@vitejs/plugin-react'
 import viteTsConfigPaths from 'vite-tsconfig-paths'
 import tailwindcss from '@tailwindcss/vite'
 
@@ -19,7 +20,10 @@ const config = defineConfig({
       projects: ['./tsconfig.json'],
     }),
     tailwindcss(),
-    tanstackStart(),
+    tanstackStart({
+      customViteReactPlugin: true,
+    }),
+    viteReact(),
   ],
 })
 

package/dist/tanstack/tanstack.js

@@ -18,7 +18,7 @@ const path_1 = __importDefault(require("path"));
 const cmd_utils_1 = require("../utils/cmd-utils");
 const codegen_1 = require("../utils/codegen");
 const file_utils_1 = require("../utils/file-utils");
-const config_1 = require("./templates/file-router/config");
+const npm_utils_1 = require("../utils/npm-utils");
 const plasmic_host_1 = require("./templates/file-router/plasmic-host");
 const root_1 = require("./templates/file-router/root");
 exports.tanstackStrategy = {
@@ -40,6 +40,10 @@ exports.tanstackStrategy = {
         process.chdir(parentDir);
         const createCommand = `npx create-tsrouter-app@latest ${projectName} --template file-router --add-ons start`;
         yield (0, cmd_utils_1.spawnOrFail)(createCommand);
+        // Install peer-dep of @tanstack/react-router-with-query
+        yield (0, npm_utils_1.installUpgrade)("@tanstack/react-query", {
+            workingDir: projectPath,
+        });
     }),
     installDeps: ({ scheme, projectPath }) => __awaiter(void 0, void 0, void 0, function* () {
         if (scheme === "loader") {
@@ -51,10 +55,19 @@ exports.tanstackStrategy = {
     }),
     overwriteConfig: (args) => __awaiter(void 0, void 0, void 0, function* () {
         const { projectPath } = args;
-        /* We need to provide @plasmicapp/* packages in noExternal ssr packages for
-         * them to work properly during ssr phase.
-         */
-        yield fs_1.promises.writeFile(path_1.default.join(projectPath, "vite.config.ts"), (0, config_1.makeCustomViteConfig_file_router_codegen)());
+        // Add @plasmicapp/* packages in noExternal to work during SSR
+        const viteConfigPath = path_1.default.join(projectPath, "vite.config.ts");
+        const viteConfigContent = yield fs_1.promises.readFile(viteConfigPath, "utf8");
+        yield fs_1.promises.writeFile(viteConfigPath, viteConfigContent.replace(`defineConfig({`, `defineConfig({
+  ssr: {
+    noExternal: [
+      "@plasmicapp/data-sources",
+      "@plasmicapp/data-sources-context",
+      "@plasmicapp/prepass",
+      "@plasmicapp/query",
+      "@plasmicapp/react-web",
+    ],
+  },`));
         // Disable verbatimModuleSyntax in tsconfig.json
         const tsconfigPath = path_1.default.join(projectPath, "tsconfig.json");
         const tsconfigContent = yield fs_1.promises.readFile(tsconfigPath, "utf8");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-plasmic-app",
-  "version": "0.0.110",
+  "version": "0.0.112",
   "description": "Create Plasmic-powered React apps",
   "main": "./dist/lib.js",
   "types": "./dist/lib.d.ts",
@@ -46,5 +46,5 @@
     "validate-npm-package-name": "^3.0.0",
     "yargs": "^16.2.0"
   },
-  "gitHead": "462c13a23e3b4b78c0eb2958b97ac86ae2aa0679"
+  "gitHead": "8b5c1803ecb66ccf26a715a7e599fc9db0d8766d"
 }

package/src/tanstack/tanstack.ts

@@ -3,8 +3,8 @@ import path from "path";
 import { spawnOrFail } from "../utils/cmd-utils";
 import { installCodegenDeps, runCodegenSync } from "../utils/codegen";
 import { deleteGlob } from "../utils/file-utils";
+import { installUpgrade } from "../utils/npm-utils";
 import { CPAStrategy, GenerateFilesArgs } from "../utils/strategy";
-import { makeCustomViteConfig_file_router_codegen } from "./templates/file-router/config";
 import { makePlasmicHostPage_fileRouter_codegen } from "./templates/file-router/plasmic-host";
 import { makeCustomRoot_file_router_codegen } from "./templates/file-router/root";
 
@@ -32,6 +32,11 @@ export const tanstackStrategy: CPAStrategy = {
     const createCommand = `npx create-tsrouter-app@latest ${projectName} --template file-router --add-ons start`;
 
     await spawnOrFail(createCommand);
+
+    // Install peer-dep of @tanstack/react-router-with-query
+    await installUpgrade("@tanstack/react-query", {
+      workingDir: projectPath,
+    });
   },
   installDeps: async ({ scheme, projectPath }) => {
     if (scheme === "loader") {
@@ -45,12 +50,24 @@ export const tanstackStrategy: CPAStrategy = {
   overwriteConfig: async (args) => {
     const { projectPath } = args;
 
-    /* We need to provide @plasmicapp/* packages in noExternal ssr packages for
-     * them to work properly during ssr phase.
-     */
+    // Add @plasmicapp/* packages in noExternal to work during SSR
+    const viteConfigPath = path.join(projectPath, "vite.config.ts");
+    const viteConfigContent = await fs.readFile(viteConfigPath, "utf8");
     await fs.writeFile(
-      path.join(projectPath, "vite.config.ts"),
-      makeCustomViteConfig_file_router_codegen()
+      viteConfigPath,
+      viteConfigContent.replace(
+        `defineConfig({`,
+        `defineConfig({
+  ssr: {
+    noExternal: [
+      "@plasmicapp/data-sources",
+      "@plasmicapp/data-sources-context",
+      "@plasmicapp/prepass",
+      "@plasmicapp/query",
+      "@plasmicapp/react-web",
+    ],
+  },`
+      )
     );
 
     // Disable verbatimModuleSyntax in tsconfig.json

package/dist/tanstack/templates/file-router/config.d.ts

@@ -1 +0,0 @@
-export declare function makeCustomViteConfig_file_router_codegen(): string;

package/dist/tanstack/templates/file-router/config.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeCustomViteConfig_file_router_codegen = void 0;
-function makeCustomViteConfig_file_router_codegen() {
-    return `import { defineConfig } from 'vite'
-import { tanstackStart } from '@tanstack/react-start/plugin/vite'
-import viteTsConfigPaths from 'vite-tsconfig-paths'
-import tailwindcss from '@tailwindcss/vite'
-
-const config = defineConfig({
-  ssr: {
-    noExternal: [
-      "@plasmicapp/data-sources",
-      "@plasmicapp/data-sources-context",
-      "@plasmicapp/prepass",
-      "@plasmicapp/query",
-      "@plasmicapp/react-web",
-    ],
-  },
-  plugins: [
-    // this is the plugin that enables path aliases
-    viteTsConfigPaths({
-      projects: ['./tsconfig.json'],
-    }),
-    tailwindcss(),
-    tanstackStart(),
-  ],
-})
-
-export default config
-`;
-}
-exports.makeCustomViteConfig_file_router_codegen = makeCustomViteConfig_file_router_codegen;

package/src/tanstack/templates/file-router/config.ts

@@ -1,29 +0,0 @@
-export function makeCustomViteConfig_file_router_codegen(): string {
-  return `import { defineConfig } from 'vite'
-import { tanstackStart } from '@tanstack/react-start/plugin/vite'
-import viteTsConfigPaths from 'vite-tsconfig-paths'
-import tailwindcss from '@tailwindcss/vite'
-
-const config = defineConfig({
-  ssr: {
-    noExternal: [
-      "@plasmicapp/data-sources",
-      "@plasmicapp/data-sources-context",
-      "@plasmicapp/prepass",
-      "@plasmicapp/query",
-      "@plasmicapp/react-web",
-    ],
-  },
-  plugins: [
-    // this is the plugin that enables path aliases
-    viteTsConfigPaths({
-      projects: ['./tsconfig.json'],
-    }),
-    tailwindcss(),
-    tanstackStart(),
-  ],
-})
-
-export default config
-`;
-}