create-plasmic-app 0.0.105 → 0.0.107

package/cpa-out/react-codegen-js/eslint.config.js

@@ -2,11 +2,17 @@ import js from '@eslint/js'
 import globals from 'globals'
 import reactHooks from 'eslint-plugin-react-hooks'
 import reactRefresh from 'eslint-plugin-react-refresh'
+import { defineConfig, globalIgnores } from 'eslint/config'
 
-export default [
-  { ignores: ['dist'] },
+export default defineConfig([
+  globalIgnores(['dist']),
   {
     files: ['**/*.{js,jsx}'],
+    extends: [
+      js.configs.recommended,
+      reactHooks.configs['recommended-latest'],
+      reactRefresh.configs.vite,
+    ],
     languageOptions: {
       ecmaVersion: 2020,
       globals: globals.browser,
@@ -16,18 +22,8 @@ export default [
         sourceType: 'module',
       },
     },
-    plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
-    },
     rules: {
-      ...js.configs.recommended.rules,
-      ...reactHooks.configs.recommended.rules,
       'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
-      ],
     },
   },
-]
+])

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

@@ -10,20 +10,20 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.337",
-    "@plasmicapp/react-web": "^0.2.381",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "@plasmicapp/cli": "^0.1.338",
+    "@plasmicapp/react-web": "^0.2.393",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.22.0",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.22.0",
+    "@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-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "globals": "^16.0.0",
-    "vite": "^6.3.1"
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.2.0",
+    "vite": "^7.0.0"
   }
 }

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

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

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

@@ -9,6 +9,14 @@ export const ScreenContext = React.createContext(
   "PLEASE_RENDER_INSIDE_PROVIDER"
 );
 
+export function ScreenContextProvider(props) {
+  return (
+    <ScreenContext.Provider value={props.value}>
+      {props.children}
+    </ScreenContext.Provider>
+  );
+}
+
 export const useScreenVariants = createUseScreenVariants(true, {
   desktopOnly: "(min-width:768px)",
 });

package/cpa-out/react-codegen-ts/eslint.config.js

@@ -3,26 +3,21 @@ import globals from 'globals'
 import reactHooks from 'eslint-plugin-react-hooks'
 import reactRefresh from 'eslint-plugin-react-refresh'
 import tseslint from 'typescript-eslint'
+import { globalIgnores } from 'eslint/config'
 
-export default tseslint.config(
-  { ignores: ['dist'] },
+export default tseslint.config([
+  globalIgnores(['dist']),
   {
-    extends: [js.configs.recommended, ...tseslint.configs.recommended],
     files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs['recommended-latest'],
+      reactRefresh.configs.vite,
+    ],
     languageOptions: {
       ecmaVersion: 2020,
       globals: globals.browser,
     },
-    plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
-    },
-    rules: {
-      ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
-      ],
-    },
   },
-)
+])

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

@@ -10,22 +10,22 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.337",
-    "@plasmicapp/react-web": "^0.2.381",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "@plasmicapp/cli": "^0.1.338",
+    "@plasmicapp/react-web": "^0.2.393",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.22.0",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.22.0",
+    "@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-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "globals": "^16.0.0",
-    "typescript": "~5.7.2",
-    "typescript-eslint": "^8.26.1",
-    "vite": "^6.3.1"
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.2.0",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.34.1",
+    "vite": "^7.0.0"
   }
 }

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

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

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

@@ -10,6 +10,15 @@ export type ScreenValue = "desktopOnly";
 export const ScreenContext = React.createContext<ScreenValue[] | undefined>(
   "PLEASE_RENDER_INSIDE_PROVIDER" as any
 );
