create-plasmic-app 0.0.63 → 0.0.64

package/dist/nextjs/templates/app-loader/catchall-page.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeCatchallPage_app_loader = void 0;
+const file_utils_1 = require("../../../utils/file-utils");
+function makeCatchallPage_app_loader(jsOrTs) {
+    return `import { PlasmicComponent } from "@plasmicapp/loader-nextjs";
+import { notFound } from "next/navigation";
+import { PLASMIC } from "plasmic-init";
+import { ClientPlasmicRootProvider } from "plasmic-init-client";
+
+// Use revalidate if you want incremental static regeneration
+export const revalidate = 60;
+
+export default async function PlasmicLoaderPage({
+  params,
+  searchParams,
+}${(0, file_utils_1.ifTs)(jsOrTs, `: {
+  params?: { catchall: string[] | undefined };
+  searchParams?: Record<string, string | string[]>;
+}`)}) {
+  const plasmicComponentData = await fetchPlasmicComponentData(params?.catchall);
+  if (!plasmicComponentData) {
+    notFound();
+  }
+
+  const { prefetchedData } = plasmicComponentData;
+  if (prefetchedData.entryCompMetas.length === 0) {
+    notFound();
+  }
+
+  const pageMeta = prefetchedData.entryCompMetas[0];
+  return (
+    <ClientPlasmicRootProvider
+      prefetchedData={prefetchedData}
+      pageParams={pageMeta.params}
+      pageQuery={searchParams}
+    >
+      <PlasmicComponent
+        component={pageMeta.displayName}
+      />
+    </ClientPlasmicRootProvider>
+  );
+}
+
+async function fetchPlasmicComponentData(catchall${(0, file_utils_1.ifTs)(jsOrTs, ": string[] | undefined")}) {
+  const plasmicPath = "/" + (catchall ? catchall.join("/") : "");
+  const prefetchedData = await PLASMIC.maybeFetchComponentData(plasmicPath);
+  if (!prefetchedData) {
+    notFound();
+  }
+
+  return { prefetchedData };
+}
+
+export async function generateStaticParams() {
+  const pageModules = await PLASMIC.fetchPages();
+  return pageModules.map((mod) => {
+    const catchall =
+      mod.path === "/" ? undefined : mod.path.substring(1).split("/");
+    return {
+      catchall,
+    };
+  });
+}
+`;
+}
+exports.makeCatchallPage_app_loader = makeCatchallPage_app_loader;

package/dist/nextjs/templates/app-loader/plasmic-host.d.ts

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

package/dist/nextjs/templates/app-loader/plasmic-host.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makePlasmicHostPage_app_loader = void 0;
+function makePlasmicHostPage_app_loader() {
+    return `import { PlasmicCanvasHost } from "@plasmicapp/loader-nextjs";
+import "plasmic-init-client";
+
+export default function PlasmicHost() {
+  return <PlasmicCanvasHost />;
+}
+`;
+}
+exports.makePlasmicHostPage_app_loader = makePlasmicHostPage_app_loader;

package/dist/nextjs/templates/app-loader/plasmic-init-client.d.ts

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

