create-plasmic-app 0.0.110 → 0.0.112

package/.tool-versions

@@ -0,0 +1 @@
+nodejs 22.18.0 # gatsby doesn't work on node 24 yet

package/README.internal.md

@@ -1,13 +1,16 @@
-# Testing
+# Create Plasmic App - Development
 
-Use `yarn run-cpa` to run CPA with predefined sets of args.
-This will update the files in cpa-out, allowing us to review any diffs.
+## Testing
 
-# Debugging
+Use `yarn run-cpa` to run create-plasmic-app with presets that gets copied to `cpa-out/` on success.
 
-Example invocation:
+`yarn run-cpa` will:
 
-    CPA_DEBUG_CHDIR=/path/to/target/project \
-        node --inspect -r ts-node/register src/index.ts
-
-- `CPA_DEBUG_CHDIR`: First cd's into the target directory (which typically has its own node_modules etc., so it's tricky to try to run the source from there).
+1. Let you choose presets to run create-plasmic-app with
+2. Lint and build create-plasmic-app
+3. Sequentially run create-plasmic-app on chosen presets
+4. For each preset,
+    1. Create a new directory in /tmp/cpa-out/<preset>
+    2. Run create-plasmic-app with the preset args
+    3. Build the new app
+    4. Copy the new app to `packages/create-plasmic-app/cpa-out/<preset>` on success

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

@@ -14,8 +14,8 @@
     "clean": "gatsby clean"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.337",
-    "@plasmicapp/react-web": "^0.2.381",
+    "@plasmicapp/cli": "^0.1.341",
+    "@plasmicapp/react-web": "^0.2.397",
     "gatsby": "^5.14.1",
     "gatsby-plugin-react-helmet": "^6.14.0",
     "react": "^18.2.0",

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

@@ -131,6 +131,6 @@
   "gatsbyConfig": {
     "pagesDir": "../pages"
   },
-  "cliVersion": "0.1.337",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.337/dist/plasmic.schema.json"
+  "cliVersion": "0.1.341",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.341/dist/plasmic.schema.json"
 }

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

@@ -12,7 +12,6 @@ import * as React from "react";
 import { Link } from "gatsby";
 import {
   PlasmicLink as PlasmicLink__,
-  Stack as Stack__,
   classNames,
   createPlasmicElementProxy,
   deriveRenderOpts,
@@ -126,13 +125,11 @@ function PlasmicButton__RenderFunc(props) {
     focusVisibleWithin_root: isRootFocusVisibleWithin
   };
   return (
-    <Stack__
-      as={"button"}
+    <button
       data-plasmic-name={"root"}
       data-plasmic-override={overrides.root}
       data-plasmic-root={true}
       data-plasmic-for-node={forNode}
-      hasGap={true}
       className={classNames(
         projectcss.all,
         projectcss.button,
@@ -501,7 +498,7 @@ function PlasmicButton__RenderFunc(props) {
           })}
         </div>
       ) : null}
-    </Stack__>
+    </button>
   );
 }
 

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

@@ -10,7 +10,6 @@
 // Component: AO44A-w7hh
 import * as React from "react";
 import {
-  Stack as Stack__,
   classNames,
   createPlasmicElementProxy,
   deriveRenderOpts
@@ -75,11 +74,9 @@ function PlasmicDynamicPage__RenderFunc(props) {
             sty.root
           )}
         >
-          <Stack__
-            as={"section"}
+          <section
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
-            hasGap={true}
             className={classNames(projectcss.all, sty.section)}
           >
             <h1
@@ -116,7 +113,7 @@ function PlasmicDynamicPage__RenderFunc(props) {
                 sty.randomDynamicPageButton
               )}
             />
-          </Stack__>
+          </section>
         </div>
       </div>
     </React.Fragment>

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

@@ -9,6 +9,14 @@ export const ScreenContext = React.createContext(
   "PLEASE_RENDER_INSIDE_PROVIDER"
 );
 
+export function ScreenContextProvider(props) {
+  return (
+    <ScreenContext.Provider value={props.value}>
+      {props.children}
+    </ScreenContext.Provider>
+  );
+}
+
 export const useScreenVariants = createUseScreenVariants(true, {
   desktopOnly: "(min-width:768px)",
 });

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

@@ -10,7 +10,6 @@
 // Component: 6uuAAE1jiCew
 import * as React from "react";
 import {
-  Stack as Stack__,
   classNames,
   createPlasmicElementProxy,
   deriveRenderOpts,
@@ -81,11 +80,9 @@ function PlasmicHomepage__RenderFunc(props) {
             sty.root
           )}
         >
-          <Stack__
-            as={"section"}
+          <section
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
-            hasGap={true}
             className={classNames(projectcss.all, sty.section)}
           >
             <h1
