create-plasmic-app 0.0.66 → 0.0.68

package/dist/gatsby/gatsby.js

@@ -44,6 +44,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.gatsbyStrategy = exports.GATSBY_TEMPLATES = void 0;
 const fs_1 = require("fs");
+const lodash_1 = __importDefault(require("lodash"));
 const path_1 = __importDefault(require("path"));
 const readline = __importStar(require("readline"));
 const cmd_utils_1 = require("../utils/cmd-utils");
@@ -179,8 +180,21 @@ exports.gatsbyStrategy = {
                 projectApiToken,
                 projectPath,
             });
-            // Overwrite the index file
-            yield (0, file_utils_1.overwriteIndex)(projectPath, "gatsby", scheme);
+            // Special case: remove all Gatsby components (due to conflicting file names)
+            const config = yield (0, file_utils_1.getPlasmicConfig)(projectPath, "gatsby", scheme);
+            const plasmicFiles = lodash_1.default.map(lodash_1.default.flatMap(config.projects, (p) => p.components), (c) => c.importSpec.modulePath);
+            (0, file_utils_1.deleteGlob)(path_1.default.join(projectPath, "src/@(pages|components)/*.*"), [
+                // Files to ignore
+                ...plasmicFiles.map((f) => path_1.default.basename(f)),
+            ]);
+            // 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_1.default.join(projectPath, `src/pages/404.${jsOrTs}x`), template_1.GATSBY_404);
+            // Make an index page if the project didn't have one.
+            if (!plasmicFiles.find((f) => f.includes("/index."))) {
+                yield fs_1.promises.writeFile(path_1.default.join(projectPath, `src/pages/index.${jsOrTs}x`), (0, file_utils_1.generateWelcomePage)(config, "gatsby"));
+            }
             // Overwrite the wrapper files to wrap PlasmicRootProvider
             const wrapperContent = (0, template_1.wrapAppRootForCodegen)();
             const browserFilePath = path_1.default.join(projectPath, `gatsby-browser.${jsOrTs}x`);

package/dist/nextjs/nextjs.js

@@ -14,6 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.nextjsStrategy = void 0;
 const fs_1 = require("fs");
+const lodash_1 = __importDefault(require("lodash"));
 const path_1 = __importDefault(require("path"));
 const cmd_utils_1 = require("../utils/cmd-utils");
 const codegen_1 = require("../utils/codegen");
@@ -21,12 +22,12 @@ const file_utils_1 = require("../utils/file-utils");
 const lang_utils_1 = require("../utils/lang-utils");
 const npm_utils_1 = require("../utils/npm-utils");
 const catchall_page_1 = require("./templates/app-loader/catchall-page");
+const plasmic_host_1 = require("./templates/app-loader/plasmic-host");
 const plasmic_init_1 = require("./templates/app-loader/plasmic-init");
 const plasmic_init_client_1 = require("./templates/app-loader/plasmic-init-client");
 const app_1 = require("./templates/pages-codegen/app");
-const plasmic_host_1 = require("./templates/pages-codegen/plasmic-host");
+const plasmic_host_2 = require("./templates/pages-codegen/plasmic-host");
 const catchall_page_2 = require("./templates/pages-loader/catchall-page");
