@slicemachine/adapter-next 0.3.85-beta.3 → 0.3.86-alpha.lg-page-routes.1

package/dist/hooks/page-route-create.cjs

@@ -0,0 +1,396 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const commonTags = require("common-tags");
+const fs = require("@slicemachine/plugin-kit/fs");
+const checkIsTypeScriptProject = require("../lib/checkIsTypeScriptProject.cjs");
+const getJSFileExtension = require("../lib/getJSFileExtension.cjs");
+const checkHasAppRouter = require("../lib/checkHasAppRouter.cjs");
+const path = require("node:path");
+const createComponentFile = async ({ data, helpers, options }) => {
+  const isTypeScript = await checkIsTypeScriptProject.checkIsTypeScriptProject({
+    helpers,
+    options
+  });
+  const hasSrcDirectory = await fs.checkHasProjectFile({
+    filename: "src",
+    helpers
+  });
+  const hasAppRouter = await checkHasAppRouter.checkHasAppRouter({ helpers });
+  const pageRoute = data.model.route ?? data.model.id;
+  const pageRouteLength = pageRoute.split("/").length - 1;
+  const contents = generatePageComponent(data.model, {
+    hasAppRouter,
+    isTypeScript,
+    hasSrcDirectory,
+    pageRouteLength
+  });
+  const routeBase = hasAppRouter ? "app" : "pages";
+  const routeDirectoryPath = hasSrcDirectory ? path.join("src", routeBase) : routeBase;
+  const extension = await getJSFileExtension.getJSFileExtension({
+    helpers,
+    options,
+    jsx: true
+  });
+  let filePath;
+  if (hasAppRouter) {
+    const fileName = data.model.repeatable ? `[uid]/page.${extension}` : `page.${extension}`;
+    filePath = path.join(routeDirectoryPath, pageRoute, fileName);
+  } else {
+    const fileName = data.model.repeatable ? `${pageRoute}/[uid].${extension}` : `${pageRoute}.${extension}`;
+    filePath = path.join(routeDirectoryPath, fileName);
+  }
+  await fs.writeProjectFile({
+    filename: filePath,
+    contents,
+    format: options.format,
+    helpers
+  });
+};
+const pageRouteCreate = async (data, context) => {
+  await createComponentFile({ data, ...context });
+};
+function generatePageComponent(customType, env) {
+  if (env.hasAppRouter) {
+    return generateAppRouterPage(customType, env.isTypeScript, env.hasSrcDirectory, env.pageRouteLength);
+  } else {
+    return generatePagesRouterPage(customType, env.isTypeScript, env.hasSrcDirectory, env.pageRouteLength);
+  }
+}
+function generateAppRouterPage(customType, isTypeScript, hasSrcDirectory, pageRouteLength) {
+  const levelsUp = customType.repeatable ? pageRouteLength + 1 : pageRouteLength;
+  const levelsUpWithSrc = hasSrcDirectory ? levelsUp + 1 : levelsUp;
+  const importPath = "../".repeat(levelsUpWithSrc) + "prismicio";
+  const slicesPath = "../".repeat(levelsUpWithSrc) + "slices";
+  if (customType.repeatable) {
+    if (isTypeScript) {
+      return commonTags.stripIndent`
+        import { Metadata } from "next";
+        import { notFound } from "next/navigation";
+        import { asImageSrc } from "@prismicio/client";
+        import { SliceZone } from "@prismicio/react";
+
+        import { createClient } from "${importPath}";
+        import { components } from "${slicesPath}";
+
+        type Params = { uid: string };
+
+        export default async function Page({ params }: { params: Promise<Params> }) {
+          const { uid } = await params;
+          const client = createClient();
+          const page = await client
+            .getByUID("${customType.id}", uid)
+            .catch(() => notFound());
+
+          return <SliceZone slices={page.data.slices} components={components} />;
+        }
+
+        export async function generateMetadata({
+          params,
+        }: {
+          params: Promise<Params>;
+        }): Promise<Metadata> {
+          const { uid } = await params;
+          const client = createClient();
+          const page = await client
+            .getByUID("${customType.id}", uid)
+            .catch(() => notFound());
+
+          return {
+            title: page.data.meta_title,
+            description: page.data.meta_description,
+            openGraph: {
+              images: [{ url: asImageSrc(page.data.meta_image) ?? "" }],
+            },
+          };
+        }
+
+        export async function generateStaticParams() {
+          const client = createClient();
+          const pages = await client.getAllByType("${customType.id}");
+
+          return pages.map((page) => ({ uid: page.uid }));
+        }
+      `;
+    } else {
+      return commonTags.stripIndent`
+        import { notFound } from "next/navigation";
+        import { asImageSrc } from "@prismicio/client";
+        import { SliceZone } from "@prismicio/react";
+
+        import { createClient } from "${importPath}";
+        import { components } from "${slicesPath}";
+
+        export default async function Page({ params }) {
+          const { uid } = await params;
+          const client = createClient();
+          const page = await client
+            .getByUID("${customType.id}", uid)
+            .catch(() => notFound());
+
+          return <SliceZone slices={page.data.slices} components={components} />;
+        }
+
+        export async function generateMetadata({ params }) {
+          const { uid } = await params;
+          const client = createClient();
+          const page = await client
+            .getByUID("${customType.id}", uid)
+            .catch(() => notFound());
+
+          return {
+            title: page.data.meta_title,
+            description: page.data.meta_description,
+            openGraph: {
+              images: [{ url: asImageSrc(page.data.meta_image) ?? "" }],
+            },
+          };
+        }
+
+        export async function generateStaticParams() {
+          const client = createClient();
+          const pages = await client.getAllByType("${customType.id}");
+
+          return pages.map((page) => ({ uid: page.uid }));
+        }
+      `;
+    }
+  } else {
+    if (isTypeScript) {
+      return commonTags.stripIndent`
+        import { type Metadata } from "next";
+        import { notFound } from "next/navigation";
+        import { asImageSrc } from "@prismicio/client";
+        import { SliceZone } from "@prismicio/react";
+
+        import { createClient } from "${importPath}";
+        import { components } from "${slicesPath}";
+
+        export default async function Page() {
+          const client = createClient();
+          const page = await client.getSingle("${customType.id}").catch(() => notFound());
+
+          return <SliceZone slices={page.data.slices} components={components} />;
+        }
+
+        export async function generateMetadata(): Promise<Metadata> {
+          const client = createClient();
+          const page = await client.getSingle("${customType.id}").catch(() => notFound());
+
+          return {
+            title: page.data.meta_title,
+            description: page.data.meta_description,
+            openGraph: {
+              images: [{ url: asImageSrc(page.data.meta_image) ?? "" }],
+            },
+          };
+        }
+      `;
+    } else {
+      return commonTags.stripIndent`
+        import { notFound } from "next/navigation";
+        import { asImageSrc } from "@prismicio/client";
+        import { SliceZone } from "@prismicio/react";
+
+        import { createClient } from "${importPath}";
+        import { components } from "${slicesPath}";
+
+        export default async function Page() {
+          const client = createClient();
+          const page = await client.getSingle("${customType.id}").catch(() => notFound());
+
+          return <SliceZone slices={page.data.slices} components={components} />;
+        }
+
+        export async function generateMetadata() {
+          const client = createClient();
+          const page = await client.getSingle("${customType.id}").catch(() => notFound());
+
+          return {
+            title: page.data.meta_title,
+            description: page.data.meta_description,
+            openGraph: {
+              images: [{ url: asImageSrc(page.data.meta_image) ?? "" }],
+            },
+          };
+        }
+      `;
+    }
+  }
+}
+function generatePagesRouterPage(customType, isTypeScript, hasSrcDirectory, pageRouteLength) {
+  const levelsUp = customType.repeatable ? pageRouteLength + 1 : pageRouteLength;
+  const levelsUpWithSrc = hasSrcDirectory ? levelsUp + 1 : levelsUp;
+  const importPath = "../".repeat(levelsUpWithSrc) + "prismicio";
+  const slicesPath = "../".repeat(levelsUpWithSrc) + "slices";
+  if (customType.repeatable) {
+    if (isTypeScript) {
+      return commonTags.stripIndent`
+        import { GetStaticPropsContext, InferGetStaticPropsType } from "next";
+        import Head from "next/head";
+        import { isFilled, asLink, asImageSrc } from "@prismicio/client";
+        import { SliceZone } from "@prismicio/react";
+
+        import { components } from "${slicesPath}";
+        import { createClient } from "${importPath}";
+
+        type Params = { uid: string };
+
+        export default function Page({
+          page,
+        }: InferGetStaticPropsType<typeof getStaticProps>) {
+          return (
+            <>
+              <Head>
+                <title>{page.data.meta_title}</title>
+                {isFilled.keyText(page.data.meta_description) ? (
+                  <meta name="description" content={page.data.meta_description} />
+                ) : null}
+                {isFilled.image(page.data.meta_image) ? (
+                  <meta property="og:image" content={asImageSrc(page.data.meta_image) || ""} />
+                ) : null}
+              </Head>
+              <SliceZone slices={page.data.slices} components={components} />
+            </>
+          );
+        }
+
+        export async function getStaticProps({
+          params,
+          previewData,
+        }: GetStaticPropsContext<Params>) {
+          const client = createClient({ previewData });
+          const page = await client.getByUID("${customType.id}", params!.uid);
+
+          return { props: { page } };
+        }
+
+        export async function getStaticPaths() {
+          const client = createClient();
+          const pages = await client.getAllByType("${customType.id}");
+
+          return {
+            paths: pages.map((page) => asLink(page)),
+            fallback: false,
+          };
+        }
+      `;
+    } else {
+      return commonTags.stripIndent`
+        import Head from "next/head";
+        import { isFilled, asLink, asImageSrc } from "@prismicio/client";
+        import { SliceZone } from "@prismicio/react";
+
+        import { components } from "${slicesPath}";
+        import { createClient } from "${importPath}";
+
+        export default function Page({ page }) {
+          return (
+            <>
+              <Head>
+                <title>{page.data.meta_title}</title>
+                {isFilled.keyText(page.data.meta_description) ? (
+                  <meta name="description" content={page.data.meta_description} />
+                ) : null}
+                {isFilled.image(page.data.meta_image) ? (
+                  <meta property="og:image" content={asImageSrc(page.data.meta_image) || ""} />
+                ) : null}
+              </Head>
+              <SliceZone slices={page.data.slices} components={components} />
+            </>
+          );
+        }
+
+        export async function getStaticProps({ params, previewData }) {
+          const client = createClient({ previewData });
+          const page = await client.getByUID("${customType.id}", params.uid);
+
+          return { props: { page } };
+        }
+
+        export async function getStaticPaths() {
+          const client = createClient();
+          const pages = await client.getAllByType("${customType.id}");
+
+          return {
+            paths: pages.map((page) => asLink(page)),
+            fallback: false,
+          };
+        }
+      `;
+    }
+  } else {
+    if (isTypeScript) {
+      return commonTags.stripIndent`
+        import { GetStaticPropsContext, InferGetStaticPropsType } from "next";
+        import Head from "next/head";
+        import { isFilled, asImageSrc } from "@prismicio/client";
+        import { SliceZone } from "@prismicio/react";
+
+        import { components } from "${slicesPath}";
+        import { createClient } from "${importPath}";
+
+        export default function Page({
+          page,
+        }: InferGetStaticPropsType<typeof getStaticProps>) {
+          return (
+            <>
+              <Head>
+                <title>{page.data.meta_title}</title>
+                {isFilled.keyText(page.data.meta_description) ? (
+                  <meta name="description" content={page.data.meta_description} />
+                ) : null}
+                {isFilled.image(page.data.meta_image) ? (
+                  <meta property="og:image" content={asImageSrc(page.data.meta_image) || ""} />
+                ) : null}
+              </Head>
+              <SliceZone slices={page.data.slices} components={components} />
+            </>
+          );
+        }
+
+        export async function getStaticProps({ previewData }: GetStaticPropsContext) {
+          const client = createClient({ previewData });
+          const page = await client.getSingle("${customType.id}");
+
+          return { props: { page } };
+        }
+      `;
+    } else {
+      return commonTags.stripIndent`
+        import Head from "next/head";
+        import { isFilled, asImageSrc } from "@prismicio/client";
+        import { SliceZone } from "@prismicio/react";
+
+        import { components } from "${slicesPath}";
+        import { createClient } from "${importPath}";
+
+        export default function Page({ page }) {
+          return (
+            <>
+              <Head>
+                <title>{page.data.meta_title}</title>
+                {isFilled.keyText(page.data.meta_description) ? (
+                  <meta name="description" content={page.data.meta_description} />
+                ) : null}
+                {isFilled.image(page.data.meta_image) ? (
+                  <meta property="og:image" content={asImageSrc(page.data.meta_image) || ""} />
+                ) : null}
+              </Head>
+              <SliceZone slices={page.data.slices} components={components} />
+            </>
+          );
+        }
+
+        export async function getStaticProps({ previewData }) {
+          const client = createClient({ previewData });
+          const page = await client.getSingle("${customType.id}");
+
+          return { props: { page } };
+        }
+      `;
+    }
+  }
+}
+exports.generatePageComponent = generatePageComponent;
+exports.pageRouteCreate = pageRouteCreate;
+//# sourceMappingURL=page-route-create.cjs.map