@@ -152,7 +149,7 @@ function PlasmicHomepage__RenderFunc(props) {
                 sty.randomDynamicPageButton
               )}
             />
-          </Stack__>
+          </section>
         </div>
       </div>
     </React.Fragment>

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

@@ -15,8 +15,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.337",
-    "@plasmicapp/react-web": "^0.2.381",
+    "@plasmicapp/cli": "^0.1.341",
+    "@plasmicapp/react-web": "^0.2.397",
     "gatsby": "^5.14.1",
     "gatsby-plugin-react-helmet": "^6.14.0",
     "react": "^18.2.0",

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

@@ -131,6 +131,6 @@
   "gatsbyConfig": {
     "pagesDir": "../pages"
   },
-  "cliVersion": "0.1.337",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.337/dist/plasmic.schema.json"
+  "cliVersion": "0.1.341",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.341/dist/plasmic.schema.json"
 }

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

@@ -260,13 +260,11 @@ function PlasmicButton__RenderFunc(props: {
   };
 
   return (
-    <Stack__
-      as={"button"}
+    <button
       data-plasmic-name={"root"}
       data-plasmic-override={overrides.root}
       data-plasmic-root={true}
       data-plasmic-for-node={forNode}
-      hasGap={true}
       className={classNames(
         projectcss.all,
         projectcss.button,
@@ -635,7 +633,7 @@ function PlasmicButton__RenderFunc(props: {
           })}
         </div>
       ) : null}
-    </Stack__>
+    </button>
   ) as React.ReactElement | null;
 }
 

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

@@ -147,11 +147,9 @@ function PlasmicDynamicPage__RenderFunc(props: {
             sty.root
           )}
         >
-          <Stack__
-            as={"section"}
+          <section
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
-            hasGap={true}
             className={classNames(projectcss.all, sty.section)}
           >
             <h1
@@ -188,7 +186,7 @@ function PlasmicDynamicPage__RenderFunc(props: {
                 sty.randomDynamicPageButton
               )}
             />
-          </Stack__>
+          </section>
         </div>
       </div>
     </React.Fragment>

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

@@ -10,6 +10,15 @@ export type ScreenValue = "desktopOnly";
 export const ScreenContext = React.createContext<ScreenValue[] | undefined>(
   "PLEASE_RENDER_INSIDE_PROVIDER" as any
 );
+export function ScreenContextProvider(
+  props: React.PropsWithChildren<{ value: ScreenValue[] | undefined }>
+) {
+  return (
+    <ScreenContext.Provider value={props.value}>
+      {props.children}
+    </ScreenContext.Provider>
+  );
+}
 
 export const useScreenVariants = createUseScreenVariants(true, {
   desktopOnly: "(min-width:768px)",

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

@@ -155,11 +155,9 @@ function PlasmicHomepage__RenderFunc(props: {
             sty.root
           )}
         >
-          <Stack__
-            as={"section"}
+          <section
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
-            hasGap={true}
             className={classNames(projectcss.all, sty.section)}
           >
             <h1
@@ -226,7 +224,7 @@ function PlasmicHomepage__RenderFunc(props: {
                 sty.randomDynamicPageButton
               )}
             />
-          </Stack__>
+          </section>
         </div>
       </div>
     </React.Fragment>

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

@@ -14,7 +14,7 @@
     "clean": "gatsby clean"
   },
   "dependencies": {
-    "@plasmicapp/loader-gatsby": "^1.0.397",
+    "@plasmicapp/loader-gatsby": "^1.0.398",
     "gatsby": "^5.14.1",
     "gatsby-plugin-react-helmet": "^6.14.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.397",
+    "@plasmicapp/loader-gatsby": "^1.0.398",
     "gatsby": "^5.14.1",
     "gatsby-plugin-react-helmet": "^6.14.0",
     "react": "^18.2.0",

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

@@ -9,13 +9,13 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@plasmicapp/loader-nextjs": "^1.0.422",
-    "next": "14.2.20",
+    "@plasmicapp/loader-nextjs": "^1.0.435",
+    "next": "14.2.17",
     "react": "^18",
     "react-dom": "^18"
   },
   "devDependencies": {
     "eslint": "^8",
-    "eslint-config-next": "14.2.20"
+    "eslint-config-next": "14.2.17"
   }
 }

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

@@ -9,8 +9,8 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@plasmicapp/loader-nextjs": "^1.0.422",
-    "next": "14.2.20",
+    "@plasmicapp/loader-nextjs": "^1.0.435",
+    "next": "14.2.17",
     "react": "^18",
     "react-dom": "^18"
   },