+export function ScreenContextProvider(
+  props: React.PropsWithChildren<{ value: ScreenValue[] | undefined }>
+) {
+  return (
+    <ScreenContext.Provider value={props.value}>
+      {props.children}
+    </ScreenContext.Provider>
+  );
+}
 
 export const useScreenVariants = createUseScreenVariants(true, {
   desktopOnly: "(min-width:768px)",

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

@@ -10,7 +10,7 @@
     /* Bundler mode */
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
+    "verbatimModuleSyntax": false,
     "noEmit": true,
 
     /* Linting */

package/dist/index.js

@@ -151,25 +151,6 @@ function run() {
         });
         // Absolute path to the new project
         resolvedProjectPath = path.resolve(projectName);
-        // Prompt for Typescript
-        const jsOrTs = (yield maybePrompt({
-            name: "typescript",
-            message: "What language do you want to use?",
-            type: "list",
-            choices: () => [
-                {
-                    name: "TypeScript",
-                    value: true,
-                },
-                {
-                    name: "JavaScript",
-                    value: false,
-                },
-            ],
-            default: true,
-        }))
-            ? "ts"
-            : "js";
         // Prompt for the platform
         const platform = yield maybePrompt({
             name: "platform",
@@ -198,6 +179,25 @@ function run() {
             ],
             default: "nextjs",
         });
+        // Prompt for Typescript
+        const jsOrTs = platform === "tanstack"
+            ? "ts"
+            : yield maybePrompt({
+                name: "typescript",
+                message: "What language do you want to use?",
+                type: "list",
+                choices: () => [
+                    {
+                        name: "TypeScript",
+                        value: "ts",
+                    },
+                    {
+                        name: "JavaScript",
+                        value: "js",
+                    },
+                ],
+                default: "ts",
+            });
         // Scheme to use for Plasmic integration
         // - loader only available for gatsby/next.js
         const scheme = platform === "nextjs" || platform === "gatsby"

package/dist/tanstack/tanstack.js

@@ -50,13 +50,15 @@ exports.tanstackStrategy = {
         }
     }),
     overwriteConfig: (args) => __awaiter(void 0, void 0, void 0, function* () {
-        const { projectPath, jsOrTs } = args;
+        const { projectPath } = args;
         /* We need to provide @plasmicapp/* packages in noExternal ssr packages for
          * them to work properly during ssr phase.
          */
-        if (jsOrTs === "ts") {
-            yield fs_1.promises.writeFile(path_1.default.join(projectPath, "vite.config.ts"), (0, config_1.makeCustomViteConfig_file_router_codegen)());
-        }
+        yield fs_1.promises.writeFile(path_1.default.join(projectPath, "vite.config.ts"), (0, config_1.makeCustomViteConfig_file_router_codegen)());
+        // Disable verbatimModuleSyntax in tsconfig.json
+        const tsconfigPath = path_1.default.join(projectPath, "tsconfig.json");
+        const tsconfigContent = yield fs_1.promises.readFile(tsconfigPath, "utf8");
+        yield fs_1.promises.writeFile(tsconfigPath, tsconfigContent.replace(`"verbatimModuleSyntax": true`, `"verbatimModuleSyntax": false`));
     }),
     generateFiles: (args) => {
         return generateFilesFileRouterTemplate(args);
@@ -68,7 +70,7 @@ exports.tanstackStrategy = {
 };
 function generateFilesFileRouterTemplate(args) {
     return __awaiter(this, void 0, void 0, function* () {
-        const { projectPath, scheme, jsOrTs, projectId, projectApiToken } = args;
+        const { projectPath, scheme, projectId, projectApiToken } = args;
         // Delete existing pages
         (0, file_utils_1.deleteGlob)(path_1.default.join(projectPath, "src/routes", "*.*"));
         if (scheme === "loader") {
@@ -76,9 +78,9 @@ function generateFilesFileRouterTemplate(args) {
         }
         else {
             // ./src/routes/__root.tsx
-            yield fs_1.promises.writeFile(path_1.default.join(projectPath, "src/routes", `__root.${jsOrTs}x`), (0, root_1.makeCustomRoot_file_router_codegen)(jsOrTs));
+            yield fs_1.promises.writeFile(path_1.default.join(projectPath, "src/routes", "__root.tsx"), (0, root_1.makeCustomRoot_file_router_codegen)());
             // ./src/routes/plasmic-host.tsx
-            yield fs_1.promises.writeFile(path_1.default.join(projectPath, "src/routes", `plasmic-host.${jsOrTs}x`), (0, plasmic_host_1.makePlasmicHostPage_fileRouter_codegen)());
+            yield fs_1.promises.writeFile(path_1.default.join(projectPath, "src/routes", "plasmic-host.tsx"), (0, plasmic_host_1.makePlasmicHostPage_fileRouter_codegen)());
             // This should generate
             // ./plasmic.json
             // ./routes/index.tsx

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

@@ -1,2 +1 @@
-import { JsOrTs } from "../../../utils/types";
-export declare function makeCustomRoot_file_router_codegen(_jsOrTs: JsOrTs): string;
+export declare function makeCustomRoot_file_router_codegen(): string;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeCustomRoot_file_router_codegen = void 0;
-function makeCustomRoot_file_router_codegen(_jsOrTs) {
+function makeCustomRoot_file_router_codegen() {
     return `import { createRootRoute, HeadContent, Outlet, Scripts } from '@tanstack/react-router'
 import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
 import { PlasmicRootProvider } from "@plasmicapp/react-web"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-plasmic-app",
-  "version": "0.0.105",
+  "version": "0.0.107",
   "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": "0c49eb5026b12b17d836be44234696d1f7560140"
+  "gitHead": "7eba0fb9492e4b1907a42537163ba9d1e91f8482"
 }

package/run-cpa.ts

@@ -31,11 +31,13 @@ async function run() {
         typescript,
       });
       if (scheme === "codegen") {
-        allArgSets.push({
-          platform: "tanstack",
-          scheme,
-          typescript,
-        });
+        if (typescript) {
+          allArgSets.push({
+            platform: "tanstack",
+            scheme,
+            typescript,
+          });
+        }
 
         allArgSets.push({
           platform: "react",

package/src/index.ts

@@ -8,7 +8,12 @@ import yargs from "yargs";
 import * as cpa from "./lib";
 import { ensure } from "./utils/lang-utils";
 import { checkEngineStrict, updateNotify } from "./utils/npm-utils";
-import { PlatformOptions, PlatformType, SchemeType } from "./utils/types";
+import {
+  JsOrTs,
+  PlatformOptions,
+  PlatformType,
+  SchemeType,
+} from "./utils/types";
 
 if (process.env.CPA_DEBUG_CHDIR) {
   process.chdir(process.env.CPA_DEBUG_CHDIR);
@@ -138,26 +143,6 @@ async function run(): Promise<void> {
   // Absolute path to the new project
   resolvedProjectPath = path.resolve(projectName);
 
-  // Prompt for Typescript
-  const jsOrTs = (await maybePrompt({
-    name: "typescript",
-    message: "What language do you want to use?",
-    type: "list",
-    choices: () => [
-      {
-        name: "TypeScript",
-        value: true,
-      },
-      {
-        name: "JavaScript",
-        value: false,
-      },
-    ],
-    default: true,
-  }))
-    ? "ts"
-    : "js";
-
   // Prompt for the platform
   const platform = await maybePrompt<PlatformType>({
     name: "platform",
@@ -187,6 +172,27 @@ async function run(): Promise<void> {
     default: "nextjs",
   });
 
+  // Prompt for Typescript
+  const jsOrTs: JsOrTs =
+    platform === "tanstack"
+      ? "ts"
+      : await maybePrompt({
+          name: "typescript",
+          message: "What language do you want to use?",
+          type: "list",
+          choices: () => [
+            {
+              name: "TypeScript",
+              value: "ts",
+            },
+            {
+              name: "JavaScript",
+              value: "js",
+            },
+          ],
+          default: "ts",
+        });
+
   // Scheme to use for Plasmic integration
   // - loader only available for gatsby/next.js
   const scheme: SchemeType =

package/src/tanstack/tanstack.ts

@@ -43,17 +43,26 @@ export const tanstackStrategy: CPAStrategy = {
     }
   },
   overwriteConfig: async (args) => {
-    const { projectPath, jsOrTs } = args;
+    const { projectPath } = args;
 
     /* We need to provide @plasmicapp/* packages in noExternal ssr packages for
      * them to work properly during ssr phase.
      */
-    if (jsOrTs === "ts") {
-      await fs.writeFile(
-        path.join(projectPath, "vite.config.ts"),
-        makeCustomViteConfig_file_router_codegen()
-      );
-    }
+    await fs.writeFile(
+      path.join(projectPath, "vite.config.ts"),
+      makeCustomViteConfig_file_router_codegen()
+    );
+
+    // Disable verbatimModuleSyntax in tsconfig.json
+    const tsconfigPath = path.join(projectPath, "tsconfig.json");
+    const tsconfigContent = await fs.readFile(tsconfigPath, "utf8");
+    await fs.writeFile(
+      tsconfigPath,
+      tsconfigContent.replace(
+        `"verbatimModuleSyntax": true`,
+        `"verbatimModuleSyntax": false`
+      )
+    );
   },
   generateFiles: (args) => {
     return generateFilesFileRouterTemplate(args);
@@ -65,7 +74,7 @@ export const tanstackStrategy: CPAStrategy = {
 };
 
 async function generateFilesFileRouterTemplate(args: GenerateFilesArgs) {
-  const { projectPath, scheme, jsOrTs, projectId, projectApiToken } = args;
+  const { projectPath, scheme, projectId, projectApiToken } = args;
 
   // Delete existing pages
   deleteGlob(path.join(projectPath, "src/routes", "*.*"));
@@ -77,13 +86,13 @@ async function generateFilesFileRouterTemplate(args: GenerateFilesArgs) {
   } else {
     // ./src/routes/__root.tsx
     await fs.writeFile(
-      path.join(projectPath, "src/routes", `__root.${jsOrTs}x`),
-      makeCustomRoot_file_router_codegen(jsOrTs)
+      path.join(projectPath, "src/routes", "__root.tsx"),
+      makeCustomRoot_file_router_codegen()
     );
 
     // ./src/routes/plasmic-host.tsx
     await fs.writeFile(
-      path.join(projectPath, "src/routes", `plasmic-host.${jsOrTs}x`),
+      path.join(projectPath, "src/routes", "plasmic-host.tsx"),
       makePlasmicHostPage_fileRouter_codegen()
     );
 

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

@@ -1,6 +1,4 @@
-import { JsOrTs } from "../../../utils/types";
-
-export function makeCustomRoot_file_router_codegen(_jsOrTs: JsOrTs): string {
+export function makeCustomRoot_file_router_codegen(): string {
   return `import { createRootRoute, HeadContent, Outlet, Scripts } from '@tanstack/react-router'
 import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
 import { PlasmicRootProvider } from "@plasmicapp/react-web"