npm - create-plasmic-app - Versions diffs - 0.0.133 → 0.0.135 - Mend

create-plasmic-app 0.0.133 → 0.0.135

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (76) hide show

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

@@ -0,0 +1,216 @@
+/* eslint-disable */
+/* tslint:disable */
+// @ts-nocheck
+/* prettier-ignore-start */
+/** @jsxRuntime classic */
+/** @jsx createPlasmicElementProxy */
+/** @jsxFrag React.Fragment */
+// This class is auto-generated by Plasmic; please do not edit!
+// Plasmic Project: 47tFXWjN2C4NyHFGGpaYQ3
+// Component: AO44A-w7hh
+"use client";
+import * as React from "react";
+import Head from "next/head";
+import { useRouter } from "next/navigation";
+import {
+  classNames,
+  createPlasmicElementProxy,
+  deriveRenderOpts
+} from "@plasmicapp/react-web";
+import { useDataEnv } from "@plasmicapp/host";
+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";
+import projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+import sty from "./PlasmicDynamicPage.module.css"; // plasmic-import: AO44A-w7hh/css
+const emptyProxy = new Proxy(() => "", {
+  get(_, prop) {
+    return prop === Symbol.toPrimitive ? () => "" : emptyProxy;
+  }
+});
+function wrapQueriesWithLoadingProxy($q) {
+  return new Proxy($q, {
+    get(target, queryName) {
+      const query = target[queryName];
+      return !query || query.isLoading || !query.data ? emptyProxy : query;
+    }
+  });
+}
+export function generateDynamicMetadata($q, $ctx) {
+  return {
+    openGraph: {},
+    twitter: {
+      card: "summary"
+    }
+  };
+}
+createPlasmicElementProxy;
+export const PlasmicDynamicPage__VariantProps = new Array();
+export const PlasmicDynamicPage__ArgProps = new Array();
+const $$ = {};
+function useNextRouter() {
+  try {
+    return useRouter();
+  } catch {}
+  return undefined;
+}
+function PlasmicDynamicPage__RenderFunc(props) {
+  const { variants, overrides, forNode } = props;
+  const args = React.useMemo(
+    () =>
+      Object.assign(
+        {},
+        Object.fromEntries(
+          Object.entries(props.args).filter(([_, v]) => v !== undefined)
+        )
+      ),
+    [props.args]
+  );
+  const $props = {
+    ...args,
+    ...variants
+  };
+  const __nextRouter = useNextRouter();
+  const $ctx = useDataEnv?.() || {};
+  const refsRef = React.useRef({});
+  const $refs = refsRef.current;
+  const pageMetadata = generateDynamicMetadata(
+    wrapQueriesWithLoadingProxy({}),
+    $ctx
+  );
+  const styleTokensClassNames = _useStyleTokens();
+  return (
+    <React.Fragment>
+      <Head></Head>
+      <style>{`
+        body {
+          margin: 0;
+        }
+      `}</style>
+      <div className={projectcss.plasmic_page_wrapper}>
+        <div
+          data-plasmic-name={"root"}
+          data-plasmic-override={overrides.root}
+          data-plasmic-root={true}
+          data-plasmic-for-node={forNode}
+          className={classNames(
+            projectcss.all,
+            projectcss.root_reset,
+            projectcss.plasmic_default_styles,
+            projectcss.plasmic_mixins,
+            styleTokensClassNames,
+            sty.root
+          )}
+        >
+          <section
+            data-plasmic-name={"section"}
+            data-plasmic-override={overrides.section}
+            className={classNames(projectcss.all, sty.section)}
+          >
+            <h1
+              data-plasmic-name={"h1"}
+              data-plasmic-override={overrides.h1}
+              className={classNames(
+                projectcss.all,
+                projectcss.h1,
+                projectcss.__wab_text,
+                sty.h1
+              )}
+            >
+              <React.Fragment>
+                {(() => {
+                  try {
+                    return $ctx.params.slug;
+                  } catch (e) {
+                    if (
+                      e instanceof TypeError ||
+                      e?.plasmicType === "PlasmicUndefinedDataError"
+                    ) {
+                      return "Page 1";
+                    }
+                    throw e;
+                  }
+                })()}
+              </React.Fragment>
+            </h1>
+            <RandomDynamicPageButton
+              data-plasmic-name={"randomDynamicPageButton"}
+              data-plasmic-override={overrides.randomDynamicPageButton}
+              className={classNames(
+                "__wab_instance",
+                sty.randomDynamicPageButton
+              )}
+            />
+          </section>
+        </div>
+      </div>
+    </React.Fragment>
+  );
+}
+const PlasmicDescendants = {
+  root: ["root", "section", "h1", "randomDynamicPageButton"],
+  section: ["section", "h1", "randomDynamicPageButton"],
+  h1: ["h1"],
+  randomDynamicPageButton: ["randomDynamicPageButton"]
+};
+function makeNodeComponent(nodeName) {
+  const func = function (props) {
+    const { variants, args, overrides } = React.useMemo(
+      () =>
+        deriveRenderOpts(props, {
+          name: nodeName,
+          descendantNames: PlasmicDescendants[nodeName],
+          internalArgPropNames: PlasmicDynamicPage__ArgProps,
+          internalVariantPropNames: PlasmicDynamicPage__VariantProps
+        }),
+      [props, nodeName]
+    );
+    return PlasmicDynamicPage__RenderFunc({
+      variants,
+      args,
+      overrides,
+      forNode: nodeName
+    });
+  };
+  if (nodeName === "root") {
+    func.displayName = "PlasmicDynamicPage";
+  } else {
+    func.displayName = `PlasmicDynamicPage.${nodeName}`;
+  }
+  return func;
+}
+export const PlasmicDynamicPage = Object.assign(
+  // Top-level PlasmicDynamicPage renders the root element
+  makeNodeComponent("root"),
+  {
+    // Helper components rendering sub-elements
+    section: makeNodeComponent("section"),
+    h1: makeNodeComponent("h1"),
+    randomDynamicPageButton: makeNodeComponent("randomDynamicPageButton"),
+    // Metadata about props expected for PlasmicDynamicPage
+    internalVariantProps: PlasmicDynamicPage__VariantProps,
+    internalArgProps: PlasmicDynamicPage__ArgProps,
+    pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
+      pagePath: "/dynamic/[slug]",
+      searchParams: {},
+      params: {}
+    })
+  }
+);
+export default PlasmicDynamicPage;
+/* prettier-ignore-end */

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

