create-plasmic-app 0.0.95 → 0.0.97

package/cpa-out/react-loader-js/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.jsx

@@ -1,166 +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 {
-  classNames,
-  createPlasmicElementProxy,
-  deriveRenderOpts
-} 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 const PlasmicDynamicPage__VariantProps = new Array();
-
-export const PlasmicDynamicPage__ArgProps = new Array();
-
-const __wrapUserFunction =
-  globalThis.__PlasmicWrapUserFunction ?? ((loc, fn) => fn());
-
-const __wrapUserPromise =
-  globalThis.__PlasmicWrapUserPromise ??
-  (async (loc, promise) => {
-    return await promise;
-  });
-
-function PlasmicDynamicPage__RenderFunc(props) {
-  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>
-  );
-}
-
-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,
-    // Page metadata
-    pageMetadata: {
-      title: "",
-      description: "",
-      ogImageSrc: "",
-      canonical: ""
-    }
-  }
-);
-
-export default PlasmicDynamicPage;
-/* prettier-ignore-end */

package/cpa-out/react-loader-js/src/components/plasmic/create_plasmic_app/PlasmicGlobalVariant__Screen.jsx

@@ -1,29 +0,0 @@
-// @ts-nocheck
-/* eslint-disable */
-/* tslint:disable */
-/* prettier-ignore-start */
-import * as React from "react";
-import * as p from "@plasmicapp/react-web";
-
-export const ScreenContext = React.createContext(
-  "PLEASE_RENDER_INSIDE_PROVIDER"
-);
-/**
- *  @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) {
-  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-js/src/components/plasmic/create_plasmic_app/PlasmicHomepage.jsx

@@ -1,210 +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,
-  createPlasmicElementProxy,
-  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 const PlasmicHomepage__VariantProps = new Array();
-
-export const PlasmicHomepage__ArgProps = new Array();
-
-const __wrapUserFunction =
-  globalThis.__PlasmicWrapUserFunction ?? ((loc, fn) => fn());
-
-const __wrapUserPromise =
-  globalThis.__PlasmicWrapUserPromise ??
-  (async (loc, promise) => {
-    return await promise;
-  });
-
-function PlasmicHomepage__RenderFunc(props) {
-  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>
-  );
-}
-
-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,
-    // Page metadata
-    pageMetadata: {
-      title: "",
-      description: "",
-      ogImageSrc: "",
-      canonical: ""
-    }
-  }
-);
-
-export default PlasmicHomepage;
-/* prettier-ignore-end */

package/cpa-out/react-loader-js/src/components/plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton.jsx

