create-plasmic-app 0.0.52 → 0.0.56

package/.eslintrc.js

@@ -1,4 +1,5 @@
 module.exports = {
+  root: true,
   env: {
     browser: true,
     es2020: true,

package/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 Plasmic
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/dist/index.js

@@ -2,7 +2,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -45,7 +49,7 @@ if (process.env.CPA_DEBUG_CHDIR) {
     process.chdir(process.env.CPA_DEBUG_CHDIR);
 }
 // Check for updates
-const createPlasmicAppVersion = npm_utils_1.updateNotify();
+const createPlasmicAppVersion = (0, npm_utils_1.updateNotify)();
 // Specify command-line args
 const argv = yargs_1.default
     .usage("Usage: $0 [options] <project-directory>")
@@ -101,8 +105,8 @@ Sentry.configureScope((scope) => {
  */
 function maybePrompt(question) {
     return __awaiter(this, void 0, void 0, function* () {
-        const name = lang_utils_1.ensure(question.name);
-        const message = lang_utils_1.ensure(question.message);
+        const name = (0, lang_utils_1.ensure)(question.name);
+        const message = (0, lang_utils_1.ensure)(question.message);
         const maybeAnswer = argv[name];
         if (maybeAnswer === null || maybeAnswer === undefined || maybeAnswer === "") {
             const ans = yield inquirer_1.default.prompt(Object.assign({}, question));
@@ -110,7 +114,7 @@ function maybePrompt(question) {
         }
         else {
             console.log(`${message}: ${maybeAnswer} (specified in CLI arg)`);
-            return lang_utils_1.ensure(argv[name]);
+            return (0, lang_utils_1.ensure)(argv[name]);
         }
     });
 }
@@ -153,7 +157,7 @@ function run() {
             default: true,
         });
         // Prompt for the platform
-        const platform = lang_utils_1.ensureString(yield maybePrompt({
+        const platform = (0, lang_utils_1.ensureString)(yield maybePrompt({
             name: "platform",
             message: "What React framework do you want to use?",
             type: "list",
@@ -215,11 +219,11 @@ https://studio.plasmic.app/starters/blank
         }
         // RUN IT
         console.log();
-        lang_utils_1.assert(platform === "nextjs" || platform === "gatsby" || platform === "react", "platform must be one of ['nextjs', 'gatsby', 'react']");
+        (0, lang_utils_1.assert)(platform === "nextjs" || platform === "gatsby" || platform === "react", "platform must be one of ['nextjs', 'gatsby', 'react']");
         const template = argv["template"];
         const projectApiToken = argv["projectApiToken"];
         // Set the metadata environment variable to tag the future Segment codegen event
-        cli_1.setMetadataEnv({
+        (0, cli_1.setMetadataEnv)({
             source: "create-plasmic-app",
         });
         yield cpa.create({
@@ -245,7 +249,7 @@ run().catch((err) => {
         console.log(`Please remove ${resolvedProjectPath} and try again.`);
     }
     // Check if we satisfy the engine policy
-    const satisfiesVersion = npm_utils_1.checkEngineStrict();
+    const satisfiesVersion = (0, npm_utils_1.checkEngineStrict)();
     // Log to Sentry only if user has correct Node version
     if (satisfiesVersion && err) {
         Sentry.captureException(err);

package/dist/lib.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -57,12 +61,12 @@ function create(args) {
             console.log("Skipping auth; using the given project API token.");
         }
         else {
-            const promise = cli_1.auth({
+            const promise = (0, cli_1.auth)({
                 host: "https://studio.plasmic.app",
                 check: true,
             })
                 .catch(() => {
-                return cli_1.auth({ host: "https://studio.plasmic.app" });
+                return (0, cli_1.auth)({ host: "https://studio.plasmic.app" });
             })
                 .catch(() => {
                 throw new Error("Failed to authenticate with Plasmic. Please run `npx @plasmicapp/cli auth` manually.");
@@ -77,22 +81,22 @@ function create(args) {
         if (!["codegen", "loader"].includes(scheme)) {
             throw new Error(`Unrecognized Plasmic scheme: ${scheme}`);
         }
-        const cpaStrategy = strategies_1.getCPAStrategy(platform);
+        const cpaStrategy = (0, strategies_1.getCPAStrategy)(platform);
         // Create project using strategy for platform
         yield cpaStrategy.create({
             projectPath: resolvedProjectPath,
             useTypescript,
             template,
         });
-        // Ensure that we have a empty tsconfig and @types packages
-        // Gatsby by default supports typescript handling internally
-        // tsconfig so we don't have to ensure it
-        if (useTypescript && platform !== "gatsby") {
-            yield file_utils_1.ensureTsconfig(resolvedProjectPath);
+        // 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 (useTypescript && platform === "react") {
+            yield (0, file_utils_1.ensureTsconfig)(resolvedProjectPath);
         }
         // Make sure we have an api token for loader
         if (scheme === "loader" && !projectApiToken) {
-            projectApiToken = yield cli_1.getProjectApiToken(projectId);
+            projectApiToken = yield (0, cli_1.getProjectApiToken)(projectId);
             if (!projectApiToken) {
                 throw new Error(`Failed to get projectApiToken for ${projectId}`);
             }
@@ -126,7 +130,7 @@ function create(args) {
         /**
          * INSTRUCT USER ON NEXT STEPS
          */
-        const pkgMgr = npm_utils_1.detectPackageManager(resolvedProjectPath);
+        const pkgMgr = (0, npm_utils_1.detectPackageManager)(resolvedProjectPath);
         const npmRunCmd = pkgMgr === "yarn" ? "yarn" : "npm run";
         const command = platform === "nextjs"
             ? `${npmRunCmd} dev`
@@ -137,7 +141,7 @@ function create(args) {
                     : "";
         const relativeDir = path.relative(process.cwd(), resolvedProjectPath);
         // Overwrite README
-        yield file_utils_1.overwriteReadme(resolvedProjectPath, platform, command);
+        yield (0, file_utils_1.overwriteReadme)(resolvedProjectPath, platform, command);
         console.log("----------------------------------------");
         console.log(chalk_1.default.green.bold(`Congrats! We created the Plasmic-connected project at ${relativeDir}`));
         console.log();
@@ -165,7 +169,7 @@ function checkValidName(name) {
         return false;
     }
     // Check that projectName is a valid npm package name
-    const nameValidation = validate_npm_package_name_1.default(name);
+    const nameValidation = (0, validate_npm_package_name_1.default)(name);
     if (!nameValidation.validForNewPackages) {
         if (nameValidation.warnings) {
             nameValidation.warnings.forEach((e) => console.warn(e));

package/dist/strategies/common.js

@@ -16,19 +16,19 @@ const npm_utils_1 = require("../utils/npm-utils");
 function installCodegenDeps(opts) {
     return __awaiter(this, void 0, void 0, function* () {
         const { projectPath } = opts;
-        return ((yield npm_utils_1.installUpgrade("@plasmicapp/cli", { workingDir: projectPath })) &&
-            (yield npm_utils_1.installUpgrade("@plasmicapp/host", { workingDir: projectPath })));
+        return ((yield (0, npm_utils_1.installUpgrade)("@plasmicapp/cli", { workingDir: projectPath })) &&
+            (yield (0, npm_utils_1.installUpgrade)("@plasmicapp/host", { workingDir: projectPath })));
     });
 }
 exports.installCodegenDeps = installCodegenDeps;
 function runCodegenSync(opts) {
     return __awaiter(this, void 0, void 0, function* () {
         const { projectId, projectApiToken, projectPath } = opts;
-        lib_1.banner("SYNCING PLASMIC COMPONENTS");
+        (0, lib_1.banner)("SYNCING PLASMIC COMPONENTS");
         const project = projectApiToken
             ? `${projectId}:${projectApiToken}`
             : projectId;
-        yield cmd_utils_1.spawnOrFail(`npx -p @plasmicapp/cli plasmic sync --yes -p ${project}`, projectPath);
+        yield (0, cmd_utils_1.spawnOrFail)(`npx -p @plasmicapp/cli plasmic sync --yes -p ${project}`, projectPath);
     });
 }
 exports.runCodegenSync = runCodegenSync;

package/dist/strategies/gatsby.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -60,33 +64,33 @@ const gatsbyStrategy = {
         }
         const gatsbyTemplate = exports.GATSBY_TEMPLATES[useTypescript ? "ts" : "js"];
         const createCommand = `git clone ${gatsbyTemplate} ${projectPath} --recursive --depth 1 --quiet`;
-        yield cmd_utils_1.spawnOrFail(`${createCommand}`);
+        yield (0, cmd_utils_1.spawnOrFail)(`${createCommand}`);
         // Remove .git and LICENSE so that we don't generate linked outputs
-        yield cmd_utils_1.spawnOrFail(`rm -rf ${projectPath}/.git`);
-        yield cmd_utils_1.spawnOrFail(`rm -rf ${projectPath}/LICENSE`);
+        yield (0, cmd_utils_1.spawnOrFail)(`rm -rf ${projectPath}/.git`);
+        yield (0, cmd_utils_1.spawnOrFail)(`rm -rf ${projectPath}/LICENSE`);
     }),
     installDeps: ({ projectPath, scheme, useTypescript }) => __awaiter(void 0, void 0, void 0, function* () {
-        const installedHelmet = yield npm_utils_1.installUpgrade("react-helmet", {
+        const installedHelmet = yield (0, npm_utils_1.installUpgrade)("react-helmet", {
             workingDir: projectPath,
         });
         const installedHelmetTypes = !useTypescript ||
-            (yield npm_utils_1.installUpgrade("@types/react-helmet", {
+            (yield (0, npm_utils_1.installUpgrade)("@types/react-helmet", {
                 workingDir: projectPath,
                 dev: true,
             }));
-        const installedHelmetPlugin = yield npm_utils_1.installUpgrade("gatsby-plugin-react-helmet", {
+        const installedHelmetPlugin = yield (0, npm_utils_1.installUpgrade)("gatsby-plugin-react-helmet", {
             workingDir: projectPath,
         });
         if (!installedHelmet || !installedHelmetPlugin || !installedHelmetTypes) {
             return false;
         }
         if (scheme === "loader") {
-            return yield npm_utils_1.installUpgrade("@plasmicapp/loader-gatsby", {
+            return yield (0, npm_utils_1.installUpgrade)("@plasmicapp/loader-gatsby", {
                 workingDir: projectPath,
             });
         }
         else {
-            return yield common_1.installCodegenDeps({ projectPath });
+            return yield (0, common_1.installCodegenDeps)({ projectPath });
         }
     }),
     overwriteConfig: (args) => __awaiter(void 0, void 0, void 0, function* () {
@@ -107,13 +111,13 @@ const gatsbyStrategy = {
             // create-gatsby will create a default gatsby-config that we need to modify
             const gatsbyConfigFile = path_1.default.join(projectPath, `gatsby-config.${extension}`);
             const rl = readline.createInterface({
-                input: fs_1.createReadStream(gatsbyConfigFile),
+                input: (0, fs_1.createReadStream)(gatsbyConfigFile),
                 crlfDelay: Infinity,
             });
             // Typescript doesn't accept require.resolve
             // https://www.gatsbyjs.com/docs/how-to/custom-configuration/typescript/#requireresolve
             let result = useTypescript ? `import path from "path";\n` : "";
-            const pluginConfig = gatsby_1.GATSBY_PLUGIN_CONFIG(projectId, lang_utils_1.ensure(projectApiToken), useTypescript);
+            const pluginConfig = (0, gatsby_1.GATSBY_PLUGIN_CONFIG)(projectId, (0, lang_utils_1.ensure)(projectApiToken), useTypescript);
             try {
                 for (var rl_1 = __asyncValues(rl), rl_1_1; rl_1_1 = yield rl_1.next(), !rl_1_1.done;) {
                     const line = rl_1_1.value;
@@ -143,11 +147,11 @@ const gatsbyStrategy = {
         // to be handled by templates/defaultPlasmicPage
         const { projectId, projectApiToken, projectPath, useTypescript, scheme, } = args;
         const extension = useTypescript ? "ts" : "js";
-        file_utils_1.deleteGlob(path_1.default.join(projectPath, "src/@(pages|components|templates)/*.*"));
+        (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.${extension}`), gatsby_1.GATSBY_404);
         // Add plasmic-host page
-        yield fs_1.promises.writeFile(path_1.default.join(projectPath, `src/pages/plasmic-host.${extension}x`), gatsby_1.makeGatsbyHostPage({
+        yield fs_1.promises.writeFile(path_1.default.join(projectPath, `src/pages/plasmic-host.${extension}x`), (0, gatsby_1.makeGatsbyHostPage)({
             useTypescript,
             scheme,
         }));
@@ -156,24 +160,24 @@ const gatsbyStrategy = {
         // Updates `gatsby-ssr` to include script tag for preamble
         yield fs_1.promises.writeFile(path_1.default.join(projectPath, `gatsby-ssr.${extension}x`), gatsby_1.GATSBY_SSR_CONFIG);
         if (scheme === "loader") {
-            yield fs_1.promises.writeFile(path_1.default.join(projectPath, `src/plasmic-init.${extension}`), gatsby_1.makeGatsbyPlasmicInit(extension));
+            yield fs_1.promises.writeFile(path_1.default.join(projectPath, `src/plasmic-init.${extension}`), (0, gatsby_1.makeGatsbyPlasmicInit)(extension));
             const templatesFolder = path_1.default.join(projectPath, "src/templates");
-            if (!fs_1.existsSync(templatesFolder)) {
+            if (!(0, fs_1.existsSync)(templatesFolder)) {
                 yield fs_1.promises.mkdir(templatesFolder);
             }
             const defaultPagePath = path_1.default.join(templatesFolder, `defaultPlasmicPage.${extension}x`);
-            yield fs_1.promises.writeFile(defaultPagePath, gatsby_1.makeGatsbyDefaultPage(extension));
+            yield fs_1.promises.writeFile(defaultPagePath, (0, gatsby_1.makeGatsbyDefaultPage)(extension));
         }
         else {
-            yield common_1.runCodegenSync({
+            yield (0, common_1.runCodegenSync)({
                 projectId,
                 projectApiToken,
                 projectPath,
             });
             // Overwrite the index file
-            yield file_utils_1.overwriteIndex(projectPath, "gatsby", scheme);
+            yield (0, file_utils_1.overwriteIndex)(projectPath, "gatsby", scheme);
             // Overwrite the wrapper files to wrap PlasmicRootProvider
-            const wrapperContent = gatsby_1.wrapAppRootForCodegen();
+            const wrapperContent = (0, gatsby_1.wrapAppRootForCodegen)();
             const browserFilePath = path_1.default.join(projectPath, `gatsby-browser.${extension}x`);
             yield fs_1.promises.writeFile(browserFilePath, wrapperContent);
             const ssrFilePath = path_1.default.join(projectPath, `gatsby-ssr.${extension}x`);
@@ -186,7 +190,7 @@ const gatsbyStrategy = {
         // https://github.com/gatsbyjs/gatsby/issues/20957
         // This may be a local problem for each person, but maybe we can try to handle it
         // here
-        yield cmd_utils_1.spawnOrFail(`${npmRunCmd} build`, projectPath);
+        yield (0, cmd_utils_1.spawnOrFail)(`${npmRunCmd} build`, projectPath);
     }),
 };
 exports.default = gatsbyStrategy;

package/dist/strategies/index.d.ts

@@ -1,2 +1,2 @@
 import { CPAStrategy } from "./types";
-export declare const getCPAStrategy: (platform: string, errorMsg?: string | undefined) => CPAStrategy;
+export declare const getCPAStrategy: (platform: string, errorMsg?: string) => CPAStrategy;

package/dist/strategies/nextjs.js

@@ -23,20 +23,20 @@ const common_1 = require("./common");
 const nextjsStrategy = {
     create: (args) => __awaiter(void 0, void 0, void 0, function* () {
         const { projectPath, template, useTypescript } = args;
-        const createCommand = `npx create-next-app@latest ${useTypescript ? "--typescript" : ""} ${projectPath}`;
+        const createCommand = `npx create-next-app@latest ${useTypescript ? "--ts" : "--js"} --eslint ${projectPath}`;
         const templateArg = template ? ` --template ${template}` : "";
         // Default Next.js starter already supports Typescript
         // See where we `touch tsconfig.json` later on
-        yield cmd_utils_1.spawnOrFail(`${createCommand}${templateArg}`);
+        yield (0, cmd_utils_1.spawnOrFail)(`${createCommand}${templateArg}`);
     }),
     installDeps: ({ scheme, projectPath }) => __awaiter(void 0, void 0, void 0, function* () {
         if (scheme === "loader") {
-            return yield npm_utils_1.installUpgrade("@plasmicapp/loader-nextjs", {
+            return yield (0, npm_utils_1.installUpgrade)("@plasmicapp/loader-nextjs", {
                 workingDir: projectPath,
             });
         }
         else {
-            return yield common_1.installCodegenDeps({ projectPath });
+            return yield (0, common_1.installCodegenDeps)({ projectPath });
         }
     }),
     overwriteConfig: (args) => __awaiter(void 0, void 0, void 0, function* () {
@@ -73,32 +73,32 @@ module.exports = nextConfig
         const { projectPath, scheme, useTypescript, projectId, projectApiToken, } = args;
         // Always start fresh
         const pagesPath = path_1.default.join(projectPath, "pages");
-        file_utils_1.deleteGlob(path_1.default.join(pagesPath, `*.*`));
+        (0, file_utils_1.deleteGlob)(path_1.default.join(pagesPath, `*.*`));
         const hostPage = path_1.default.join(pagesPath, `plasmic-host.${useTypescript ? "tsx" : "jsx"}`);
-        yield fs_1.promises.writeFile(hostPage, nextjs_1.makeNextjsHostPage(scheme));
+        yield fs_1.promises.writeFile(hostPage, (0, nextjs_1.makeNextjsHostPage)(scheme));
         if (scheme === "loader") {
             const initFile = path_1.default.join(projectPath, `plasmic-init.${useTypescript ? "ts" : "js"}`);
-            yield fs_1.promises.writeFile(initFile, nextjs_1.makeNextjsInitPage(projectId, lang_utils_1.ensure(projectApiToken)));
+            yield fs_1.promises.writeFile(initFile, (0, nextjs_1.makeNextjsInitPage)(projectId, (0, lang_utils_1.ensure)(projectApiToken)));
             // Write catch-all page for loader
             const loaderPage = path_1.default.join(pagesPath, `[[...catchall]].${useTypescript ? "tsx" : "jsx"}`);
-            yield fs_1.promises.writeFile(loaderPage, nextjs_1.makeNextjsCatchallPage(useTypescript ? "ts" : "js"));
+            yield fs_1.promises.writeFile(loaderPage, (0, nextjs_1.makeNextjsCatchallPage)(useTypescript ? "ts" : "js"));
         }
         else {
-            yield common_1.runCodegenSync({
+            yield (0, common_1.runCodegenSync)({
                 projectId,
                 projectApiToken,
                 projectPath,
             });
             // Overwrite the index file
-            yield file_utils_1.overwriteIndex(projectPath, "nextjs", scheme);
+            yield (0, file_utils_1.overwriteIndex)(projectPath, "nextjs", scheme);
             // Overwrite the wrapper files to wrap PlasmicRootProvider
             const appFilePath = path_1.default.join(projectPath, "pages", `_app.js`);
-            yield fs_1.promises.writeFile(appFilePath, nextjs_1.wrapAppRootForCodegen());
+            yield fs_1.promises.writeFile(appFilePath, (0, nextjs_1.wrapAppRootForCodegen)());
         }
     }),
     build: (args) => __awaiter(void 0, void 0, void 0, function* () {
         const { npmRunCmd, projectPath } = args;
-        yield cmd_utils_1.spawnOrFail(`${npmRunCmd} build`, projectPath);
+        yield (0, cmd_utils_1.spawnOrFail)(`${npmRunCmd} build`, projectPath);
     }),
 };
 exports.default = nextjsStrategy;

package/dist/strategies/react.js

@@ -8,7 +8,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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 });
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
 const cmd_utils_1 = require("../utils/cmd-utils");
 const file_utils_1 = require("../utils/file-utils");
 const npm_utils_1 = require("../utils/npm-utils");
@@ -22,39 +27,45 @@ const reactStrategy = {
             template = "typescript";
         }
         const templateArg = template ? ` --template ${template}` : "";
-        yield cmd_utils_1.spawnOrFail(`${createCommand}${templateArg}`);
+        yield (0, cmd_utils_1.spawnOrFail)(`${createCommand}${templateArg}`);
     }),
     installDeps: ({ projectPath, scheme }) => __awaiter(void 0, void 0, void 0, function* () {
         if (scheme === "loader") {
-            return yield npm_utils_1.installUpgrade("@plasmicapp/loader-react", {
+            return yield (0, npm_utils_1.installUpgrade)("@plasmicapp/loader-react", {
                 workingDir: projectPath,
             });
         }
         else {
-            return yield common_1.installCodegenDeps({ projectPath });
+            return yield (0, common_1.installCodegenDeps)({ projectPath });
         }
     }),
     overwriteConfig: (args) => __awaiter(void 0, void 0, void 0, function* () {
         // No config to overwrite
     }),
-    generateFiles: ({ scheme, projectApiToken, projectId, projectPath, }) => __awaiter(void 0, void 0, void 0, function* () {
+    generateFiles: ({ scheme, projectApiToken, projectId, projectPath, useTypescript, }) => __awaiter(void 0, void 0, void 0, function* () {
         if (scheme === "loader") {
             // Nothing to do
         }
         else {
-            yield common_1.runCodegenSync({
+            yield (0, common_1.runCodegenSync)({
                 projectId,
                 projectApiToken,
                 projectPath,
             });
-            // Overwrite the index file
-            yield file_utils_1.overwriteIndex(projectPath, "react", scheme);
+            // 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" : "ts"}`);
+        let indexFile = fs_1.default.readFileSync(indexFileName).toString();
+        indexFile = indexFile.replace("<React.StrictMode>", "");
+        indexFile = indexFile.replace("</React.StrictMode>", "");
+        fs_1.default.writeFileSync(indexFileName, indexFile);
         return;
     }),
     build: (args) => __awaiter(void 0, void 0, void 0, function* () {
         const { npmRunCmd, projectPath } = args;
-        yield cmd_utils_1.spawnOrFail(`${npmRunCmd} build`, projectPath);
+        yield (0, cmd_utils_1.spawnOrFail)(`${npmRunCmd} build`, projectPath);
     }),
 };
 exports.default = reactStrategy;

package/dist/templates/gatsby.js

@@ -9,11 +9,11 @@ import React from "react";
 import Helmet from "react-helmet";
 import {
   PlasmicComponent,
-  PlasmicRootProvider,${file_utils_1.ifTs(ts, `
+  PlasmicRootProvider,${(0, file_utils_1.ifTs)(ts, `
   InitOptions,
   ComponentRenderData,`)}
 } from "@plasmicapp/loader-gatsby";
-import { graphql${file_utils_1.ifTs(ts, ", PageProps")} } from "gatsby";
+import { graphql${(0, file_utils_1.ifTs)(ts, ", PageProps")} } from "gatsby";
 import { initPlasmicLoaderWithRegistrations } from "../plasmic-init";
 
 export const query = graphql\`
@@ -23,14 +23,14 @@ export const query = graphql\`
   }
 \`;
 
-${file_utils_1.ifTs(ts, `interface PlasmicGatsbyPageProps extends PageProps {
+${(0, file_utils_1.ifTs)(ts, `interface PlasmicGatsbyPageProps extends PageProps {
   data: {
     plasmicOptions: InitOptions
     plasmicComponents: ComponentRenderData
   }
 }
 `)}
-const PlasmicGatsbyPage = ({ data, location }${file_utils_1.ifTs(ts, ": PlasmicGatsbyPageProps")}) => {
+const PlasmicGatsbyPage = ({ data, location }${(0, file_utils_1.ifTs)(ts, ": PlasmicGatsbyPageProps")}) => {
   const {
     plasmicComponents,
     plasmicOptions,
@@ -91,7 +91,7 @@ const makeGatsbyHostPage = (opts) => {
         return `
 import * as React from "react"
 import {
-  PlasmicCanvasHost${file_utils_1.ifTs(useTypescript, `, InitOptions`)}
+  PlasmicCanvasHost${(0, file_utils_1.ifTs)(useTypescript, `, InitOptions`)}
 } from "@plasmicapp/loader-gatsby"
 import { graphql } from "gatsby"
 import { initPlasmicLoaderWithRegistrations } from "../plasmic-init"
@@ -102,13 +102,13 @@ export const query = graphql\`
   }
 \`
 
-${file_utils_1.ifTs(useTypescript, `interface HostProps {
+${(0, file_utils_1.ifTs)(useTypescript, `interface HostProps {
   data: {
     plasmicOptions: InitOptions;
   }
 }
 `)}
-export default function Host({ data }${file_utils_1.ifTs(useTypescript, ": HostProps")}) {
+export default function Host({ data }${(0, file_utils_1.ifTs)(useTypescript, ": HostProps")}) {
   const { plasmicOptions } = data
   initPlasmicLoaderWithRegistrations(plasmicOptions)
   return <PlasmicCanvasHost />
@@ -188,11 +188,11 @@ const makeGatsbyPlasmicInit = (format) => {
     const ts = format === "ts";
     return `
 import {
-  initPlasmicLoader,${file_utils_1.ifTs(ts, `
+  initPlasmicLoader,${(0, file_utils_1.ifTs)(ts, `
   InitOptions,`)}
 } from "@plasmicapp/loader-gatsby";
 
-export function initPlasmicLoaderWithRegistrations(plasmicOptions${file_utils_1.ifTs(ts, ": InitOptions")}) {
+export function initPlasmicLoaderWithRegistrations(plasmicOptions${(0, file_utils_1.ifTs)(ts, ": InitOptions")}) {
   const PLASMIC = initPlasmicLoader(plasmicOptions);
 
   // You can register any code components that you want to use here; see

package/dist/templates/nextjs.js

@@ -40,12 +40,12 @@ import {
   ComponentRenderData,
   PlasmicRootProvider,
 } from "@plasmicapp/loader-nextjs";
-${file_utils_1.ifTs(ts, `import type { GetStaticPaths, GetStaticProps } from "next";\n`)}
+${(0, file_utils_1.ifTs)(ts, `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${file_utils_1.ifTs(ts, `: {
+export default function PlasmicLoaderPage(props${(0, file_utils_1.ifTs)(ts, `: {
   plasmicData?: ComponentRenderData;
   queryCache?: Record<string, any>;
 }`)}) {
@@ -68,7 +68,7 @@ export default function PlasmicLoaderPage(props${file_utils_1.ifTs(ts, `: {
   );
 }
 
-export const getStaticProps${file_utils_1.ifTs(ts, `: GetStaticProps`)} = async (context) => {
+export const getStaticProps${(0, file_utils_1.ifTs)(ts, `: GetStaticProps`)} = async (context) => {
   const { catchall } = context.params ?? {};
   const plasmicPath = typeof catchall === 'string' ? catchall : Array.isArray(catchall) ? \`/\${catchall.join('/')}\` : '/';
   const plasmicData = await PLASMIC.maybeFetchComponentData(plasmicPath);
@@ -91,7 +91,7 @@ export const getStaticProps${file_utils_1.ifTs(ts, `: GetStaticProps`)} = async
   return { props: { plasmicData, queryCache }, revalidate: 60 };
 }
 
-export const getStaticPaths${file_utils_1.ifTs(ts, `: GetStaticPaths`)} = async () => {
+export const getStaticPaths${(0, file_utils_1.ifTs)(ts, `: GetStaticPaths`)} = async () => {
   const pageModules = await PLASMIC.fetchPages();
   return {
     paths: pageModules.map((mod) => ({

package/dist/templates/readme.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.README = void 0;
 const lib_1 = require("../lib");
 const README = (platform, buildCommand) => `
-This is a ${lib_1.toString(platform)} project bootstrapped with [\`create-plasmic-app\`](https://www.npmjs.com/package/create-plasmic-app).
+This is a ${(0, lib_1.toString)(platform)} project bootstrapped with [\`create-plasmic-app\`](https://www.npmjs.com/package/create-plasmic-app).
 
 ## Getting Started
 

package/dist/utils/cmd-utils.js

@@ -17,7 +17,7 @@ const npm_utils_1 = require("./npm-utils");
  */
 function spawnOrFail(cmd, workingDir, customErrorMsg) {
     return __awaiter(this, void 0, void 0, function* () {
-        const result = yield npm_utils_1.spawn(cmd, workingDir);
+        const result = yield (0, npm_utils_1.spawn)(cmd, workingDir);
         if (!result) {
             throw new Error(customErrorMsg !== null && customErrorMsg !== void 0 ? customErrorMsg : `Failed to run "${cmd}"`);
         }

package/dist/utils/file-utils.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -50,7 +54,7 @@ function deleteGlob(searchPattern, skipPatterns) {
     const filesToDelete = glob_1.default
         .sync(searchPattern)
         .filter((file) => !skipPatterns || !skipPatterns.find((pattern) => file.includes(pattern)));
-    filesToDelete.forEach((f) => fs_1.unlinkSync(f));
+    filesToDelete.forEach((f) => (0, fs_1.unlinkSync)(f));
 }
 exports.deleteGlob = deleteGlob;
 function stripExtension(filename, removeComposedPath = false) {
@@ -95,7 +99,7 @@ function overwriteIndex(projectPath, platform, scheme) {
         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 = lang_utils_1.ensure(isNextjs
+        const pagesDir = (0, lang_utils_1.ensure)(isNextjs
             ? path.join(projectPath, "pages/")
             : isGatsby
                 ? path.join(projectPath, "src/pages/")
@@ -127,7 +131,7 @@ function overwriteIndex(projectPath, platform, scheme) {
             plasmicFiles.find((f) => f.includes("/index."))) {
             return;
         }
-        const homeFilePossibilities = glob_1.default.sync(path.join(projectPath, lang_utils_1.ensureString(config.srcDir), "**", "@(index|Home|home).*"));
+        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);
@@ -144,7 +148,7 @@ exports.overwriteIndex = overwriteIndex;
 function overwriteReadme(projectPath, platform, buildCommand) {
     return __awaiter(this, void 0, void 0, function* () {
         const readmeFile = path.join(projectPath, "README.md");
-        const contents = readme_1.README(platform, buildCommand);
+        const contents = (0, readme_1.README)(platform, buildCommand);
         yield fs_1.promises.writeFile(readmeFile, contents);
     });
 }
@@ -211,7 +215,7 @@ function generateWelcomePage(config, platform) {
           </ul>
     `;
     };
-    const content = welcomePage_1.WELCOME_PAGE(hasPages, platform, hasPages ? getPageSection() : "");
+    const content = (0, welcomePage_1.WELCOME_PAGE)(hasPages, platform, hasPages ? getPageSection() : "");
     return content;
 }
 function getPlasmicConfig(projectPath, platform, scheme) {
@@ -220,7 +224,7 @@ function getPlasmicConfig(projectPath, platform, scheme) {
         const isGatsby = platform === "gatsby";
         const isLoader = scheme === "loader";
         const isCodegen = scheme === "codegen";
-        const configPath = lang_utils_1.ensure(isCodegen
+        const configPath = (0, lang_utils_1.ensure)(isCodegen
             ? "plasmic.json"
             : isNextjs && isLoader
                 ? ".plasmic/plasmic.json"
@@ -236,9 +240,9 @@ function getPlasmicConfig(projectPath, platform, scheme) {
 function ensureTsconfig(projectPath) {
     return __awaiter(this, void 0, void 0, function* () {
         const tsconfigPath = path.join(projectPath, "tsconfig.json");
-        if (!fs_1.existsSync(tsconfigPath)) {
+        if (!(0, fs_1.existsSync)(tsconfigPath)) {
             yield fs_1.promises.writeFile(tsconfigPath, "");
-            const installTsResult = yield npm_utils_1.installUpgrade("typescript @types/react", {
+            const installTsResult = yield (0, npm_utils_1.installUpgrade)("typescript @types/react", {
                 workingDir: projectPath,
             });
             if (!installTsResult) {

package/dist/utils/npm-utils.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -47,7 +51,7 @@ const update_notifier_1 = __importDefault(require("update-notifier"));
  */
 function updateNotify() {
     const pkg = require("../../package.json");
-    const notifier = update_notifier_1.default({
+    const notifier = (0, update_notifier_1.default)({
         pkg,
         updateCheckInterval: 1000 * 60 * 60, // Check once an hour
     });
@@ -149,7 +153,7 @@ function detectPackageManager(dir) {
     // with findupSync, the reason for this is that the current gatsby template
     // uses npm, so if the user has some yarn.lock in a parent directory it's
     // going to run yarn commands, this is going to trigger an error with sharp
-    const yarnLock = fs_1.existsSync(path_1.default.join(dir ? dir : "", "yarn.lock"));
+    const yarnLock = (0, fs_1.existsSync)(path_1.default.join(dir ? dir : "", "yarn.lock"));
     if (yarnLock) {
         return "yarn";
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-plasmic-app",
-  "version": "0.0.52",
+  "version": "0.0.56",
   "description": "Create Plasmic-powered React apps",
   "main": "./dist/lib.js",
   "types": "./dist/lib.d.ts",
@@ -40,7 +40,7 @@
     "typescript": "^4.2.3"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.185",
+    "@plasmicapp/cli": "0.1.187",
     "@sentry/node": "^6.2.2",
     "chalk": "^4.1.0",
     "execa": "^5.0.0",
@@ -53,5 +53,6 @@
     "update-notifier": "^5.1.0",
     "validate-npm-package-name": "^3.0.0",
     "yargs": "^16.2.0"
-  }
+  },
+  "gitHead": "698a9369125b9655bffeed9507a441224e354d01"
 }

package/src/lib.ts

@@ -77,10 +77,10 @@ export async function create(args: CreatePlasmicAppArgs): Promise<void> {
     template,
   });
 
-  // Ensure that we have a empty tsconfig and @types packages
-  // Gatsby by default supports typescript handling internally
-  // tsconfig so we don't have to ensure it
-  if (useTypescript && platform !== "gatsby") {
+  // 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 (useTypescript && platform === "react") {
     await ensureTsconfig(resolvedProjectPath);
   }
 

package/src/strategies/nextjs.ts

@@ -17,8 +17,8 @@ const nextjsStrategy: CPAStrategy = {
   create: async (args) => {
     const { projectPath, template, useTypescript } = args;
     const createCommand = `npx create-next-app@latest ${
-      useTypescript ? "--typescript" : ""
-    } ${projectPath}`;
+      useTypescript ? "--ts" : "--js"
+    } --eslint ${projectPath}`;
     const templateArg = template ? ` --template ${template}` : "";
 
     // Default Next.js starter already supports Typescript

package/src/strategies/react.ts

@@ -1,3 +1,5 @@
+import fs from "fs";
+import path from "path";
 import { spawnOrFail } from "../utils/cmd-utils";
 import { overwriteIndex } from "../utils/file-utils";
 import { installUpgrade } from "../utils/npm-utils";
@@ -34,6 +36,7 @@ const reactStrategy: CPAStrategy = {
     projectApiToken,
     projectId,
     projectPath,
+    useTypescript,
   }) => {
     if (scheme === "loader") {
       // Nothing to do
@@ -44,9 +47,21 @@ const reactStrategy: CPAStrategy = {
         projectPath,
       });
 
-      // Overwrite the index file
+      // Overwrite the App.tsx
       await overwriteIndex(projectPath, "react", scheme);
     }
+
+    // Deactivate React.StrictMode from index.tsx
+    const indexFileName = path.join(
+      projectPath,
+      "src",
+      `index.${useTypescript ? "tsx" : "ts"}`
+    );
+    let indexFile = fs.readFileSync(indexFileName).toString();
+    indexFile = indexFile.replace("<React.StrictMode>", "");
+    indexFile = indexFile.replace("</React.StrictMode>", "");
+    fs.writeFileSync(indexFileName, indexFile);
+
     return;
   },
   build: async (args) => {

package/src/utils/file-utils.ts

@@ -129,7 +129,7 @@ export async function overwriteIndex(
       projectPath,
       ensureString(config.srcDir),
       "**",
-      "@(index|Home|home).*"
+      "@(index|Home|home|Homepage).*"
     )
   );
   const content =

package/tsconfig.json

@@ -8,7 +8,7 @@
     // "allowJs": true,                       /* Allow javascript files to be compiled. */
     // "checkJs": true,                       /* Report errors in .js files. */
     // "jsx": "preserve",                     /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
-    "declaration": true,                   /* Generates corresponding '.d.ts' file. */
+    "declaration": true /* Generates corresponding '.d.ts' file. */,
     // "declarationMap": true,                /* Generates a sourcemap for each corresponding '.d.ts' file. */
     // "sourceMap": true,                     /* Generates corresponding '.map' file. */
     // "outFile": "./",                       /* Concatenate and emit output to single file. */
@@ -61,7 +61,8 @@
     // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
 
     /* Advanced Options */
-    "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */
+    "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
+    "skipLibCheck": true
   },
   "include": ["src"]
 }