create-plasmic-app 0.0.99 → 0.0.101

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

@@ -1,6 +1,6 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 import * as React from "react";
 import { createUseScreenVariants } from "@plasmicapp/react-web";

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

@@ -1,6 +1,6 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 /** @jsxRuntime classic */
 /** @jsx createPlasmicElementProxy */

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

@@ -1,6 +1,6 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 /** @jsxRuntime classic */
 /** @jsx createPlasmicElementProxy */

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

@@ -1,6 +1,6 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 import React from "react";
 import { classNames } from "@plasmicapp/react-web";

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

@@ -1,6 +1,6 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 import React from "react";
 import { classNames } from "@plasmicapp/react-web";

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

@@ -10,22 +10,22 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.335",
-    "@plasmicapp/react-web": "^0.2.366",
+    "@plasmicapp/cli": "^0.1.337",
+    "@plasmicapp/react-web": "^0.2.381",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.19.0",
-    "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3",
+    "@eslint/js": "^9.22.0",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
     "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.19.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.18",
-    "globals": "^15.14.0",
+    "eslint": "^9.22.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.22.0",
-    "vite": "^6.1.0"
+    "typescript-eslint": "^8.26.1",
+    "vite": "^6.3.1"
   }
 }

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

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

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

@@ -1,6 +1,6 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 
 /** @jsxRuntime classic */
@@ -121,19 +121,21 @@ export const PlasmicButton__VariantProps = new Array<VariantPropType>(
 );
 
 export type PlasmicButton__ArgsType = {
-  children?: React.ReactNode;
-  startIcon?: React.ReactNode;
-  endIcon?: React.ReactNode;
   link?: string;
   submitsForm?: boolean;
+  target?: boolean;
+  startIcon?: React.ReactNode;
+  children?: React.ReactNode;
+  endIcon?: React.ReactNode;
 };
 type ArgPropType = keyof PlasmicButton__ArgsType;
 export const PlasmicButton__ArgProps = new Array<ArgPropType>(
-  "children",
-  "startIcon",
-  "endIcon",
   "link",
-  "submitsForm"
+  "submitsForm",
+  "target",
+  "startIcon",
+  "children",
+  "endIcon"
 );
 
 export type PlasmicButton__OverridesType = {
@@ -145,6 +147,7 @@ export type PlasmicButton__OverridesType = {
 
 export interface DefaultButtonProps extends pp.BaseButtonProps {
   submitsForm?: boolean;
+  target?: boolean;
   shape?: SingleChoiceArg<"rounded" | "round" | "sharp">;
   size?: SingleChoiceArg<"compact" | "minimal">;
   color?: SingleChoiceArg<
@@ -683,15 +686,15 @@ type NodeComponentProps<T extends NodeNameType> =
     args?: PlasmicButton__ArgsType;
     overrides?: NodeOverridesType<T>;
   } & Omit<PlasmicButton__VariantsArgs, ReservedPropsType> & // Specify variants directly as props
-    /* Specify args directly as props*/ Omit<
-      PlasmicButton__ArgsType,
-      ReservedPropsType
-    > &
-    /* Specify overrides for each element directly as props*/ Omit<
+    // Specify args directly as props
+    Omit<PlasmicButton__ArgsType, ReservedPropsType> &
+    // Specify overrides for each element directly as props
+    Omit<
       NodeOverridesType<T>,
       ReservedPropsType | VariantPropType | ArgPropType
     > &
-    /* Specify props for the root element*/ Omit<
+    // Specify props for the root element
+    Omit<
       Partial<React.ComponentProps<NodeDefaultElementType[T]>>,
       ReservedPropsType | VariantPropType | ArgPropType | DescendantsType<T>
     >;

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

@@ -1,6 +1,6 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 
 /** @jsxRuntime classic */
@@ -207,15 +207,15 @@ type NodeComponentProps<T extends NodeNameType> =
     args?: PlasmicDynamicPage__ArgsType;
     overrides?: NodeOverridesType<T>;
   } & Omit<PlasmicDynamicPage__VariantsArgs, ReservedPropsType> & // Specify variants directly as props
-    /* Specify args directly as props*/ Omit<
-      PlasmicDynamicPage__ArgsType,
-      ReservedPropsType
-    > &
-    /* Specify overrides for each element directly as props*/ Omit<
+    // Specify args directly as props
+    Omit<PlasmicDynamicPage__ArgsType, ReservedPropsType> &
+    // Specify overrides for each element directly as props
+    Omit<
       NodeOverridesType<T>,
       ReservedPropsType | VariantPropType | ArgPropType
     > &
-    /* Specify props for the root element*/ Omit<
+    // Specify props for the root element
+    Omit<
       Partial<React.ComponentProps<NodeDefaultElementType[T]>>,
       ReservedPropsType | VariantPropType | ArgPropType | DescendantsType<T>
     >;

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

@@ -1,6 +1,6 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 
 import * as React from "react";

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

@@ -1,6 +1,6 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 
 /** @jsxRuntime classic */
@@ -247,15 +247,15 @@ type NodeComponentProps<T extends NodeNameType> =
     args?: PlasmicHomepage__ArgsType;
     overrides?: NodeOverridesType<T>;
   } & Omit<PlasmicHomepage__VariantsArgs, ReservedPropsType> & // Specify variants directly as props