@@ -19,7 +19,7 @@
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "eslint": "^8",
-    "eslint-config-next": "14.2.20",
+    "eslint-config-next": "14.2.17",
     "typescript": "^5"
   }
 }

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

@@ -13,7 +13,6 @@ import Link from "next/link";
 import { useRouter } from "next/router";
 import {
   PlasmicLink as PlasmicLink__,
-  Stack as Stack__,
   classNames,
   createPlasmicElementProxy,
   deriveRenderOpts,
@@ -135,13 +134,11 @@ function PlasmicButton__RenderFunc(props) {
     focusVisibleWithin_root: isRootFocusVisibleWithin
   };
   return (
-    <Stack__
-      as={"button"}
+    <button
       data-plasmic-name={"root"}
       data-plasmic-override={overrides.root}
       data-plasmic-root={true}
       data-plasmic-for-node={forNode}
-      hasGap={true}
       className={classNames(
         projectcss.all,
         projectcss.button,
@@ -510,7 +507,7 @@ function PlasmicButton__RenderFunc(props) {
           })}
         </div>
       ) : null}
-    </Stack__>
+    </button>
   );
 }
 

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

@@ -12,7 +12,6 @@ import * as React from "react";
 import Head from "next/head";
 import { useRouter } from "next/router";
 import {
-  Stack as Stack__,
   classNames,
   createPlasmicElementProxy,
   deriveRenderOpts
@@ -83,11 +82,9 @@ function PlasmicDynamicPage__RenderFunc(props) {
             sty.root
           )}
         >
-          <Stack__
-            as={"section"}
+          <section
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
-            hasGap={true}
             className={classNames(projectcss.all, sty.section)}
           >
             <h1
@@ -124,7 +121,7 @@ function PlasmicDynamicPage__RenderFunc(props) {
                 sty.randomDynamicPageButton
               )}
             />
-          </Stack__>
+          </section>
         </div>
       </div>
     </React.Fragment>

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

@@ -9,6 +9,14 @@ export const ScreenContext = React.createContext(
   "PLEASE_RENDER_INSIDE_PROVIDER"
 );
 
+export function ScreenContextProvider(props) {
+  return (
+    <ScreenContext.Provider value={props.value}>
+      {props.children}
+    </ScreenContext.Provider>
+  );
+}
+
 export const useScreenVariants = createUseScreenVariants(true, {
   desktopOnly: "(min-width:768px)",
 });

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

@@ -12,7 +12,6 @@ import * as React from "react";
 import Head from "next/head";
 import { useRouter } from "next/router";
 import {
-  Stack as Stack__,
   classNames,
   createPlasmicElementProxy,
   deriveRenderOpts,
@@ -89,11 +88,9 @@ function PlasmicHomepage__RenderFunc(props) {
             sty.root
           )}
         >
-          <Stack__
-            as={"section"}
+          <section
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
-            hasGap={true}
             className={classNames(projectcss.all, sty.section)}
           >
             <h1
@@ -160,7 +157,7 @@ function PlasmicHomepage__RenderFunc(props) {
                 sty.randomDynamicPageButton
               )}
             />
-          </Stack__>
+          </section>
         </div>
       </div>
     </React.Fragment>

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

@@ -9,14 +9,14 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.337",
-    "@plasmicapp/react-web": "^0.2.381",
-    "next": "14.2.20",
+    "@plasmicapp/cli": "^0.1.341",
+    "@plasmicapp/react-web": "^0.2.397",
+    "next": "14.2.17",
     "react": "^18",
     "react-dom": "^18"
   },
   "devDependencies": {
     "eslint": "^8",
-    "eslint-config-next": "14.2.20"
+    "eslint-config-next": "14.2.17"
   }
 }

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

@@ -131,6 +131,6 @@
   "nextjsConfig": {
     "pagesDir": "../pages"
   },
-  "cliVersion": "0.1.337",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.337/dist/plasmic.schema.json"
+  "cliVersion": "0.1.341",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.341/dist/plasmic.schema.json"
 }

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

@@ -205,6 +205,7 @@ function PlasmicButton__RenderFunc(props: {
   };
 
   const __nextRouter = useNextRouter();
+
   const $ctx = useDataEnv?.() || {};
   const refsRef = React.useRef({});
   const $refs = refsRef.current;
@@ -266,13 +267,11 @@ function PlasmicButton__RenderFunc(props: {
   };
 
   return (
-    <Stack__
-      as={"button"}
+    <button
       data-plasmic-name={"root"}
       data-plasmic-override={overrides.root}
       data-plasmic-root={true}
       data-plasmic-for-node={forNode}
-      hasGap={true}
       className={classNames(
         projectcss.all,
         projectcss.button,
@@ -641,7 +640,7 @@ function PlasmicButton__RenderFunc(props: {
           })}
         </div>
       ) : null}
-    </Stack__>
+    </button>
   ) as React.ReactElement | null;
 }
 

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