package/dist/nextjs/templates/app-loader/plasmic-init-client.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makePlasmicInitClient_app_loader = void 0;
+const file_utils_1 = require("../../../utils/file-utils");
+function makePlasmicInitClient_app_loader(jsOrTs) {
+    return `"use client";
+
+import { PlasmicRootProvider } from "@plasmicapp/loader-nextjs";
+import { PLASMIC } from "plasmic-init";
+
+// 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
+
+// PLASMIC.registerComponent(...);
+
+/**
+ * ClientPlasmicRootProvider is a Client Component that passes in the loader for you.
+ *
+ * Why? Props passed from Server to Client Components must be serializable.
+ * https://beta.nextjs.org/docs/rendering/server-and-client-components#passing-props-from-server-to-client-components-serialization
+ * However, PlasmicRootProvider requires a loader, but the loader is NOT serializable.
+ *
+ * In a Server Component like app/<your-path>/path.tsx, rendering the following would not work:
+ *
+ * \`\`\`tsx
+ * import { PLASMIC } from "plasmic-init";
+ * import { PlasmicRootProvider } from "plasmicapp/loader-nextjs";
+ * export default function MyPage() {
+ *   const prefetchedData = await PLASMIC.fetchComponentData("YourPage");
+ *   return (
+ *     <PlasmicRootProvider
+ *       loader={PLASMIC} // ERROR: loader is not serializable
+ *       prefetchedData={prefetchedData}
+ *     >
+ *       {yourContent()}
+ *     </PlasmicRootProvider>;
+ *   );
+ * }
+ * \`\`\`
+ *
+ * Therefore, we define ClientPlasmicRootProvider as a Client Component (this file is marked "use client").
+ * ClientPlasmicRootProvider wraps the PlasmicRootProvider and passes in the loader for you,
+ * while allowing your Server Component to pass in prefetched data and other serializable props:
+ *
+ * \`\`\`tsx
+ * import { PLASMIC } from "plasmic-init";
+ * import { ClientPlasmicRootProvider } from "plasmic-init-client"; // changed
+ * export default function MyPage() {
+ *   const prefetchedData = await PLASMIC.fetchComponentData("YourPage");
+ *   return (
+ *     <ClientPlasmicRootProvider // don't pass in loader
+ *       prefetchedData={prefetchedData}
+ *     >
+ *       {yourContent()}
+ *     </ClientPlasmicRootProvider>;
+ *   );
+ * }
+ * \`\`\`
+ */
+export function ClientPlasmicRootProvider(
+  props${(0, file_utils_1.ifTs)(jsOrTs, ': Omit<React.ComponentProps<typeof PlasmicRootProvider>, "loader">')}
+) {
+  return (
+    <PlasmicRootProvider loader={PLASMIC} {...props}></PlasmicRootProvider>
+  );
+}
+`;
+}
+exports.makePlasmicInitClient_app_loader = makePlasmicInitClient_app_loader;

package/dist/nextjs/templates/app-loader/plasmic-init.d.ts

@@ -0,0 +1 @@
+export declare function makePlasmicInit_app_loader(projectId: string, projectApiToken: string): string;

package/dist/nextjs/templates/app-loader/plasmic-init.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makePlasmicInit_app_loader = void 0;
+function makePlasmicInit_app_loader(projectId, projectApiToken) {
+    return `import { initPlasmicLoader } from "@plasmicapp/loader-nextjs/react-server-conditional";
+
+export const PLASMIC = initPlasmicLoader({
+  projects: [
+    {
+      id: "${projectId}",
+      token: "${projectApiToken}",
+    },
+  ],
+
+  // By default Plasmic will use the last published version of your project.
+  // For development, you can set preview to true, which will use the unpublished
+  // project, allowing you to see your designs without publishing.  Please
+  // only use this for development, as this is significantly slower.
+  preview: false,
+});
+`;
+}
+exports.makePlasmicInit_app_loader = makePlasmicInit_app_loader;

package/dist/nextjs/templates/pages-codegen/app.d.ts

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

package/dist/nextjs/templates/pages-codegen/app.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeCustomApp_pages_codegen = void 0;
+const file_utils_1 = require("../../../utils/file-utils");
+function makeCustomApp_pages_codegen(jsOrTs) {
+    return `import 'styles/globals.css'
+import { PlasmicRootProvider } from "@plasmicapp/react-web";${(0, file_utils_1.ifTs)(jsOrTs, `
+import type { AppProps } from "next/app";`)}
+import Head from "next/head";
+
+export default function MyApp({ Component, pageProps }${(0, file_utils_1.ifTs)(jsOrTs, `: AppProps`)}) {
+  return (
+    <PlasmicRootProvider Head={Head}>
+      <Component {...pageProps} />
+    </PlasmicRootProvider>
+  );
+}
+`;
+}
+exports.makeCustomApp_pages_codegen = makeCustomApp_pages_codegen;

package/dist/nextjs/templates/pages-codegen/plasmic-host.d.ts

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

package/dist/nextjs/templates/pages-codegen/plasmic-host.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makePlasmicHostPage_pages_codegen = void 0;
+function makePlasmicHostPage_pages_codegen() {
+    return `import * as React from 'react';
+import { PlasmicCanvasHost, registerComponent } from '@plasmicapp/host';
+
+// 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(...)
+
+export default function PlasmicHost() {
+  return <PlasmicCanvasHost />;
+}
+`;
+}
+exports.makePlasmicHostPage_pages_codegen = makePlasmicHostPage_pages_codegen;

package/dist/nextjs/templates/pages-loader/catchall-page.d.ts

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

