create-plasmic-app 0.0.96 → 0.0.97

package/cpa-out/react-loader-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx

@@ -1,248 +0,0 @@
-// @ts-nocheck
-/* eslint-disable */
-/* tslint:disable */
-/* 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
-
-import * as React from "react";
-
-import * as p from "@plasmicapp/react-web";
-import * as ph from "@plasmicapp/react-web/lib/host";
-
-import {
-  hasVariant,
-  classNames,
-  wrapWithClassName,
-  createPlasmicElementProxy,
-  makeFragment,
-  MultiChoiceArg,
-  SingleBooleanChoiceArg,
-  SingleChoiceArg,
-  pick,
-  omit,
-  useTrigger,
-  StrictProps,
-  deriveRenderOpts,
-  ensureGlobalVariants
-} from "@plasmicapp/react-web";
-import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
-
-import "@plasmicapp/react-web/lib/plasmic.css";
-
-import projectcss from "./plasmic_create_plasmic_app.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
-import sty from "./PlasmicDynamicPage.module.css"; // plasmic-import: AO44A-w7hh/css
-
-export type PlasmicDynamicPage__VariantMembers = {};
-export type PlasmicDynamicPage__VariantsArgs = {};
-type VariantPropType = keyof PlasmicDynamicPage__VariantsArgs;
-export const PlasmicDynamicPage__VariantProps = new Array<VariantPropType>();
-
-export type PlasmicDynamicPage__ArgsType = {};
-type ArgPropType = keyof PlasmicDynamicPage__ArgsType;
-export const PlasmicDynamicPage__ArgProps = new Array<ArgPropType>();
-
-export type PlasmicDynamicPage__OverridesType = {
-  root?: p.Flex<"div">;
-  section?: p.Flex<"section">;
-  h1?: p.Flex<"h1">;
-  randomDynamicPageButton?: p.Flex<typeof RandomDynamicPageButton>;
-};
-
-export interface DefaultDynamicPageProps {
-  className?: string;
-}
-
-const __wrapUserFunction =
-  globalThis.__PlasmicWrapUserFunction ?? ((loc, fn) => fn());
-const __wrapUserPromise =
-  globalThis.__PlasmicWrapUserPromise ??
-  (async (loc, promise) => {
-    return await promise;
-  });
-
-function PlasmicDynamicPage__RenderFunc(props: {
-  variants: PlasmicDynamicPage__VariantsArgs;
-  args: PlasmicDynamicPage__ArgsType;
-  overrides: PlasmicDynamicPage__OverridesType;
-  forNode?: string;
-}) {
-  const { variants, overrides, forNode } = props;
-
-  const $ctx = ph.useDataEnv?.() || {};
-  const args = React.useMemo(() => Object.assign({}, props.args), [props.args]);
-
-  const $props = {
-    ...args,
-    ...variants
-  };
-  const refsRef = React.useRef({});
-  const $refs = refsRef.current;
-
-  const currentUser = p.useCurrentUser?.() || {};
-  const [$queries, setDollarQueries] = React.useState({});
-
-  return (
-    <React.Fragment>
-      {}
-
-      <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,
-            sty.root
-          )}
-        >
-          <p.Stack
-            as={"section"}
-            data-plasmic-name={"section"}
-            data-plasmic-override={overrides.section}
-            hasGap={true}
-            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
-              )}
-            >
-              {(() => {
-                try {
-                  return $ctx.params.slug;
-                } catch (e) {
-                  if (e instanceof TypeError) {
-                    return "Page 1";
-                  }
-                  throw e;
-                }
-              })()}
-            </h1>
-
-            <RandomDynamicPageButton
-              data-plasmic-name={"randomDynamicPageButton"}
-              data-plasmic-override={overrides.randomDynamicPageButton}
-              className={classNames(
-                "__wab_instance",
-                sty.randomDynamicPageButton
-              )}
-            />
-          </p.Stack>
-        </div>
-      </div>
-    </React.Fragment>
-  ) as React.ReactElement | null;
-}
-
-const PlasmicDescendants = {
-  root: ["root", "section", "h1", "randomDynamicPageButton"],
-  section: ["section", "h1", "randomDynamicPageButton"],
-  h1: ["h1"],
-  randomDynamicPageButton: ["randomDynamicPageButton"]
-} as const;
-type NodeNameType = keyof typeof PlasmicDescendants;
-type DescendantsType<T extends NodeNameType> =
-  (typeof PlasmicDescendants)[T][number];
-type NodeDefaultElementType = {
-  root: "div";
-  section: "section";
-  h1: "h1";
-  randomDynamicPageButton: typeof RandomDynamicPageButton;
-};
-
-type ReservedPropsType = "variants" | "args" | "overrides";
-type NodeOverridesType<T extends NodeNameType> = Pick<
-  PlasmicDynamicPage__OverridesType,
-  DescendantsType<T>
->;
-type NodeComponentProps<T extends NodeNameType> =
-  // Explicitly specify variants, args, and overrides as objects
-  {
-    variants?: PlasmicDynamicPage__VariantsArgs;
-    args?: PlasmicDynamicPage__ArgsType;
-    overrides?: NodeOverridesType<T>;
-  } & Omit<PlasmicDynamicPage__VariantsArgs, ReservedPropsType> & // Specify variants directly as props
-    /* Specify args directly as props*/ Omit<
-      PlasmicDynamicPage__ArgsType,
-      ReservedPropsType
-    > &
-    /* Specify overrides for each element directly as props*/ Omit<
-      NodeOverridesType<T>,
-      ReservedPropsType | VariantPropType | ArgPropType
-    > &
-    /* Specify props for the root element*/ Omit<
-      Partial<React.ComponentProps<NodeDefaultElementType[T]>>,
-      ReservedPropsType | VariantPropType | ArgPropType | DescendantsType<T>
-    >;
-
-function makeNodeComponent<NodeName extends NodeNameType>(nodeName: NodeName) {
-  type PropsType = NodeComponentProps<NodeName> & { key?: React.Key };
-  const func = function <T extends PropsType>(
-    props: T & StrictProps<T, PropsType>
-  ) {
-    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,
-
-    // Page metadata
-    pageMetadata: {
-      title: "",
-      description: "",
-      ogImageSrc: "",
-      canonical: ""
-    }
-  }
-);
-
-export default PlasmicDynamicPage;
-/* prettier-ignore-end */

