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/app/dynamic/[slug]/page-client.jsx ADDED Viewed

@@ -0,0 +1,7 @@
+"use client";
+import * as React from "react";
+import { PlasmicDynamicPage } from "../../../components/plasmic/create_plasmic_app/PlasmicDynamicPage"; // plasmic-import: AO44A-w7hh/render
+export function ClientDynamicPage(props) {
+  return <PlasmicDynamicPage {...props} />;
+}

package/cpa-out/nextjs-app-codegen-js/app/dynamic/[slug]/page.jsx ADDED Viewed

@@ -0,0 +1,45 @@
+// This is a skeleton starter React page generated by Plasmic.
+// This file is owned by you, feel free to edit as you see fit.
+import * as React from "react";
+import { PageParamsProvider as PageParamsProvider__ } from "@plasmicapp/host";
+import {
+  PlasmicDynamicPageServer,
+  makeAppRouterPageCtx,
+  generateDynamicMetadata
+} from "../../../components/plasmic/create_plasmic_app/PlasmicDynamicPageServer";
+export async function generateMetadata({ params, searchParams }, parent) {
+  const ctx = await makeAppRouterPageCtx({ params, searchParams });
+  const metadata = generateDynamicMetadata({}, ctx);
+  return { ...(await parent), ...metadata };
+}
+async function DynamicPage({ params, searchParams }) {
+  // Use PlasmicDynamicPage to render this component as it was
+  // designed in Plasmic, by activating the appropriate variants,
+  // attaching the appropriate event handlers, etc.  You
+  // can also install whatever React hooks you need here to manage state or
+  // fetch data.
+  //
+  // Props you can pass into PlasmicDynamicPage are:
+  // 1. Variants you want to activate,
+  // 2. Contents for slots you want to fill,
+  // 3. Overrides for any named node in the component to attach behavior and data,
+  // 4. Props to set on the root node.
+  //
+  // By default, PlasmicDynamicPage is wrapped by your project's global
+  // variant context providers. These wrappers may be moved to
+  // Next.js Custom App component
+  // (https://nextjs.org/docs/advanced-features/custom-app).
+  return (
+    <PageParamsProvider__
+      route="/dynamic/[slug]"
+      params={await params}
+      query={await searchParams}
+    >
+      <PlasmicDynamicPageServer />
+    </PageParamsProvider__>
+  );
+}
+export default DynamicPage;

package/cpa-out/nextjs-app-codegen-js/app/layout.js ADDED Viewed

@@ -0,0 +1,28 @@
+import localFont from "next/font/local";
+import "./globals.css";
+const geistSans = localFont({
+  src: "./fonts/GeistVF.woff",
+  variable: "--font-geist-sans",
+  weight: "100 900",
+});
+const geistMono = localFont({
+  src: "./fonts/GeistMonoVF.woff",
+  variable: "--font-geist-mono",
+  weight: "100 900",
+});
+export const metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body className={`${geistSans.variable} ${geistMono.variable}`}>
+        {children}
+      </body>
+    </html>
+  );
+}

package/cpa-out/nextjs-app-codegen-js/app/layout.jsx ADDED Viewed

@@ -0,0 +1,17 @@
+import '@/app/globals.css'
+import { PlasmicRootProvider } from "@plasmicapp/react-web";
+import Link from "next/link";
+export default function RootLayout({
+  children,
+}) {
+  return (
+    <html lang="en">
+      <body>
+        <PlasmicRootProvider Link={Link}>
+          {children}
+        </PlasmicRootProvider>
+      </body>
+    </html>
+  );
+}

package/cpa-out/nextjs-app-codegen-js/app/page-client.jsx ADDED Viewed

@@ -0,0 +1,7 @@
+"use client";
+import * as React from "react";
+import { PlasmicHomepage } from "../components/plasmic/create_plasmic_app/PlasmicHomepage"; // plasmic-import: 6uuAAE1jiCew/render
+export function ClientHomepage(props) {
+  return <PlasmicHomepage {...props} />;
+}

package/cpa-out/nextjs-app-codegen-js/app/page.jsx ADDED Viewed

