create-plasmic-app 0.0.167 → 0.0.169

package/cpa-out/nextjs-pages-loader-ts/pages/sitemap.xml.ts

@@ -0,0 +1,47 @@
+import { PLASMIC } from "@/plasmic-init";
+import type { GetServerSideProps } from "next";
+
+function escapeXml(str: string) {
+  return str
+    .replace(/&/g, "&")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&apos;");
+}
+
+function makeSitemapXml(urls: string[]) {
+  const entries = urls.map(
+    (url) => `  <url><loc>${escapeXml(url)}</loc></url>`
+  );
+  return `<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+${entries.join("\n")}
+</urlset>
+`;
+}
+
+export const getServerSideProps: GetServerSideProps = async ({ req, res }) => {
+  // Set NEXT_PUBLIC_SITE_URL to pin the origin;
+  // otherwise it is derived per-request from the request headers.
+  const siteUrl =
+    process.env.NEXT_PUBLIC_SITE_URL ??
+    (process.env.VERCEL_PROJECT_PRODUCTION_URL
+      ? `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`
+      : `${req.headers["x-forwarded-proto"] ?? "http"}://${
+          req.headers["x-forwarded-host"] ?? req.headers.host
+        }`);
+
+  // fetchPages() drops pages whose path takes a param, e.g. "/blog/[slug]".
+  const pages = await PLASMIC.fetchPages();
+  const urls = pages.map((page) => new URL(page.path, siteUrl).toString());
+
+  res.setHeader("Content-Type", "application/xml; charset=utf-8");
+  res.write(makeSitemapXml(urls));
+  res.end();
+  return { props: {} };
+};
+
+export default function Sitemap() {
+  return null;
+}

package/cpa-out/nextjs-pages-loader-ts/styles/Home.module.css

@@ -139,3 +139,11 @@ a.secondary {
     --button-secondary-border: #1a1a1a;
   }
 }
+
+.code {
+  font-family: var(--font-geist-mono);
+  font-size: 0.9em;
+  background: color-mix(in srgb, currentColor 8%, transparent);
+  padding: 0.1em 0.4em;
+  border-radius: 6px;
+}

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

@@ -10,8 +10,9 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.364",
-    "@plasmicapp/react-web": "^1.0.12",
+    "@plasmicapp/cli": "^0.1.372",
+    "@plasmicapp/host": "^2.0.17",
+    "@plasmicapp/react-web": "^1.0.32",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },

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

@@ -14,10 +14,6 @@
     "publicDir": "../public",
     "publicUrlPrefix": "/static/"
   },
-  "tokens": {
-    "scheme": "theo",
-    "tokensFilePath": "plasmic-tokens.theo.json"
-  },
   "srcDir": "src/components",
   "defaultPlasmicDir": "./plasmic",
   "projects": [
@@ -132,6 +128,7 @@
   },
   "wrapPagesWithGlobalContexts": true,
   "preserveJsImportExtensions": false,
-  "cliVersion": "0.1.364",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.364/dist/plasmic.schema.json"
+  "cliVersion": "0.1.372",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.372/dist/plasmic.schema.json",
+  "packageManager": "npm"
 }

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

@@ -15,7 +15,7 @@ import {
   deriveRenderOpts
 } from "@plasmicapp/react-web";
 import { useDataEnv } from "@plasmicapp/react-web/lib/host";