package/cpa-out/react-loader-ts/src/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.tsx

@@ -1,31 +0,0 @@
-// @ts-nocheck
-/* eslint-disable */
-/* tslint:disable */
-/* prettier-ignore-start */
-
-import * as React from "react";
-import * as p 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, {
-  desktopOnly: "(min-width:768px)",
-});
-
-export default ScreenContext;
-/* prettier-ignore-end */

package/cpa-out/react-loader-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx

@@ -1,294 +0,0 @@
-// @ts-nocheck
-/* eslint-disable */
-/* tslint:disable */
-/* 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
-
-import * as React from "react";
-
-import * as p from "@plasmicapp/react-web";
-import * as ph from "@plasmicapp/react-web/lib/host";
-
-import {
-  hasVariant,
-  classNames,
-  wrapWithClassName,
-  createPlasmicElementProxy,
-  makeFragment,
-  MultiChoiceArg,
-  SingleBooleanChoiceArg,
-  SingleChoiceArg,
-  pick,
-  omit,
-  useTrigger,
-  StrictProps,
-  deriveRenderOpts,
-  ensureGlobalVariants
-} from "@plasmicapp/react-web";
-import RandomDynamicPageButton from "../../RandomDynamicPageButton"; // plasmic-import: Q23H1_1M_P/component
-
-import { useScreenVariants as useScreenVariantsscBjPxgdxdzbv } from "./PlasmicGlobalVariant__Screen"; // plasmic-import: SCBjPXGDXDZBV/globalVariant
-
-import "@plasmicapp/react-web/lib/plasmic.css";
-
-import projectcss from "./plasmic_create_plasmic_app.module.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
-import sty from "./PlasmicHomepage.module.css"; // plasmic-import: 6uuAAE1jiCew/css
-
-export type PlasmicHomepage__VariantMembers = {};
-export type PlasmicHomepage__VariantsArgs = {};
-type VariantPropType = keyof PlasmicHomepage__VariantsArgs;
-export const PlasmicHomepage__VariantProps = new Array<VariantPropType>();
-
-export type PlasmicHomepage__ArgsType = {};
-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>;
-};
-
-export interface DefaultHomepageProps {
-  className?: string;
-}
-
-const __wrapUserFunction =
-  globalThis.__PlasmicWrapUserFunction ?? ((loc, fn) => fn());
-const __wrapUserPromise =
-  globalThis.__PlasmicWrapUserPromise ??
-  (async (loc, promise) => {
-    return await promise;
-  });
-
-function PlasmicHomepage__RenderFunc(props: {
-  variants: PlasmicHomepage__VariantsArgs;
-  args: PlasmicHomepage__ArgsType;
-  overrides: PlasmicHomepage__OverridesType;
-  forNode?: string;
-}) {
-  const { variants, overrides, forNode } = props;
-
-  const $ctx = ph.useDataEnv?.() || {};
-  const args = React.useMemo(() => Object.assign({}, props.args), [props.args]);
-
-  const $props = {
-    ...args,
-    ...variants
-  };
-  const refsRef = React.useRef({});
-  const $refs = refsRef.current;
-
-  const currentUser = p.useCurrentUser?.() || {};
-  const [$queries, setDollarQueries] = React.useState({});
-
-  const globalVariants = ensureGlobalVariants({
-    screen: useScreenVariantsscBjPxgdxdzbv()
-  });
-
-  return (
-    <React.Fragment>
-      {}
-
-      <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,
-            sty.root
-          )}
-        >
-          <p.Stack
-            as={"section"}
-            data-plasmic-name={"section"}
-            data-plasmic-override={overrides.section}
-            hasGap={true}
-            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—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 "
-                    }
-                  </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
-              )}
-            />
-          </p.Stack>
-        </div>
-      </div>
-    </React.Fragment>
-  ) as React.ReactElement | null;
-}
-
-const PlasmicDescendants = {
-  root: ["root", "section", "h1", "text", "randomDynamicPageButton"],
-  section: ["section", "h1", "text", "randomDynamicPageButton"],
-  h1: ["h1"],
-  text: ["text"],
-  randomDynamicPageButton: ["randomDynamicPageButton"]
-} as const;
-type NodeNameType = keyof typeof PlasmicDescendants;
-type DescendantsType<T extends NodeNameType> =
-  (typeof PlasmicDescendants)[T][number];
-type NodeDefaultElementType = {
-  root: "div";
-  section: "section";
-  h1: "h1";
-  text: "div";
-  randomDynamicPageButton: typeof RandomDynamicPageButton;
-};
-
-type ReservedPropsType = "variants" | "args" | "overrides";
-type NodeOverridesType<T extends NodeNameType> = Pick<
-  PlasmicHomepage__OverridesType,
-  DescendantsType<T>
->;
-type NodeComponentProps<T extends NodeNameType> =
-  // Explicitly specify variants, args, and overrides as objects
-  {
-    variants?: PlasmicHomepage__VariantsArgs;
-    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<
-      NodeOverridesType<T>,
-      ReservedPropsType | VariantPropType | ArgPropType
-    > &
-    /* Specify props for the root element*/ Omit<
-      Partial<React.ComponentProps<NodeDefaultElementType[T]>>,
-      ReservedPropsType | VariantPropType | ArgPropType | DescendantsType<T>
-    >;
-
-function makeNodeComponent<NodeName extends NodeNameType>(nodeName: NodeName) {
-  type PropsType = NodeComponentProps<NodeName> & { key?: React.Key };
-  const func = function <T extends PropsType>(
-    props: T & StrictProps<T, PropsType>
-  ) {
-    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,
-
-    // Page metadata
-    pageMetadata: {
-      title: "",
-      description: "",
-      ogImageSrc: "",
-      canonical: ""
-    }
-  }
-);
-
-export default PlasmicHomepage;
-/* prettier-ignore-end */