-    /* Specify args directly as props*/ Omit<
-      PlasmicHomepage__ArgsType,
-      ReservedPropsType
-    > &
-    /* Specify overrides for each element directly as props*/ Omit<
+    // Specify args directly as props
+    Omit<PlasmicHomepage__ArgsType, ReservedPropsType> &
+    // Specify overrides for each element directly as props
+    Omit<
       NodeOverridesType<T>,
       ReservedPropsType | VariantPropType | ArgPropType
     > &
-    /* Specify props for the root element*/ Omit<
+    // Specify props for the root element
+    Omit<
       Partial<React.ComponentProps<NodeDefaultElementType[T]>>,
       ReservedPropsType | VariantPropType | ArgPropType | DescendantsType<T>
     >;

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

@@ -1,6 +1,6 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 
 /** @jsxRuntime classic */
@@ -194,15 +194,15 @@ type NodeComponentProps<T extends NodeNameType> =
     args?: PlasmicRandomDynamicPageButton__ArgsType;
     overrides?: NodeOverridesType<T>;
   } & Omit<PlasmicRandomDynamicPageButton__VariantsArgs, ReservedPropsType> & // Specify variants directly as props
-    /* Specify args directly as props*/ Omit<
-      PlasmicRandomDynamicPageButton__ArgsType,
-      ReservedPropsType
-    > &
-    /* Specify overrides for each element directly as props*/ Omit<
+    // Specify args directly as props
+    Omit<PlasmicRandomDynamicPageButton__ArgsType, ReservedPropsType> &
+    // Specify overrides for each element directly as props
+    Omit<
       NodeOverridesType<T>,
       ReservedPropsType | VariantPropType | ArgPropType
     > &
-    /* Specify props for the root element*/ Omit<
+    // Specify props for the root element
+    Omit<
       Partial<React.ComponentProps<NodeDefaultElementType[T]>>,
       ReservedPropsType | VariantPropType | ArgPropType | DescendantsType<T>
     >;

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

@@ -1,6 +1,6 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 import React from "react";
 import { classNames } from "@plasmicapp/react-web";

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

@@ -1,6 +1,6 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 import React from "react";
 import { classNames } from "@plasmicapp/react-web";

package/dist/index.js

@@ -62,7 +62,7 @@ const argv = yargs_1.default
 })
     .option("platform", {
     describe: "Target platform",
-    choices: ["", "nextjs", "gatsby", "react"],
+    choices: ["", "nextjs", "gatsby", "react", "tanstack"],
 })
     .option("scheme", {
     describe: "Plasmic integration scheme",
@@ -185,6 +185,11 @@ function run() {
                     name: "Gatsby",
                     value: "gatsby",
                 },
+                {
+                    name: "TanStack Start",
+                    short: "TanStack Start",
+                    value: "tanstack",
+                },
                 {
                     name: "React (Vite)",
                     short: "React (Vite)",

package/dist/lib.js

@@ -51,6 +51,8 @@ function getCPAStrategy(platform) {
                 return (yield Promise.resolve().then(() => __importStar(require("./gatsby/gatsby")))).gatsbyStrategy;
             case "react":
                 return (yield Promise.resolve().then(() => __importStar(require("./react/react")))).reactStrategy;
+            case "tanstack":
+                return (yield Promise.resolve().then(() => __importStar(require("./tanstack/tanstack")))).tanstackStrategy;
         }
     });
 }