-const plasmic_host_2 = require("./templates/app-loader/plasmic-host");
 const plasmic_host_3 = require("./templates/pages-loader/plasmic-host");
 const plasmic_init_2 = require("./templates/pages-loader/plasmic-init");
 exports.nextjsStrategy = {
@@ -114,7 +115,7 @@ function generateFilesAppDir(args) {
         yield fs_1.promises.writeFile(path_1.default.join(projectPath, `plasmic-init-client.${jsOrTs}x`), (0, plasmic_init_client_1.makePlasmicInitClient_app_loader)(jsOrTs));
         // ./app/plasmic-host/page.tsx
         yield fs_1.promises.mkdir(path_1.default.join(projectPath, "app", "plasmic-host"));
-        yield fs_1.promises.writeFile(path_1.default.join(projectPath, "app", "plasmic-host", `page.${jsOrTs}x`), (0, plasmic_host_2.makePlasmicHostPage_app_loader)());
+        yield fs_1.promises.writeFile(path_1.default.join(projectPath, "app", "plasmic-host", `page.${jsOrTs}x`), (0, plasmic_host_1.makePlasmicHostPage_app_loader)());
         // ./app/[[...catchall]]/page.tsx
         yield fs_1.promises.mkdir(path_1.default.join(projectPath, "app", "[[...catchall]]"));
         yield fs_1.promises.writeFile(path_1.default.join(projectPath, "app", "[[...catchall]]", `page.${jsOrTs}x`), (0, catchall_page_1.makeCatchallPage_app_loader)(jsOrTs));
@@ -137,7 +138,7 @@ function generateFilesPagesDir(args) {
             // ./pages/_app.tsx
             yield fs_1.promises.writeFile(path_1.default.join(projectPath, "pages", `_app.${jsOrTs}x`), (0, app_1.makeCustomApp_pages_codegen)(jsOrTs));
             // ./pages/plasmic-host.tsx
-            yield fs_1.promises.writeFile(path_1.default.join(projectPath, "pages", `plasmic-host.${jsOrTs}x`), (0, plasmic_host_1.makePlasmicHostPage_pages_codegen)());
+            yield fs_1.promises.writeFile(path_1.default.join(projectPath, "pages", `plasmic-host.${jsOrTs}x`), (0, plasmic_host_2.makePlasmicHostPage_pages_codegen)());
             // This should generate
             // ./plasmic.json
             // ./pages/index.tsx
@@ -147,9 +148,12 @@ function generateFilesPagesDir(args) {
                 projectApiToken,
                 projectPath,
             });
-            // This should overwrite
-            // ./pages/index.tsx
-            yield (0, file_utils_1.overwriteIndex)(projectPath, "nextjs", scheme);
+            // Make an index page if the project didn't have one.
+            const config = yield (0, file_utils_1.getPlasmicConfig)(projectPath, "nextjs", scheme);
+            const plasmicFiles = lodash_1.default.map(lodash_1.default.flatMap(config.projects, (p) => p.components), (c) => c.importSpec.modulePath);
+            if (!plasmicFiles.find((f) => f.includes("/index."))) {
+                yield fs_1.promises.writeFile(path_1.default.join(projectPath, "pages", `index.${jsOrTs}x`), (0, file_utils_1.generateWelcomePage)(config, "nextjs"));
+            }
         }
     });
 }

package/dist/react/react.js

