create-plasmic-app 0.0.103 → 0.0.104

package/dist/react/react.js

@@ -61,18 +61,16 @@ exports.reactStrategy = {
     overwriteConfig: (args) => __awaiter(void 0, void 0, void 0, function* () {
         const { projectPath, jsOrTs } = args;
         if (jsOrTs === "ts") {
-            const tsConfigJsonPath = path_1.default.join(projectPath, "tsconfig.app.json");
-            let tsConfigJson = yield fs_1.promises.readFile(tsConfigJsonPath, "utf8");
-            /* tsconfig.app.json has comments such as /* Bundler mode */ /* Linting */
-            /* We need to remove them before parsing the json */
-            tsConfigJson = tsConfigJson.replace(/\/\*[\s\S]*?\*\//g, "");
-            tsConfigJson = tsConfigJson.replace(/\/\/.*$/gm, "");
-            const tsConfig = JSON.parse(tsConfigJson);
-            /* In our codegen, we have components where React is imported but not used, we need to
-              turn off the `noUnusedLocals` rule to ensure the project builds successfully.
-             */
-            tsConfig.compilerOptions = Object.assign(Object.assign({}, tsConfig.compilerOptions), { noUnusedLocals: false });
-            yield fs_1.promises.writeFile(tsConfigJsonPath, JSON.stringify(tsConfig, null, 2));
+            const tsconfigPath = path_1.default.join(projectPath, "tsconfig.app.json");
+            let tsconfigContent = yield fs_1.promises.readFile(tsconfigPath, "utf8");
+            tsconfigContent = tsconfigContent
+                // Disable verbatimModuleSyntax
+                .replace(`"verbatimModuleSyntax": true`, `"verbatimModuleSyntax": false`)
+                /* In our codegen, we have components where React is imported but not used, we need to
+                    turn off the `noUnusedLocals` rule to ensure the project builds successfully.
+                   */
+                .replace(`"noUnusedLocals": true`, `"noUnusedLocals": false`);
+            yield fs_1.promises.writeFile(tsconfigPath, tsconfigContent);
         }
     }),
     generateFiles: ({ scheme, projectApiToken, projectId, projectPath, jsOrTs, }) => __awaiter(void 0, void 0, void 0, function* () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-plasmic-app",
-  "version": "0.0.103",
+  "version": "0.0.104",
   "description": "Create Plasmic-powered React apps",
   "main": "./dist/lib.js",
   "types": "./dist/lib.d.ts",
@@ -46,5 +46,5 @@
     "validate-npm-package-name": "^3.0.0",
     "yargs": "^16.2.0"
   },
-  "gitHead": "74a85a4ad10be4a50c0fcc53f0d073763d018fb8"
+  "gitHead": "c3c2b6066619e1581b3bbf22aa3de1acb58d7d33"
 }

package/src/react/react.ts

@@ -59,24 +59,20 @@ export const reactStrategy: CPAStrategy = {
     const { projectPath, jsOrTs } = args;
 
     if (jsOrTs === "ts") {
-      const tsConfigJsonPath = path.join(projectPath, "tsconfig.app.json");
-      let tsConfigJson = await fs.readFile(tsConfigJsonPath, "utf8");
-
-      /* tsconfig.app.json has comments such as /* Bundler mode */ /* Linting */
-      /* We need to remove them before parsing the json */
-      tsConfigJson = tsConfigJson.replace(/\/\*[\s\S]*?\*\//g, "");
-      tsConfigJson = tsConfigJson.replace(/\/\/.*$/gm, "");
-
-      const tsConfig = JSON.parse(tsConfigJson);
-      /* In our codegen, we have components where React is imported but not used, we need to
-        turn off the `noUnusedLocals` rule to ensure the project builds successfully.
-       */
-      tsConfig.compilerOptions = {
-        ...tsConfig.compilerOptions,
-        noUnusedLocals: false,
-      };
-
-      await fs.writeFile(tsConfigJsonPath, JSON.stringify(tsConfig, null, 2));
+      const tsconfigPath = path.join(projectPath, "tsconfig.app.json");
+      let tsconfigContent = await fs.readFile(tsconfigPath, "utf8");
+      tsconfigContent = tsconfigContent
+        // Disable verbatimModuleSyntax
+        .replace(
+          `"verbatimModuleSyntax": true`,
+          `"verbatimModuleSyntax": false`
+        )
+        /* In our codegen, we have components where React is imported but not used, we need to
+            turn off the `noUnusedLocals` rule to ensure the project builds successfully.
+           */
+        .replace(`"noUnusedLocals": true`, `"noUnusedLocals": false`);
+
+      await fs.writeFile(tsconfigPath, tsconfigContent);
     }
   },
   generateFiles: async ({