@@ -1,161 +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: Q23H1_1M_P
-import * as React from "react";
-import * as p from "@plasmicapp/react-web";
-import * as ph from "@plasmicapp/react-web/lib/host";
-import {
-  classNames,
-  createPlasmicElementProxy,
-  deriveRenderOpts
-} from "@plasmicapp/react-web";
-import Button from "../../Button"; // plasmic-import: TQcvW_pSKi3/component
-import "@plasmicapp/react-web/lib/plasmic.css";
-import sty from "./PlasmicRandomDynamicPageButton.module.css"; // plasmic-import: Q23H1_1M_P/css
-
-export const PlasmicRandomDynamicPageButton__VariantProps = new Array();
-
-export const PlasmicRandomDynamicPageButton__ArgProps = new Array();
-
-const __wrapUserFunction =
-  globalThis.__PlasmicWrapUserFunction ?? ((loc, fn) => fn());
-
-const __wrapUserPromise =
-  globalThis.__PlasmicWrapUserPromise ??
-  (async (loc, promise) => {
-    return await promise;
-  });
-
-function PlasmicRandomDynamicPageButton__RenderFunc(props) {
-  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 (
-    <Button
-      data-plasmic-name={"root"}
-      data-plasmic-override={overrides.root}
-      data-plasmic-root={true}
-      data-plasmic-for-node={forNode}
-      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;
-                      }
-                    })()}`
-                )
-              };
-              return __wrapUserFunction(
-                {
-                  type: "InteractionLoc",
-                  actionName: "navigation",
-                  interactionUuid: "9Y3jL0zxjA",
-                  componentUuid: "Q23H1_1M_P"
-                },
-                () =>
-                  (({ destination }) => {
-                    location.assign(destination);
-                  })?.apply(null, [actionArgs]),
-                actionArgs
-              );
-            })()
-          : undefined;
-        if (
-          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"]
-          );
-        }
-      }}
-    >
-      {"Random Dynamic Page"}
-    </Button>
-  );
-}
-
-const PlasmicDescendants = {
-  root: ["root"]
-};
-
-function makeNodeComponent(nodeName) {
-  const func = function (props) {
-    const { variants, args, overrides } = React.useMemo(
-      () =>
-        deriveRenderOpts(props, {
-          name: nodeName,
-          descendantNames: [...PlasmicDescendants[nodeName]],
-          internalArgPropNames: PlasmicRandomDynamicPageButton__ArgProps,
-          internalVariantPropNames: PlasmicRandomDynamicPageButton__VariantProps
-        }),
-      [props, nodeName]
-    );
-
-    return PlasmicRandomDynamicPageButton__RenderFunc({
-      variants,
-      args,
-      overrides,
-      forNode: nodeName
-    });
-  };
-  if (nodeName === "root") {
-    func.displayName = "PlasmicRandomDynamicPageButton";
-  } else {
-    func.displayName = `PlasmicRandomDynamicPageButton.${nodeName}`;
-  }
-  return func;
-}
-
-export const PlasmicRandomDynamicPageButton = Object.assign(
-  // Top-level PlasmicRandomDynamicPageButton renders the root element
-  makeNodeComponent("root"),
-  {
-    // Helper components rendering sub-elements
-    // Metadata about props expected for PlasmicRandomDynamicPageButton
-    internalVariantProps: PlasmicRandomDynamicPageButton__VariantProps,
-    internalArgProps: PlasmicRandomDynamicPageButton__ArgProps
-  }
-);
-
-export default PlasmicRandomDynamicPageButton;
-/* prettier-ignore-end */

package/cpa-out/react-loader-js/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Checksvg.jsx

@@ -1,39 +0,0 @@
-// @ts-nocheck
-/* eslint-disable */
-/* tslint:disable */
-/* prettier-ignore-start */
-import React from "react";
-import { classNames } from "@plasmicapp/react-web";
-
-export function ChecksvgIcon(props) {
-  const { className, style, title, ...restProps } = props;
-  return (
-    <svg
-      xmlns={"http://www.w3.org/2000/svg"}
-      fill={"none"}
-      viewBox={"0 0 24 24"}
-      height={"1em"}
-      width={"1em"}
-      style={{
-        fill: "currentcolor",
-        ...(style || {}),
-      }}
-      className={classNames("plasmic-default__svg", className)}
-      {...restProps}
-    >
-      {title && <title>{title}</title>}
-
-      <path
-        fillRule={"evenodd"}
-        clipRule={"evenodd"}
-        d={
-          "M18.416 5.876a.75.75 0 01.208 1.04L11.42 17.721a1.75 1.75 0 01-2.871.06l-3.156-4.34a.75.75 0 111.214-.882l3.155 4.339a.25.25 0 00.41-.009l7.204-10.805a.75.75 0 011.04-.208z"
-        }
-        fill={"currentColor"}
-      ></path>
-    </svg>
-  );
-}
-
-export default ChecksvgIcon;
-/* prettier-ignore-end */

package/cpa-out/react-loader-js/src/components/plasmic/create_plasmic_app/icons/PlasmicIcon__Icon.jsx

@@ -1,37 +0,0 @@
-// @ts-nocheck
-/* eslint-disable */
-/* tslint:disable */
-/* prettier-ignore-start */
-import React from "react";
-import { classNames } from "@plasmicapp/react-web";
-
-export function IconIcon(props) {
-  const { className, style, title, ...restProps } = props;
-  return (
-    <svg
-      xmlns={"http://www.w3.org/2000/svg"}
-      stroke={"currentColor"}
-      fill={"currentColor"}
-      strokeWidth={"0"}
-      viewBox={"0 0 16 16"}
-      height={"1em"}
-      width={"1em"}
-      className={classNames("plasmic-default__svg", className)}
-      style={style}
-      {...restProps}
-    >
-      {title && <title>{title}</title>}
-
-      <path
-        fillRule={"evenodd"}
-        d={
-          "M1 8a.5.5 0 01.5-.5h11.793l-3.147-3.146a.5.5 0 01.708-.708l4 4a.5.5 0 010 .708l-4 4a.5.5 0 01-.708-.708L13.293 8.5H1.5A.5.5 0 011 8z"
-        }
-        stroke={"none"}
-      ></path>
-    </svg>
-  );
-}
-
-export default IconIcon;
-/* prettier-ignore-end */

package/cpa-out/react-loader-js/src/index.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
-
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(
-  
-    <App />
-  
-);
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();

package/cpa-out/react-loader-js/src/reportWebVitals.js

@@ -1,13 +0,0 @@
-const reportWebVitals = onPerfEntry => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-export default reportWebVitals;

package/cpa-out/react-loader-js/src/setupTests.js

@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';