npm - create-plasmic-app - Versions diffs - 0.0.98 → 0.0.100 - Mend

create-plasmic-app 0.0.98 → 0.0.100

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 (98) hide show

package/cpa-out/nextjs-app-loader-js/app/[[...catchall]]/page.jsx DELETED Viewed

@@ -1,56 +0,0 @@
-import { PlasmicComponent } from "@plasmicapp/loader-nextjs";
-import { notFound } from "next/navigation";
-import { PLASMIC } from "@/plasmic-init";
-import { ClientPlasmicRootProvider } from "@/plasmic-init-client";
-// Use revalidate if you want incremental static regeneration
-export const revalidate = 60;
-export default async function PlasmicLoaderPage({
-  params,
-  searchParams,
-}) {
-  const plasmicComponentData = await fetchPlasmicComponentData(params?.catchall);
-  if (!plasmicComponentData) {
-    notFound();
-  }
-  const { prefetchedData } = plasmicComponentData;
-  if (prefetchedData.entryCompMetas.length === 0) {
-    notFound();
-  }
-  const pageMeta = prefetchedData.entryCompMetas[0];
-  return (
-    <ClientPlasmicRootProvider
-      prefetchedData={prefetchedData}
-      pageParams={pageMeta.params}
-      pageQuery={searchParams}
-    >
-      <PlasmicComponent
-        component={pageMeta.displayName}
-      />
-    </ClientPlasmicRootProvider>
-  );
-}
-async function fetchPlasmicComponentData(catchall) {
-  const plasmicPath = "/" + (catchall ? catchall.join("/") : "");
-  const prefetchedData = await PLASMIC.maybeFetchComponentData(plasmicPath);
-  if (!prefetchedData) {
-    notFound();
-  }
-  return { prefetchedData };
-}
-export async function generateStaticParams() {
-  const pageModules = await PLASMIC.fetchPages();
-  return pageModules.map((mod) => {
-    const catchall =
-      mod.path === "/" ? undefined : mod.path.substring(1).split("/");
-    return {
-      catchall,
-    };
-  });
-}

package/cpa-out/nextjs-app-loader-js/app/api/hello/route.js DELETED Viewed

@@ -1,3 +0,0 @@
-export async function GET(request) {
-  return new Response('Hello, Next.js!')
-}

package/cpa-out/nextjs-app-loader-js/app/layout.js DELETED Viewed

@@ -1,14 +0,0 @@
-import './globals.css'
-export const metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
-}
-export default function RootLayout({ children }) {
-  return (
-    <html lang="en">
-      <body>{children}</body>
-    </html>
-  )
-}

package/cpa-out/nextjs-app-loader-js/app/plasmic-host/page.jsx DELETED Viewed

@@ -1,6 +0,0 @@
-import { PlasmicCanvasHost } from "@plasmicapp/loader-nextjs";
-import "@/plasmic-init-client";
-export default function PlasmicHost() {
-  return <PlasmicCanvasHost />;
-}

package/cpa-out/nextjs-app-loader-js/plasmic-init-client.jsx DELETED Viewed

@@ -1,65 +0,0 @@
-"use client";
-import { PlasmicRootProvider } from "@plasmicapp/loader-nextjs";
-import { PLASMIC } from "@/plasmic-init";
-// 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
-// PLASMIC.registerComponent(...);
-/**
- * ClientPlasmicRootProvider is a Client Component that passes in the loader for you.
- *
- * Why? Props passed from Server to Client Components must be serializable.
- * https://beta.nextjs.org/docs/rendering/server-and-client-components#passing-props-from-server-to-client-components-serialization
- * However, PlasmicRootProvider requires a loader, but the loader is NOT serializable.
- *
- * In a Server Component like app/<your-path>/path.tsx, rendering the following would not work:
- *
- * ```tsx
- * import { PLASMIC } from "@/plasmic-init";
- * import { PlasmicRootProvider } from "plasmicapp/loader-nextjs";
- * export default function MyPage() {
- *   const prefetchedData = await PLASMIC.fetchComponentData("YourPage");
- *   return (
- *     <PlasmicRootProvider
- *       loader={PLASMIC} // ERROR: loader is not serializable
- *       prefetchedData={prefetchedData}
- *     >
- *       {yourContent()}
- *     </PlasmicRootProvider>;
- *   );
- * }
- * ```
- *
- * Therefore, we define ClientPlasmicRootProvider as a Client Component (this file is marked "use client").
- * ClientPlasmicRootProvider wraps the PlasmicRootProvider and passes in the loader for you,
- * while allowing your Server Component to pass in prefetched data and other serializable props:
- *
- * ```tsx
- * import { PLASMIC } from "@/plasmic-init";
- * import { ClientPlasmicRootProvider } from "@/plasmic-init-client"; // changed
- * export default function MyPage() {
- *   const prefetchedData = await PLASMIC.fetchComponentData("YourPage");
- *   return (
- *     <ClientPlasmicRootProvider // don't pass in loader
- *       prefetchedData={prefetchedData}
- *     >
- *       {yourContent()}
- *     </ClientPlasmicRootProvider>;
- *   );
- * }
- * ```
- */
-export function ClientPlasmicRootProvider(
-  props
-) {
-  return (
-    <PlasmicRootProvider loader={PLASMIC} {...props}></PlasmicRootProvider>
-  );
-}

