create-plasmic-app 0.0.136 → 0.0.138

package/cpa-out/gatsby-codegen-js/package.json

@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "@plasmicapp/cli": "^0.1.359",
-    "@plasmicapp/react-web": "^0.2.422",
+    "@plasmicapp/react-web": "^0.2.425",
     "gatsby": "^5.14.6",
     "gatsby-plugin-react-helmet": "^6.16.0",
     "react": "^18.2.0",

package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx

@@ -192,9 +192,10 @@ export const PlasmicDynamicPage = Object.assign(
     internalVariantProps: PlasmicDynamicPage__VariantProps,
     internalArgProps: PlasmicDynamicPage__ArgProps,
     pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
+      pageRoute: "/dynamic/[slug]",
       pagePath: "/dynamic/[slug]",
-      searchParams: {},
-      params: {}
+      params: {},
+      query: {}
     })
   }
 );

package/cpa-out/gatsby-codegen-js/src/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx

@@ -227,9 +227,10 @@ export const PlasmicHomepage = Object.assign(
     internalVariantProps: PlasmicHomepage__VariantProps,
     internalArgProps: PlasmicHomepage__ArgProps,
     pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
+      pageRoute: "/",
       pagePath: "/",
-      searchParams: {},
-      params: {}
+      params: {},
+      query: {}
     })
   }
 );

package/cpa-out/gatsby-codegen-ts/package.json

@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@plasmicapp/cli": "^0.1.359",
-    "@plasmicapp/react-web": "^0.2.422",
+    "@plasmicapp/react-web": "^0.2.425",
     "gatsby": "^5.14.6",
     "gatsby-plugin-react-helmet": "^6.16.0",
     "react": "^18.2.0",

package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx

@@ -85,11 +85,18 @@ function wrapQueriesWithLoadingProxy($q: any): any {
   });
 }
 
-export function generateDynamicMetadata($q: any, $ctx: any) {
+export type PageCtx = {
+  pageRoute: string;
+  pagePath: string;
+  params: Record<string, string | string[] | undefined>;
+  query: Record<string, string | string[] | undefined>;
+};
+
+export function generateDynamicMetadata($q: any, $ctx: PageCtx) {
   return {
     openGraph: {},
     twitter: {
-      card: "summary"
+      card: "summary" as const
     }
   };
 }
@@ -308,9 +315,10 @@ export const PlasmicDynamicPage = Object.assign(
     internalArgProps: PlasmicDynamicPage__ArgProps,
 
     pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
+      pageRoute: "/dynamic/[slug]",
       pagePath: "/dynamic/[slug]",
-      searchParams: {},
-      params: {}
+      params: {},
+      query: {}
     })
   }
 );

package/cpa-out/gatsby-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx

@@ -86,11 +86,18 @@ function wrapQueriesWithLoadingProxy($q: any): any {
   });
 }
 
-export function generateDynamicMetadata($q: any, $ctx: any) {
+export type PageCtx = {
+  pageRoute: string;
+  pagePath: string;
+  params: Record<string, string | string[] | undefined>;
+  query: Record<string, string | string[] | undefined>;
+};
+
+export function generateDynamicMetadata($q: any, $ctx: PageCtx) {
   return {
     openGraph: {},
     twitter: {
-      card: "summary"
+      card: "summary" as const
     }
   };
 }
@@ -345,9 +352,10 @@ export const PlasmicHomepage = Object.assign(
     internalArgProps: PlasmicHomepage__ArgProps,
 
     pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
+      pageRoute: "/",
       pagePath: "/",
-      searchParams: {},
-      params: {}
+      params: {},
+      query: {}
     })
   }
 );

package/cpa-out/gatsby-loader-js/package.json

@@ -14,7 +14,7 @@
     "clean": "gatsby clean"
   },
   "dependencies": {
-    "@plasmicapp/loader-gatsby": "^1.0.416",
+    "@plasmicapp/loader-gatsby": "^1.0.418",
     "gatsby": "^5.14.6",
     "gatsby-plugin-react-helmet": "^6.16.0",
     "react": "^18.2.0",

package/cpa-out/gatsby-loader-ts/package.json

@@ -15,7 +15,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@plasmicapp/loader-gatsby": "^1.0.416",
+    "@plasmicapp/loader-gatsby": "^1.0.418",
     "gatsby": "^5.14.6",
     "gatsby-plugin-react-helmet": "^6.16.0",
     "react": "^18.2.0",

package/cpa-out/nextjs-app-codegen-js/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx

@@ -18,6 +18,7 @@ import {
   deriveRenderOpts
 } from "@plasmicapp/react-web";
 import { useDataEnv } from "@plasmicapp/host";
+import { generateDynamicMetadata } from "./PlasmicDynamicPageServer"; // plasmic-import: AO44A-w7hh/rscServer
 import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
 import { _useStyleTokens } from "./PlasmicStyleTokensProvider"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/styleTokensProvider
 import "@plasmicapp/react-web/lib/plasmic.css";
@@ -39,15 +40,6 @@ function wrapQueriesWithLoadingProxy($q) {
   });
 }
 