-import { unstable_usePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
+import { usePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
 import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
 import { _useStyleTokens } from "./PlasmicStyleTokensProvider"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/styleTokensProvider
 import "@plasmicapp/react-web/lib/plasmic.css";
@@ -105,7 +105,7 @@ function PlasmicDynamicPage__RenderFunc(props) {
   const $ctx = useDataEnv?.() || {};
   const refsRef = React.useRef({});
   const $refs = refsRef.current;
-  const $q = unstable_usePlasmicQueries(serverQueryTree, $ctx, $props, null);
+  const $q = usePlasmicQueries(serverQueryTree, { $ctx, $props, $state: null });
   const styleTokensClassNames = _useStyleTokens();
   return (
     <React.Fragment>

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

@@ -323,6 +323,22 @@
   text-transform: inherit;
 }
 
+:where(.b) {
+  font-family: inherit;
+  line-height: inherit;
+  font-size: inherit;
+  color: inherit;
+  text-transform: inherit;
+}
+:where(.__wab_expr_html_text b) {
+  white-space: inherit;
+  font-family: inherit;
+  line-height: inherit;
+  font-size: inherit;
+  color: inherit;
+  text-transform: inherit;
+}
+
 :where(.i) {
   font-family: inherit;
   line-height: inherit;

package/cpa-out/react-codegen-js/src/components/plasmic/plasmic__default_style.css

@@ -186,6 +186,22 @@
   text-transform: inherit;
 }
 
+:where(.b) {
+  font-family: inherit;
+  line-height: inherit;
+  font-size: inherit;
+  color: inherit;
+  text-transform: inherit;
+}
+:where(.__wab_expr_html_text b) {
+  white-space: inherit;
+  font-family: inherit;
+  line-height: inherit;
+  font-size: inherit;
+  color: inherit;
+  text-transform: inherit;
+}
+
 :where(.i) {
   font-family: inherit;
   line-height: inherit;

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

@@ -10,8 +10,9 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.364",
-    "@plasmicapp/react-web": "^1.0.12",
+    "@plasmicapp/cli": "^0.1.372",
+    "@plasmicapp/host": "^2.0.17",
+    "@plasmicapp/react-web": "^1.0.32",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },

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

@@ -14,10 +14,6 @@
     "publicDir": "../public",
     "publicUrlPrefix": "/static/"
   },
-  "tokens": {
-    "scheme": "theo",
-    "tokensFilePath": "plasmic-tokens.theo.json"
-  },
   "srcDir": "src/components",
   "defaultPlasmicDir": "./plasmic",
   "projects": [
@@ -132,6 +128,7 @@
   },
   "wrapPagesWithGlobalContexts": true,
   "preserveJsImportExtensions": false,
-  "cliVersion": "0.1.364",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.364/dist/plasmic.schema.json"
+  "cliVersion": "0.1.372",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.372/dist/plasmic.schema.json",
+  "packageManager": "npm"
 }

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

@@ -57,7 +57,7 @@ import {
 
 import { useMutablePlasmicQueryData } from "@plasmicapp/query";
 
-import { unstable_usePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
+import { usePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
 import type {
   PlasmicQuery,
   PlasmicQueryResult
@@ -189,7 +189,7 @@ function PlasmicDynamicPage__RenderFunc(props: {
   const refsRef = React.useRef({});
   const $refs = refsRef.current;
 
-  const $q = unstable_usePlasmicQueries(serverQueryTree, $ctx, $props, null);
+  const $q = usePlasmicQueries(serverQueryTree, { $ctx, $props, $state: null });
 
   const styleTokensClassNames = _useStyleTokens();
 

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

@@ -323,6 +323,22 @@
   text-transform: inherit;
 }
 
+:where(.b) {
+  font-family: inherit;
+  line-height: inherit;
+  font-size: inherit;
+  color: inherit;
+  text-transform: inherit;
+}
+:where(.__wab_expr_html_text b) {
+  white-space: inherit;
+  font-family: inherit;
+  line-height: inherit;
+  font-size: inherit;
+  color: inherit;
+  text-transform: inherit;
+}
+
 :where(.i) {
   font-family: inherit;
   line-height: inherit;

package/cpa-out/react-codegen-ts/src/components/plasmic/plasmic__default_style.css

@@ -186,6 +186,22 @@
   text-transform: inherit;
 }
 
+:where(.b) {
+  font-family: inherit;
+  line-height: inherit;
+  font-size: inherit;
+  color: inherit;
+  text-transform: inherit;
+}
+:where(.__wab_expr_html_text b) {
+  white-space: inherit;
+  font-family: inherit;
+  line-height: inherit;
+  font-size: inherit;
+  color: inherit;
+  text-transform: inherit;
+}
+
 :where(.i) {
   font-family: inherit;
   line-height: inherit;

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

@@ -7,38 +7,33 @@
   },
   "scripts": {
     "dev": "vite dev --port 3000",
+    "generate-routes": "tsr generate",
     "build": "vite build",
-    "preview": "vite preview",
-    "test": "vitest run"
+    "preview": "vite preview"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.363",
-    "@plasmicapp/react-web": "^1.0.10",
+    "@plasmicapp/cli": "^0.1.372",
+    "@plasmicapp/host": "^2.0.17",
+    "@plasmicapp/react-web": "^1.0.32",
     "@tailwindcss/vite": "^4.1.18",
     "@tanstack/react-devtools": "latest",
-    "@tanstack/react-query": "^5.101.0",
+    "@tanstack/react-query": "^5.101.4",
     "@tanstack/react-router": "latest",
     "@tanstack/react-router-devtools": "latest",
-    "@tanstack/router-plugin": "^1.132.0",
-    "lucide-react": "^0.545.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tailwindcss": "^4.1.18"
   },
   "devDependencies": {
-    "@tailwindcss/typography": "^0.5.16",
     "@tanstack/devtools-vite": "latest",
+    "@tanstack/router-cli": "^1.132.0",
     "@tanstack/router-plugin": "latest",
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/react": "^16.3.0",
     "@types/node": "^22.10.2",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
     "@vitejs/plugin-react": "^6.0.1",
-    "jsdom": "^28.1.0",
     "typescript": "^6.0.2",
-    "vite": "^8.0.0",
-    "vitest": "^4.1.5"
+    "vite": "^8.0.0"
   },
   "pnpm": {
     "onlyBuiltDependencies": [

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

@@ -14,10 +14,6 @@
     "publicDir": "../../public",
     "publicUrlPrefix": "/"
   },
-  "tokens": {
-    "scheme": "theo",
-    "tokensFilePath": "plasmic-tokens.theo.json"
-  },
   "srcDir": "src/components",
   "defaultPlasmicDir": "./plasmic",
   "projects": [
@@ -135,6 +131,7 @@
   "tanstackConfig": {
     "pagesDir": "../routes"
   },
-  "cliVersion": "0.1.363",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.363/dist/plasmic.schema.json"
+  "cliVersion": "0.1.372",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.372/dist/plasmic.schema.json",
+  "packageManager": "npm"
 }

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

@@ -60,7 +60,7 @@ import {
 
 import { useMutablePlasmicQueryData } from "@plasmicapp/query";
 
-import { unstable_usePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
+import { usePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
 import type {
   PlasmicQuery,
   PlasmicQueryResult
@@ -135,7 +135,7 @@ export const serverQueryTree: QueryComponentNode = {
   type: "component",
   queries: {
     sha256: {
-      id: "custom:krgWtF9Kkesx",
+      id: "custom-code:krgWtF9Kkesx",
       fn: async ({ $q, $props, $ctx, $state }) => {
         console.log("Running SHA-256");
         const data = new TextEncoder().encode($ctx.params.slug);
@@ -199,7 +199,7 @@ function PlasmicDynamicPage__RenderFunc(props: {
   const refsRef = React.useRef({});
   const $refs = refsRef.current;
 
-  const $q = unstable_usePlasmicQueries(serverQueryTree, $ctx, $props, null);
+  const $q = usePlasmicQueries(serverQueryTree, { $ctx, $props, $state: null });
 
   const styleTokensClassNames = _useStyleTokens();
 

package/cpa-out/tanstack-codegen-ts/src/components/plasmic/plasmic__default_style.css

@@ -186,6 +186,22 @@
   text-transform: inherit;
 }
 
+:where(.plasmic_default__b) {
+  font-family: inherit;
+  line-height: inherit;
+  font-size: inherit;
+  color: inherit;
+  text-transform: inherit;
+}
+:where(.__wab_expr_html_text b) {
+  white-space: inherit;
+  font-family: inherit;
+  line-height: inherit;
+  font-size: inherit;
+  color: inherit;
+  text-transform: inherit;
+}
+
 :where(.plasmic_default__i) {
   font-family: inherit;
   line-height: inherit;

package/cpa-out/tanstack-codegen-ts/src/routeTree.gen.ts

@@ -9,20 +9,20 @@
 // Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
 import { Route as rootRouteImport } from './routes/__root'
-import { Route as PlasmicHostRouteImport } from './routes/plasmic-host'
 import { Route as IndexRouteImport } from './routes/index'
+import { Route as PlasmicHostRouteImport } from './routes/plasmic-host'
 import { Route as DynamicSlugIndexRouteImport } from './routes/dynamic/$slug/index'
 
-const PlasmicHostRoute = PlasmicHostRouteImport.update({
-  id: '/plasmic-host',
-  path: '/plasmic-host',
-  getParentRoute: () => rootRouteImport,
-} as any)
 const IndexRoute = IndexRouteImport.update({
   id: '/',
   path: '/',
   getParentRoute: () => rootRouteImport,
 } as any)
+const PlasmicHostRoute = PlasmicHostRouteImport.update({
+  id: '/plasmic-host',
+  path: '/plasmic-host',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const DynamicSlugIndexRoute = DynamicSlugIndexRouteImport.update({
   id: '/dynamic/$slug/',
   path: '/dynamic/$slug/',
@@ -61,13 +61,6 @@ export interface RootRouteChildren {
 
 declare module '@tanstack/react-router' {
   interface FileRoutesByPath {
-    '/plasmic-host': {
-      id: '/plasmic-host'
-      path: '/plasmic-host'
-      fullPath: '/plasmic-host'
-      preLoaderRoute: typeof PlasmicHostRouteImport
-      parentRoute: typeof rootRouteImport
-    }
     '/': {
       id: '/'
       path: '/'
@@ -75,6 +68,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof IndexRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/plasmic-host': {
+      id: '/plasmic-host'
+      path: '/plasmic-host'
+      fullPath: '/plasmic-host'
+      preLoaderRoute: typeof PlasmicHostRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/dynamic/$slug/': {
       id: '/dynamic/$slug/'
       path: '/dynamic/$slug'

package/cpa-out/tanstack-codegen-ts/src/routes/dynamic/$slug/index.tsx

@@ -9,7 +9,7 @@ import {
   serverQueryTree
 } from "../../../components/plasmic/create_plasmic_app/PlasmicDynamicPage";
 import { createFileRoute } from "@tanstack/react-router";
-import { unstable_executePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
+import { executePlasmicQueries } from "@plasmicapp/react-web/lib/data-sources";
 import { PlasmicQueryDataProvider } from "@plasmicapp/react-web/lib/query";
 
 export const Route = createFileRoute("/dynamic/$slug/")({
@@ -28,7 +28,7 @@ export const Route = createFileRoute("/dynamic/$slug/")({
         string | string[] | undefined
       >
     };
-    const { cache: prefetchedCache } = await unstable_executePlasmicQueries(
+    const { cache: prefetchedCache } = await executePlasmicQueries(
       serverQueryTree,
       { $props: {}, $ctx }
     );

package/dist/gatsby/gatsby.js

@@ -28,28 +28,42 @@ exports.GATSBY_TEMPLATES = {
 };
 exports.gatsbyStrategy = {
     create: (args) => __awaiter(void 0, void 0, void 0, function* () {
-        const { projectPath, template, jsOrTs } = args;
+        const { projectPath, projectId, template, jsOrTs, packageManager } = args;
         if (template) {
             console.log(`Warning: Ignoring template '${template}' (argument is not supported by Gatsby).`);
         }
         const gatsbyTemplate = exports.GATSBY_TEMPLATES[jsOrTs];
         const createCommand = `git clone ${gatsbyTemplate} ${projectPath} --recursive --depth 1 --quiet`;
         yield (0, cmd_utils_1.spawnOrFail)(`${createCommand}`);
-        // Remove .git and LICENSE so that we don't generate linked outputs
-        yield (0, cmd_utils_1.spawnOrFail)(`rm -rf ${projectPath}/.git`);
-        yield (0, cmd_utils_1.spawnOrFail)(`rm -rf ${projectPath}/LICENSE`);
+        // Remove package-lock.json since the user might be using a different package manager
+        yield (0, cmd_utils_1.spawnOrFail)(`rm -rf ${projectPath}/.git ${projectPath}/LICENSE ${projectPath}/package-lock.json`);
+        // Rename before installing; Yarn Berry rejects `yarn run` once the lockfile's
+        // workspace name no longer matches package.json
+        const packageJsonPath = path_1.default.join(projectPath, "package.json");
+        const packageJsonObject = JSON.parse(yield fs_1.promises.readFile(packageJsonPath, "utf8"));
+        packageJsonObject.name = path_1.default.basename(projectPath);
+        packageJsonObject.description = `Plasmic app for ${projectId}`;
+        delete packageJsonObject.license;
+        delete packageJsonObject.author;
+        yield fs_1.promises.writeFile(packageJsonPath, JSON.stringify(packageJsonObject, null, 2));
+        if (packageManager === "yarn2") {
+            yield (0, npm_utils_1.initYarnBerryProject)(projectPath);
+        }
     }),
-    installDeps: ({ projectPath, scheme, jsOrTs }) => __awaiter(void 0, void 0, void 0, function* () {
+    installDeps: ({ projectPath, scheme, jsOrTs, packageManager }) => __awaiter(void 0, void 0, void 0, function* () {
         const installedHelmet = yield (0, npm_utils_1.installUpgrade)("react-helmet", {
             workingDir: projectPath,
+            packageManager,
         });
         const installedHelmetTypes = jsOrTs === "js" ||
             (yield (0, npm_utils_1.installUpgrade)("@types/react-helmet", {
                 workingDir: projectPath,
                 dev: true,
+                packageManager,
             }));
         const installedHelmetPlugin = yield (0, npm_utils_1.installUpgrade)("gatsby-plugin-react-helmet", {
             workingDir: projectPath,
+            packageManager,
         });
         if (!installedHelmet || !installedHelmetPlugin || !installedHelmetTypes) {
             return false;
@@ -57,24 +71,15 @@ exports.gatsbyStrategy = {
         if (scheme === "loader") {
             return yield (0, npm_utils_1.installUpgrade)("@plasmicapp/loader-gatsby", {
                 workingDir: projectPath,
+                packageManager,
             });
         }
         else {
-            return yield (0, codegen_1.installCodegenDeps)({ projectPath });
+            return yield (0, codegen_1.installCodegenDeps)({ projectPath, packageManager });
         }
     }),
     overwriteConfig: (args) => __awaiter(void 0, void 0, void 0, function* () {
         const { projectId, projectPath, projectApiToken, jsOrTs, scheme } = args;
-        const packageName = path_1.default.basename(projectPath);
-        // Update package.json: adding name and description, removing license and author
-        const packageJsonPath = path_1.default.join(projectPath, "package.json");
-        const packageJson = yield fs_1.promises.readFile(packageJsonPath, "utf8");
-        const packageJsonObject = JSON.parse(packageJson);
-        packageJsonObject.name = packageName;
-        packageJsonObject.description = `Plasmic app for ${projectId}`;
-        delete packageJsonObject.license;
-        delete packageJsonObject.author;
-        yield fs_1.promises.writeFile(packageJsonPath, JSON.stringify(packageJsonObject, null, 2));
         if (scheme === "loader") {
             const gatsbyConfigFile = path_1.default.join(projectPath, `gatsby-config.${jsOrTs}`);
             yield fs_1.promises.writeFile(gatsbyConfigFile, (0, template_1.makeGatsbyConfig)(projectId, (0, lang_utils_1.ensure)(projectApiToken, "Missing projectApiToken"), jsOrTs));
@@ -83,7 +88,7 @@ exports.gatsbyStrategy = {
     generateFiles: (args) => __awaiter(void 0, void 0, void 0, function* () {
         // in gatsby we can delete all existing pages/components, since all pages are going
         // to be handled by templates/defaultPlasmicPage
-        const { projectId, projectApiToken, projectPath, jsOrTs, scheme } = args;
+        const { projectId, projectApiToken, projectPath, jsOrTs, scheme, packageManager, } = args;
         (0, file_utils_1.deleteGlob)(path_1.default.join(projectPath, "src/@(pages|components|templates)/*.*"));
         // Create a very basic 404 page - `gatsby build` fails without it.
         yield fs_1.promises.writeFile(path_1.default.join(projectPath, `src/pages/404.${jsOrTs}`), template_1.GATSBY_404);
@@ -111,6 +116,7 @@ exports.gatsbyStrategy = {
                 projectId,
                 projectApiToken,
                 projectPath,
+                packageManager,
             });
             // Special case: remove all Gatsby components (due to conflicting file names)
             const config = yield (0, file_utils_1.getPlasmicConfig)(projectPath, "gatsby", scheme);

package/dist/index.js

@@ -87,6 +87,10 @@ const argv = yargs_1.default
     .option("appDir", {
     describe: "(Next.js) Use app directory?",
     boolean: true,
+})
+    .option("packageManager", {
+    describe: "Package manager to scaffold and install with",
+    choices: ["", "npm", "yarn", "pnpm"],
 })
     .strict()
     .help("h")
@@ -261,6 +265,7 @@ What is the URL of your project?`,
         console.log();
         const template = argv["template"];
         const projectApiToken = argv["projectApiToken"];
+        const packageManager = (argv["packageManager"] || undefined);
         // Set the metadata environment variable to tag the future Segment codegen event
         (0, cli_1.setMetadataEnv)({
             source: "create-plasmic-app",
@@ -274,6 +279,7 @@ What is the URL of your project?`,
             jsOrTs,
             projectApiToken,
             template,
+            packageManager,
         });
     });
 }

package/dist/lib.d.ts

@@ -1,5 +1,5 @@
 import { setMetadataEnv } from "@plasmicapp/cli";
-import { JsOrTs, PlatformOptions, PlatformType, SchemeType } from "./utils/types";
+import { JsOrTs, PackageManagerType, PlatformOptions, PlatformType, SchemeType } from "./utils/types";
 export interface CreatePlasmicAppArgs {
     resolvedProjectPath: string;
     projectId: string;
@@ -9,6 +9,7 @@ export interface CreatePlasmicAppArgs {
     jsOrTs: JsOrTs;
     projectApiToken?: string;
     template?: string;
+    packageManager?: PackageManagerType;
 }
 export declare function create(args: CreatePlasmicAppArgs): Promise<void>;
 export declare function checkValidName(name?: string): boolean;

package/dist/lib.js

@@ -60,6 +60,7 @@ function create(args) {
     return __awaiter(this, void 0, void 0, function* () {
         const { resolvedProjectPath, projectId, platform, platformOptions, scheme, jsOrTs, template, } = args;
         let { projectApiToken } = args;
+        const packageManager = (0, npm_utils_1.resolvePackageManager)(args.packageManager);
         console.log("Let's get started! Here's what we'll do: ");
         console.log("1. Authenticate with Plasmic");
         console.log("2. Create a React/Next/Gatsby repo");
@@ -94,15 +95,17 @@ function create(args) {
         // Create project using strategy for platform
         yield cpaStrategy.create({
             projectPath: resolvedProjectPath,
+            projectId,
             jsOrTs,
             template,
             platformOptions,
+            packageManager,
         });
         // Ensure that we have a empty tsconfig and @types packages.
         // Gatsby and Next.js by default support typescript handling internally
         // tsconfig so we don't have to ensure it.
         if (jsOrTs === "ts" && platform === "react") {
-            yield (0, file_utils_1.ensureTsconfig)(resolvedProjectPath);
+            yield (0, file_utils_1.ensureTsconfig)(resolvedProjectPath, packageManager);
         }
         // Make sure we have an api token for loader
         if (scheme === "loader" && !projectApiToken) {
@@ -117,6 +120,7 @@ function create(args) {
             scheme,
             projectPath: resolvedProjectPath,
             jsOrTs,
+            packageManager,
         });
         if (!installResult) {
             throw new Error("Failed to install the Plasmic dependency");
@@ -138,12 +142,13 @@ function create(args) {
             projectId,
             projectApiToken,
             platformOptions,
+            packageManager,
         });
         /**
          * INSTRUCT USER ON NEXT STEPS
          */
-        const pkgMgr = (0, npm_utils_1.detectPackageManager)(resolvedProjectPath);
-        const npmRunCmd = pkgMgr === "yarn" ? "yarn" : pkgMgr === "pnpm" ? "pnpm run" : "npm run";
+        const pmCmd = (0, npm_utils_1.packageManagerCommand)(packageManager);
+        const npmRunCmd = pmCmd === "yarn" ? "yarn" : `${pmCmd} run`;
         const command = platform === "nextjs"
             ? `${npmRunCmd} dev`
             : platform === "gatsby"
@@ -169,7 +174,7 @@ function create(args) {
         }
         if (scheme === "codegen") {
             console.log("To watch for changes in Plasmic components, in a separate terminal run:");
-            console.log(chalk_1.default.bold(`npx plasmic watch`));
+            console.log(chalk_1.default.bold(`${(0, npm_utils_1.packageManagerExec)(packageManager)} plasmic watch`));
         }
     });
 }