@@ -0,0 +1,56 @@
+/* eslint-disable */
+/* tslint:disable */
+// @ts-nocheck
+/* prettier-ignore-start */
+// This class is auto-generated by Plasmic; please do not edit!
+// Plasmic Project: 47tFXWjN2C4NyHFGGpaYQ3
+// Component: AO44A-w7hh
+import * as React from "react";
+import { ClientDynamicPage } from "../../../app/dynamic/[slug]/page-client"; // plasmic-import: AO44A-w7hh/rscClient
+const $$ = {};
+export function generateDynamicMetadata($q, $ctx) {
+  return {
+    openGraph: {},
+    twitter: {
+      card: "summary"
+    }
+  };
+}
+function mkPathFromRouteAndParams(route, params) {
+  if (!params) {
+    return route;
+  }
+  let path = route;
+  for (const [key, value] of Object.entries(params)) {
+    if (typeof value === "string") {
+      path = path.replace(`[${key}]`, value);
+    } else if (Array.isArray(value)) {
+      if (path.includes(`[[...${key}]]`)) {
+        path = path.replace(`[[...${key}]]`, value.join("/"));
+      } else if (path.includes(`[...${key}]`)) {
+        path = path.replace(`[...${key}]`, value.join("/"));
+      }
+    }
+  }
+  return path;
+}
+export async function makeAppRouterPageCtx({ params, searchParams }) {
+  const pageRoute = "/dynamic/[slug]";
+  const pageParams = (await params) ?? {};
+  const pagePath = mkPathFromRouteAndParams(pageRoute, pageParams);
+  const ctx = {
+    pageRoute,
+    pagePath,
+    params: pageParams,
+    query: (await searchParams) ?? {}
+  };
+  return ctx;
+}
+export async function PlasmicDynamicPageServer(props) {
+  return <ClientDynamicPage {...props} />;
+}

package/cpa-out/nextjs-app-codegen-js/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.jsx ADDED Viewed

@@ -0,0 +1,26 @@
+/* eslint-disable */
+/* tslint:disable */
+// @ts-nocheck
+/* prettier-ignore-start */
+"use client";
+import * as React from "react";
+import { createUseScreenVariants } from "@plasmicapp/react-web";
+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)"
+});
+export default ScreenContext;
+/* prettier-ignore-end */

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