-export function generateDynamicMetadata($q, $ctx) {
-  return {
-    openGraph: {},
-    twitter: {
-      card: "summary"
-    }
-  };
-}
-
 createPlasmicElementProxy;
 
 export const PlasmicDynamicPage__VariantProps = new Array();
@@ -205,9 +197,10 @@ export const PlasmicDynamicPage = Object.assign(
     internalVariantProps: PlasmicDynamicPage__VariantProps,
     internalArgProps: PlasmicDynamicPage__ArgProps,
     pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
+      pageRoute: "/dynamic/[slug]",
       pagePath: "/dynamic/[slug]",
-      searchParams: {},
-      params: {}
+      params: {},
+      query: {}
     })
   }
 );

package/cpa-out/nextjs-app-codegen-js/components/plasmic/create_plasmic_app/PlasmicDynamicPageServer.jsx

@@ -51,6 +51,6 @@ export async function makeAppRouterPageCtx({ params, searchParams }) {
   return ctx;
 }
 
-export async function PlasmicDynamicPageServer(props) {
+export function PlasmicDynamicPageServer(props) {
   return <ClientDynamicPage {...props} />;
 }

package/cpa-out/nextjs-app-codegen-js/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx

@@ -19,6 +19,7 @@ import {
   hasVariant
 } from "@plasmicapp/react-web";
 import { useDataEnv } from "@plasmicapp/host";
+import { generateDynamicMetadata } from "./PlasmicHomepageServer"; // plasmic-import: 6uuAAE1jiCew/rscServer
 import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
 import { _useGlobalVariants } from "./plasmic"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectModule
 import { _useStyleTokens } from "./PlasmicStyleTokensProvider"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/styleTokensProvider
@@ -41,15 +42,6 @@ function wrapQueriesWithLoadingProxy($q) {
   });
 }
 
-export function generateDynamicMetadata($q, $ctx) {
-  return {
-    openGraph: {},
-    twitter: {
-      card: "summary"
-    }
-  };
-}
-
 createPlasmicElementProxy;
 
 export const PlasmicHomepage__VariantProps = new Array();
@@ -240,9 +232,10 @@ export const PlasmicHomepage = Object.assign(
     internalVariantProps: PlasmicHomepage__VariantProps,
     internalArgProps: PlasmicHomepage__ArgProps,
     pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
+      pageRoute: "/",
       pagePath: "/",
-      searchParams: {},
-      params: {}
+      params: {},
+      query: {}
     })
   }
 );

package/cpa-out/nextjs-app-codegen-js/components/plasmic/create_plasmic_app/PlasmicHomepageServer.jsx

@@ -51,6 +51,6 @@ export async function makeAppRouterPageCtx({ params, searchParams }) {
   return ctx;
 }
 
-export async function PlasmicHomepageServer(props) {
+export function PlasmicHomepageServer(props) {
   return <ClientHomepage {...props} />;
 }

package/cpa-out/nextjs-app-codegen-js/package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@plasmicapp/cli": "^0.1.359",
-    "@plasmicapp/react-web": "^0.2.422",
+    "@plasmicapp/react-web": "^0.2.425",
     "next": "14.2.35",
     "react": "^18",
     "react-dom": "^18"

package/cpa-out/nextjs-app-codegen-ts/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx

@@ -61,6 +61,8 @@ import {
   useGlobalActions
 } from "@plasmicapp/host";
 
+import { generateDynamicMetadata, PageCtx } from "./PlasmicDynamicPageServer"; // plasmic-import: AO44A-w7hh/rscServer
+
 import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
 import { _useGlobalVariants } from "./plasmic"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectModule
 import { _useStyleTokens } from "./PlasmicStyleTokensProvider"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/styleTokensProvider
@@ -85,15 +87,6 @@ function wrapQueriesWithLoadingProxy($q: any): any {
   });
 }
 