@@ -13,11 +13,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactStrategy = void 0;
-const fs_1 = __importDefault(require("fs"));
+const fs_1 = require("fs");
+const glob_1 = __importDefault(require("glob"));
 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 lang_utils_1 = require("../utils/lang-utils");
 const npm_utils_1 = require("../utils/npm-utils");
 exports.reactStrategy = {
     create: (args) => __awaiter(void 0, void 0, void 0, function* () {
@@ -48,20 +50,30 @@ exports.reactStrategy = {
             // Nothing to do
         }
         else {
+            // Delete existing entry point App.tsx and related test
+            (0, file_utils_1.deleteGlob)(path_1.default.join(projectPath, "src", "App*"));
             yield (0, codegen_1.runCodegenSync)({
                 projectId,
                 projectApiToken,
                 projectPath,
             });
-            // Overwrite the App.tsx
-            yield (0, file_utils_1.overwriteIndex)(projectPath, "react", scheme);
+            // Pick a page for the entry point App.tsx page
+            const config = yield (0, file_utils_1.getPlasmicConfig)(projectPath, "react", scheme);
+            const pagesDir = path_1.default.join(projectPath, (0, lang_utils_1.ensureString)(config.srcDir));
+            const homeFilePossibilities = glob_1.default.sync(path_1.default.join(pagesDir, "**", "@(index|Home|home|Homepage).*"));
+            // Overwrite App.tsx
+            const indexPath = path_1.default.join(projectPath, "src", `App.${jsOrTs}x`);
+            const content = homeFilePossibilities.length > 0
+                ? (0, file_utils_1.generateHomePage)(homeFilePossibilities[0], indexPath)
+                : (0, file_utils_1.generateWelcomePage)(config, "react");
+            yield fs_1.promises.writeFile(indexPath, content);
         }
         // 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();
+        let indexFile = (yield fs_1.promises.readFile(indexFileName)).toString();
         indexFile = indexFile.replace("<React.StrictMode>", "");
         indexFile = indexFile.replace("</React.StrictMode>", "");
-        fs_1.default.writeFileSync(indexFileName, indexFile);
+        yield fs_1.promises.writeFile(indexFileName, indexFile);
         return;
     }),
     build: (args) => __awaiter(void 0, void 0, void 0, function* () {

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

@@ -7,15 +7,6 @@ import { JsOrTs, PlatformType } from "../utils/types";
 export declare function deleteGlob(searchPattern: string, skipPatterns?: string[]): void;
 export declare function stripExtension(filename: string, removeComposedPath?: boolean): string;
 export declare function writePlasmicLoaderJson(projectDir: string, projectId: string, projectApiToken: string): Promise<void>;
-/**
- * - [nextjs|gatsby, loader, '/' page exists] - remove index file
- * - [nextjs|gatsby, loader, '/' Page DNE] - replace index file with Welcome page
- * - [nextjs|gatsby, codegen, '/' page exists] - remove Next.js/Gatsby index file, preserve Plasmic index
- * - [nextjs|gatsby, codegen, '/' page DNE] - replace index file with Welcome page
- * - [react, codegen ]  - replace App file with '/', Home, or Welcome page
- * @returns
- */
-export declare function overwriteIndex(projectPath: string, platform: string, scheme: string): Promise<void>;
 /**
  * Overwrite the README file
  * @param projectPath
@@ -23,5 +14,20 @@ export declare function overwriteIndex(projectPath: string, platform: string, sc
  * @param buildCommand
  */
 export declare function overwriteReadme(projectPath: string, platform: PlatformType, buildCommand: string): Promise<void>;
+/**
+ * Generate a file to render the component
+ * @param componentAbsPath - absolute path to component to render
+ * @param indexAbsPath - absolute path of index file to write
+ * @returns
+ */
+export declare function generateHomePage(componentAbsPath: string, indexAbsPath: string): string;
+/**
+ * Generate a Welcome page based on a PlasmicConfig
+ * @param config - PlasmicConfig
+ * @param noPages - don't render links to pages
+ * @returns
+ */
+export declare function generateWelcomePage(config: any, platform: string): string;
+export declare function getPlasmicConfig(projectPath: string, platform: PlatformType, scheme: string): Promise<any>;
 export declare function ensureTsconfig(projectPath: string): Promise<void>;
 export declare function ifTs(ts: JsOrTs, str: string): string;

package/dist/utils/file-utils.js

@@ -35,12 +35,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ifTs = exports.ensureTsconfig = exports.overwriteReadme = exports.overwriteIndex = exports.writePlasmicLoaderJson = exports.stripExtension = exports.deleteGlob = void 0;
+exports.ifTs = exports.ensureTsconfig = exports.getPlasmicConfig = exports.generateWelcomePage = exports.generateHomePage = exports.overwriteReadme = exports.writePlasmicLoaderJson = exports.stripExtension = exports.deleteGlob = void 0;
 const fs_1 = require("fs");
 const glob_1 = __importDefault(require("glob"));
 const lodash_1 = __importDefault(require("lodash"));
 const path = __importStar(require("upath"));
-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");
@@ -82,63 +81,6 @@ function writePlasmicLoaderJson(projectDir, projectId, projectApiToken) {
     });
 }
 exports.writePlasmicLoaderJson = writePlasmicLoaderJson;
-/**
- * - [nextjs|gatsby, loader, '/' page exists] - remove index file
- * - [nextjs|gatsby, loader, '/' Page DNE] - replace index file with Welcome page
- * - [nextjs|gatsby, codegen, '/' page exists] - remove Next.js/Gatsby index file, preserve Plasmic index
- * - [nextjs|gatsby, codegen, '/' page DNE] - replace index file with Welcome page
- * - [react, codegen ]  - replace App file with '/', Home, or Welcome page
- * @returns
- */
-function overwriteIndex(projectPath, platform, scheme) {
-    var _a;
-    return __awaiter(this, void 0, void 0, function* () {
-        const isNextjs = platform === "nextjs";
-        const isGatsby = platform === "gatsby";
-        const isCra = platform === "react";
-        const config = yield getPlasmicConfig(projectPath, platform, scheme);
-        const plasmicFiles = lodash_1.default.map(lodash_1.default.flatMap(config.projects, (p) => p.components), (c) => c.importSpec.modulePath);
-        const isTypescript = ((_a = config === null || config === void 0 ? void 0 : config.code) === null || _a === void 0 ? void 0 : _a.lang) === "ts";
-        const pagesDir = (0, lang_utils_1.ensure)(isNextjs
-            ? path.join(projectPath, "pages/")
-            : isGatsby
-                ? path.join(projectPath, "src/pages/")
-                : isCra
-                    ? path.join(projectPath, "src/")
-                    : undefined);
-        const indexBasename = isCra ? `App` : `index`;
-        const extension = isTypescript ? "tsx" : "jsx";
-        const indexAbsPath = path.join(pagesDir, `${indexBasename}.${extension}`);
-        // Delete existing index files
-        // - Skipping any Plasmic-managed files
-        // - Note: this only compares basenames, so it may have false positives
-        deleteGlob(path.join(pagesDir, `${indexBasename}.*`), plasmicFiles.map((f) => path.basename(f)));
-        // Special case: remove all Gatsby components (due to conflicting file names)
-        // TODO: find a better way to handle this issue
-        if (platform === "gatsby") {
-            // Delete the index file
-            deleteGlob(path.join(projectPath, "src/@(pages|components)/*.*"), [
-                // Files to ignore
-                ...plasmicFiles.map((f) => path.basename(f)),
-            ]);
-            // 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"), template_1.GATSBY_404);
-        }
-        // We're done if we can already render an index page
-        if ((isNextjs || isGatsby) &&
-            plasmicFiles.find((f) => f.includes("/index."))) {
-            return;
-        }
-        const homeFilePossibilities = glob_1.default.sync(path.join(projectPath, (0, lang_utils_1.ensureString)(config.srcDir), "**", "@(index|Home|home|Homepage).*"));
-        const content = isCra && homeFilePossibilities.length > 0
-            ? generateHomePage(homeFilePossibilities[0], indexAbsPath)
-            : generateWelcomePage(config, platform);
-        yield fs_1.promises.writeFile(indexAbsPath, content);
-    });
-}
-exports.overwriteIndex = overwriteIndex;
 /**
  * Overwrite the README file
  * @param projectPath
@@ -175,6 +117,7 @@ export default App;
   `;
     return appjsContents;
 }
+exports.generateHomePage = generateHomePage;
 /**
  * Generate a Welcome page based on a PlasmicConfig
  * @param config - PlasmicConfig
@@ -218,6 +161,7 @@ function generateWelcomePage(config, platform) {
     const content = (0, welcomePage_1.WELCOME_PAGE)(hasPages, platform, hasPages ? getPageSection() : "");
     return content;
 }
+exports.generateWelcomePage = generateWelcomePage;
 function getPlasmicConfig(projectPath, platform, scheme) {
     return __awaiter(this, void 0, void 0, function* () {
         const isNextjs = platform === "nextjs";
@@ -235,6 +179,7 @@ function getPlasmicConfig(projectPath, platform, scheme) {
         return JSON.parse(configStr.toString());
     });
 }
+exports.getPlasmicConfig = getPlasmicConfig;
 // Create tsconfig.json if it doesn't exist
 // this will force Plasmic to recognize Typescript
 function ensureTsconfig(projectPath) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-plasmic-app",
-  "version": "0.0.66",
+  "version": "0.0.68",
   "description": "Create Plasmic-powered React apps",
   "main": "./dist/lib.js",
   "types": "./dist/lib.d.ts",
@@ -55,5 +55,5 @@
     "validate-npm-package-name": "^3.0.0",
     "yargs": "^16.2.0"
   },
-  "gitHead": "67e119ae46c42a2b4440cd98b4d168d0b69ca229"
+  "gitHead": "1d9e46447dea9fe47ae76c2e1a39e14dcab687e6"
 }

package/src/gatsby/gatsby.ts

@@ -1,9 +1,15 @@
 import { createReadStream, existsSync, promises as fs } from "fs";
+import L from "lodash";
 import path from "path";
 import * as readline from "readline";
 import { spawnOrFail } from "../utils/cmd-utils";
 import { installCodegenDeps, runCodegenSync } from "../utils/codegen";
-import { deleteGlob, ifTs, overwriteIndex } from "../utils/file-utils";
+import {
+  deleteGlob,
+  generateWelcomePage,
+  getPlasmicConfig,
+  ifTs,
+} from "../utils/file-utils";
 import { ensure } from "../utils/lang-utils";
 import { installUpgrade } from "../utils/npm-utils";
 import { CPAStrategy } from "../utils/strategy";
@@ -165,8 +171,31 @@ export const gatsbyStrategy: CPAStrategy = {
         projectPath,
       });
 
-      // Overwrite the index file
-      await overwriteIndex(projectPath, "gatsby", scheme);
+      // Special case: remove all Gatsby components (due to conflicting file names)
+      const config = await getPlasmicConfig(projectPath, "gatsby", scheme);
+      const plasmicFiles = L.map(
+        L.flatMap(config.projects, (p) => p.components),
+        (c) => c.importSpec.modulePath
+      );
+      deleteGlob(path.join(projectPath, "src/@(pages|components)/*.*"), [
+        // Files to ignore
+        ...plasmicFiles.map((f) => path.basename(f)),
+      ]);
+      // Create a very basic 404 page - `gatsby build` fails without it.
+      // We've deleted the components that the default 404 page depended
+      // on, so
+      await fs.writeFile(
+        path.join(projectPath, `src/pages/404.${jsOrTs}x`),
+        GATSBY_404
+      );
+
+      // Make an index page if the project didn't have one.
+      if (!plasmicFiles.find((f) => f.includes("/index."))) {
+        await fs.writeFile(
+          path.join(projectPath, `src/pages/index.${jsOrTs}x`),
+          generateWelcomePage(config, "gatsby")
+        );
+      }
 
       // Overwrite the wrapper files to wrap PlasmicRootProvider
       const wrapperContent = wrapAppRootForCodegen();

package/src/nextjs/nextjs.ts

@@ -1,18 +1,23 @@
 import { promises as fs } from "fs";
+import L from "lodash";
 import path from "path";
 import { spawnOrFail } from "../utils/cmd-utils";
 import { installCodegenDeps, runCodegenSync } from "../utils/codegen";
-import { deleteGlob, overwriteIndex } from "../utils/file-utils";
+import {
+  deleteGlob,
+  generateWelcomePage,
+  getPlasmicConfig,
+} from "../utils/file-utils";
 import { ensure } from "../utils/lang-utils";
 import { installUpgrade } from "../utils/npm-utils";
 import { CPAStrategy, GenerateFilesArgs } from "../utils/strategy";
 import { makeCatchallPage_app_loader } from "./templates/app-loader/catchall-page";
+import { makePlasmicHostPage_app_loader } from "./templates/app-loader/plasmic-host";
 import { makePlasmicInit_app_loader } from "./templates/app-loader/plasmic-init";
 import { makePlasmicInitClient_app_loader } from "./templates/app-loader/plasmic-init-client";
 import { makeCustomApp_pages_codegen } from "./templates/pages-codegen/app";
 import { makePlasmicHostPage_pages_codegen } from "./templates/pages-codegen/plasmic-host";
 import { makeCatchallPage_pages_loader } from "./templates/pages-loader/catchall-page";
-import { makePlasmicHostPage_app_loader } from "./templates/app-loader/plasmic-host";
 import { makePlasmicHostPage_pages_loader } from "./templates/pages-loader/plasmic-host";
 import { makePlasmicInit_pages_loader } from "./templates/pages-loader/plasmic-init";
 
@@ -173,8 +178,17 @@ async function generateFilesPagesDir(args: GenerateFilesArgs) {
       projectPath,
     });
 
-    // This should overwrite
-    // ./pages/index.tsx
-    await overwriteIndex(projectPath, "nextjs", scheme);
+    // Make an index page if the project didn't have one.
+    const config = await getPlasmicConfig(projectPath, "nextjs", scheme);
+    const plasmicFiles = L.map(
+      L.flatMap(config.projects, (p) => p.components),
+      (c) => c.importSpec.modulePath
+    );
+    if (!plasmicFiles.find((f) => f.includes("/index."))) {
+      await fs.writeFile(
+        path.join(projectPath, "pages", `index.${jsOrTs}x`),
+        generateWelcomePage(config, "nextjs")
+      );
+    }
   }
 }

package/src/react/react.ts

@@ -1,8 +1,15 @@
-import fs from "fs";
+import { promises as fs } from "fs";
+import glob from "glob";
 import path from "path";
 import { spawnOrFail } from "../utils/cmd-utils";
 import { installCodegenDeps, runCodegenSync } from "../utils/codegen";
-import { overwriteIndex } from "../utils/file-utils";
+import {
+  deleteGlob,
+  generateHomePage,
+  generateWelcomePage,
+  getPlasmicConfig,
+} from "../utils/file-utils";
+import { ensureString } from "../utils/lang-utils";
 import { installUpgrade } from "../utils/npm-utils";
 import { CPAStrategy } from "../utils/strategy";
 
@@ -41,14 +48,29 @@ export const reactStrategy: CPAStrategy = {
     if (scheme === "loader") {
       // Nothing to do
     } else {
+      // Delete existing entry point App.tsx and related test
+      deleteGlob(path.join(projectPath, "src", "App*"));
+
       await runCodegenSync({
         projectId,
         projectApiToken,
         projectPath,
       });
 
-      // Overwrite the App.tsx
-      await overwriteIndex(projectPath, "react", scheme);
+      // Pick a page for the entry point App.tsx page
+      const config = await getPlasmicConfig(projectPath, "react", scheme);
+      const pagesDir = path.join(projectPath, ensureString(config.srcDir));
+      const homeFilePossibilities = glob.sync(
+        path.join(pagesDir, "**", "@(index|Home|home|Homepage).*")
+      );
+
+      // Overwrite App.tsx
+      const indexPath = path.join(projectPath, "src", `App.${jsOrTs}x`);
+      const content =
+        homeFilePossibilities.length > 0
+          ? generateHomePage(homeFilePossibilities[0], indexPath)
+          : generateWelcomePage(config, "react");
+      await fs.writeFile(indexPath, content);
     }
 
     // Deactivate React.StrictMode from index.js or index.tsx
@@ -57,10 +79,10 @@ export const reactStrategy: CPAStrategy = {
       "src",
       `index.${jsOrTs === "js" ? "js" : "tsx"}`
     );
-    let indexFile = fs.readFileSync(indexFileName).toString();
+    let indexFile = (await fs.readFile(indexFileName)).toString();
     indexFile = indexFile.replace("<React.StrictMode>", "");
     indexFile = indexFile.replace("</React.StrictMode>", "");
-    fs.writeFileSync(indexFileName, indexFile);
+    await fs.writeFile(indexFileName, indexFile);
 
     return;
   },

package/src/utils/file-utils.ts

@@ -2,11 +2,10 @@ import { existsSync, promises as fs, unlinkSync } from "fs";
 import glob from "glob";
 import L from "lodash";
 import * as path from "upath";
-import { GATSBY_404 } from "../gatsby/template";
 import { README } from "../templates/readme";
 import { WELCOME_PAGE } from "../templates/welcomePage";
 import { JsOrTs, PlatformType } from "../utils/types";
-import { ensure, ensureString } from "./lang-utils";
+import { ensure } from "./lang-utils";
 import { installUpgrade } from "./npm-utils";
 
 /**
@@ -57,88 +56,6 @@ export async function writePlasmicLoaderJson(
   await fs.writeFile(plasmicLoaderJson, JSON.stringify(content));
 }
 
-/**
- * - [nextjs|gatsby, loader, '/' page exists] - remove index file
- * - [nextjs|gatsby, loader, '/' Page DNE] - replace index file with Welcome page
- * - [nextjs|gatsby, codegen, '/' page exists] - remove Next.js/Gatsby index file, preserve Plasmic index
- * - [nextjs|gatsby, codegen, '/' page DNE] - replace index file with Welcome page
- * - [react, codegen ]  - replace App file with '/', Home, or Welcome page
- * @returns
- */
-export async function overwriteIndex(
-  projectPath: string,
-  platform: string,
-  scheme: string
-): Promise<void> {
-  const isNextjs = platform === "nextjs";
-  const isGatsby = platform === "gatsby";
-  const isCra = platform === "react";
-
-  const config = await getPlasmicConfig(projectPath, platform, scheme);
-  const plasmicFiles = L.map(
-    L.flatMap(config.projects, (p) => p.components),
-    (c) => c.importSpec.modulePath
-  );
-
-  const isTypescript = config?.code?.lang === "ts";
-  const pagesDir = ensure(
-    isNextjs
-      ? path.join(projectPath, "pages/")
-      : isGatsby
-      ? path.join(projectPath, "src/pages/")
-      : isCra
-      ? path.join(projectPath, "src/")
-      : undefined
-  );
-  const indexBasename = isCra ? `App` : `index`;
-  const extension = isTypescript ? "tsx" : "jsx";
-  const indexAbsPath = path.join(pagesDir, `${indexBasename}.${extension}`);
-
-  // Delete existing index files
-  // - Skipping any Plasmic-managed files
-  // - Note: this only compares basenames, so it may have false positives
-  deleteGlob(
-    path.join(pagesDir, `${indexBasename}.*`),
-    plasmicFiles.map((f) => path.basename(f))
-  );
-
-  // Special case: remove all Gatsby components (due to conflicting file names)
-  // TODO: find a better way to handle this issue
-  if (platform === "gatsby") {
-    // Delete the index file
-    deleteGlob(path.join(projectPath, "src/@(pages|components)/*.*"), [
-      // Files to ignore
-      ...plasmicFiles.map((f) => path.basename(f)),
-    ]);
-    // Create a very basic 404 page - `gatsby build` fails without it.
-    // We've deleted the components that the default 404 page depended
-    // on, so
-    await fs.writeFile(path.join(projectPath, "src/pages/404.js"), GATSBY_404);
-  }
-
-  // We're done if we can already render an index page
-  if (
-    (isNextjs || isGatsby) &&
-    plasmicFiles.find((f) => f.includes("/index."))
-  ) {
-    return;
-  }
-
-  const homeFilePossibilities = glob.sync(
-    path.join(
-      projectPath,
-      ensureString(config.srcDir),
-      "**",
-      "@(index|Home|home|Homepage).*"
-    )
-  );
-  const content =
-    isCra && homeFilePossibilities.length > 0
-      ? generateHomePage(homeFilePossibilities[0], indexAbsPath)
-      : generateWelcomePage(config, platform);
-  await fs.writeFile(indexAbsPath, content);
-}
-
 /**
  * Overwrite the README file
  * @param projectPath
@@ -161,7 +78,7 @@ export async function overwriteReadme(
  * @param indexAbsPath - absolute path of index file to write
  * @returns
  */
-function generateHomePage(
+export function generateHomePage(
   componentAbsPath: string,
   indexAbsPath: string
 ): string {
@@ -190,7 +107,7 @@ export default App;
  * @param noPages - don't render links to pages
  * @returns
  */
-function generateWelcomePage(config: any, platform: string): string {
+export function generateWelcomePage(config: any, platform: string): string {
   let hasPages = false;
   let pageComponents: any[];
   let pagesDir: string;
@@ -233,9 +150,9 @@ function generateWelcomePage(config: any, platform: string): string {
   return content;
 }
 
-async function getPlasmicConfig(
+export async function getPlasmicConfig(
   projectPath: string,
-  platform: string,
+  platform: PlatformType,
   scheme: string
 ) {
   const isNextjs = platform === "nextjs";