@@ -0,0 +1,45 @@
+// This is a skeleton starter React page generated by Plasmic.
+// This file is owned by you, feel free to edit as you see fit.
+import * as React from "react";
+import { PageParamsProvider as PageParamsProvider__ } from "@plasmicapp/host";
+import {
+  PlasmicHomepageServer,
+  makeAppRouterPageCtx,
+  generateDynamicMetadata
+} from "../components/plasmic/create_plasmic_app/PlasmicHomepageServer";
+export async function generateMetadata({ params, searchParams }, parent) {
+  const ctx = await makeAppRouterPageCtx({ params, searchParams });
+  const metadata = generateDynamicMetadata({}, ctx);
+  return { ...(await parent), ...metadata };
+}
+async function Homepage({ params, searchParams }) {
+  // Use PlasmicHomepage to render this component as it was
+  // designed in Plasmic, by activating the appropriate variants,
+  // attaching the appropriate event handlers, etc.  You
+  // can also install whatever React hooks you need here to manage state or
+  // fetch data.
+  //
+  // Props you can pass into PlasmicHomepage are:
+  // 1. Variants you want to activate,
+  // 2. Contents for slots you want to fill,
+  // 3. Overrides for any named node in the component to attach behavior and data,
+  // 4. Props to set on the root node.
+  //
+  // By default, PlasmicHomepage is wrapped by your project's global
+  // variant context providers. These wrappers may be moved to
+  // Next.js Custom App component
+  // (https://nextjs.org/docs/advanced-features/custom-app).
+  return (
+    <PageParamsProvider__
+      route="/"
+      params={await params}
+      query={await searchParams}
+    >
+      <PlasmicHomepageServer />
+    </PageParamsProvider__>
+  );
+}
+export default Homepage;

package/cpa-out/nextjs-app-codegen-js/app/plasmic-host/page.jsx ADDED Viewed

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { PlasmicCanvasHost, registerComponent } from '@plasmicapp/react-web/lib/host';
+// You can register any code components that you want to use here; see
+// https://docs.plasmic.app/learn/code-components-ref/
+// And configure your Plasmic project to use the host url pointing at
+// the /plasmic-host page of your nextjs app (for example,
+// http://localhost:3000/plasmic-host).  See
+// https://docs.plasmic.app/learn/app-hosting/#set-a-plasmic-project-to-use-your-app-host
+// registerComponent(...)
+export default function PlasmicHost() {
+  return <PlasmicCanvasHost />;
+}

package/cpa-out/nextjs-app-codegen-js/components/Button.jsx ADDED Viewed

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { PlasmicButton } from "./plasmic/create_plasmic_app/PlasmicButton";
+function Button_(props, ref) {
+  const { plasmicProps } = PlasmicButton.useBehavior(props, ref);
+  return <PlasmicButton {...plasmicProps} />;
+}
+const Button = React.forwardRef(Button_);
+export default Object.assign(Button, { __plumeType: "button" });

package/cpa-out/nextjs-app-codegen-js/components/RandomDynamicPageButton.jsx ADDED Viewed

@@ -0,0 +1,24 @@
+// This is a skeleton starter React component generated by Plasmic.
+// This file is owned by you, feel free to edit as you see fit.
+import * as React from "react";
+import { PlasmicRandomDynamicPageButton } from "./plasmic/create_plasmic_app/PlasmicRandomDynamicPageButton";
+function RandomDynamicPageButton(props) {
+  // Use PlasmicRandomDynamicPageButton to render this component as it was
+  // designed in Plasmic, by activating the appropriate variants,
+  // attaching the appropriate event handlers, etc.  You
+  // can also install whatever React hooks you need here to manage state or
+  // fetch data.
+  //
+  // Props you can pass into PlasmicRandomDynamicPageButton are:
+  // 1. Variants you want to activate,
+  // 2. Contents for slots you want to fill,
+  // 3. Overrides for any named node in the component to attach behavior and data,
+  // 4. Props to set on the root node.
+  //
+  // By default, we are just piping all RandomDynamicPageButtonProps here, but feel free
+  // to do whatever works for you.
+  return <PlasmicRandomDynamicPageButton {...props} />;
+}
+export default RandomDynamicPageButton;