-export function generateDynamicMetadata($q: any, $ctx: any) {
-  return {
-    openGraph: {},
-    twitter: {
-      card: "summary"
-    }
-  };
-}
-
 createPlasmicElementProxy;
 
 export type PlasmicDynamicPage__VariantMembers = {};
@@ -155,7 +148,7 @@ function PlasmicDynamicPage__RenderFunc(props: {
 
   const pageMetadata = generateDynamicMetadata(
     wrapQueriesWithLoadingProxy({}),
-    $ctx
+    $ctx as PageCtx
   );
 
   const styleTokensClassNames = _useStyleTokens();
@@ -318,9 +311,10 @@ export const PlasmicDynamicPage = Object.assign(
     internalArgProps: PlasmicDynamicPage__ArgProps,
 
     pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
+      pageRoute: "/dynamic/[slug]",
       pagePath: "/dynamic/[slug]",
-      searchParams: {},
-      params: {}
+      params: {},
+      query: {}
     })
   }
 );

package/cpa-out/nextjs-app-codegen-ts/components/plasmic/create_plasmic_app/PlasmicDynamicPageServer.tsx

@@ -14,11 +14,18 @@ import { ClientDynamicPage } from "../../../app/dynamic/[slug]/page-client"; //
 
 const $$ = {};
 