package/cpa-out/nextjs-app-loader-ts/app/[[...catchall]]/page.tsx DELETED Viewed

@@ -1,59 +0,0 @@
-import { PlasmicComponent } from "@plasmicapp/loader-nextjs";
-import { notFound } from "next/navigation";
-import { PLASMIC } from "@/plasmic-init";
-import { ClientPlasmicRootProvider } from "@/plasmic-init-client";
-// Use revalidate if you want incremental static regeneration
-export const revalidate = 60;
-export default async function PlasmicLoaderPage({
-  params,
-  searchParams,
-}: {
-  params?: { catchall: string[] | undefined };
-  searchParams?: Record<string, string | string[]>;
-}) {
-  const plasmicComponentData = await fetchPlasmicComponentData(params?.catchall);
-  if (!plasmicComponentData) {
-    notFound();
-  }
-  const { prefetchedData } = plasmicComponentData;
-  if (prefetchedData.entryCompMetas.length === 0) {
-    notFound();
-  }
-  const pageMeta = prefetchedData.entryCompMetas[0];
-  return (
-    <ClientPlasmicRootProvider
-      prefetchedData={prefetchedData}
-      pageParams={pageMeta.params}
-      pageQuery={searchParams}
-    >
-      <PlasmicComponent
-        component={pageMeta.displayName}
-      />
-    </ClientPlasmicRootProvider>
-  );
-}
-async function fetchPlasmicComponentData(catchall: string[] | undefined) {
-  const plasmicPath = "/" + (catchall ? catchall.join("/") : "");
-  const prefetchedData = await PLASMIC.maybeFetchComponentData(plasmicPath);
-  if (!prefetchedData) {
-    notFound();
-  }
-  return { prefetchedData };
-}
-export async function generateStaticParams() {
-  const pageModules = await PLASMIC.fetchPages();
-  return pageModules.map((mod) => {
-    const catchall =
-      mod.path === "/" ? undefined : mod.path.substring(1).split("/");
-    return {
-      catchall,
-    };
-  });
-}

package/cpa-out/nextjs-app-loader-ts/app/api/hello/route.ts DELETED Viewed

@@ -1,3 +0,0 @@
-export async function GET(request: Request) {
-  return new Response('Hello, Next.js!')
-}

package/cpa-out/nextjs-app-loader-ts/app/layout.tsx DELETED Viewed

@@ -1,18 +0,0 @@
-import './globals.css'
-export const metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
-}
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
-  return (
-    <html lang="en">
-      <body>{children}</body>
-    </html>
-  )
-}

package/cpa-out/nextjs-app-loader-ts/app/plasmic-host/page.tsx DELETED Viewed

@@ -1,6 +0,0 @@
-import { PlasmicCanvasHost } from "@plasmicapp/loader-nextjs";
-import "@/plasmic-init-client";
-export default function PlasmicHost() {
-  return <PlasmicCanvasHost />;
-}

package/cpa-out/nextjs-app-loader-ts/plasmic-init-client.tsx DELETED Viewed

@@ -1,65 +0,0 @@
-"use client";
-import { PlasmicRootProvider } from "@plasmicapp/loader-nextjs";
-import { PLASMIC } from "@/plasmic-init";
-// 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
-// PLASMIC.registerComponent(...);
-/**
- * ClientPlasmicRootProvider is a Client Component that passes in the loader for you.
- *
- * Why? Props passed from Server to Client Components must be serializable.
- * https://beta.nextjs.org/docs/rendering/server-and-client-components#passing-props-from-server-to-client-components-serialization
- * However, PlasmicRootProvider requires a loader, but the loader is NOT serializable.
- *
- * In a Server Component like app/<your-path>/path.tsx, rendering the following would not work:
- *
- * ```tsx
- * import { PLASMIC } from "@/plasmic-init";
- * import { PlasmicRootProvider } from "plasmicapp/loader-nextjs";
- * export default function MyPage() {
- *   const prefetchedData = await PLASMIC.fetchComponentData("YourPage");
- *   return (
- *     <PlasmicRootProvider
- *       loader={PLASMIC} // ERROR: loader is not serializable
- *       prefetchedData={prefetchedData}
- *     >
- *       {yourContent()}
- *     </PlasmicRootProvider>;
- *   );
- * }
- * ```
- *
- * Therefore, we define ClientPlasmicRootProvider as a Client Component (this file is marked "use client").
- * ClientPlasmicRootProvider wraps the PlasmicRootProvider and passes in the loader for you,
- * while allowing your Server Component to pass in prefetched data and other serializable props:
- *
- * ```tsx
- * import { PLASMIC } from "@/plasmic-init";
- * import { ClientPlasmicRootProvider } from "@/plasmic-init-client"; // changed
- * export default function MyPage() {
- *   const prefetchedData = await PLASMIC.fetchComponentData("YourPage");
- *   return (
- *     <ClientPlasmicRootProvider // don't pass in loader
- *       prefetchedData={prefetchedData}
- *     >
- *       {yourContent()}
- *     </ClientPlasmicRootProvider>;
- *   );
- * }
- * ```
- */
-export function ClientPlasmicRootProvider(
-  props: Omit<React.ComponentProps<typeof PlasmicRootProvider>, "loader">
-) {
-  return (
-    <PlasmicRootProvider loader={PLASMIC} {...props}></PlasmicRootProvider>
-  );
-}