@@ -82,7 +84,7 @@ function create(args) {
         }
         // Calling `npx create-XXX` means we don't have to keep these dependencies up to date
         banner("CREATING THE PROJECT");
-        if (!["nextjs", "gatsby", "react"].includes(platform)) {
+        if (!["nextjs", "gatsby", "react", "tanstack"].includes(platform)) {
             throw new Error(`Unrecognized platform: ${platform}`);
         }
         if (!["codegen", "loader"].includes(scheme)) {

package/dist/tanstack/tanstack.d.ts

@@ -0,0 +1,2 @@
+import { CPAStrategy } from "../utils/strategy";
+export declare const tanstackStrategy: CPAStrategy;

package/dist/tanstack/tanstack.js

@@ -0,0 +1,79 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tanstackStrategy = void 0;
+const fs_1 = require("fs");
+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 plasmic_host_1 = require("./templates/file-router/plasmic-host");
+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`;
+        yield (0, cmd_utils_1.spawnOrFail)(createCommand);
+    }),
+    installDeps: ({ scheme, projectPath }) => __awaiter(void 0, void 0, void 0, function* () {
+        if (scheme === "loader") {
+            throw new Error("Plasmic loader scheme is not supported for TanStack platform. Please use the codegen scheme instead.");
+        }
+        else {
+            return yield (0, codegen_1.installCodegenDeps)({ projectPath });
+        }
+    }),
+    overwriteConfig: (args) => __awaiter(void 0, void 0, void 0, function* () {
+        const { projectPath, jsOrTs } = 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, "app.config.ts"), (0, config_1.makeCustomAppConfig_file_router_codegen)());
+        }
+    }),
+    generateFiles: (args) => {
+        return generateFilesFileRouterTemplate(args);
+    },
+    build: (args) => __awaiter(void 0, void 0, void 0, function* () {
+        const { npmRunCmd, projectPath } = args;
+        yield (0, cmd_utils_1.spawnOrFail)(`${npmRunCmd} build`, projectPath);
+    }),
+};
+function generateFilesFileRouterTemplate(args) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { projectPath, scheme, jsOrTs, projectId, projectApiToken } = args;
+        // Delete existing pages
+        (0, file_utils_1.deleteGlob)(path_1.default.join(projectPath, "src/routes", "*.*"));
+        if (scheme === "loader") {
+            throw new Error("Plasmic loader scheme is not supported for TanStack platform. Please use the codegen scheme instead.");
+        }
+        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));
+            // ./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)());
+            // This should generate
+            // ./plasmic.json
+            // ./routes/index.tsx
+            // ./components/plasmic/**
+            yield (0, codegen_1.runCodegenSync)({
+                projectId,
+                projectApiToken,
+                projectPath,
+            });
+        }
+    });
+}

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

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

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

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

package/dist/tanstack/templates/file-router/plasmic-host.d.ts

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

package/dist/tanstack/templates/file-router/plasmic-host.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makePlasmicHostPage_fileRouter_codegen = void 0;
+function makePlasmicHostPage_fileRouter_codegen() {
+    return `import { createFileRoute } from '@tanstack/react-router'
+import { PlasmicCanvasHost, registerComponent } from '@plasmicapp/react-web/lib/host';
+
+export const Route = createFileRoute('/plasmic-host')({
+  component: PlasmicHostRouteComponent,
+})
+
+
+// You can register any code components that you want to use here; see
+// https://docs.plasmic.app/learn/code-components-ref/
+// And configure your Plasmic project to use the host url pointing at
+// the /plasmic-host page of your nextjs app (for example,
+// http://localhost:3000/plasmic-host).  See
+// https://docs.plasmic.app/learn/app-hosting/#set-a-plasmic-project-to-use-your-app-host
+
+// registerComponent(...)
+
+function PlasmicHostRouteComponent() {
+  return <PlasmicCanvasHost />
+}
+`;
+}
+exports.makePlasmicHostPage_fileRouter_codegen = makePlasmicHostPage_fileRouter_codegen;

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

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

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

@@ -0,0 +1,44 @@
+"use strict";
+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'
+import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
+import { PlasmicRootProvider } from "@plasmicapp/react-web"
+import appCss from "../styles.css?url";
+
+export const Route = createRootRoute({
+  head: () => ({
+    links: [
+      {
+        rel: 'stylesheet',
+        href: appCss,
+      },
+    ],
+  }),
+  component: () => (
+    <RootDocument>
+      <PlasmicRootProvider Link={Link}>
+        <Outlet />
+        <TanStackRouterDevtools />
+      </PlasmicRootProvider>
+    </RootDocument>
+  ),
+})
+
+function RootDocument({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <head>
+        <HeadContent />
+      </head>
+      <body>
+        {children}
+        <Scripts />
+      </body>
+    </html>
+  )
+}
+`;
+}
+exports.makeCustomRoot_file_router_codegen = makeCustomRoot_file_router_codegen;

package/dist/utils/types.d.ts

@@ -1,5 +1,5 @@
 export type JsOrTs = "js" | "ts";
-export type PlatformType = "nextjs" | "gatsby" | "react";
+export type PlatformType = "nextjs" | "gatsby" | "react" | "tanstack";
 export type PlatformOptions = {
     nextjs?: {
         appDir: boolean;

package/dist/utils/types.js

@@ -2,6 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.platformTypeToString = void 0;
 function platformTypeToString(s) {
-    return s === "nextjs" ? "Next.js" : s === "gatsby" ? "Gatsby" : "React";
+    return s === "nextjs"
+        ? "Next.js"
+        : s === "gatsby"
+            ? "Gatsby"
+            : s === "tanstack"
+                ? "TanStack"
+                : "React";
 }
 exports.platformTypeToString = platformTypeToString;

package/package.json

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

package/run-cpa.ts

@@ -30,11 +30,19 @@ async function run() {
         scheme,
         typescript,
       });
-      allArgSets.push({
-        platform: "react",
-        scheme,
-        typescript,
-      });
+      if (scheme === "codegen") {
+        allArgSets.push({
+          platform: "tanstack",
+          scheme,
+          typescript,
+        });
+
+        allArgSets.push({
+          platform: "react",
+          scheme,
+          typescript,
+        });
+      }
     });
 
     allArgSets.push({
@@ -69,7 +77,7 @@ Valid arg sets:\n\tall\n\t${allArgSetNames.join("\n\t")}`,
             message: "Select arg sets:",
             choices: allArgSetNames,
             pageSize: allArgSetNames.length,
-            validate: (input) => {
+            validate: (input: string[]) => {
               if (input.length === 0) {
                 return "Please select at least 1 arg set.";
               }

package/src/index.ts

@@ -33,7 +33,7 @@ const argv = yargs
   )
   .option("platform", {
     describe: "Target platform",
-    choices: ["", "nextjs", "gatsby", "react"],
+    choices: ["", "nextjs", "gatsby", "react", "tanstack"],
   })
   .option("scheme", {
     describe: "Plasmic integration scheme",
@@ -173,6 +173,11 @@ async function run(): Promise<void> {
         name: "Gatsby",
         value: "gatsby",
       },
+      {
+        name: "TanStack Start",
+        short: "TanStack Start",
+        value: "tanstack",
+      },
       {
         name: "React (Vite)",
         short: "React (Vite)",

package/src/lib.ts

@@ -20,6 +20,8 @@ async function getCPAStrategy(platform: PlatformType): Promise<CPAStrategy> {
       return (await import("./gatsby/gatsby")).gatsbyStrategy;
     case "react":
       return (await import("./react/react")).reactStrategy;
+    case "tanstack":
+      return (await import("./tanstack/tanstack")).tanstackStrategy;
   }
 }
 
@@ -72,7 +74,7 @@ export async function create(args: CreatePlasmicAppArgs): Promise<void> {
 
   // Calling `npx create-XXX` means we don't have to keep these dependencies up to date
   banner("CREATING THE PROJECT");
-  if (!["nextjs", "gatsby", "react"].includes(platform)) {
+  if (!["nextjs", "gatsby", "react", "tanstack"].includes(platform)) {
     throw new Error(`Unrecognized platform: ${platform}`);
   }