-export function generateDynamicMetadata($q: any, $ctx: any) {
+export type PageCtx = {
+  pageRoute: string;
+  pagePath: string;
+  params: Record<string, string | string[] | undefined>;
+  query: Record<string, string | string[] | undefined>;
+};
+
+export function generateDynamicMetadata($q: any, $ctx: PageCtx) {
   return {
     openGraph: {},
     twitter: {
-      card: "summary"
+      card: "summary" as const
     }
   };
 }
@@ -70,8 +77,6 @@ export async function makeAppRouterPageCtx({
 export type PlasmicDynamicPageServerProps = DefaultDynamicPageProps &
   DynamicPageServerSkeletonProps;
 
-export async function PlasmicDynamicPageServer(
-  props: PlasmicDynamicPageServerProps
-) {
+export function PlasmicDynamicPageServer(props: PlasmicDynamicPageServerProps) {
   return <ClientDynamicPage {...props} />;
 }

package/cpa-out/nextjs-app-codegen-ts/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx

@@ -61,6 +61,8 @@ import {
   useGlobalActions
 } from "@plasmicapp/host";
 
+import { generateDynamicMetadata, PageCtx } from "./PlasmicHomepageServer"; // plasmic-import: 6uuAAE1jiCew/rscServer
+
 import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
 import { Fetcher } from "@plasmicapp/react-web/lib/data-sources";
 import { _useGlobalVariants } from "./plasmic"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectModule
@@ -86,15 +88,6 @@ function wrapQueriesWithLoadingProxy($q: any): any {
   });
 }
 
-export function generateDynamicMetadata($q: any, $ctx: any) {
-  return {
-    openGraph: {},
-    twitter: {
-      card: "summary"
-    }
-  };
-}
-
 createPlasmicElementProxy;
 
 export type PlasmicHomepage__VariantMembers = {};
@@ -159,7 +152,7 @@ function PlasmicHomepage__RenderFunc(props: {
 
   const pageMetadata = generateDynamicMetadata(
     wrapQueriesWithLoadingProxy({}),
-    $ctx
+    $ctx as PageCtx
   );
 
   const styleTokensClassNames = _useStyleTokens();
@@ -355,9 +348,10 @@ export const PlasmicHomepage = Object.assign(
     internalArgProps: PlasmicHomepage__ArgProps,
 
     pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
+      pageRoute: "/",
       pagePath: "/",
-      searchParams: {},
-      params: {}
+      params: {},
+      query: {}
     })
   }
 );

package/cpa-out/nextjs-app-codegen-ts/components/plasmic/create_plasmic_app/PlasmicHomepageServer.tsx

@@ -14,11 +14,18 @@ import { ClientHomepage } from "../../../app/page-client"; // plasmic-import: 6u
 
 const $$ = {};
 
-export function generateDynamicMetadata($q: any, $ctx: any) {
+export type PageCtx = {
+  pageRoute: string;
+  pagePath: string;
+  params: Record<string, string | string[] | undefined>;
+  query: Record<string, string | string[] | undefined>;
+};
+
+export function generateDynamicMetadata($q: any, $ctx: PageCtx) {
   return {
     openGraph: {},
     twitter: {
-      card: "summary"
+      card: "summary" as const
     }
   };
 }
@@ -70,6 +77,6 @@ export async function makeAppRouterPageCtx({
 export type PlasmicHomepageServerProps = DefaultHomepageProps &
   HomepageServerSkeletonProps;
 
-export async function PlasmicHomepageServer(props: PlasmicHomepageServerProps) {
+export function PlasmicHomepageServer(props: PlasmicHomepageServerProps) {
   return <ClientHomepage {...props} />;
 }

package/cpa-out/nextjs-app-codegen-ts/package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@plasmicapp/cli": "^0.1.359",
-    "@plasmicapp/react-web": "^0.2.422",
+    "@plasmicapp/react-web": "^0.2.425",
     "next": "14.2.35",
     "react": "^18",
     "react-dom": "^18"

package/cpa-out/nextjs-app-loader-js/package.json

@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@plasmicapp/loader-nextjs": "^1.0.454",
+    "@plasmicapp/loader-nextjs": "^1.0.456",
     "next": "14.2.35",
     "react": "^18",
     "react-dom": "^18"

package/cpa-out/nextjs-app-loader-js/plasmic-init.js

@@ -1,5 +1,4 @@
 import { initPlasmicLoader } from "@plasmicapp/loader-nextjs/react-server-conditional";
-import * as NextNavigation from "next/navigation";
 
 export const PLASMIC = initPlasmicLoader({
   projects: [
@@ -8,13 +7,15 @@ export const PLASMIC = initPlasmicLoader({
       token: "7BRFratDxPLMGZHnd2grV5QP6mlHcZ1AK3BJSIeh7xzUlHgWh25XpgXvUaKAqHXFMXQQuzpADqboibF6nqNWQ",
     },
   ],
+  platformOptions: {
+    nextjs: {
+      appDir: true,
+    },
+  },
 
   // 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,
-
-  // Needed for Next.js app router support.
-  nextNavigation: NextNavigation,
 });

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

@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@plasmicapp/loader-nextjs": "^1.0.454",
+    "@plasmicapp/loader-nextjs": "^1.0.456",
     "next": "14.2.35",
     "react": "^18",
     "react-dom": "^18"

package/cpa-out/nextjs-app-loader-ts/plasmic-init.ts

@@ -1,5 +1,4 @@
 import { initPlasmicLoader } from "@plasmicapp/loader-nextjs/react-server-conditional";
-import * as NextNavigation from "next/navigation";
 
 export const PLASMIC = initPlasmicLoader({
   projects: [
@@ -8,13 +7,15 @@ export const PLASMIC = initPlasmicLoader({
       token: "7BRFratDxPLMGZHnd2grV5QP6mlHcZ1AK3BJSIeh7xzUlHgWh25XpgXvUaKAqHXFMXQQuzpADqboibF6nqNWQ",
     },
   ],
+  platformOptions: {
+    nextjs: {
+      appDir: true,
+    },
+  },
 
   // 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,
-
-  // Needed for Next.js app router support.
-  nextNavigation: NextNavigation,
 });

package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx

@@ -204,9 +204,10 @@ export const PlasmicDynamicPage = Object.assign(
     internalVariantProps: PlasmicDynamicPage__VariantProps,
     internalArgProps: PlasmicDynamicPage__ArgProps,
     pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
+      pageRoute: "/dynamic/[slug]",
       pagePath: "/dynamic/[slug]",
-      searchParams: {},
-      params: {}
+      params: {},
+      query: {}
     })
   }
 );

package/cpa-out/nextjs-pages-codegen-js/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx

@@ -239,9 +239,10 @@ export const PlasmicHomepage = Object.assign(
     internalVariantProps: PlasmicHomepage__VariantProps,
     internalArgProps: PlasmicHomepage__ArgProps,
     pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
+      pageRoute: "/",
       pagePath: "/",
-      searchParams: {},
-      params: {}
+      params: {},
+      query: {}
     })
   }
 );

package/cpa-out/nextjs-pages-codegen-js/package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@plasmicapp/cli": "^0.1.359",
-    "@plasmicapp/react-web": "^0.2.422",
+    "@plasmicapp/react-web": "^0.2.425",
     "next": "14.2.35",
     "react": "^18",
     "react-dom": "^18"

package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx

@@ -83,11 +83,18 @@ function wrapQueriesWithLoadingProxy($q: any): any {
   });
 }
 
