create-plasmic-app 0.0.92 → 0.0.93

package/cpa-out/nextjs-pages-loader-js/pages/api/hello.js

@@ -1,5 +1,5 @@
 // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
 
 export default function handler(req, res) {
-  res.status(200).json({ name: 'John Doe' })
+  res.status(200).json({ name: "John Doe" });
 }

package/cpa-out/nextjs-pages-loader-ts/package.json

@@ -9,15 +9,17 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@plasmicapp/loader-nextjs": "^1.0.245",
-    "@types/node": "18.15.3",
-    "@types/react": "18.0.28",
-    "@types/react-dom": "18.0.11",
-    "eslint": "8.36.0",
-    "eslint-config-next": "13.2.4",
-    "next": "13.2.4",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "typescript": "5.0.2"
+    "@plasmicapp/loader-nextjs": "^1.0.406",
+    "next": "14.2.15",
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "eslint": "^8",
+    "eslint-config-next": "14.2.15",
+    "typescript": "^5"
   }
 }

package/cpa-out/nextjs-pages-loader-ts/pages/[[...catchall]].tsx

@@ -26,6 +26,7 @@ export default function PlasmicLoaderPage(props: {
       loader={PLASMIC}
       prefetchedData={plasmicData}
       prefetchedQueryData={queryCache}
+      pageRoute={pageMeta.path}
       pageParams={pageMeta.params}
       pageQuery={router.query}
     >
@@ -48,6 +49,7 @@ export const getStaticProps: GetStaticProps = async (context) => {
     <PlasmicRootProvider
       loader={PLASMIC}
       prefetchedData={plasmicData}
+      pageRoute={pageMeta.path}
       pageParams={pageMeta.params}
     >
       <PlasmicComponent component={pageMeta.displayName} />

package/cpa-out/nextjs-pages-loader-ts/pages/api/hello.ts

@@ -1,13 +1,13 @@
 // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-import type { NextApiRequest, NextApiResponse } from 'next'
+import type { NextApiRequest, NextApiResponse } from "next";
 
 type Data = {
-  name: string
-}
+  name: string;
+};
 
 export default function handler(
   req: NextApiRequest,
-  res: NextApiResponse<Data>
+  res: NextApiResponse<Data>,
 ) {
-  res.status(200).json({ name: 'John Doe' })
+  res.status(200).json({ name: "John Doe" });
 }

package/cpa-out/nextjs-pages-loader-ts/tsconfig.json

@@ -1,15 +1,13 @@
 {
   "compilerOptions": {
-    "target": "es5",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
-    "forceConsistentCasingInFileNames": true,
     "noEmit": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",

package/dist/nextjs/nextjs.js

@@ -56,15 +56,8 @@ exports.nextjsStrategy = {
         }
     }),
     overwriteConfig: (args) => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
-        const { projectPath, scheme, platformOptions } = args;
-        const nextjsConfigFile = path_1.default.join(projectPath, "next.config.js");
-        const appDirOption = ((_b = platformOptions.nextjs) === null || _b === void 0 ? void 0 : _b.appDir)
-            ? `
-  experimental: {
-    appDir: true,
-  }`
-            : "";
+        const { projectPath, scheme } = args;
+        const nextjsConfigFile = path_1.default.join(projectPath, "next.config.mjs");
         if (scheme === "codegen") {
             yield fs_1.promises.writeFile(nextjsConfigFile, `
 /** @type {import('next').NextConfig} */
@@ -72,22 +65,11 @@ const nextConfig = {
   eslint: {
     ignoreDuringBuilds: true,
   },
-  trailingSlash: true,${appDirOption}
+  trailingSlash: true,
+  reactStrictMode: true,
 };
 
-module.exports = nextConfig;`);
-        }
-        else {
-            yield fs_1.promises.writeFile(nextjsConfigFile, `
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  // Turn off React StrictMode for now, as react-aria (used by Plasmic)
-  // has some troubles with it. See
-  // https://github.com/adobe/react-spectrum/labels/strict%20mode
-  reactStrictMode: false,${appDirOption}
-};
-
-module.exports = nextConfig;`);
+export default nextConfig;`);
         }
     }),
     generateFiles: (args) => {

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

@@ -17,7 +17,7 @@ import { PLASMIC } from "@/plasmic-init";
 
 export default function PlasmicLoaderPage(props${(0, file_utils_1.ifTs)(jsOrTs, `: {
   plasmicData?: ComponentRenderData;
-  queryCache?: Record<string, any>;
+  queryCache?: Record<string, unknown>;
 }`)}) {
   const { plasmicData, queryCache } = props;
   const router = useRouter();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-plasmic-app",
-  "version": "0.0.92",
+  "version": "0.0.93",
   "description": "Create Plasmic-powered React apps",
   "main": "./dist/lib.js",
   "types": "./dist/lib.d.ts",
@@ -54,5 +54,5 @@
     "validate-npm-package-name": "^3.0.0",
     "yargs": "^16.2.0"
   },
-  "gitHead": "86eaf79b9b2daff453449425b7c2fc91ec43190f"
+  "gitHead": "e3e7a87846f4aafc0dbf7db2d7fa4aef81534835"
 }

package/src/nextjs/nextjs.ts

@@ -47,14 +47,8 @@ export const nextjsStrategy: CPAStrategy = {
     }
   },
   overwriteConfig: async (args) => {
-    const { projectPath, scheme, platformOptions } = args;
-    const nextjsConfigFile = path.join(projectPath, "next.config.js");
-    const appDirOption = platformOptions.nextjs?.appDir
-      ? `
-  experimental: {
-    appDir: true,
-  }`
-      : "";
+    const { projectPath, scheme } = args;
+    const nextjsConfigFile = path.join(projectPath, "next.config.mjs");
     if (scheme === "codegen") {
       await fs.writeFile(
         nextjsConfigFile,
@@ -64,24 +58,11 @@ const nextConfig = {
   eslint: {
     ignoreDuringBuilds: true,
   },
-  trailingSlash: true,${appDirOption}
+  trailingSlash: true,
+  reactStrictMode: true,
 };
 
-module.exports = nextConfig;`
-      );
-    } else {
-      await fs.writeFile(
-        nextjsConfigFile,
-        `
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  // Turn off React StrictMode for now, as react-aria (used by Plasmic)
-  // has some troubles with it. See
-  // https://github.com/adobe/react-spectrum/labels/strict%20mode
-  reactStrictMode: false,${appDirOption}
-};
-
-module.exports = nextConfig;`
+export default nextConfig;`
       );
     }
   },

package/src/nextjs/templates/pages-loader/catchall-page.ts

@@ -18,7 +18,7 @@ export default function PlasmicLoaderPage(props${ifTs(
     jsOrTs,
     `: {
   plasmicData?: ComponentRenderData;
-  queryCache?: Record<string, any>;
+  queryCache?: Record<string, unknown>;
 }`
   )}) {
   const { plasmicData, queryCache } = props;

package/.tool-versions

@@ -1 +0,0 @@
-nodejs 18.10.0