package/dist/nextjs/templates/pages-loader/catchall-page.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeCatchallPage_pages_loader = void 0;
+const file_utils_1 = require("../../../utils/file-utils");
+function makeCatchallPage_pages_loader(jsOrTs) {
+    return `import * as React from "react";
+import {
+  PlasmicComponent,
+  extractPlasmicQueryData,
+  ComponentRenderData,
+  PlasmicRootProvider,
+} from "@plasmicapp/loader-nextjs";
+${(0, file_utils_1.ifTs)(jsOrTs, `import type { GetStaticPaths, GetStaticProps } from "next";\n`)}
+import Error from "next/error";
+import { useRouter } from "next/router";
+import { PLASMIC } from "plasmic-init";
+
+export default function PlasmicLoaderPage(props${(0, file_utils_1.ifTs)(jsOrTs, `: {
+  plasmicData?: ComponentRenderData;
+  queryCache?: Record<string, any>;
+}`)}) {
+  const { plasmicData, queryCache } = props;
+  const router = useRouter();
+  if (!plasmicData || plasmicData.entryCompMetas.length === 0) {
+    return <Error statusCode={404} />;
+  }
+  const pageMeta = plasmicData.entryCompMetas[0];
+  return (
+    <PlasmicRootProvider
+      loader={PLASMIC}
+      prefetchedData={plasmicData}
+      prefetchedQueryData={queryCache}
+      pageParams={pageMeta.params}
+      pageQuery={router.query}
+    >
+      <PlasmicComponent component={pageMeta.displayName} />
+    </PlasmicRootProvider>
+  );
+}
+
+export const getStaticProps${(0, file_utils_1.ifTs)(jsOrTs, `: GetStaticProps`)} = async (context) => {
+  const { catchall } = context.params ?? {};
+  const plasmicPath = typeof catchall === 'string' ? catchall : Array.isArray(catchall) ? \`/\${catchall.join('/')}\` : '/';
+  const plasmicData = await PLASMIC.maybeFetchComponentData(plasmicPath);
+  if (!plasmicData) {
+    // non-Plasmic catch-all
+    return { props: {} };
+  }
+  const pageMeta = plasmicData.entryCompMetas[0];
+  // Cache the necessary data fetched for the page
+  const queryCache = await extractPlasmicQueryData(
+    <PlasmicRootProvider
+      loader={PLASMIC}
+      prefetchedData={plasmicData}
+      pageParams={pageMeta.params}
+    >
+      <PlasmicComponent component={pageMeta.displayName} />
+    </PlasmicRootProvider>
+  );
+  // Use revalidate if you want incremental static regeneration
+  return { props: { plasmicData, queryCache }, revalidate: 60 };
+}
+
+export const getStaticPaths${(0, file_utils_1.ifTs)(jsOrTs, `: GetStaticPaths`)} = async () => {
+  const pageModules = await PLASMIC.fetchPages();
+  return {
+    paths: pageModules.map((mod) => ({
+      params: {
+        catchall: mod.path.substring(1).split("/"),
+      },
+    })),
+    fallback: "blocking",
+  };
+}
+`;
+}
+exports.makeCatchallPage_pages_loader = makeCatchallPage_pages_loader;

package/dist/nextjs/templates/pages-loader/plasmic-host.d.ts

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

package/dist/nextjs/templates/pages-loader/plasmic-host.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makePlasmicHostPage_pages_loader = void 0;
+function makePlasmicHostPage_pages_loader() {
+    return `import * as React from 'react';
+import { PlasmicCanvasHost } from '@plasmicapp/loader-nextjs';
+import { PLASMIC } from 'plasmic-init';
+
+export default function PlasmicHost() {
+  return PLASMIC && <PlasmicCanvasHost />;
+}
+`;
+}
+exports.makePlasmicHostPage_pages_loader = makePlasmicHostPage_pages_loader;

package/dist/nextjs/templates/pages-loader/plasmic-init.d.ts

@@ -0,0 +1 @@
+export declare function makePlasmicInit_pages_loader(projectId: string, projectApiToken: string): string;

package/dist/nextjs/templates/pages-loader/plasmic-init.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makePlasmicInit_pages_loader = void 0;
+function makePlasmicInit_pages_loader(projectId, projectApiToken) {
+    return `import { initPlasmicLoader } from "@plasmicapp/loader-nextjs";
+
+export const PLASMIC = initPlasmicLoader({
+  projects: [
+    {
+      id: "${projectId}",
+      token: "${projectApiToken}",
+    },
+  ],
+
+  // By default Plasmic will use the last published version of your project.
+  // For development, you can set preview to true, which will use the unpublished
+  // project, allowing you to see your designs without publishing.  Please
+  // only use this for development, as this is significantly slower.
+  preview: false,
+});
+
+// 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
+
+// PLASMIC.registerComponent(...);
+`;
+}
+exports.makePlasmicInit_pages_loader = makePlasmicInit_pages_loader;