-export function generateDynamicMetadata($q: any, $ctx: any) {
+export type PageCtx = {
+  pageRoute: string;
+  pagePath: string;
+  params: Record<string, string | string[] | undefined>;
+  query: Record<string, string | string[] | undefined>;
+};
+
+export function generateDynamicMetadata($q: any, $ctx: PageCtx) {
   return {
     openGraph: {},
     twitter: {
-      card: "summary"
+      card: "summary" as const
     }
   };
 }
@@ -153,7 +160,7 @@ function PlasmicDynamicPage__RenderFunc(props: {
 
   const pageMetadata = generateDynamicMetadata(
     wrapQueriesWithLoadingProxy({}),
-    $ctx
+    $ctx as PageCtx
   );
 
   const styleTokensClassNames = _useStyleTokens();
@@ -316,9 +323,10 @@ export const PlasmicDynamicPage = Object.assign(
     internalArgProps: PlasmicDynamicPage__ArgProps,
 
     pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
+      pageRoute: "/dynamic/[slug]",
       pagePath: "/dynamic/[slug]",
-      searchParams: {},
-      params: {}
+      params: {},
+      query: {}
     })
   }
 );

package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx

@@ -84,11 +84,18 @@ function wrapQueriesWithLoadingProxy($q: any): any {
   });
 }
 
-export function generateDynamicMetadata($q: any, $ctx: any) {
+export type PageCtx = {
+  pageRoute: string;
+  pagePath: string;
+  params: Record<string, string | string[] | undefined>;
+  query: Record<string, string | string[] | undefined>;
+};
+
+export function generateDynamicMetadata($q: any, $ctx: PageCtx) {
   return {
     openGraph: {},
     twitter: {
-      card: "summary"
+      card: "summary" as const
     }
   };
 }
@@ -157,7 +164,7 @@ function PlasmicHomepage__RenderFunc(props: {
 
   const pageMetadata = generateDynamicMetadata(
     wrapQueriesWithLoadingProxy({}),
-    $ctx
+    $ctx as PageCtx
   );
 
   const styleTokensClassNames = _useStyleTokens();
@@ -353,9 +360,10 @@ export const PlasmicHomepage = Object.assign(
     internalArgProps: PlasmicHomepage__ArgProps,
 
     pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
+      pageRoute: "/",
       pagePath: "/",
-      searchParams: {},
-      params: {}
+      params: {},
+      query: {}
     })
   }
 );

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

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@plasmicapp/cli": "^0.1.359",
-    "@plasmicapp/react-web": "^0.2.422",
+    "@plasmicapp/react-web": "^0.2.425",
     "next": "14.2.35",
     "react": "^18",
     "react-dom": "^18"

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

@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@plasmicapp/loader-nextjs": "^1.0.454",
+    "@plasmicapp/loader-nextjs": "^1.0.456",
     "next": "14.2.35",
     "react": "^18",
     "react-dom": "^18"

package/cpa-out/nextjs-pages-loader-js/plasmic-init.js

@@ -7,7 +7,12 @@ export const PLASMIC = initPlasmicLoader({
       token: "7BRFratDxPLMGZHnd2grV5QP6mlHcZ1AK3BJSIeh7xzUlHgWh25XpgXvUaKAqHXFMXQQuzpADqboibF6nqNWQ",
     },
   ],
-
+  platformOptions: {
+    nextjs: {
+      appDir: false,
+    }
+  },
+  
   // 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

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

@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@plasmicapp/loader-nextjs": "^1.0.454",
+    "@plasmicapp/loader-nextjs": "^1.0.456",
     "next": "14.2.35",
     "react": "^18",
     "react-dom": "^18"

package/cpa-out/nextjs-pages-loader-ts/plasmic-init.ts

@@ -7,7 +7,12 @@ export const PLASMIC = initPlasmicLoader({
       token: "7BRFratDxPLMGZHnd2grV5QP6mlHcZ1AK3BJSIeh7xzUlHgWh25XpgXvUaKAqHXFMXQQuzpADqboibF6nqNWQ",
     },
   ],
-
+  platformOptions: {
+    nextjs: {
+      appDir: false,
+    }
+  },
+  
   // 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