@@ -0,0 +1,251 @@
+/* eslint-disable */
+/* tslint:disable */
+// @ts-nocheck
+/* prettier-ignore-start */
+/** @jsxRuntime classic */
+/** @jsx createPlasmicElementProxy */
+/** @jsxFrag React.Fragment */
+// This class is auto-generated by Plasmic; please do not edit!
+// Plasmic Project: 47tFXWjN2C4NyHFGGpaYQ3
+// Component: 6uuAAE1jiCew
+"use client";
+import * as React from "react";
+import Head from "next/head";
+import { useRouter } from "next/navigation";
+import {
+  classNames,
+  createPlasmicElementProxy,
+  deriveRenderOpts,
+  hasVariant
+} from "@plasmicapp/react-web";
+import { useDataEnv } from "@plasmicapp/host";
+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
+import "@plasmicapp/react-web/lib/plasmic.css";
+import projectcss from "./plasmic.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+import sty from "./PlasmicHomepage.module.css"; // plasmic-import: 6uuAAE1jiCew/css
+const emptyProxy = new Proxy(() => "", {
+  get(_, prop) {
+    return prop === Symbol.toPrimitive ? () => "" : emptyProxy;
+  }
+});
+function wrapQueriesWithLoadingProxy($q) {
+  return new Proxy($q, {
+    get(target, queryName) {
+      const query = target[queryName];
+      return !query || query.isLoading || !query.data ? emptyProxy : query;
+    }
+  });
+}
+export function generateDynamicMetadata($q, $ctx) {
+  return {
+    openGraph: {},
+    twitter: {
+      card: "summary"
+    }
+  };
+}
+createPlasmicElementProxy;
+export const PlasmicHomepage__VariantProps = new Array();
+export const PlasmicHomepage__ArgProps = new Array();
+const $$ = {};
+function useNextRouter() {
+  try {
+    return useRouter();
+  } catch {}
+  return undefined;
+}
+function PlasmicHomepage__RenderFunc(props) {
+  const { variants, overrides, forNode } = props;
+  const args = React.useMemo(
+    () =>
+      Object.assign(
+        {},
+        Object.fromEntries(
+          Object.entries(props.args).filter(([_, v]) => v !== undefined)
+        )
+      ),
+    [props.args]
+  );
+  const $props = {
+    ...args,
+    ...variants
+  };
+  const __nextRouter = useNextRouter();
+  const $ctx = useDataEnv?.() || {};
+  const refsRef = React.useRef({});
+  const $refs = refsRef.current;
+  const globalVariants = _useGlobalVariants();
+  const pageMetadata = generateDynamicMetadata(
+    wrapQueriesWithLoadingProxy({}),
+    $ctx
+  );
+  const styleTokensClassNames = _useStyleTokens();
+  return (
+    <React.Fragment>
+      <Head></Head>
+      <style>{`
+        body {
+          margin: 0;
+        }
+      `}</style>
+      <div className={projectcss.plasmic_page_wrapper}>
+        <div
+          data-plasmic-name={"root"}
+          data-plasmic-override={overrides.root}
+          data-plasmic-root={true}
+          data-plasmic-for-node={forNode}
+          className={classNames(
+            projectcss.all,
+            projectcss.root_reset,
+            projectcss.plasmic_default_styles,
+            projectcss.plasmic_mixins,
+            styleTokensClassNames,
+            sty.root
+          )}
+        >
+          <section
+            data-plasmic-name={"section"}
+            data-plasmic-override={overrides.section}
+            className={classNames(projectcss.all, sty.section)}
+          >
+            <h1
+              data-plasmic-name={"h1"}
+              data-plasmic-override={overrides.h1}
+              className={classNames(
+                projectcss.all,
+                projectcss.h1,
+                projectcss.__wab_text,
+                sty.h1
+              )}
+            >
+              {"create-plasmic-app"}
+            </h1>
+            <div
+              data-plasmic-name={"text"}
+              data-plasmic-override={overrides.text}
+              className={classNames(
+                projectcss.all,
+                projectcss.__wab_text,
+                sty.text
+              )}
+            >
+              {hasVariant(globalVariants, "screen", "desktopOnly") ? (
+                <React.Fragment>
+                  <React.Fragment>
+                    {
+                      "This project is used by run-cpa.ts in the create-plasmic-app repo.\n\nrun-cpa.ts runs create-plasmic-app for many combinations of args (e.g. nextjs + appDir + loader + typescript) to check for changes in generated files. Any changes to this project will result in lots of changes to the generated files. "
+                    }
+                  </React.Fragment>
+                  <span
+                    className={"plasmic_default__all plasmic_default__span"}
+                    style={{ fontWeight: 700 }}
+                  >
+                    {"Therefore, please avoid changing this project."}
+                  </span>
+                </React.Fragment>
+              ) : (
+                <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\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
+                    className={"plasmic_default__all plasmic_default__span"}
+                    style={{ fontWeight: 700 }}
+                  >
+                    {"Code"}
+                  </span>
+                  <React.Fragment>
+                    {
+                      " button in the top right and follow the quickstart instructions.\n\nJoin our Slack community (icon in bottom left) for help any time."
+                    }
+                  </React.Fragment>
+                </React.Fragment>
+              )}
+            </div>
+            <RandomDynamicPageButton
+              data-plasmic-name={"randomDynamicPageButton"}
+              data-plasmic-override={overrides.randomDynamicPageButton}
+              className={classNames(
+                "__wab_instance",
+                sty.randomDynamicPageButton
+              )}
+            />
+          </section>
+        </div>
+      </div>
+    </React.Fragment>
+  );
+}
+const PlasmicDescendants = {
+  root: ["root", "section", "h1", "text", "randomDynamicPageButton"],
+  section: ["section", "h1", "text", "randomDynamicPageButton"],
+  h1: ["h1"],
+  text: ["text"],
+  randomDynamicPageButton: ["randomDynamicPageButton"]
+};
+function makeNodeComponent(nodeName) {
+  const func = function (props) {
+    const { variants, args, overrides } = React.useMemo(
+      () =>
+        deriveRenderOpts(props, {
+          name: nodeName,
+          descendantNames: PlasmicDescendants[nodeName],
+          internalArgPropNames: PlasmicHomepage__ArgProps,
+          internalVariantPropNames: PlasmicHomepage__VariantProps
+        }),
+      [props, nodeName]
+    );
+    return PlasmicHomepage__RenderFunc({
+      variants,
+      args,
+      overrides,
+      forNode: nodeName
+    });
+  };
+  if (nodeName === "root") {
+    func.displayName = "PlasmicHomepage";
+  } else {
+    func.displayName = `PlasmicHomepage.${nodeName}`;
+  }
+  return func;
+}
+export const PlasmicHomepage = Object.assign(
+  // Top-level PlasmicHomepage renders the root element
+  makeNodeComponent("root"),
+  {
+    // Helper components rendering sub-elements
+    section: makeNodeComponent("section"),
+    h1: makeNodeComponent("h1"),
+    text: makeNodeComponent("text"),
+    randomDynamicPageButton: makeNodeComponent("randomDynamicPageButton"),
+    // Metadata about props expected for PlasmicHomepage
+    internalVariantProps: PlasmicHomepage__VariantProps,
+    internalArgProps: PlasmicHomepage__ArgProps,
+    pageMetadata: generateDynamicMetadata(wrapQueriesWithLoadingProxy({}), {
+      pagePath: "/",
+      searchParams: {},
+      params: {}
+    })
+  }
+);
+export default PlasmicHomepage;
+/* prettier-ignore-end */

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