package/dist/react/react.d.ts

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

package/dist/{strategies → react}/react.js

@@ -12,18 +12,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.reactStrategy = void 0;
 const fs_1 = __importDefault(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 npm_utils_1 = require("../utils/npm-utils");
-const common_1 = require("./common");
-const reactStrategy = {
+exports.reactStrategy = {
     create: (args) => __awaiter(void 0, void 0, void 0, function* () {
-        const { projectPath, useTypescript } = args;
+        const { projectPath, jsOrTs } = args;
         let { template } = args;
         const createCommand = `npx create-react-app@latest ${projectPath}`;
-        if (!template && useTypescript) {
+        if (!template && jsOrTs === "ts") {
             template = "typescript";
         }
         const templateArg = template ? ` --template ${template}` : "";
@@ -36,18 +37,18 @@ const reactStrategy = {
             });
         }
         else {
-            return yield (0, common_1.installCodegenDeps)({ projectPath });
+            return yield (0, codegen_1.installCodegenDeps)({ projectPath });
         }
     }),
     overwriteConfig: (args) => __awaiter(void 0, void 0, void 0, function* () {
         // No config to overwrite
     }),
-    generateFiles: ({ scheme, projectApiToken, projectId, projectPath, useTypescript, }) => __awaiter(void 0, void 0, void 0, function* () {
+    generateFiles: ({ scheme, projectApiToken, projectId, projectPath, jsOrTs, }) => __awaiter(void 0, void 0, void 0, function* () {
         if (scheme === "loader") {
             // Nothing to do
         }
         else {
-            yield (0, common_1.runCodegenSync)({
+            yield (0, codegen_1.runCodegenSync)({
                 projectId,
                 projectApiToken,
                 projectPath,
@@ -55,8 +56,8 @@ const reactStrategy = {
             // Overwrite the App.tsx
             yield (0, file_utils_1.overwriteIndex)(projectPath, "react", scheme);
         }
-        // Deactivate React.StrictMode from index.tsx
-        const indexFileName = path_1.default.join(projectPath, "src", `index.${useTypescript ? "tsx" : "js"}`);
+        // Deactivate React.StrictMode from index.js or index.tsx
+        const indexFileName = path_1.default.join(projectPath, "src", `index.${jsOrTs === "js" ? "js" : "tsx"}`);
         let indexFile = fs_1.default.readFileSync(indexFileName).toString();
         indexFile = indexFile.replace("<React.StrictMode>", "");
         indexFile = indexFile.replace("</React.StrictMode>", "");
@@ -68,4 +69,3 @@ const reactStrategy = {
         yield (0, cmd_utils_1.spawnOrFail)(`${npmRunCmd} build`, projectPath);
     }),
 };
-exports.default = reactStrategy;

package/dist/templates/readme.d.ts

@@ -1,2 +1,2 @@
-import { PlatformType } from "../lib";
-export declare const README: (platform: PlatformType, buildCommand: string) => string;
+import { PlatformType } from "../utils/types";
+export declare function README(platform: PlatformType, buildCommand: string): string;

package/dist/templates/readme.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.README = void 0;
-const lib_1 = require("../lib");
-const README = (platform, buildCommand) => `
-This is a ${(0, lib_1.toString)(platform)} project bootstrapped with [\`create-plasmic-app\`](https://www.npmjs.com/package/create-plasmic-app).
+const types_1 = require("../utils/types");
+function README(platform, buildCommand) {
+    return `This is a ${(0, types_1.platformTypeToString)(platform)} project bootstrapped with [\`create-plasmic-app\`](https://www.npmjs.com/package/create-plasmic-app).
 
 ## Getting Started
 
@@ -28,5 +28,6 @@ To learn more about Plasmic, take a look at the following resources:
 - [Plasmic Slack Community](https://www.plasmic.app/slack)
 
 You can check out [the Plasmic GitHub repository](https://github.com/plasmicapp/plasmic) - your feedback and contributions are welcome!
-  `.trim();
+`;
+}
 exports.README = README;

package/dist/templates/welcomePage.d.ts

@@ -1,2 +1,2 @@
-export declare const PLASMIC_LOGO = "\nfunction PlasmicLogo() {\n  return (\n    <svg\n      width={40}\n      height={40}\n      viewBox=\"0 0 40 40\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M34 26h-2v-1c0-6.627-5.373-12-12-12S8 18.374 8 25v1H6a1 1 0 01-1-1c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15a1 1 0 01-1 1z\"\n        fill=\"url(#paint0_linear)\"\n      />\n      <path\n        d=\"M27 25a7 7 0 00-14 0v1h2a1 1 0 001-1 4 4 0 018 0 1 1 0 001 1h2v-1z\"\n        fill=\"url(#paint1_linear)\"\n      />\n      <path\n        d=\"M30.999 25C30.999 18.925 26.075 14 20 14S9.001 18.926 9.001 25H9v1h3v-1a8 8 0 0116 0v1h3v-1h-.001z\"\n        fill=\"url(#paint2_linear)\"\n      />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear\"\n          x1={5}\n          y1={26}\n          x2={35}\n          y2={26}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#1877F2\" />\n          <stop offset={1} stopColor=\"#04A4F4\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear\"\n          x1={13}\n          y1={26}\n          x2={27}\n          y2={26}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#F02849\" />\n          <stop offset={1} stopColor=\"#F5533D\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint2_linear\"\n          x1={9}\n          y1={26}\n          x2={31}\n          y2={26}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#45BD62\" />\n          <stop offset={1} stopColor=\"#2ABBA7\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  );\n}\n";
-export declare const WELCOME_PAGE: (hasPages: boolean, platform: string, pageSection: string) => string;
+export declare const PLASMIC_LOGO = "function PlasmicLogo() {\n  return (\n    <svg\n      width={40}\n      height={40}\n      viewBox=\"0 0 40 40\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M34 26h-2v-1c0-6.627-5.373-12-12-12S8 18.374 8 25v1H6a1 1 0 01-1-1c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15a1 1 0 01-1 1z\"\n        fill=\"url(#paint0_linear)\"\n      />\n      <path\n        d=\"M27 25a7 7 0 00-14 0v1h2a1 1 0 001-1 4 4 0 018 0 1 1 0 001 1h2v-1z\"\n        fill=\"url(#paint1_linear)\"\n      />\n      <path\n        d=\"M30.999 25C30.999 18.925 26.075 14 20 14S9.001 18.926 9.001 25H9v1h3v-1a8 8 0 0116 0v1h3v-1h-.001z\"\n        fill=\"url(#paint2_linear)\"\n      />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear\"\n          x1={5}\n          y1={26}\n          x2={35}\n          y2={26}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#1877F2\" />\n          <stop offset={1} stopColor=\"#04A4F4\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear\"\n          x1={13}\n          y1={26}\n          x2={27}\n          y2={26}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#F02849\" />\n          <stop offset={1} stopColor=\"#F5533D\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint2_linear\"\n          x1={9}\n          y1={26}\n          x2={31}\n          y2={26}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#45BD62\" />\n          <stop offset={1} stopColor=\"#2ABBA7\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  );\n}\n";
+export declare function WELCOME_PAGE(hasPages: boolean, platform: string, pageSection: string): string;

package/dist/templates/welcomePage.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WELCOME_PAGE = exports.PLASMIC_LOGO = void 0;
-exports.PLASMIC_LOGO = `
-function PlasmicLogo() {
+exports.PLASMIC_LOGO = `function PlasmicLogo() {
   return (
     <svg
       width={40}
@@ -64,8 +63,8 @@ function PlasmicLogo() {
   );
 }
 `;
-const WELCOME_PAGE = (hasPages, platform, pageSection) => `
-import React from "react";
+function WELCOME_PAGE(hasPages, platform, pageSection) {
+    return `import React from "react";
 ${hasPages && platform === "nextjs" ? `import Link from "next/link";` : ""}
 ${exports.PLASMIC_LOGO}
 
@@ -95,5 +94,6 @@ function Index() {
 }
 
 export default Index;
-`.trim();
+`;
+}
 exports.WELCOME_PAGE = WELCOME_PAGE;

package/dist/utils/file-utils.d.ts

@@ -1,4 +1,4 @@
-import { PlatformType } from "../lib";
+import { JsOrTs, PlatformType } from "../utils/types";
 /**
  * Runs the search pattern through `glob` and deletes all resulting files
  * @param searchPattern - glob search query
@@ -24,4 +24,4 @@ export declare function overwriteIndex(projectPath: string, platform: string, sc
  */
 export declare function overwriteReadme(projectPath: string, platform: PlatformType, buildCommand: string): Promise<void>;
 export declare function ensureTsconfig(projectPath: string): Promise<void>;
-export declare function ifTs(ts: boolean, str: string): string;
+export declare function ifTs(ts: JsOrTs, str: string): string;

package/dist/utils/file-utils.js

@@ -40,7 +40,7 @@ const fs_1 = require("fs");
 const glob_1 = __importDefault(require("glob"));
 const lodash_1 = __importDefault(require("lodash"));
 const path = __importStar(require("upath"));
-const gatsby_1 = require("../templates/gatsby");
+const template_1 = require("../gatsby/template");
 const readme_1 = require("../templates/readme");
 const welcomePage_1 = require("../templates/welcomePage");
 const lang_utils_1 = require("./lang-utils");
@@ -124,7 +124,7 @@ function overwriteIndex(projectPath, platform, scheme) {
             // Create a very basic 404 page - `gatsby build` fails without it.
             // We've deleted the components that the default 404 page depended
             // on, so
-            yield fs_1.promises.writeFile(path.join(projectPath, "src/pages/404.js"), gatsby_1.GATSBY_404);
+            yield fs_1.promises.writeFile(path.join(projectPath, "src/pages/404.js"), template_1.GATSBY_404);
         }
         // We're done if we can already render an index page
         if ((isNextjs || isGatsby) &&
@@ -253,6 +253,6 @@ function ensureTsconfig(projectPath) {
 }
 exports.ensureTsconfig = ensureTsconfig;
 function ifTs(ts, str) {
-    return ts ? str : "";
+    return ts === "ts" ? str : "";
 }
 exports.ifTs = ifTs;

package/dist/{strategies/types.d.ts → utils/strategy.d.ts}

@@ -1,31 +1,34 @@
-import { CodeScheme } from "..";
-interface CreateArgs {
+import { JsOrTs, PlatformOptions, SchemeType } from "./types";
+export interface CreateArgs {
     projectPath: string;
     template?: string;
-    useTypescript: boolean;
+    jsOrTs: JsOrTs;
+    platformOptions: PlatformOptions;
 }
-interface ConfigArgs {
+export interface ConfigArgs {
     projectId: string;
     projectPath: string;
-    useTypescript: boolean;
-    scheme: CodeScheme;
+    jsOrTs: JsOrTs;
+    scheme: SchemeType;
     projectApiToken: string | undefined;
+    platformOptions: PlatformOptions;
 }
-interface GenerateFilesArgs {
+export interface GenerateFilesArgs {
     projectPath: string;
-    useTypescript: boolean;
-    scheme: CodeScheme;
+    jsOrTs: JsOrTs;
+    scheme: SchemeType;
     projectId: string;
     projectApiToken: string | undefined;
+    platformOptions: PlatformOptions;
 }
-interface BuildArgs {
+export interface BuildArgs {
     projectPath: string;
     npmRunCmd: string;
 }
-interface InstallArgs {
-    scheme: CodeScheme;
+export interface InstallArgs {
+    scheme: SchemeType;
     projectPath: string;
-    useTypescript: boolean;
+    jsOrTs: JsOrTs;
 }
 export interface CPAStrategy {
     create: (args: CreateArgs) => Promise<void>;
@@ -34,4 +37,3 @@ export interface CPAStrategy {
     generateFiles: (args: GenerateFilesArgs) => Promise<void>;
     build: (args: BuildArgs) => Promise<void>;
 }
-export {};

package/dist/utils/types.d.ts

@@ -0,0 +1,9 @@
+export type JsOrTs = "js" | "ts";
+export type PlatformType = "nextjs" | "gatsby" | "react";
+export type PlatformOptions = {
+    nextjs?: {
+        appDir: boolean;
+    };
+};
+export type SchemeType = "codegen" | "loader";
+export declare function platformTypeToString(s: PlatformType): string;

package/dist/utils/types.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.platformTypeToString = void 0;
+function platformTypeToString(s) {
+    return s === "nextjs" ? "Next.js" : s === "gatsby" ? "Gatsby" : "React";
+}
+exports.platformTypeToString = platformTypeToString;