create-plasmic-app 0.0.99 → 0.0.100

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

@@ -1,29 +1,17 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 
 import * as React from "react";
-import * as p from "@plasmicapp/react-web";
+import { createUseScreenVariants } from "@plasmicapp/react-web";
 
 export type ScreenValue = "desktopOnly";
 export const ScreenContext = React.createContext<ScreenValue[] | undefined>(
   "PLEASE_RENDER_INSIDE_PROVIDER" as any
 );
 
-/**
- *  @deprecated Plasmic now uses a custom hook for Screen variants, which is
- *  automatically included in your components. Please remove this provider
- *  from your code.
- */
-export function ScreenVariantProvider(props: React.PropsWithChildren) {
-  console.warn(
-    "DEPRECATED: Plasmic now uses a custom hook for Screen variants, which is automatically included in your components. Please remove this provider from your code."
-  );
-  return props.children;
-}
-
-export const useScreenVariants = p.createUseScreenVariants(true, {
+export const useScreenVariants = createUseScreenVariants(true, {
   desktopOnly: "(min-width:768px)",
 });
 

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

@@ -1,6 +1,6 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 
 /** @jsxRuntime classic */
@@ -19,34 +19,60 @@ import {
   navigate as __gatsbyNavigate
 } from "gatsby";
 
-import * as p from "@plasmicapp/react-web";
-import * as ph from "@plasmicapp/react-web/lib/host";
-
 import {
-  hasVariant,
-  classNames,
-  wrapWithClassName,
-  createPlasmicElementProxy,
-  makeFragment,
+  Flex as Flex__,
   MultiChoiceArg,
+  PlasmicDataSourceContextProvider as PlasmicDataSourceContextProvider__,
+  PlasmicIcon as PlasmicIcon__,
+  PlasmicImg as PlasmicImg__,
+  PlasmicLink as PlasmicLink__,
+  PlasmicPageGuard as PlasmicPageGuard__,
   SingleBooleanChoiceArg,
   SingleChoiceArg,
-  pick,
-  omit,
-  useTrigger,
+  Stack as Stack__,
   StrictProps,
+  Trans as Trans__,
+  classNames,
+  createPlasmicElementProxy,
   deriveRenderOpts,
-  ensureGlobalVariants
+  ensureGlobalVariants,
+  generateOnMutateForSpec,
+  generateStateOnChangeProp,
+  generateStateOnChangePropForCodeComponents,
+  generateStateValueProp,
+  get as $stateGet,
+  hasVariant,
+  initializeCodeComponentStates,
+  initializePlasmicStates,
+  makeFragment,
+  omit,
+  pick,
+  renderPlasmicSlot,
+  set as $stateSet,
+  useCurrentUser,
+  useDollarState,
+  usePlasmicTranslator,
+  useTrigger,
+  wrapWithClassName
 } from "@plasmicapp/react-web";
+import {
+  DataCtxReader as DataCtxReader__,
+  useDataEnv,
+  useGlobalActions
+} from "@plasmicapp/react-web/lib/host";
+
 import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
+import { Fetcher } from "@plasmicapp/react-web/lib/data-sources";
 
 import { useScreenVariants as useScreenVariantsscBjPxgdxdzbv } from "./PlasmicGlobalVariant__Screen"; // plasmic-import: SCBjPXGDXDZBV/globalVariant
 
 import "@plasmicapp/react-web/lib/plasmic.css";
 
-import * as projectcss from "./plasmic_create_plasmic_app.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+import * as projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
 import * as sty from "./PlasmicHomepage.module.css"; // plasmic-import: 6uuAAE1jiCew/css
 
+createPlasmicElementProxy;
+
 export type PlasmicHomepage__VariantMembers = {};
 export type PlasmicHomepage__VariantsArgs = {};
 type VariantPropType = keyof PlasmicHomepage__VariantsArgs;
@@ -57,24 +83,18 @@ type ArgPropType = keyof PlasmicHomepage__ArgsType;
 export const PlasmicHomepage__ArgProps = new Array<ArgPropType>();
 
 export type PlasmicHomepage__OverridesType = {
-  root?: p.Flex<"div">;
-  section?: p.Flex<"section">;
-  h1?: p.Flex<"h1">;
-  text?: p.Flex<"div">;
-  randomDynamicPageButton?: p.Flex<typeof RandomDynamicPageButton>;
+  root?: Flex__<"div">;
+  section?: Flex__<"section">;
+  h1?: Flex__<"h1">;
+  text?: Flex__<"div">;
+  randomDynamicPageButton?: Flex__<typeof RandomDynamicPageButton>;
 };
 
 export interface DefaultHomepageProps {
   className?: string;
 }
 
-const __wrapUserFunction =
-  globalThis.__PlasmicWrapUserFunction ?? ((loc, fn) => fn());
-const __wrapUserPromise =
-  globalThis.__PlasmicWrapUserPromise ??
-  (async (loc, promise) => {
-    return await promise;
-  });
+const $$ = {};
 
 export function Head() {
   return <></>;
@@ -88,19 +108,26 @@ function PlasmicHomepage__RenderFunc(props: {
 }) {
   const { variants, overrides, forNode } = props;
 
-  const $ctx = ph.useDataEnv?.() || {};
-  const args = React.useMemo(() => Object.assign({}, props.args), [props.args]);
+  const args = React.useMemo(
+    () =>
+      Object.assign(
+        {},
+        Object.fromEntries(
+          Object.entries(props.args).filter(([_, v]) => v !== undefined)
+        )
+      ),
+    [props.args]
+  );
 
   const $props = {
     ...args,
     ...variants
   };
+
+  const $ctx = useDataEnv?.() || {};
   const refsRef = React.useRef({});
   const $refs = refsRef.current;
 
-  const currentUser = p.useCurrentUser?.() || {};
-  const [$queries, setDollarQueries] = React.useState({});
-
   const globalVariants = ensureGlobalVariants({
     screen: useScreenVariantsscBjPxgdxdzbv()
   });
@@ -124,10 +151,11 @@ function PlasmicHomepage__RenderFunc(props: {
             projectcss.root_reset,
             projectcss.plasmic_default_styles,
             projectcss.plasmic_mixins,
+            projectcss.plasmic_tokens,
             sty.root
           )}
         >
-          <p.Stack
+          <Stack__
             as={"section"}
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
@@ -146,7 +174,6 @@ function PlasmicHomepage__RenderFunc(props: {
             >
               {"create-plasmic-app"}
             </h1>
-
             <div
               data-plasmic-name={"text"}
               data-plasmic-override={overrides.text}
@@ -174,7 +201,7 @@ function PlasmicHomepage__RenderFunc(props: {
                 <React.Fragment>
                   <React.Fragment>
                     {
-                      "If you haven't already done so, go back and learn the basics by going through the Plasmic Levels tutorial.\n\nIt's always easier to start from examples! Add a new page using a template—do this from the list of pages in the top left (the gray + button).\n\nOr press the big blue + button to start dragging items into this page.\n\nIntegrate this project into your codebase—press the "
+                      "If you haven't already done so, go back and learn the basics by going through the Plasmic Levels tutorial.\n\nIt's always easier to start from examples! Add a new page using a template\u2014do this from the list of pages in the top left (the gray + button).\n\nOr press the big blue + button to start dragging items into this page.\n\nIntegrate this project into your codebase\u2014press the "
                     }
                   </React.Fragment>
                   <span
@@ -191,7 +218,6 @@ function PlasmicHomepage__RenderFunc(props: {
                 </React.Fragment>
               )}
             </div>
-
             <RandomDynamicPageButton
               data-plasmic-name={"randomDynamicPageButton"}
               data-plasmic-override={overrides.randomDynamicPageButton}
@@ -200,7 +226,7 @@ function PlasmicHomepage__RenderFunc(props: {
                 sty.randomDynamicPageButton
               )}
             />
-          </p.Stack>
+          </Stack__>
         </div>
       </div>
     </React.Fragment>
@@ -237,15 +263,15 @@ type NodeComponentProps<T extends NodeNameType> =
     args?: PlasmicHomepage__ArgsType;
     overrides?: NodeOverridesType<T>;
   } & Omit<PlasmicHomepage__VariantsArgs, ReservedPropsType> & // Specify variants directly as props
-    /* Specify args directly as props*/ Omit<
-      PlasmicHomepage__ArgsType,
-      ReservedPropsType
-    > &
-    /* Specify overrides for each element directly as props*/ Omit<
+    // Specify args directly as props
+    Omit<PlasmicHomepage__ArgsType, ReservedPropsType> &
+    // Specify overrides for each element directly as props
+    Omit<
       NodeOverridesType<T>,
       ReservedPropsType | VariantPropType | ArgPropType
     > &
-    /* Specify props for the root element*/ Omit<
+    // Specify props for the root element
+    Omit<
       Partial<React.ComponentProps<NodeDefaultElementType[T]>>,
       ReservedPropsType | VariantPropType | ArgPropType | DescendantsType<T>
     >;
@@ -259,7 +285,7 @@ function makeNodeComponent<NodeName extends NodeNameType>(nodeName: NodeName) {
       () =>
         deriveRenderOpts(props, {
           name: nodeName,
-          descendantNames: [...PlasmicDescendants[nodeName]],
+          descendantNames: PlasmicDescendants[nodeName],
           internalArgPropNames: PlasmicHomepage__ArgProps,
           internalVariantPropNames: PlasmicHomepage__VariantProps
         }),

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

@@ -1,6 +1,6 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 
 /** @jsxRuntime classic */
@@ -19,35 +19,60 @@ import {
   navigate as __gatsbyNavigate
 } from "gatsby";
 
-import * as p from "@plasmicapp/react-web";
-import * as ph from "@plasmicapp/react-web/lib/host";
-
 import {
-  hasVariant,
-  classNames,
-  wrapWithClassName,
-  createPlasmicElementProxy,
-  makeFragment,
+  Flex as Flex__,
   MultiChoiceArg,
+  PlasmicDataSourceContextProvider as PlasmicDataSourceContextProvider__,
+  PlasmicIcon as PlasmicIcon__,
+  PlasmicImg as PlasmicImg__,
+  PlasmicLink as PlasmicLink__,
+  PlasmicPageGuard as PlasmicPageGuard__,
   SingleBooleanChoiceArg,
   SingleChoiceArg,
-  pick,
-  omit,
-  useTrigger,
+  Stack as Stack__,
   StrictProps,
+  Trans as Trans__,
+  classNames,
+  createPlasmicElementProxy,
   deriveRenderOpts,
-  ensureGlobalVariants
+  ensureGlobalVariants,
+  generateOnMutateForSpec,
+  generateStateOnChangeProp,
+  generateStateOnChangePropForCodeComponents,
+  generateStateValueProp,
+  get as $stateGet,
+  hasVariant,
+  initializeCodeComponentStates,
+  initializePlasmicStates,
+  makeFragment,
+  omit,
+  pick,
+  renderPlasmicSlot,
+  set as $stateSet,
+  useCurrentUser,
+  useDollarState,
+  usePlasmicTranslator,
+  useTrigger,
+  wrapWithClassName
 } from "@plasmicapp/react-web";
+import {
+  DataCtxReader as DataCtxReader__,
+  useDataEnv,
+  useGlobalActions
+} from "@plasmicapp/react-web/lib/host";
+
 import Button from "../../Button"; // plasmic-import: TQcvW_pSKi3/component
 
 import "@plasmicapp/react-web/lib/plasmic.css";
 
-import * as projectcss from "./plasmic_create_plasmic_app.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+import * as projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
 import * as sty from "./PlasmicRandomDynamicPageButton.module.css"; // plasmic-import: Q23H1_1M_P/css
 
-import ChecksvgIcon from "./icons/PlasmicIcon__Checksvg"; // plasmic-import: gj-_D7n31Ho/icon
+import CheckSvgIcon from "./icons/PlasmicIcon__CheckSvg"; // plasmic-import: gj-_D7n31Ho/icon
 import IconIcon from "./icons/PlasmicIcon__Icon"; // plasmic-import: 6PNxx3YMyDQ/icon
 
+createPlasmicElementProxy;
+
 export type PlasmicRandomDynamicPageButton__VariantMembers = {};
 export type PlasmicRandomDynamicPageButton__VariantsArgs = {};
 type VariantPropType = keyof PlasmicRandomDynamicPageButton__VariantsArgs;
@@ -60,20 +85,14 @@ export const PlasmicRandomDynamicPageButton__ArgProps =
   new Array<ArgPropType>();
 
 export type PlasmicRandomDynamicPageButton__OverridesType = {
-  root?: p.Flex<typeof Button>;
+  root?: Flex__<typeof Button>;
 };
 
 export interface DefaultRandomDynamicPageButtonProps {
   className?: string;
 }
 
-const __wrapUserFunction =
-  globalThis.__PlasmicWrapUserFunction ?? ((loc, fn) => fn());
-const __wrapUserPromise =
-  globalThis.__PlasmicWrapUserPromise ??
-  (async (loc, promise) => {
-    return await promise;
-  });
+const $$ = {};
 
 function PlasmicRandomDynamicPageButton__RenderFunc(props: {
   variants: PlasmicRandomDynamicPageButton__VariantsArgs;
@@ -83,19 +102,26 @@ function PlasmicRandomDynamicPageButton__RenderFunc(props: {
 }) {
   const { variants, overrides, forNode } = props;
 
-  const $ctx = ph.useDataEnv?.() || {};
-  const args = React.useMemo(() => Object.assign({}, props.args), [props.args]);
+  const args = React.useMemo(
+    () =>
+      Object.assign(
+        {},
+        Object.fromEntries(
+          Object.entries(props.args).filter(([_, v]) => v !== undefined)
+        )
+      ),
+    [props.args]
+  );
 
   const $props = {
     ...args,
     ...variants
   };
+
+  const $ctx = useDataEnv?.() || {};
   const refsRef = React.useRef({});
   const $refs = refsRef.current;
 
-  const currentUser = p.useCurrentUser?.() || {};
-  const [$queries, setDollarQueries] = React.useState({});
-
   return (
     <Button
       data-plasmic-name={"root"}
@@ -105,60 +131,47 @@ function PlasmicRandomDynamicPageButton__RenderFunc(props: {
       className={classNames("__wab_instance", sty.root)}
       onClick={async event => {
         const $steps = {};
+
         $steps["goToDynamicPage"] = true
           ? (() => {
               const actionArgs = {
-                destination: __wrapUserFunction(
-                  {
-                    type: "InteractionArgLoc",
-                    actionName: "navigation",
-                    interactionUuid: "9Y3jL0zxjA",
-                    componentUuid: "Q23H1_1M_P",
-                    argName: "destination"
-                  },
-                  () =>
-                    `/dynamic/${(() => {
-                      try {
-                        return Math.random().toString(36).slice(2);
-                      } catch (e) {
-                        if (e instanceof TypeError) {
-                          return "value";
-                        }
-                        throw e;
-                      }
-                    })()}`
-                )
+                destination: `/dynamic/${(() => {
+                  try {
+                    return Math.random().toString(36).slice(2);
+                  } catch (e) {
+                    if (
+                      e instanceof TypeError ||
+                      e?.plasmicType === "PlasmicUndefinedDataError"
+                    ) {
+                      return "value";
+                    }
+                    throw e;
+                  }
+                })()}`
               };
-              return __wrapUserFunction(
-                {
-                  type: "InteractionLoc",
-                  actionName: "navigation",
-                  interactionUuid: "9Y3jL0zxjA",
-                  componentUuid: "Q23H1_1M_P"
-                },
-                () =>
-                  (({ destination }) => {
-                    __gatsbyNavigate(destination);
-                  })?.apply(null, [actionArgs]),
-                actionArgs
-              );
+              return (({ destination }) => {
+                if (
+                  typeof destination === "string" &&
+                  destination.startsWith("#")
+                ) {
+                  document
+                    .getElementById(destination.substr(1))
+                    .scrollIntoView({ behavior: "smooth" });
+                } else {
+                  __gatsbyNavigate(destination);
+                }
+              })?.apply(null, [actionArgs]);
             })()
           : undefined;
         if (
+          $steps["goToDynamicPage"] != null &&
           typeof $steps["goToDynamicPage"] === "object" &&
           typeof $steps["goToDynamicPage"].then === "function"
         ) {
-          $steps["goToDynamicPage"] = await __wrapUserPromise(
-            {
-              type: "InteractionLoc",
-              actionName: "navigation",
-              interactionUuid: "9Y3jL0zxjA",
-              componentUuid: "Q23H1_1M_P"
-            },
-            $steps["goToDynamicPage"]
-          );
+          $steps["goToDynamicPage"] = await $steps["goToDynamicPage"];
         }
       }}
+      submitsForm={true}
     >
       {"Random Dynamic Page"}
     </Button>
@@ -187,15 +200,15 @@ type NodeComponentProps<T extends NodeNameType> =
     args?: PlasmicRandomDynamicPageButton__ArgsType;
     overrides?: NodeOverridesType<T>;
   } & Omit<PlasmicRandomDynamicPageButton__VariantsArgs, ReservedPropsType> & // Specify variants directly as props
-    /* Specify args directly as props*/ Omit<
-      PlasmicRandomDynamicPageButton__ArgsType,
-      ReservedPropsType
-    > &
-    /* Specify overrides for each element directly as props*/ Omit<
+    // Specify args directly as props
+    Omit<PlasmicRandomDynamicPageButton__ArgsType, ReservedPropsType> &
+    // Specify overrides for each element directly as props
+    Omit<
       NodeOverridesType<T>,
       ReservedPropsType | VariantPropType | ArgPropType
     > &
-    /* Specify props for the root element*/ Omit<
+    // Specify props for the root element
+    Omit<
       Partial<React.ComponentProps<NodeDefaultElementType[T]>>,
       ReservedPropsType | VariantPropType | ArgPropType | DescendantsType<T>
     >;
@@ -209,7 +222,7 @@ function makeNodeComponent<NodeName extends NodeNameType>(nodeName: NodeName) {
       () =>
         deriveRenderOpts(props, {
           name: nodeName,
-          descendantNames: [...PlasmicDescendants[nodeName]],
+          descendantNames: PlasmicDescendants[nodeName],
           internalArgPropNames: PlasmicRandomDynamicPageButton__ArgProps,
           internalVariantPropNames: PlasmicRandomDynamicPageButton__VariantProps
         }),

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

@@ -1,15 +1,15 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 import React from "react";
 import { classNames } from "@plasmicapp/react-web";
 
-export type ChecksvgIconProps = React.ComponentProps<"svg"> & {
+export type CheckSvgIconProps = React.ComponentProps<"svg"> & {
   title?: string;
 };
 
-export function ChecksvgIcon(props: ChecksvgIconProps) {
+export function CheckSvgIcon(props: CheckSvgIconProps) {
   const { className, style, title, ...restProps } = props;
   return (
     <svg
@@ -40,5 +40,5 @@ export function ChecksvgIcon(props: ChecksvgIconProps) {
   );
 }
 
-export default ChecksvgIcon;
+export default CheckSvgIcon;
 /* prettier-ignore-end */

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

@@ -1,6 +1,6 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 import React from "react";
 import { classNames } from "@plasmicapp/react-web";

package/cpa-out/gatsby-codegen-ts/src/pages/dynamic/[slug].tsx

@@ -1,9 +1,8 @@
 // This is a skeleton starter React page generated by Plasmic.
 // This file is owned by you, feel free to edit as you see fit.
 import * as React from "react";
-import * as ph from "@plasmicapp/react-web/lib/host";
+import { PageParamsProvider as PageParamsProvider__ } from "@plasmicapp/react-web/lib/host";
 
-import { ScreenVariantProvider } from "../../components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen";
 import {
   PlasmicDynamicPage,
   Head
@@ -11,7 +10,7 @@ import {
 import type { PageProps } from "gatsby";
 export { Head };
 
-function DynamicPage({ location, params }: PageProps) {
+function DynamicPage({ location, path, params }: PageProps) {
   // Use PlasmicDynamicPage to render this component as it was
   // designed in Plasmic, by activating the appropriate variants,
   // attaching the appropriate event handlers, etc.  You
@@ -28,13 +27,15 @@ function DynamicPage({ location, params }: PageProps) {
   // variant context providers. These wrappers may be moved to
   // Gatsby "wrapRootElement" function
   // (https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr#wrapRootElement).
+
   return (
-    <ph.PageParamsProvider
+    <PageParamsProvider__
+      route={path}
       params={params}
       query={Object.fromEntries(new URLSearchParams(location.search))}
     >
       <PlasmicDynamicPage />
-    </ph.PageParamsProvider>
+    </PageParamsProvider__>
   );
 }
 

package/cpa-out/gatsby-codegen-ts/src/pages/index.tsx

@@ -1,9 +1,8 @@
 // This is a skeleton starter React page generated by Plasmic.
 // This file is owned by you, feel free to edit as you see fit.
 import * as React from "react";
-import * as ph from "@plasmicapp/react-web/lib/host";
+import { PageParamsProvider as PageParamsProvider__ } from "@plasmicapp/react-web/lib/host";
 
-import { ScreenVariantProvider } from "../components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen";
 import {
   PlasmicHomepage,
   Head
@@ -11,7 +10,7 @@ import {
 import type { PageProps } from "gatsby";
 export { Head };
 
-function Homepage({ location, params }: PageProps) {
+function Homepage({ location, path, params }: PageProps) {
   // Use PlasmicHomepage to render this component as it was
   // designed in Plasmic, by activating the appropriate variants,
   // attaching the appropriate event handlers, etc.  You
@@ -28,13 +27,15 @@ function Homepage({ location, params }: PageProps) {
   // variant context providers. These wrappers may be moved to
   // Gatsby "wrapRootElement" function
   // (https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr#wrapRootElement).
+
   return (
-    <ph.PageParamsProvider
+    <PageParamsProvider__
+      route={path}
       params={params}
       query={Object.fromEntries(new URLSearchParams(location.search))}
     >
       <PlasmicHomepage />
-    </ph.PageParamsProvider>
+    </PageParamsProvider__>
   );
 }
 

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

@@ -14,9 +14,9 @@
     "clean": "gatsby clean"
   },
   "dependencies": {
-    "@plasmicapp/loader-gatsby": "^1.0.234",
-    "gatsby": "^5.7.0",
-    "gatsby-plugin-react-helmet": "^6.7.0",
+    "@plasmicapp/loader-gatsby": "^1.0.385",
+    "gatsby": "^5.14.1",
+    "gatsby-plugin-react-helmet": "^6.14.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-helmet": "^6.1.0"

package/cpa-out/gatsby-loader-js/src/templates/defaultPlasmicPage.jsx

@@ -26,6 +26,7 @@ const PlasmicGatsbyPage = ({ data, location }) => {
     <PlasmicRootProvider
       loader={initPlasmicLoaderWithRegistrations(plasmicOptions)}
       prefetchedData={plasmicComponents}
+      pageRoute={pageMeta.path}
       pageParams={pageMeta.params}
       pageQuery={Object.fromEntries(new URLSearchParams(location.search))}
       Head={Helmet}

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

@@ -15,18 +15,18 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@plasmicapp/loader-gatsby": "^1.0.234",
-    "gatsby": "^5.7.0",
-    "gatsby-plugin-react-helmet": "^6.7.0",
+    "@plasmicapp/loader-gatsby": "^1.0.385",
+    "gatsby": "^5.14.1",
+    "gatsby-plugin-react-helmet": "^6.14.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-helmet": "^6.1.0"
   },
   "devDependencies": {
-    "@types/node": "^18.15.0",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
-    "@types/react-helmet": "^6.1.6",
-    "typescript": "^4.9.5"
+    "@types/node": "^20.11.19",
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
+    "@types/react-helmet": "^6.1.11",
+    "typescript": "^5.3.3"
   }
 }