create-plasmic-app 0.0.101 → 0.0.103

package/dist/tanstack/tanstack.js

@@ -24,7 +24,21 @@ const root_1 = require("./templates/file-router/root");
 exports.tanstackStrategy = {
     create: (args) => __awaiter(void 0, void 0, void 0, function* () {
         const { projectPath } = args;
-        const createCommand = `npx create-tsrouter-app@latest ${projectPath} --template file-router --add-ons start`;
+        /* create-tsrouter-app package receives the projectName as an argument, when we provide a fullProjectPath, it creates
+        package.json with name having the fullProjectPath causing illegal characters in the name field error.
+    
+          To avoid this behaviour, we will ensure the fullProjectPath exists
+          1. we get the projectName (tanstack-codegen-ts), and parentDir (/private/tmp/cpa-out)
+          2. change directory to parentDir and execute the command with projectName
+         */
+        const fullProjectPath = path_1.default.isAbsolute(projectPath)
+            ? projectPath
+            : path_1.default.resolve(process.cwd(), projectPath);
+        yield fs_1.promises.mkdir(fullProjectPath, { recursive: true });
+        const projectName = path_1.default.basename(fullProjectPath);
+        const parentDir = path_1.default.dirname(fullProjectPath);
+        process.chdir(parentDir);
+        const createCommand = `npx create-tsrouter-app@latest ${projectName} --template file-router --add-ons start`;
         yield (0, cmd_utils_1.spawnOrFail)(createCommand);
     }),
     installDeps: ({ scheme, projectPath }) => __awaiter(void 0, void 0, void 0, function* () {

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeCustomRoot_file_router_codegen = void 0;
 function makeCustomRoot_file_router_codegen(_jsOrTs) {
-    return `import { createRootRoute, HeadContent, Outlet, Scripts, Link } from '@tanstack/react-router'
+    return `import { createRootRoute, HeadContent, Outlet, Scripts } from '@tanstack/react-router'
 import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
 import { PlasmicRootProvider } from "@plasmicapp/react-web"
 import appCss from "../styles.css?url";
@@ -18,7 +18,7 @@ export const Route = createRootRoute({
   }),
   component: () => (
     <RootDocument>
-      <PlasmicRootProvider Link={Link}>
+      <PlasmicRootProvider>
         <Outlet />
         <TanStackRouterDevtools />
       </PlasmicRootProvider>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-plasmic-app",
-  "version": "0.0.101",
+  "version": "0.0.103",
   "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": "7199e5b0c2c94b6e95c81c8120d9861faf98d7ee"
+  "gitHead": "74a85a4ad10be4a50c0fcc53f0d073763d018fb8"
 }

package/src/tanstack/tanstack.ts

@@ -11,7 +11,25 @@ import { makeCustomRoot_file_router_codegen } from "./templates/file-router/root
 export const tanstackStrategy: CPAStrategy = {
   create: async (args) => {
     const { projectPath } = args;
-    const createCommand = `npx create-tsrouter-app@latest ${projectPath} --template file-router --add-ons start`;
+
+    /* create-tsrouter-app package receives the projectName as an argument, when we provide a fullProjectPath, it creates
+    package.json with name having the fullProjectPath causing illegal characters in the name field error.
+
+      To avoid this behaviour, we will ensure the fullProjectPath exists
+      1. we get the projectName (tanstack-codegen-ts), and parentDir (/private/tmp/cpa-out)
+      2. change directory to parentDir and execute the command with projectName
+     */
+    const fullProjectPath = path.isAbsolute(projectPath)
+      ? projectPath
+      : path.resolve(process.cwd(), projectPath);
+
+    await fs.mkdir(fullProjectPath, { recursive: true });
+
+    const projectName = path.basename(fullProjectPath);
+    const parentDir = path.dirname(fullProjectPath);
+    process.chdir(parentDir);
+
+    const createCommand = `npx create-tsrouter-app@latest ${projectName} --template file-router --add-ons start`;
 
     await spawnOrFail(createCommand);
   },

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

@@ -1,7 +1,7 @@
 import { JsOrTs } from "../../../utils/types";
 
 export function makeCustomRoot_file_router_codegen(_jsOrTs: JsOrTs): string {
-  return `import { createRootRoute, HeadContent, Outlet, Scripts, Link } from '@tanstack/react-router'
+  return `import { createRootRoute, HeadContent, Outlet, Scripts } from '@tanstack/react-router'
 import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
 import { PlasmicRootProvider } from "@plasmicapp/react-web"
 import appCss from "../styles.css?url";
@@ -17,7 +17,7 @@ export const Route = createRootRoute({
   }),
   component: () => (
     <RootDocument>
-      <PlasmicRootProvider Link={Link}>
+      <PlasmicRootProvider>
         <Outlet />
         <TanStackRouterDevtools />
       </PlasmicRootProvider>