create-plasmic-app 0.0.99 → 0.0.101

package/cpa-out/gatsby-codegen-js/gatsby-browser.jsx

@@ -1,10 +1,11 @@
 import React from "react";
 import { PlasmicRootProvider } from "@plasmicapp/react-web";
+import { Link } from "gatsby";
 import Helmet from "react-helmet";
 
 export const wrapRootElement = ({ element }) => {
   return (
-    <PlasmicRootProvider Head={Helmet}>
+    <PlasmicRootProvider Head={Helmet} Link={Link}>
       {element}
     </PlasmicRootProvider>
   );

package/cpa-out/gatsby-codegen-js/gatsby-ssr.jsx

@@ -1,10 +1,11 @@
 import React from "react";
 import { PlasmicRootProvider } from "@plasmicapp/react-web";
+import { Link } from "gatsby";
 import Helmet from "react-helmet";
 
 export const wrapRootElement = ({ element }) => {
   return (
-    <PlasmicRootProvider Head={Helmet}>
+    <PlasmicRootProvider Head={Helmet} Link={Link}>
       {element}
     </PlasmicRootProvider>
   );

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

@@ -14,10 +14,10 @@
     "clean": "gatsby clean"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.231",
-    "@plasmicapp/react-web": "^0.2.174",
-    "gatsby": "^5.7.0",
-    "gatsby-plugin-react-helmet": "^6.7.0",
+    "@plasmicapp/cli": "^0.1.337",
+    "@plasmicapp/react-web": "^0.2.381",
+    "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-codegen-js/plasmic.json

@@ -26,7 +26,7 @@
       "projectApiToken": "7BRFratDxPLMGZHnd2grV5QP6mlHcZ1AK3BJSIeh7xzUlHgWh25XpgXvUaKAqHXFMXQQuzpADqboibF6nqNWQ",
       "projectName": "create-plasmic-app",
       "version": "latest",
-      "cssFilePath": "plasmic/create_plasmic_app/plasmic_create_plasmic_app.module.css",
+      "cssFilePath": "plasmic/create_plasmic_app/plasmic.module.css",
       "components": [
         {
           "id": "6uuAAE1jiCew",
@@ -39,7 +39,8 @@
           },
           "cssFilePath": "plasmic/create_plasmic_app/PlasmicHomepage.module.css",
           "scheme": "blackbox",
-          "componentType": "page"
+          "componentType": "page",
+          "path": "/"
         },
         {
           "id": "AO44A-w7hh",
@@ -52,7 +53,8 @@
           },
           "cssFilePath": "plasmic/create_plasmic_app/PlasmicDynamicPage.module.css",
           "scheme": "blackbox",
-          "componentType": "page"
+          "componentType": "page",
+          "path": "/dynamic/[slug]"
         },
         {
           "id": "TQcvW_pSKi3",
@@ -85,8 +87,8 @@
       "icons": [
         {
           "id": "gj-_D7n31Ho",
-          "name": "ChecksvgIcon",
-          "moduleFilePath": "plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.jsx"
+          "name": "CheckSvgIcon",
+          "moduleFilePath": "plasmic/create_plasmic_app/icons/PlasmicIcon__CheckSvg.jsx"
         },
         {
           "id": "6PNxx3YMyDQ",
@@ -97,18 +99,22 @@
       "images": [],
       "indirect": false,
       "globalContextsFilePath": "",
+      "splitsProviderFilePath": "",
       "codeComponents": [
         {
           "id": "P6aGdYWZ2R",
           "name": "PlasmicHead",
+          "displayName": "hostless-plasmic-head",
           "componentImportPath": "@plasmicapp/react-web"
         },
         {
           "id": "8G2A-uTjGa",
           "name": "Fetcher",
+          "displayName": "plasmic-data-source-fetcher",
           "componentImportPath": "@plasmicapp/react-web/lib/data-sources"
         }
-      ]
+      ],
+      "customFunctions": []
     }
   ],
   "globalVariants": {
@@ -125,6 +131,6 @@
   "gatsbyConfig": {
     "pagesDir": "../pages"
   },
-  "cliVersion": "0.1.231",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.231/dist/plasmic.schema.json"
+  "cliVersion": "0.1.337",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.337/dist/plasmic.schema.json"
 }

package/cpa-out/gatsby-codegen-js/src/components/Button.jsx

@@ -8,6 +8,4 @@ function Button_(props, ref) {
 
 const Button = React.forwardRef(Button_);
 
-export default Object.assign(Button, {
-  __plumeType: "button"
-});
+export default Object.assign(Button, { __plumeType: "button" });

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

@@ -1,6 +1,6 @@
-// @ts-nocheck
 /* eslint-disable */
 /* tslint:disable */
+// @ts-nocheck
 /* prettier-ignore-start */
 /** @jsxRuntime classic */
 /** @jsx createPlasmicElementProxy */
@@ -10,22 +10,27 @@
 // Component: TQcvW_pSKi3
 import * as React from "react";
 import { Link } from "gatsby";
-import * as p from "@plasmicapp/react-web";
-import * as ph from "@plasmicapp/react-web/lib/host";
-import * as pp from "@plasmicapp/react-web";
 import {
-  hasVariant,
+  PlasmicLink as PlasmicLink__,
+  Stack as Stack__,
   classNames,
   createPlasmicElementProxy,
-  useTrigger,
-  deriveRenderOpts
+  deriveRenderOpts,
+  hasVariant,
+  renderPlasmicSlot,
+  useDollarState,
+  useTrigger
 } from "@plasmicapp/react-web";
+import { useDataEnv } from "@plasmicapp/react-web/lib/host";
+import * as pp from "@plasmicapp/react-web";
 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 "./PlasmicButton.module.css"; // plasmic-import: TQcvW_pSKi3/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 const PlasmicButton__VariantProps = new Array(
   "showStartIcon",
   "showEndIcon",
@@ -36,89 +41,83 @@ export const PlasmicButton__VariantProps = new Array(
 );
 
 export const PlasmicButton__ArgProps = new Array(
-  "children",
+  "link",
+  "submitsForm",
+  "target",
   "startIcon",
-  "endIcon",
-  "link"
+  "children",
+  "endIcon"
 );
 
-const __wrapUserFunction =
-  globalThis.__PlasmicWrapUserFunction ?? ((loc, fn) => fn());
-
-const __wrapUserPromise =
-  globalThis.__PlasmicWrapUserPromise ??
-  (async (loc, promise) => {
-    return await promise;
-  });
+const $$ = {};
 
 function PlasmicButton__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 stateSpecs = React.useMemo(
     () => [
       {
         path: "showStartIcon",
         type: "private",
         variableType: "variant",
-        initFunc: true
-          ? ({ $props, $state, $queries, $ctx }) => $props.showStartIcon
-          : undefined
+        initFunc: ({ $props, $state, $queries, $ctx }) => $props.showStartIcon
       },
       {
         path: "showEndIcon",
         type: "private",
         variableType: "variant",
-        initFunc: true
-          ? ({ $props, $state, $queries, $ctx }) => $props.showEndIcon
-          : undefined
+        initFunc: ({ $props, $state, $queries, $ctx }) => $props.showEndIcon
       },
       {
         path: "isDisabled",
         type: "private",
         variableType: "variant",
-        initFunc: true
-          ? ({ $props, $state, $queries, $ctx }) => $props.isDisabled
-          : undefined
+        initFunc: ({ $props, $state, $queries, $ctx }) => $props.isDisabled
       },
       {
         path: "shape",
         type: "private",
         variableType: "variant",
-        initFunc: true
-          ? ({ $props, $state, $queries, $ctx }) => $props.shape
-          : undefined
+        initFunc: ({ $props, $state, $queries, $ctx }) => $props.shape
       },
       {
         path: "size",
         type: "private",
         variableType: "variant",
-        initFunc: true
-          ? ({ $props, $state, $queries, $ctx }) => $props.size
-          : undefined
+        initFunc: ({ $props, $state, $queries, $ctx }) => $props.size
       },
       {
         path: "color",
         type: "private",
         variableType: "variant",
-        initFunc: true
-          ? ({ $props, $state, $queries, $ctx }) => $props.color
-          : undefined
+        initFunc: ({ $props, $state, $queries, $ctx }) => $props.color
       }
     ],
 
-    [$props, $ctx]
+    [$props, $ctx, $refs]
   );
-
-  const $state = p.useDollarState(stateSpecs, { $props, $ctx, $queries });
+  const $state = useDollarState(stateSpecs, {
+    $props,
+    $ctx,
+    $queries: {},
+    $refs
+  });
   const [isRootFocusVisibleWithin, triggerRootFocusVisibleWithinProps] =
     useTrigger("useFocusVisibleWithin", {
       isTextInput: false
@@ -127,7 +126,7 @@ function PlasmicButton__RenderFunc(props) {
     focusVisibleWithin_root: isRootFocusVisibleWithin
   };
   return (
-    <p.Stack
+    <Stack__
       as={"button"}
       data-plasmic-name={"root"}
       data-plasmic-override={overrides.root}
@@ -140,6 +139,7 @@ function PlasmicButton__RenderFunc(props) {
         projectcss.root_reset,
         projectcss.plasmic_default_styles,
         projectcss.plasmic_mixins,
+        projectcss.plasmic_tokens,
         sty.root,
         {
           [sty.root___focusVisibleWithin]: triggers.focusVisibleWithin_root,
@@ -177,7 +177,6 @@ function PlasmicButton__RenderFunc(props) {
             "showEndIcon",
             "showEndIcon"
           ),
-
           [sty.rootshowEndIcon_shape_rounded]:
             hasVariant($state, "showEndIcon", "showEndIcon") &&
             hasVariant($state, "shape", "rounded"),
@@ -193,7 +192,6 @@ function PlasmicButton__RenderFunc(props) {
             "showStartIcon",
             "showStartIcon"
           ),
-
           [sty.rootsize_compact]: hasVariant($state, "size", "compact"),
           [sty.rootsize_compact_showStartIcon]:
             hasVariant($state, "size", "compact") &&
@@ -213,7 +211,6 @@ function PlasmicButton__RenderFunc(props) {
               "color",
               "blue"
             ),
-
             [sty.startIconContainershape_rounded_showStartIcon]:
               hasVariant($state, "shape", "rounded") &&
               hasVariant($state, "showStartIcon", "showStartIcon"),
@@ -224,9 +221,9 @@ function PlasmicButton__RenderFunc(props) {
             )
           })}
         >
-          {p.renderPlasmicSlot({
+          {renderPlasmicSlot({
             defaultContents: (
-              <ChecksvgIcon
+              <CheckSvgIcon
                 className={classNames(projectcss.all, sty.svg__s6Xxe)}
                 role={"img"}
               />
@@ -239,61 +236,51 @@ function PlasmicButton__RenderFunc(props) {
                 "color",
                 "blue"
               ),
-
               [sty.slotTargetStartIconcolor_clear]: hasVariant(
                 $state,
                 "color",
                 "clear"
               ),
-
               [sty.slotTargetStartIconcolor_link]: hasVariant(
                 $state,
                 "color",
                 "link"
               ),
-
               [sty.slotTargetStartIconcolor_softBlue]: hasVariant(
                 $state,
                 "color",
                 "softBlue"
               ),
-
               [sty.slotTargetStartIconcolor_softGreen]: hasVariant(
                 $state,
                 "color",
                 "softGreen"
               ),
-
               [sty.slotTargetStartIconcolor_softRed]: hasVariant(
                 $state,
                 "color",
                 "softRed"
               ),
-
               [sty.slotTargetStartIconcolor_softSand]: hasVariant(
                 $state,
                 "color",
                 "softSand"
               ),
-
               [sty.slotTargetStartIconcolor_softYellow]: hasVariant(
                 $state,
                 "color",
                 "softYellow"
               ),
-
               [sty.slotTargetStartIconcolor_white]: hasVariant(
                 $state,
                 "color",
                 "white"
               ),
-
               [sty.slotTargetStartIconcolor_yellow]: hasVariant(
                 $state,
                 "color",
                 "yellow"
               ),
-
               [sty.slotTargetStartIconshowStartIcon]: hasVariant(
                 $state,
                 "showStartIcon",
@@ -303,7 +290,6 @@ function PlasmicButton__RenderFunc(props) {
           })}
         </div>
       ) : null}
-
       <div
         data-plasmic-name={"contentContainer"}
         data-plasmic-override={overrides.contentContainer}
@@ -315,13 +301,11 @@ function PlasmicButton__RenderFunc(props) {
             "isDisabled",
             "isDisabled"
           ),
-
           [sty.contentContainershape_rounded]: hasVariant(
             $state,
             "shape",
             "rounded"
           ),
-
           [sty.contentContainershowEndIcon]: hasVariant(
             $state,
             "showEndIcon",
@@ -329,7 +313,7 @@ function PlasmicButton__RenderFunc(props) {
           )
         })}
       >
-        {p.renderPlasmicSlot({
+        {renderPlasmicSlot({
           defaultContents: "Button",
           value: args.children,
           className: classNames(sty.slotTargetChildren, {
@@ -340,25 +324,21 @@ function PlasmicButton__RenderFunc(props) {
               "color",
               "blue"
             ),
-
             [sty.slotTargetChildrencolor_clear]: hasVariant(
               $state,
               "color",
               "clear"
             ),
-
             [sty.slotTargetChildrencolor_green]: hasVariant(
               $state,
               "color",
               "green"
             ),
-
             [sty.slotTargetChildrencolor_link]: hasVariant(
               $state,
               "color",
               "link"
             ),
-
             [sty.slotTargetChildrencolor_link_size_minimal]:
               hasVariant($state, "color", "link") &&
               hasVariant($state, "size", "minimal"),
@@ -367,79 +347,66 @@ function PlasmicButton__RenderFunc(props) {
               "color",
               "red"
             ),
-
             [sty.slotTargetChildrencolor_sand]: hasVariant(
               $state,
               "color",
               "sand"
             ),
-
             [sty.slotTargetChildrencolor_softBlue]: hasVariant(
               $state,
               "color",
               "softBlue"
             ),
-
             [sty.slotTargetChildrencolor_softGreen]: hasVariant(
               $state,
               "color",
               "softGreen"
             ),
-
             [sty.slotTargetChildrencolor_softRed]: hasVariant(
               $state,
               "color",
               "softRed"
             ),
-
             [sty.slotTargetChildrencolor_softSand]: hasVariant(
               $state,
               "color",
               "softSand"
             ),
-
             [sty.slotTargetChildrencolor_softYellow]: hasVariant(
               $state,
               "color",
               "softYellow"
             ),
-
             [sty.slotTargetChildrencolor_white]: hasVariant(
               $state,
               "color",
               "white"
             ),
-
             [sty.slotTargetChildrencolor_yellow]: hasVariant(
               $state,
               "color",
               "yellow"
             ),
-
             [sty.slotTargetChildrenisDisabled]: hasVariant(
               $state,
               "isDisabled",
               "isDisabled"
             ),
-
             [sty.slotTargetChildrenshape_rounded]: hasVariant(
               $state,
               "shape",
               "rounded"
             ),
-
             [sty.slotTargetChildrenshowEndIcon]: hasVariant(
               $state,
               "showEndIcon",
               "showEndIcon"
             ),
-
             [sty.slotTargetChildrenshowStartIcon]: hasVariant(
               $state,
               "showStartIcon",
               "showStartIcon"
             ),
-
             [sty.slotTargetChildrensize_minimal]: hasVariant(
               $state,
               "size",
@@ -448,7 +415,6 @@ function PlasmicButton__RenderFunc(props) {
           })
         })}
       </div>
-
       {(hasVariant($state, "showEndIcon", "showEndIcon") ? true : false) ? (
         <div
           data-plasmic-name={"endIconContainer"}
@@ -459,13 +425,11 @@ function PlasmicButton__RenderFunc(props) {
               "color",
               "white"
             ),
-
             [sty.endIconContainercolor_yellow]: hasVariant(
               $state,
               "color",
               "yellow"
             ),
-
             [sty.endIconContainershowEndIcon]: hasVariant(
               $state,
               "showEndIcon",
@@ -473,7 +437,7 @@ function PlasmicButton__RenderFunc(props) {
             )
           })}
         >
-          {p.renderPlasmicSlot({
+          {renderPlasmicSlot({
             defaultContents: (
               <IconIcon
                 className={classNames(projectcss.all, sty.svg__liJa)}
@@ -488,55 +452,46 @@ function PlasmicButton__RenderFunc(props) {
                 "color",
                 "clear"
               ),
-
               [sty.slotTargetEndIconcolor_link]: hasVariant(
                 $state,
                 "color",
                 "link"
               ),
-
               [sty.slotTargetEndIconcolor_softBlue]: hasVariant(
                 $state,
                 "color",
                 "softBlue"
               ),
-
               [sty.slotTargetEndIconcolor_softGreen]: hasVariant(
                 $state,
                 "color",
                 "softGreen"
               ),
-
               [sty.slotTargetEndIconcolor_softRed]: hasVariant(
                 $state,
                 "color",
                 "softRed"
               ),
-
               [sty.slotTargetEndIconcolor_softSand]: hasVariant(
                 $state,
                 "color",
                 "softSand"
               ),
-
               [sty.slotTargetEndIconcolor_softYellow]: hasVariant(
                 $state,
                 "color",
                 "softYellow"
               ),
-
               [sty.slotTargetEndIconcolor_white]: hasVariant(
                 $state,
                 "color",
                 "white"
               ),
-
               [sty.slotTargetEndIconcolor_yellow]: hasVariant(
                 $state,
                 "color",
                 "yellow"
               ),
-
               [sty.slotTargetEndIconshowEndIcon]: hasVariant(
                 $state,
                 "showEndIcon",
@@ -546,7 +501,7 @@ function PlasmicButton__RenderFunc(props) {
           })}
         </div>
       ) : null}
-    </p.Stack>
+    </Stack__>
   );
 }
 
@@ -568,9 +523,8 @@ function useBehavior(props, ref) {
     },
     ref
   );
-
   if (b.plasmicProps.overrides.root.as === "a") {
-    b.plasmicProps.overrides.root.as = p.PlasmicLink;
+    b.plasmicProps.overrides.root.as = PlasmicLink__;
     b.plasmicProps.overrides.root.props.component = Link;
     b.plasmicProps.overrides.root.props.platform = "gatsby";
   }
@@ -590,13 +544,12 @@ function makeNodeComponent(nodeName) {
       () =>
         deriveRenderOpts(props, {
           name: nodeName,
-          descendantNames: [...PlasmicDescendants[nodeName]],
+          descendantNames: PlasmicDescendants[nodeName],
           internalArgPropNames: PlasmicButton__ArgProps,
           internalVariantPropNames: PlasmicButton__VariantProps
         }),
       [props, nodeName]
     );
-
     return PlasmicButton__RenderFunc({
       variants,
       args,