@@ -120,6 +120,7 @@ function PlasmicDynamicPage__RenderFunc(props: {
   };
 
   const __nextRouter = useNextRouter();
+
   const $ctx = useDataEnv?.() || {};
   const refsRef = React.useRef({});
   const $refs = refsRef.current;
@@ -149,11 +150,9 @@ function PlasmicDynamicPage__RenderFunc(props: {
             sty.root
           )}
         >
-          <Stack__
-            as={"section"}
+          <section
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
-            hasGap={true}
             className={classNames(projectcss.all, sty.section)}
           >
             <h1
@@ -190,7 +189,7 @@ function PlasmicDynamicPage__RenderFunc(props: {
                 sty.randomDynamicPageButton
               )}
             />
-          </Stack__>
+          </section>
         </div>
       </div>
     </React.Fragment>

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

@@ -10,6 +10,15 @@ export type ScreenValue = "desktopOnly";
 export const ScreenContext = React.createContext<ScreenValue[] | undefined>(
   "PLEASE_RENDER_INSIDE_PROVIDER" as any
 );
+export function ScreenContextProvider(
+  props: React.PropsWithChildren<{ value: ScreenValue[] | undefined }>
+) {
+  return (
+    <ScreenContext.Provider value={props.value}>
+      {props.children}
+    </ScreenContext.Provider>
+  );
+}
 
 export const useScreenVariants = createUseScreenVariants(true, {
   desktopOnly: "(min-width:768px)",

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

@@ -124,6 +124,7 @@ function PlasmicHomepage__RenderFunc(props: {
   };
 
   const __nextRouter = useNextRouter();
+
   const $ctx = useDataEnv?.() || {};
   const refsRef = React.useRef({});
   const $refs = refsRef.current;
@@ -157,11 +158,9 @@ function PlasmicHomepage__RenderFunc(props: {
             sty.root
           )}
         >
-          <Stack__
-            as={"section"}
+          <section
             data-plasmic-name={"section"}
             data-plasmic-override={overrides.section}
-            hasGap={true}
             className={classNames(projectcss.all, sty.section)}
           >
             <h1
@@ -228,7 +227,7 @@ function PlasmicHomepage__RenderFunc(props: {
                 sty.randomDynamicPageButton
               )}
             />
-          </Stack__>
+          </section>
         </div>
       </div>
     </React.Fragment>

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

@@ -124,6 +124,7 @@ function PlasmicRandomDynamicPageButton__RenderFunc(props: {
   };
 
   const __nextRouter = useNextRouter();
+
   const $ctx = useDataEnv?.() || {};
   const refsRef = React.useRef({});
   const $refs = refsRef.current;

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

@@ -9,9 +9,9 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.337",
-    "@plasmicapp/react-web": "^0.2.381",
-    "next": "14.2.20",
+    "@plasmicapp/cli": "^0.1.341",
+    "@plasmicapp/react-web": "^0.2.397",
+    "next": "14.2.17",
     "react": "^18",
     "react-dom": "^18"
   },
@@ -20,7 +20,7 @@
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "eslint": "^8",
-    "eslint-config-next": "14.2.20",
+    "eslint-config-next": "14.2.17",
     "typescript": "^5"
   }
 }

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

@@ -131,6 +131,6 @@
   "nextjsConfig": {
     "pagesDir": "../pages"
   },
-  "cliVersion": "0.1.337",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.337/dist/plasmic.schema.json"
+  "cliVersion": "0.1.341",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.341/dist/plasmic.schema.json"
 }

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

@@ -9,13 +9,13 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@plasmicapp/loader-nextjs": "^1.0.422",
-    "next": "14.2.20",
+    "@plasmicapp/loader-nextjs": "^1.0.435",
+    "next": "14.2.17",
     "react": "^18",
     "react-dom": "^18"
   },
   "devDependencies": {
     "eslint": "^8",
-    "eslint-config-next": "14.2.20"
+    "eslint-config-next": "14.2.17"
   }
 }

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

@@ -9,8 +9,8 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@plasmicapp/loader-nextjs": "^1.0.422",
-    "next": "14.2.20",
+    "@plasmicapp/loader-nextjs": "^1.0.435",
+    "next": "14.2.17",
     "react": "^18",
     "react-dom": "^18"
   },
@@ -19,7 +19,7 @@
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "eslint": "^8",
-    "eslint-config-next": "14.2.20",
+    "eslint-config-next": "14.2.17",
     "typescript": "^5"
   }
 }