@slicemachine/adapter-sveltekit 0.3.18-dev-next-release.2 → 0.3.18-dev-next-release.4

package/dist/Hero/javascript.svelte

@@ -0,0 +1,189 @@
+<script>
+	import { PrismicImage, PrismicRichText } from "@prismicio/svelte";
+	import { isFilled } from "@prismicio/client";
+
+	/**
+	 * @type {import("@prismicio/client").Content.${PascalNameToReplace}Slice}
+	 */
+	export let slice;
+</script>
+
+<section
+	data-slice-type={slice.slice_type}
+	data-slice-variation={slice.variation}
+	class="es-bounded es-fullpage-hero"
+>
+	<div
+		class={`
+        es-bounded__content
+        es-fullpage-hero__content
+        ${
+					slice.variation === "imageRight"
+						? "es-fullpage-hero__image--right"
+						: "es-fullpage-hero__image--left"
+				}
+    `}
+	>
+		{#if isFilled.image(slice.primary.image)}
+			<div>
+				<PrismicImage
+					field={slice.primary.image}
+					class="es-fullpage-hero__image"
+				/>
+			</div>
+		{/if}
+		<div class="es-fullpage-hero__content-right">
+			<div class="es-fullpage-hero__content__intro">
+				{#if isFilled.keyText(slice.primary.eyebrowHeadline)}
+					<p class="es-fullpage-hero__content__intro__eyebrow">
+						{slice.primary.eyebrowHeadline}
+					</p>
+				{/if}
+				{#if isFilled.richText(slice.primary.title)}
+					<div class="es-fullpage-hero__content__intro__headline">
+						<PrismicRichText field={slice.primary.title} />
+					</div>
+				{/if}
+				{#if isFilled.richText(slice.primary.description)}
+					<div class="es-fullpage-hero__content__intro__description">
+						<PrismicRichText field={slice.primary.description} />
+					</div>
+				{/if}
+			</div>
+		</div>
+	</div>
+
+	<style>
+		.es-bounded {
+			margin: 0px;
+			min-width: 0px;
+			position: relative;
+		}
+
+		.es-bounded-content {
+			min-width: 0px;
+			max-width: 90%;
+			margin: 0px auto;
+		}
+
+		.es-fullpage-hero {
+			font-family: system-ui, sans-serif;
+			background-color: #fff;
+			color: #333;
+		}
+
+		.es-fullpage-hero__image {
+			max-width: 100%;
+			height: auto;
+			align-self: center;
+		}
+
+		.es-fullpage-hero__image--left > div:first-child {
+			order: 1;
+		}
+
+		.es-fullpage-hero__image--left > div:nth-child(2) {
+			order: 2;
+		}
+
+		.es-fullpage-hero__image--right > div:first-child {
+			order: 2;
+		}
+
+		.es-fullpage-hero__image--right > div:nth-child(2) {
+			order: 1;
+		}
+
+		.es-fullpage-hero__content {
+			display: flex;
+			flex-direction: column;
+			gap: 2rem;
+		}
+
+		.es-fullpage-hero__content-right {
+			display: flex;
+			flex-direction: column;
+			justify-content: space-around;
+			padding: 1.5rem;
+		}
+
+		@media (min-width: 1080px) {
+			.es-fullpage-hero__content {
+				flex-direction: row;
+			}
+
+			.es-fullpage-hero__content > div {
+				width: 50%;
+			}
+		}
+
+		.es-fullpage-hero__content__intro {
+			display: grid;
+			gap: 1rem;
+		}
+
+		.es-fullpage-hero__content__intro__eyebrow {
+			color: #47c1af;
+			font-size: 1.15rem;
+			font-weight: 500;
+			margin: 0;
+		}
+
+		.es-fullpage-hero__content__intro__headline {
+			font-size: 1.625rem;
+			font-weight: 700;
+		}
+
+		.es-fullpage-hero__content__intro__headline > * {
+			margin: 0;
+		}
+
+		@media (min-width: 640px) {
+			.es-fullpage-hero__content__intro__headline {
+				font-size: 2rem;
+			}
+		}
+
+		@media (min-width: 1024px) {
+			.es-fullpage-hero__content__intro__headline {
+				font-size: 2.5rem;
+			}
+		}
+
+		@media (min-width: 1200px) {
+			.es-fullpage-hero__content__intro__headline {
+				font-size: 2.75rem;
+			}
+		}
+
+		.es-fullpage-hero__content__intro__description {
+			font-size: 1.15rem;
+			max-width: 38rem;
+		}
+
+		.es-fullpage-hero__content__intro__description > p {
+			margin: 0;
+		}
+
+		@media (min-width: 1200px) {
+			.es-fullpage-hero__content__intro__description {
+				font-size: 1.4rem;
+			}
+		}
+
+		.es-call-to-action__link {
+			justify-self: flex-start;
+			border-radius: 0.25rem;
+			font-size: 0.875rem;
+			line-height: 1.3;
+			padding: 1rem 2.625rem;
+			transition: background-color 100ms linear;
+			background-color: #16745f;
+			color: #fff;
+		}
+
+		.es-call-to-action__link:hover {
+			background-color: #0d5e4c;
+		}
+	</style>
+</section>

package/dist/Hero/typescript.svelte

@@ -0,0 +1,187 @@
+<script lang="ts">
+	import { PrismicImage, PrismicRichText } from "@prismicio/svelte";
+	import { isFilled } from "@prismicio/client";
+	import type { Content } from "@prismicio/client";
+
+	export let slice: Content.PascalNameToReplaceSlice;
+</script>
+
+<section
+	data-slice-type={slice.slice_type}
+	data-slice-variation={slice.variation}
+	class="es-bounded es-fullpage-hero"
+>
+	<div
+		class={`
+        es-bounded__content
+        es-fullpage-hero__content
+        ${
+					slice.variation === "imageRight"
+						? "es-fullpage-hero__image--right"
+						: "es-fullpage-hero__image--left"
+				}
+    `}
+	>
+		{#if isFilled.image(slice.primary.image)}
+			<div>
+				<PrismicImage
+					field={slice.primary.image}
+					class="es-fullpage-hero__image"
+				/>
+			</div>
+		{/if}
+		<div class="es-fullpage-hero__content-right">
+			<div class="es-fullpage-hero__content__intro">
+				{#if isFilled.keyText(slice.primary.eyebrowHeadline)}
+					<p class="es-fullpage-hero__content__intro__eyebrow">
+						{slice.primary.eyebrowHeadline}
+					</p>
+				{/if}
+				{#if isFilled.richText(slice.primary.title)}
+					<div class="es-fullpage-hero__content__intro__headline">
+						<PrismicRichText field={slice.primary.title} />
+					</div>
+				{/if}
+				{#if isFilled.richText(slice.primary.description)}
+					<div class="es-fullpage-hero__content__intro__description">
+						<PrismicRichText field={slice.primary.description} />
+					</div>
+				{/if}
+			</div>
+		</div>
+	</div>
+
+	<style>
+		.es-bounded {
+			margin: 0px;
+			min-width: 0px;
+			position: relative;
+		}
+
+		.es-bounded-content {
+			min-width: 0px;
+			max-width: 90%;
+			margin: 0px auto;
+		}
+
+		.es-fullpage-hero {
+			font-family: system-ui, sans-serif;
+			background-color: #fff;
+			color: #333;
+		}
+
+		.es-fullpage-hero__image {
+			max-width: 100%;
+			height: auto;
+			align-self: center;
+		}
+
+		.es-fullpage-hero__image--left > div:first-child {
+			order: 1;
+		}
+
+		.es-fullpage-hero__image--left > div:nth-child(2) {
+			order: 2;
+		}
+
+		.es-fullpage-hero__image--right > div:first-child {
+			order: 2;
+		}
+
+		.es-fullpage-hero__image--right > div:nth-child(2) {
+			order: 1;
+		}
+
+		.es-fullpage-hero__content {
+			display: flex;
+			flex-direction: column;
+			gap: 2rem;
+		}
+
+		.es-fullpage-hero__content-right {
+			display: flex;
+			flex-direction: column;
+			justify-content: space-around;
+			padding: 1.5rem;
+		}
+
+		@media (min-width: 1080px) {
+			.es-fullpage-hero__content {
+				flex-direction: row;
+			}
+
+			.es-fullpage-hero__content > div {
+				width: 50%;
+			}
+		}
+
+		.es-fullpage-hero__content__intro {
+			display: grid;
+			gap: 1rem;
+		}
+
+		.es-fullpage-hero__content__intro__eyebrow {
+			color: #47c1af;
+			font-size: 1.15rem;
+			font-weight: 500;
+			margin: 0;
+		}
+
+		.es-fullpage-hero__content__intro__headline {
+			font-size: 1.625rem;
+			font-weight: 700;
+		}
+
+		.es-fullpage-hero__content__intro__headline > * {
+			margin: 0;
+		}
+
+		@media (min-width: 640px) {
+			.es-fullpage-hero__content__intro__headline {
+				font-size: 2rem;
+			}
+		}
+
+		@media (min-width: 1024px) {
+			.es-fullpage-hero__content__intro__headline {
+				font-size: 2.5rem;
+			}
+		}
+
+		@media (min-width: 1200px) {
+			.es-fullpage-hero__content__intro__headline {
+				font-size: 2.75rem;
+			}
+		}
+
+		.es-fullpage-hero__content__intro__description {
+			font-size: 1.15rem;
+			max-width: 38rem;
+		}
+
+		.es-fullpage-hero__content__intro__description > p {
+			margin: 0;
+		}
+
+		@media (min-width: 1200px) {
+			.es-fullpage-hero__content__intro__description {
+				font-size: 1.4rem;
+			}
+		}
+
+		.es-call-to-action__link {
+			justify-self: flex-start;
+			border-radius: 0.25rem;
+			font-size: 0.875rem;
+			line-height: 1.3;
+			padding: 1rem 2.625rem;
+			transition: background-color 100ms linear;
+			background-color: #16745f;
+			color: #fff;
+		}
+
+		.es-call-to-action__link:hover {
+			background-color: #0d5e4c;
+		}
+	</style>
+</section>

package/dist/hooks/documentation-read.cjs

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const commonTags = require("common-tags");
+const getJSFileExtension = require("../lib/getJSFileExtension.cjs");
+var __freeze = Object.freeze;
+var __defProp = Object.defineProperty;
+var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
+var _a;
+const nestRouteFilePath = (filePath, nesting) => {
+  return [
+    ...filePath.split("/").slice(0, 2),
+    nesting,
+    ...filePath.split("/").slice(2)
+  ].join("/");
+};
+const documentationRead = async (data, { options, helpers }) => {
+  if (data.kind === "PageSnippet") {
+    const { model } = data.data;
+    const pageDataExtension = await getJSFileExtension.getJSFileExtension({ helpers, options });
+    const routePath = `src/routes/${model.repeatable ? "[uid]" : model.id}`;
+    const dataFilePath = `${routePath}/+page.server.${pageDataExtension}`;
+    const componentFilePath = `${routePath}/+page.svelte`;
+    let dataFileContent;
+    if (model.repeatable) {
+      dataFileContent = commonTags.source`
+				import { createClient } from "$lib/prismicio";
+
+				export const prerender = true;
+
+				export async function load({ params, fetch }) {
+					const client = createClient({ fetch });
+
+					const page = await client.getByUID("${model.id}", params.uid);
+
+					return {
+						page,
+					};
+				}
+
+				export async function entries() {
+					const client = createClient();
+
+					const pages = await client.getAllByType("${model.id}");
+
+					return pages.map((page) => {
+						return { uid: page.uid };
+					});
+				}
+			`;
+    } else {
+      dataFileContent = commonTags.source`
+				import { createClient } from "$lib/prismicio";
+
+				export const prerender = true;
+
+				export async function load({ params, fetch }) {
+					const client = createClient({ fetch });
+
+					const page = await client.getSingle("${model.id}");
+
+					return {
+						page,
+					};
+				}
+			`;
+    }
+    let componentFileContent = commonTags.source(_a || (_a = __template(['\n			<script>\n				import { SliceZone } from "@prismicio/svelte";\n\n				import { components } from "$lib/slices";\n\n				export let data;\n			<\/script>\n\n			<SliceZone slices={data.page.data.slices} {components} />\n		'])));
+    if (options.format) {
+      dataFileContent = await helpers.format(dataFileContent, helpers.joinPathFromRoot(dataFilePath), {
+        includeNewlineAtEnd: false
+      });
+      componentFileContent = await helpers.format(componentFileContent, helpers.joinPathFromRoot(componentFilePath), {
+        prettier: {
+          plugins: ["prettier-plugin-svelte"],
+          parser: "svelte"
+        },
+        includeNewlineAtEnd: false
+      });
+    }
+    const nestedDataFilePath = nestRouteFilePath(dataFilePath, "marketing");
+    const nestedComponentFilePath = nestRouteFilePath(componentFilePath, "marketing");
+    return [
+      {
+        label: "Default",
+        content: commonTags.source`
+					## Create your ${model.label}'s page data fetcher
+
+					Add a new route by creating a \`${dataFilePath}\` file. (If the route should be nested in a child directory, you can create the file in a directory, like \`${nestedDataFilePath}\`.)
+
+					Paste in this code:
+
+					${`~~~${pageDataExtension} [${dataFilePath}]
+${dataFileContent}
+~~~`}
+
+					## Create your ${model.label}'s page component
+
+					In the route's directory, create a \`${componentFilePath}\` file. (If the route should be nested in a child directory, you can create the file in a directory, like \`${nestedComponentFilePath}\`.)
+
+					Paste in this code:
+
+					${`~~~svelte [${componentFilePath}]
+${componentFileContent}
+~~~`}
+
+					Make sure all of your import paths are correct. See the [install guide](https://prismic.io/docs/svelte-install) for more information.
+				`
+      }
+    ];
+  }
+  return [];
+};
+exports.documentationRead = documentationRead;
+//# sourceMappingURL=documentation-read.cjs.map

package/dist/hooks/documentation-read.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"documentation-read.cjs","sources":["../../../src/hooks/documentation-read.ts"],"sourcesContent":["import { source } from \"common-tags\";\n\nimport type { DocumentationReadHook } from \"@slicemachine/plugin-kit\";\n\nimport { getJSFileExtension } from \"../lib/getJSFileExtension\";\n\nimport type { PluginOptions } from \"../types\";\n\nconst nestRouteFilePath = (filePath: string, nesting: string): string => {\n\treturn [\n\t\t...filePath.split(\"/\").slice(0, 2),\n\t\tnesting,\n\t\t...filePath.split(\"/\").slice(2),\n\t].join(\"/\");\n};\n\nexport const documentationRead: DocumentationReadHook<PluginOptions> = async (\n\tdata,\n\t{ options, helpers },\n) => {\n\tif (data.kind === \"PageSnippet\") {\n\t\tconst { model } = data.data;\n\n\t\tconst pageDataExtension = await getJSFileExtension({ helpers, options });\n\n\t\tconst routePath = `src/routes/${model.repeatable ? \"[uid]\" : model.id}`;\n\t\tconst dataFilePath = `${routePath}/+page.server.${pageDataExtension}`;\n\t\tconst componentFilePath = `${routePath}/+page.svelte`;\n\n\t\tlet dataFileContent: string;\n\t\tif (model.repeatable) {\n\t\t\tdataFileContent = source`\n\t\t\t\timport { createClient } from \"$lib/prismicio\";\n\n\t\t\t\texport const prerender = true;\n\n\t\t\t\texport async function load({ params, fetch }) {\n\t\t\t\t\tconst client = createClient({ fetch });\n\n\t\t\t\t\tconst page = await client.getByUID(\"${model.id}\", params.uid);\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tpage,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\texport async function entries() {\n\t\t\t\t\tconst client = createClient();\n\n\t\t\t\t\tconst pages = await client.getAllByType(\"${model.id}\");\n\n\t\t\t\t\treturn pages.map((page) => {\n\t\t\t\t\t\treturn { uid: page.uid };\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t`;\n\t\t} else {\n\t\t\tdataFileContent = source`\n\t\t\t\timport { createClient } from \"$lib/prismicio\";\n\n\t\t\t\texport const prerender = true;\n\n\t\t\t\texport async function load({ params, fetch }) {\n\t\t\t\t\tconst client = createClient({ fetch });\n\n\t\t\t\t\tconst page = await client.getSingle(\"${model.id}\");\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tpage,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t`;\n\t\t}\n\n\t\tlet componentFileContent = source`\n\t\t\t<script>\n\t\t\t\timport { SliceZone } from \"@prismicio/svelte\";\n\n\t\t\t\timport { components } from \"$lib/slices\";\n\n\t\t\t\texport let data;\n\t\t\t</script>\n\n\t\t\t<SliceZone slices={data.page.data.slices} {components} />\n\t\t`;\n\n\t\tif (options.format) {\n\t\t\tdataFileContent = await helpers.format(\n\t\t\t\tdataFileContent,\n\t\t\t\thelpers.joinPathFromRoot(dataFilePath),\n\t\t\t\t{\n\t\t\t\t\tincludeNewlineAtEnd: false,\n\t\t\t\t},\n\t\t\t);\n\t\t\tcomponentFileContent = await helpers.format(\n\t\t\t\tcomponentFileContent,\n\t\t\t\thelpers.joinPathFromRoot(componentFilePath),\n\t\t\t\t{\n\t\t\t\t\tprettier: {\n\t\t\t\t\t\tplugins: [\"prettier-plugin-svelte\"],\n\t\t\t\t\t\tparser: \"svelte\",\n\t\t\t\t\t},\n\t\t\t\t\tincludeNewlineAtEnd: false,\n\t\t\t\t},\n\t\t\t);\n\t\t}\n\n\t\tconst nestedDataFilePath = nestRouteFilePath(dataFilePath, \"marketing\");\n\t\tconst nestedComponentFilePath = nestRouteFilePath(\n\t\t\tcomponentFilePath,\n\t\t\t\"marketing\",\n\t\t);\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: \"Default\",\n\t\t\t\tcontent: source`\n\t\t\t\t\t## Create your ${model.label}'s page data fetcher\n\n\t\t\t\t\tAdd a new route by creating a \\`${dataFilePath}\\` file. (If the route should be nested in a child directory, you can create the file in a directory, like \\`${nestedDataFilePath}\\`.)\n\n\t\t\t\t\tPaste in this code:\n\n\t\t\t\t\t${`~~~${pageDataExtension} [${dataFilePath}]\\n${dataFileContent}\\n~~~`}\n\n\t\t\t\t\t## Create your ${model.label}'s page component\n\n\t\t\t\t\tIn the route's directory, create a \\`${componentFilePath}\\` file. (If the route should be nested in a child directory, you can create the file in a directory, like \\`${nestedComponentFilePath}\\`.)\n\n\t\t\t\t\tPaste in this code:\n\n\t\t\t\t\t${`~~~svelte [${componentFilePath}]\\n${componentFileContent}\\n~~~`}\n\n\t\t\t\t\tMake sure all of your import paths are correct. See the [install guide](https://prismic.io/docs/svelte-install) for more information.\n\t\t\t\t`,\n\t\t\t},\n\t\t];\n\t}\n\n\treturn [];\n};\n"],"names":["getJSFileExtension","source"],"mappings":";;;;;;;AAAA,IAAA;AAQA,MAAM,oBAAoB,CAAC,UAAkB,YAA2B;AAChE,SAAA;AAAA,IACN,GAAG,SAAS,MAAM,GAAG,EAAE,MAAM,GAAG,CAAC;AAAA,IACjC;AAAA,IACA,GAAG,SAAS,MAAM,GAAG,EAAE,MAAM,CAAC;AAAA,EAAA,EAC7B,KAAK,GAAG;AACX;AAEO,MAAM,oBAA0D,OACtE,MACA,EAAE,SAAS,cACR;AACC,MAAA,KAAK,SAAS,eAAe;AAC1B,UAAA,EAAE,MAAK,IAAK,KAAK;AAEvB,UAAM,oBAAoB,MAAMA,mBAAA,mBAAmB,EAAE,SAAS,QAAS,CAAA;AAEvE,UAAM,YAAY,cAAc,MAAM,aAAa,UAAU,MAAM;AAC7D,UAAA,eAAe,GAAG,0BAA0B;AAClD,UAAM,oBAAoB,GAAG;AAEzB,QAAA;AACJ,QAAI,MAAM,YAAY;AACH,wBAAAC,WAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,2CAQsB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gDAUD,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,OAO7C;AACY,wBAAAA,WAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,4CAQuB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAO/C;AAED,QAAI,uBAAuBA,WAAM,OAAA,OAAA,KAAA,WAAA,CAAA,+NAAA,CAAA,EAAA;AAYjC,QAAI,QAAQ,QAAQ;AACnB,wBAAkB,MAAM,QAAQ,OAC/B,iBACA,QAAQ,iBAAiB,YAAY,GACrC;AAAA,QACC,qBAAqB;AAAA,MAAA,CACrB;AAEF,6BAAuB,MAAM,QAAQ,OACpC,sBACA,QAAQ,iBAAiB,iBAAiB,GAC1C;AAAA,QACC,UAAU;AAAA,UACT,SAAS,CAAC,wBAAwB;AAAA,UAClC,QAAQ;AAAA,QACR;AAAA,QACD,qBAAqB;AAAA,MAAA,CACrB;AAAA,IAEF;AAEK,UAAA,qBAAqB,kBAAkB,cAAc,WAAW;AAChE,UAAA,0BAA0B,kBAC/B,mBACA,WAAW;AAGL,WAAA;AAAA,MACN;AAAA,QACC,OAAO;AAAA,QACP,SAASA,WAAAA;AAAAA,sBACS,MAAM;AAAA;AAAA,uCAEW,4HAA4H;AAAA;AAAA;AAAA;AAAA,OAI5J,MAAM,sBAAsB;AAAA,EAAkB;AAAA;AAAA;AAAA,sBAE/B,MAAM;AAAA;AAAA,4CAEgB,iIAAiI;AAAA;AAAA;AAAA;AAAA,OAItK,cAAc;AAAA,EAAuB;AAAA;AAAA;AAAA;AAAA;AAAA,MAIxC;AAAA,IAAA;AAAA,EAEF;AAED,SAAO;AACR;;"}

package/dist/hooks/documentation-read.d.ts

@@ -0,0 +1,3 @@
+import type { DocumentationReadHook } from "@slicemachine/plugin-kit";
+import type { PluginOptions } from "../types";
+export declare const documentationRead: DocumentationReadHook<PluginOptions>;

package/dist/hooks/documentation-read.js

@@ -0,0 +1,114 @@
+import { source } from "common-tags";
+import { getJSFileExtension } from "../lib/getJSFileExtension.js";
+var __freeze = Object.freeze;
+var __defProp = Object.defineProperty;
+var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
+var _a;
+const nestRouteFilePath = (filePath, nesting) => {
+  return [
+    ...filePath.split("/").slice(0, 2),
+    nesting,
+    ...filePath.split("/").slice(2)
+  ].join("/");
+};
+const documentationRead = async (data, { options, helpers }) => {
+  if (data.kind === "PageSnippet") {
+    const { model } = data.data;
+    const pageDataExtension = await getJSFileExtension({ helpers, options });
+    const routePath = `src/routes/${model.repeatable ? "[uid]" : model.id}`;
+    const dataFilePath = `${routePath}/+page.server.${pageDataExtension}`;
+    const componentFilePath = `${routePath}/+page.svelte`;
+    let dataFileContent;
+    if (model.repeatable) {
+      dataFileContent = source`
+				import { createClient } from "$lib/prismicio";
+
+				export const prerender = true;
+
+				export async function load({ params, fetch }) {
+					const client = createClient({ fetch });
+
+					const page = await client.getByUID("${model.id}", params.uid);
+
+					return {
+						page,
+					};
+				}
+
+				export async function entries() {
+					const client = createClient();
+
+					const pages = await client.getAllByType("${model.id}");
+
+					return pages.map((page) => {
+						return { uid: page.uid };
+					});
+				}
+			`;
+    } else {
+      dataFileContent = source`
+				import { createClient } from "$lib/prismicio";
+
+				export const prerender = true;
+
+				export async function load({ params, fetch }) {
+					const client = createClient({ fetch });
+
+					const page = await client.getSingle("${model.id}");
+
+					return {
+						page,
+					};
+				}
+			`;
+    }
+    let componentFileContent = source(_a || (_a = __template(['\n			<script>\n				import { SliceZone } from "@prismicio/svelte";\n\n				import { components } from "$lib/slices";\n\n				export let data;\n			<\/script>\n\n			<SliceZone slices={data.page.data.slices} {components} />\n		'])));
+    if (options.format) {
+      dataFileContent = await helpers.format(dataFileContent, helpers.joinPathFromRoot(dataFilePath), {
+        includeNewlineAtEnd: false
+      });
+      componentFileContent = await helpers.format(componentFileContent, helpers.joinPathFromRoot(componentFilePath), {
+        prettier: {
+          plugins: ["prettier-plugin-svelte"],
+          parser: "svelte"
+        },
+        includeNewlineAtEnd: false
+      });
+    }
+    const nestedDataFilePath = nestRouteFilePath(dataFilePath, "marketing");
+    const nestedComponentFilePath = nestRouteFilePath(componentFilePath, "marketing");
+    return [
+      {
+        label: "Default",
+        content: source`
+					## Create your ${model.label}'s page data fetcher
+
+					Add a new route by creating a \`${dataFilePath}\` file. (If the route should be nested in a child directory, you can create the file in a directory, like \`${nestedDataFilePath}\`.)
+
+					Paste in this code:
+
+					${`~~~${pageDataExtension} [${dataFilePath}]
+${dataFileContent}
+~~~`}
+
+					## Create your ${model.label}'s page component
+
+					In the route's directory, create a \`${componentFilePath}\` file. (If the route should be nested in a child directory, you can create the file in a directory, like \`${nestedComponentFilePath}\`.)
+
+					Paste in this code:
+
+					${`~~~svelte [${componentFilePath}]
+${componentFileContent}
+~~~`}
+
+					Make sure all of your import paths are correct. See the [install guide](https://prismic.io/docs/svelte-install) for more information.
+				`
+      }
+    ];
+  }
+  return [];
+};
+export {
+  documentationRead
+};
+//# sourceMappingURL=documentation-read.js.map

package/dist/hooks/documentation-read.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"documentation-read.js","sources":["../../../src/hooks/documentation-read.ts"],"sourcesContent":["import { source } from \"common-tags\";\n\nimport type { DocumentationReadHook } from \"@slicemachine/plugin-kit\";\n\nimport { getJSFileExtension } from \"../lib/getJSFileExtension\";\n\nimport type { PluginOptions } from \"../types\";\n\nconst nestRouteFilePath = (filePath: string, nesting: string): string => {\n\treturn [\n\t\t...filePath.split(\"/\").slice(0, 2),\n\t\tnesting,\n\t\t...filePath.split(\"/\").slice(2),\n\t].join(\"/\");\n};\n\nexport const documentationRead: DocumentationReadHook<PluginOptions> = async (\n\tdata,\n\t{ options, helpers },\n) => {\n\tif (data.kind === \"PageSnippet\") {\n\t\tconst { model } = data.data;\n\n\t\tconst pageDataExtension = await getJSFileExtension({ helpers, options });\n\n\t\tconst routePath = `src/routes/${model.repeatable ? \"[uid]\" : model.id}`;\n\t\tconst dataFilePath = `${routePath}/+page.server.${pageDataExtension}`;\n\t\tconst componentFilePath = `${routePath}/+page.svelte`;\n\n\t\tlet dataFileContent: string;\n\t\tif (model.repeatable) {\n\t\t\tdataFileContent = source`\n\t\t\t\timport { createClient } from \"$lib/prismicio\";\n\n\t\t\t\texport const prerender = true;\n\n\t\t\t\texport async function load({ params, fetch }) {\n\t\t\t\t\tconst client = createClient({ fetch });\n\n\t\t\t\t\tconst page = await client.getByUID(\"${model.id}\", params.uid);\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tpage,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\texport async function entries() {\n\t\t\t\t\tconst client = createClient();\n\n\t\t\t\t\tconst pages = await client.getAllByType(\"${model.id}\");\n\n\t\t\t\t\treturn pages.map((page) => {\n\t\t\t\t\t\treturn { uid: page.uid };\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t`;\n\t\t} else {\n\t\t\tdataFileContent = source`\n\t\t\t\timport { createClient } from \"$lib/prismicio\";\n\n\t\t\t\texport const prerender = true;\n\n\t\t\t\texport async function load({ params, fetch }) {\n\t\t\t\t\tconst client = createClient({ fetch });\n\n\t\t\t\t\tconst page = await client.getSingle(\"${model.id}\");\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tpage,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t`;\n\t\t}\n\n\t\tlet componentFileContent = source`\n\t\t\t<script>\n\t\t\t\timport { SliceZone } from \"@prismicio/svelte\";\n\n\t\t\t\timport { components } from \"$lib/slices\";\n\n\t\t\t\texport let data;\n\t\t\t</script>\n\n\t\t\t<SliceZone slices={data.page.data.slices} {components} />\n\t\t`;\n\n\t\tif (options.format) {\n\t\t\tdataFileContent = await helpers.format(\n\t\t\t\tdataFileContent,\n\t\t\t\thelpers.joinPathFromRoot(dataFilePath),\n\t\t\t\t{\n\t\t\t\t\tincludeNewlineAtEnd: false,\n\t\t\t\t},\n\t\t\t);\n\t\t\tcomponentFileContent = await helpers.format(\n\t\t\t\tcomponentFileContent,\n\t\t\t\thelpers.joinPathFromRoot(componentFilePath),\n\t\t\t\t{\n\t\t\t\t\tprettier: {\n\t\t\t\t\t\tplugins: [\"prettier-plugin-svelte\"],\n\t\t\t\t\t\tparser: \"svelte\",\n\t\t\t\t\t},\n\t\t\t\t\tincludeNewlineAtEnd: false,\n\t\t\t\t},\n\t\t\t);\n\t\t}\n\n\t\tconst nestedDataFilePath = nestRouteFilePath(dataFilePath, \"marketing\");\n\t\tconst nestedComponentFilePath = nestRouteFilePath(\n\t\t\tcomponentFilePath,\n\t\t\t\"marketing\",\n\t\t);\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: \"Default\",\n\t\t\t\tcontent: source`\n\t\t\t\t\t## Create your ${model.label}'s page data fetcher\n\n\t\t\t\t\tAdd a new route by creating a \\`${dataFilePath}\\` file. (If the route should be nested in a child directory, you can create the file in a directory, like \\`${nestedDataFilePath}\\`.)\n\n\t\t\t\t\tPaste in this code:\n\n\t\t\t\t\t${`~~~${pageDataExtension} [${dataFilePath}]\\n${dataFileContent}\\n~~~`}\n\n\t\t\t\t\t## Create your ${model.label}'s page component\n\n\t\t\t\t\tIn the route's directory, create a \\`${componentFilePath}\\` file. (If the route should be nested in a child directory, you can create the file in a directory, like \\`${nestedComponentFilePath}\\`.)\n\n\t\t\t\t\tPaste in this code:\n\n\t\t\t\t\t${`~~~svelte [${componentFilePath}]\\n${componentFileContent}\\n~~~`}\n\n\t\t\t\t\tMake sure all of your import paths are correct. See the [install guide](https://prismic.io/docs/svelte-install) for more information.\n\t\t\t\t`,\n\t\t\t},\n\t\t];\n\t}\n\n\treturn [];\n};\n"],"names":[],"mappings":";;;;;AAAA,IAAA;AAQA,MAAM,oBAAoB,CAAC,UAAkB,YAA2B;AAChE,SAAA;AAAA,IACN,GAAG,SAAS,MAAM,GAAG,EAAE,MAAM,GAAG,CAAC;AAAA,IACjC;AAAA,IACA,GAAG,SAAS,MAAM,GAAG,EAAE,MAAM,CAAC;AAAA,EAAA,EAC7B,KAAK,GAAG;AACX;AAEO,MAAM,oBAA0D,OACtE,MACA,EAAE,SAAS,cACR;AACC,MAAA,KAAK,SAAS,eAAe;AAC1B,UAAA,EAAE,MAAK,IAAK,KAAK;AAEvB,UAAM,oBAAoB,MAAM,mBAAmB,EAAE,SAAS,QAAS,CAAA;AAEvE,UAAM,YAAY,cAAc,MAAM,aAAa,UAAU,MAAM;AAC7D,UAAA,eAAe,GAAG,0BAA0B;AAClD,UAAM,oBAAoB,GAAG;AAEzB,QAAA;AACJ,QAAI,MAAM,YAAY;AACH,wBAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2CAQsB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gDAUD,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,OAO7C;AACY,wBAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAQuB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAO/C;AAED,QAAI,uBAAuB,OAAM,OAAA,KAAA,WAAA,CAAA,+NAAA,CAAA,EAAA;AAYjC,QAAI,QAAQ,QAAQ;AACnB,wBAAkB,MAAM,QAAQ,OAC/B,iBACA,QAAQ,iBAAiB,YAAY,GACrC;AAAA,QACC,qBAAqB;AAAA,MAAA,CACrB;AAEF,6BAAuB,MAAM,QAAQ,OACpC,sBACA,QAAQ,iBAAiB,iBAAiB,GAC1C;AAAA,QACC,UAAU;AAAA,UACT,SAAS,CAAC,wBAAwB;AAAA,UAClC,QAAQ;AAAA,QACR;AAAA,QACD,qBAAqB;AAAA,MAAA,CACrB;AAAA,IAEF;AAEK,UAAA,qBAAqB,kBAAkB,cAAc,WAAW;AAChE,UAAA,0BAA0B,kBAC/B,mBACA,WAAW;AAGL,WAAA;AAAA,MACN;AAAA,QACC,OAAO;AAAA,QACP,SAAS;AAAA,sBACS,MAAM;AAAA;AAAA,uCAEW,4HAA4H;AAAA;AAAA;AAAA;AAAA,OAI5J,MAAM,sBAAsB;AAAA,EAAkB;AAAA;AAAA;AAAA,sBAE/B,MAAM;AAAA;AAAA,4CAEgB,iIAAiI;AAAA;AAAA;AAAA;AAAA,OAItK,cAAc;AAAA,EAAuB;AAAA;AAAA;AAAA;AAAA;AAAA,MAIxC;AAAA,IAAA;AAAA,EAEF;AAED,SAAO;AACR;"}

package/dist/plugin.cjs

@@ -1,14 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const path = require("node:path");
+const node_url = require("node:url");
 const pluginKit = require("@slicemachine/plugin-kit");
 const fs = require("@slicemachine/plugin-kit/fs");
 const rejectIfNecessary = require("./lib/rejectIfNecessary.cjs");
 const upsertSliceLibraryIndexFile = require("./lib/upsertSliceLibraryIndexFile.cjs");
 const _package = require("./packages/adapter-sveltekit/package.json.cjs");
+const documentationRead = require("./hooks/documentation-read.cjs");
 const projectInit = require("./hooks/project-init.cjs");
 const sliceCreate = require("./hooks/slice-create.cjs");
 const sliceSimulatorSetupRead = require("./hooks/sliceSimulator-setup-read.cjs");
 const snippetRead = require("./hooks/snippet-read.cjs");
+const index = require("./sliceTemplates/Hero/index.cjs");
 const plugin = pluginKit.defineSliceMachinePlugin({
   meta: {
     name: _package.name
@@ -110,6 +114,18 @@ const plugin = pluginKit.defineSliceMachinePlugin({
         ...context
       });
     });
+    hook("slice-template-library:read", async (data, context) => {
+      return await fs.readSliceTemplateLibrary({
+        ...data,
+        ...context,
+        dirName: path.dirname(node_url.fileURLToPath(new URL(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : document.currentScript && document.currentScript.src || new URL("plugin.cjs", document.baseURI).href))),
+        templates: [index],
+        componentFileNames: {
+          js: "javascript.svelte",
+          ts: "typescript.svelte"
+        }
+      });
+    });
     hook("custom-type:create", async (data, context) => {
       await fs.writeCustomTypeModel({
         model: data.model,
@@ -194,9 +210,7 @@ const plugin = pluginKit.defineSliceMachinePlugin({
       });
     });
     hook("snippet:read", snippetRead.snippetRead);
-    hook("documentation:read", async (_data, _context) => {
-      return [];
-    });
+    hook("documentation:read", documentationRead.documentationRead);
     hook("slice-simulator:setup:read", sliceSimulatorSetupRead.sliceSimulatorSetupRead);
   }
 });