package/dist/hooks/page-route-create.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-route-create.cjs","sources":["../../../src/hooks/page-route-create.ts"],"sourcesContent":["import { CustomType } from \"@prismicio/types-internal/lib/customtypes\";\nimport { stripIndent } from \"common-tags\";\n\nimport type {\n\tCustomTypeUpdateRouteHook,\n\tCustomTypeUpdateRouteHookData,\n\tSliceMachineContext,\n} from \"@slicemachine/plugin-kit\";\nimport {\n\tcheckHasProjectFile,\n\twriteProjectFile,\n} from \"@slicemachine/plugin-kit/fs\";\n\nimport { checkIsTypeScriptProject } from \"../lib/checkIsTypeScriptProject\";\nimport { getJSFileExtension } from \"../lib/getJSFileExtension\";\n\nimport type { PluginOptions } from \"../types\";\nimport { checkHasAppRouter } from \"../lib/checkHasAppRouter\";\nimport path from \"node:path\";\n\ntype Args = {\n\tdata: CustomTypeUpdateRouteHookData;\n} & SliceMachineContext<PluginOptions>;\n\nconst createComponentFile = async ({ data, helpers, options }: Args) => {\n\tconst isTypeScript = await checkIsTypeScriptProject({\n\t\thelpers,\n\t\toptions,\n\t});\n\tconst hasSrcDirectory = await checkHasProjectFile({\n\t\tfilename: \"src\",\n\t\thelpers,\n\t});\n\tconst hasAppRouter = await checkHasAppRouter({ helpers });\n\n\tconst pageRoute = data.model.route ?? data.model.id;\n\tconst pageRouteLength = pageRoute.split(\"/\").length - 1;\n\n\tconst contents = generatePageComponent(data.model, {\n\t\thasAppRouter,\n\t\tisTypeScript,\n\t\thasSrcDirectory,\n\t\tpageRouteLength,\n\t});\n\n\tconst routeBase = hasAppRouter ? \"app\" : \"pages\";\n\tconst routeDirectoryPath = hasSrcDirectory\n\t\t? path.join(\"src\", routeBase)\n\t\t: routeBase;\n\n\tconst extension = await getJSFileExtension({\n\t\thelpers,\n\t\toptions,\n\t\tjsx: true,\n\t});\n\tlet filePath: string;\n\n\tif (hasAppRouter) {\n\t\tconst fileName = data.model.repeatable\n\t\t\t? `[uid]/page.${extension}`\n\t\t\t: `page.${extension}`;\n\n\t\tfilePath = path.join(routeDirectoryPath, pageRoute, fileName);\n\t} else {\n\t\tconst fileName = data.model.repeatable\n\t\t\t? `${pageRoute}/[uid].${extension}`\n\t\t\t: `${pageRoute}.${extension}`;\n\n\t\tfilePath = path.join(routeDirectoryPath, fileName);\n\t}\n\n\tawait writeProjectFile({\n\t\tfilename: filePath,\n\t\tcontents,\n\t\tformat: options.format,\n\t\thelpers,\n\t});\n};\n\nexport const pageRouteCreate: CustomTypeUpdateRouteHook<PluginOptions> = async (\n\tdata,\n\tcontext,\n) => {\n\tawait createComponentFile({ data, ...context });\n};\n\nexport function generatePageComponent(\n\tcustomType: CustomType,\n\tenv: {\n\t\thasAppRouter: boolean;\n\t\tisTypeScript: boolean;\n\t\thasSrcDirectory: boolean;\n\t\tpageRouteLength: number;\n\t},\n): string {\n\tif (env.hasAppRouter) {\n\t\treturn generateAppRouterPage(\n\t\t\tcustomType,\n\t\t\tenv.isTypeScript,\n\t\t\tenv.hasSrcDirectory,\n\t\t\tenv.pageRouteLength,\n\t\t);\n\t} else {\n\t\treturn generatePagesRouterPage(\n\t\t\tcustomType,\n\t\t\tenv.isTypeScript,\n\t\t\tenv.hasSrcDirectory,\n\t\t\tenv.pageRouteLength,\n\t\t);\n\t}\n}\n\nfunction generateAppRouterPage(\n\tcustomType: CustomType,\n\tisTypeScript: boolean,\n\thasSrcDirectory: boolean,\n\tpageRouteLength: number,\n): string {\n\t// Calculate import paths based on directory depth\n\t// Single: app/[id]/page.tsx → ../../prismicio (or ../../../prismicio if src/)\n\t// Repeatable: app/[id]/[uid]/page.tsx → ../../../prismicio (or ../../../../prismicio if src/)\n\tconst levelsUp = customType.repeatable\n\t\t? pageRouteLength + 1\n\t\t: pageRouteLength;\n\tconst levelsUpWithSrc = hasSrcDirectory ? levelsUp + 1 : levelsUp;\n\tconst importPath = \"../\".repeat(levelsUpWithSrc) + \"prismicio\";\n\tconst slicesPath = \"../\".repeat(levelsUpWithSrc) + \"slices\";\n\n\tif (customType.repeatable) {\n\t\tif (isTypeScript) {\n\t\t\treturn stripIndent`\n        import { Metadata } from \"next\";\n        import { notFound } from \"next/navigation\";\n        import { asImageSrc } from \"@prismicio/client\";\n        import { SliceZone } from \"@prismicio/react\";\n\n        import { createClient } from \"${importPath}\";\n        import { components } from \"${slicesPath}\";\n\n        type Params = { uid: string };\n\n        export default async function Page({ params }: { params: Promise<Params> }) {\n          const { uid } = await params;\n          const client = createClient();\n          const page = await client\n            .getByUID(\"${customType.id}\", uid)\n            .catch(() => notFound());\n\n          return <SliceZone slices={page.data.slices} components={components} />;\n        }\n\n        export async function generateMetadata({\n          params,\n        }: {\n          params: Promise<Params>;\n        }): Promise<Metadata> {\n          const { uid } = await params;\n          const client = createClient();\n          const page = await client\n            .getByUID(\"${customType.id}\", uid)\n            .catch(() => notFound());\n\n          return {\n            title: page.data.meta_title,\n            description: page.data.meta_description,\n            openGraph: {\n              images: [{ url: asImageSrc(page.data.meta_image) ?? \"\" }],\n            },\n          };\n        }\n\n        export async function generateStaticParams() {\n          const client = createClient();\n          const pages = await client.getAllByType(\"${customType.id}\");\n\n          return pages.map((page) => ({ uid: page.uid }));\n        }\n      `;\n\t\t} else {\n\t\t\treturn stripIndent`\n        import { notFound } from \"next/navigation\";\n        import { asImageSrc } from \"@prismicio/client\";\n        import { SliceZone } from \"@prismicio/react\";\n\n        import { createClient } from \"${importPath}\";\n        import { components } from \"${slicesPath}\";\n\n        export default async function Page({ params }) {\n          const { uid } = await params;\n          const client = createClient();\n          const page = await client\n            .getByUID(\"${customType.id}\", uid)\n            .catch(() => notFound());\n\n          return <SliceZone slices={page.data.slices} components={components} />;\n        }\n\n        export async function generateMetadata({ params }) {\n          const { uid } = await params;\n          const client = createClient();\n          const page = await client\n            .getByUID(\"${customType.id}\", uid)\n            .catch(() => notFound());\n\n          return {\n            title: page.data.meta_title,\n            description: page.data.meta_description,\n            openGraph: {\n              images: [{ url: asImageSrc(page.data.meta_image) ?? \"\" }],\n            },\n          };\n        }\n\n        export async function generateStaticParams() {\n          const client = createClient();\n          const pages = await client.getAllByType(\"${customType.id}\");\n\n          return pages.map((page) => ({ uid: page.uid }));\n        }\n      `;\n\t\t}\n\t} else {\n\t\t// Single type\n\t\tif (isTypeScript) {\n\t\t\treturn stripIndent`\n        import { type Metadata } from \"next\";\n        import { notFound } from \"next/navigation\";\n        import { asImageSrc } from \"@prismicio/client\";\n        import { SliceZone } from \"@prismicio/react\";\n\n        import { createClient } from \"${importPath}\";\n        import { components } from \"${slicesPath}\";\n\n        export default async function Page() {\n          const client = createClient();\n          const page = await client.getSingle(\"${customType.id}\").catch(() => notFound());\n\n          return <SliceZone slices={page.data.slices} components={components} />;\n        }\n\n        export async function generateMetadata(): Promise<Metadata> {\n          const client = createClient();\n          const page = await client.getSingle(\"${customType.id}\").catch(() => notFound());\n\n          return {\n            title: page.data.meta_title,\n            description: page.data.meta_description,\n            openGraph: {\n              images: [{ url: asImageSrc(page.data.meta_image) ?? \"\" }],\n            },\n          };\n        }\n      `;\n\t\t} else {\n\t\t\treturn stripIndent`\n        import { notFound } from \"next/navigation\";\n        import { asImageSrc } from \"@prismicio/client\";\n        import { SliceZone } from \"@prismicio/react\";\n\n        import { createClient } from \"${importPath}\";\n        import { components } from \"${slicesPath}\";\n\n        export default async function Page() {\n          const client = createClient();\n          const page = await client.getSingle(\"${customType.id}\").catch(() => notFound());\n\n          return <SliceZone slices={page.data.slices} components={components} />;\n        }\n\n        export async function generateMetadata() {\n          const client = createClient();\n          const page = await client.getSingle(\"${customType.id}\").catch(() => notFound());\n\n          return {\n            title: page.data.meta_title,\n            description: page.data.meta_description,\n            openGraph: {\n              images: [{ url: asImageSrc(page.data.meta_image) ?? \"\" }],\n            },\n          };\n        }\n      `;\n\t\t}\n\t}\n}\n\nfunction generatePagesRouterPage(\n\tcustomType: CustomType,\n\tisTypeScript: boolean,\n\thasSrcDirectory: boolean,\n\tpageRouteLength: number,\n): string {\n\t// Calculate import paths based on directory depth\n\t// Single: pages/[id].tsx → ../prismicio (or ../../prismicio if src/)\n\t// Repeatable: pages/[id]/[uid].tsx → ../../prismicio (or ../../../prismicio if src/)\n\tconst levelsUp = customType.repeatable\n\t\t? pageRouteLength + 1\n\t\t: pageRouteLength;\n\tconst levelsUpWithSrc = hasSrcDirectory ? levelsUp + 1 : levelsUp;\n\tconst importPath = \"../\".repeat(levelsUpWithSrc) + \"prismicio\";\n\tconst slicesPath = \"../\".repeat(levelsUpWithSrc) + \"slices\";\n\n\tif (customType.repeatable) {\n\t\tif (isTypeScript) {\n\t\t\treturn stripIndent`\n        import { GetStaticPropsContext, InferGetStaticPropsType } from \"next\";\n        import Head from \"next/head\";\n        import { isFilled, asLink, asImageSrc } from \"@prismicio/client\";\n        import { SliceZone } from \"@prismicio/react\";\n\n        import { components } from \"${slicesPath}\";\n        import { createClient } from \"${importPath}\";\n\n        type Params = { uid: string };\n\n        export default function Page({\n          page,\n        }: InferGetStaticPropsType<typeof getStaticProps>) {\n          return (\n            <>\n              <Head>\n                <title>{page.data.meta_title}</title>\n                {isFilled.keyText(page.data.meta_description) ? (\n                  <meta name=\"description\" content={page.data.meta_description} />\n                ) : null}\n                {isFilled.image(page.data.meta_image) ? (\n                  <meta property=\"og:image\" content={asImageSrc(page.data.meta_image) || \"\"} />\n                ) : null}\n              </Head>\n              <SliceZone slices={page.data.slices} components={components} />\n            </>\n          );\n        }\n\n        export async function getStaticProps({\n          params,\n          previewData,\n        }: GetStaticPropsContext<Params>) {\n          const client = createClient({ previewData });\n          const page = await client.getByUID(\"${customType.id}\", params!.uid);\n\n          return { props: { page } };\n        }\n\n        export async function getStaticPaths() {\n          const client = createClient();\n          const pages = await client.getAllByType(\"${customType.id}\");\n\n          return {\n            paths: pages.map((page) => asLink(page)),\n            fallback: false,\n          };\n        }\n      `;\n\t\t} else {\n\t\t\treturn stripIndent`\n        import Head from \"next/head\";\n        import { isFilled, asLink, asImageSrc } from \"@prismicio/client\";\n        import { SliceZone } from \"@prismicio/react\";\n\n        import { components } from \"${slicesPath}\";\n        import { createClient } from \"${importPath}\";\n\n        export default function Page({ page }) {\n          return (\n            <>\n              <Head>\n                <title>{page.data.meta_title}</title>\n                {isFilled.keyText(page.data.meta_description) ? (\n                  <meta name=\"description\" content={page.data.meta_description} />\n                ) : null}\n                {isFilled.image(page.data.meta_image) ? (\n                  <meta property=\"og:image\" content={asImageSrc(page.data.meta_image) || \"\"} />\n                ) : null}\n              </Head>\n              <SliceZone slices={page.data.slices} components={components} />\n            </>\n          );\n        }\n\n        export async function getStaticProps({ params, previewData }) {\n          const client = createClient({ previewData });\n          const page = await client.getByUID(\"${customType.id}\", params.uid);\n\n          return { props: { page } };\n        }\n\n        export async function getStaticPaths() {\n          const client = createClient();\n          const pages = await client.getAllByType(\"${customType.id}\");\n\n          return {\n            paths: pages.map((page) => asLink(page)),\n            fallback: false,\n          };\n        }\n      `;\n\t\t}\n\t} else {\n\t\t// Single type\n\t\tif (isTypeScript) {\n\t\t\treturn stripIndent`\n        import { GetStaticPropsContext, InferGetStaticPropsType } from \"next\";\n        import Head from \"next/head\";\n        import { isFilled, asImageSrc } from \"@prismicio/client\";\n        import { SliceZone } from \"@prismicio/react\";\n\n        import { components } from \"${slicesPath}\";\n        import { createClient } from \"${importPath}\";\n\n        export default function Page({\n          page,\n        }: InferGetStaticPropsType<typeof getStaticProps>) {\n          return (\n            <>\n              <Head>\n                <title>{page.data.meta_title}</title>\n                {isFilled.keyText(page.data.meta_description) ? (\n                  <meta name=\"description\" content={page.data.meta_description} />\n                ) : null}\n                {isFilled.image(page.data.meta_image) ? (\n                  <meta property=\"og:image\" content={asImageSrc(page.data.meta_image) || \"\"} />\n                ) : null}\n              </Head>\n              <SliceZone slices={page.data.slices} components={components} />\n            </>\n          );\n        }\n\n        export async function getStaticProps({ previewData }: GetStaticPropsContext) {\n          const client = createClient({ previewData });\n          const page = await client.getSingle(\"${customType.id}\");\n\n          return { props: { page } };\n        }\n      `;\n\t\t} else {\n\t\t\treturn stripIndent`\n        import Head from \"next/head\";\n        import { isFilled, asImageSrc } from \"@prismicio/client\";\n        import { SliceZone } from \"@prismicio/react\";\n\n        import { components } from \"${slicesPath}\";\n        import { createClient } from \"${importPath}\";\n\n        export default function Page({ page }) {\n          return (\n            <>\n              <Head>\n                <title>{page.data.meta_title}</title>\n                {isFilled.keyText(page.data.meta_description) ? (\n                  <meta name=\"description\" content={page.data.meta_description} />\n                ) : null}\n                {isFilled.image(page.data.meta_image) ? (\n                  <meta property=\"og:image\" content={asImageSrc(page.data.meta_image) || \"\"} />\n                ) : null}\n              </Head>\n              <SliceZone slices={page.data.slices} components={components} />\n            </>\n          );\n        }\n\n        export async function getStaticProps({ previewData }) {\n          const client = createClient({ previewData });\n          const page = await client.getSingle(\"${customType.id}\");\n\n          return { props: { page } };\n        }\n      `;\n\t\t}\n\t}\n}\n"],"names":["checkIsTypeScriptProject","checkHasProjectFile","checkHasAppRouter","getJSFileExtension","writeProjectFile","stripIndent"],"mappings":"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"}

package/dist/hooks/page-route-create.d.ts

@@ -0,0 +1,10 @@
+import { CustomType } from "@prismicio/types-internal/lib/customtypes";
+import type { CustomTypeUpdateRouteHook } from "@slicemachine/plugin-kit";
+import type { PluginOptions } from "../types";
+export declare const pageRouteCreate: CustomTypeUpdateRouteHook<PluginOptions>;
+export declare function generatePageComponent(customType: CustomType, env: {
+    hasAppRouter: boolean;
+    isTypeScript: boolean;
+    hasSrcDirectory: boolean;
+    pageRouteLength: number;
+}): string;