@@ -0,0 +1,56 @@
+/* eslint-disable */
+/* tslint:disable */
+// @ts-nocheck
+/* prettier-ignore-start */
+// This class is auto-generated by Plasmic; please do not edit!
+// Plasmic Project: 47tFXWjN2C4NyHFGGpaYQ3
+// Component: 6uuAAE1jiCew
+import * as React from "react";
+import { ClientHomepage } from "../../../app/page-client"; // plasmic-import: 6uuAAE1jiCew/rscClient
+const $$ = {};
+export function generateDynamicMetadata($q, $ctx) {
+  return {
+    openGraph: {},
+    twitter: {
+      card: "summary"
+    }
+  };
+}
+function mkPathFromRouteAndParams(route, params) {
+  if (!params) {
+    return route;
+  }
+  let path = route;
+  for (const [key, value] of Object.entries(params)) {
+    if (typeof value === "string") {
+      path = path.replace(`[${key}]`, value);
+    } else if (Array.isArray(value)) {
+      if (path.includes(`[[...${key}]]`)) {
+        path = path.replace(`[[...${key}]]`, value.join("/"));
+      } else if (path.includes(`[...${key}]`)) {
+        path = path.replace(`[...${key}]`, value.join("/"));
+      }
+    }
+  }
+  return path;
+}
+export async function makeAppRouterPageCtx({ params, searchParams }) {
+  const pageRoute = "/";
+  const pageParams = (await params) ?? {};
+  const pagePath = mkPathFromRouteAndParams(pageRoute, pageParams);
+  const ctx = {
+    pageRoute,
+    pagePath,
+    params: pageParams,
+    query: (await searchParams) ?? {}
+  };
+  return ctx;
+}
+export async function PlasmicHomepageServer(props) {
+  return <ClientHomepage {...props} />;
+}