@slicemachine/adapter-next 0.0.1 → 0.0.3

package/dist/hooks/sliceSimulator-setup-read.js

@@ -0,0 +1,198 @@
+import { SliceSimulatorSetupStepValidationMessageType } from "@slicemachine/plugin-kit";
+import { stripIndent } from "common-tags";
+import { createRequire } from "node:module";
+import * as http from "node:http";
+import { getJSOrTSXFileExtension } from "../lib/getJSOrTSXFileExtension.js";
+const REQUIRED_DEPENDENCIES = [
+  "@prismicio/react",
+  "@prismicio/slice-simulator-react",
+  "@prismicio/client@latest",
+  "@prismicio/helpers"
+];
+const createStep1 = async ({ project }) => {
+  const require2 = createRequire(project.root);
+  return {
+    title: "Install packages",
+    body: stripIndent`
+			The simulator requires extra dependencies. Run the following command to install them.
+
+			~~~sh
+			npm install --save @prismicio/react @prismicio/slice-simulator-react @prismicio/client@latest @prismicio/helpers
+			~~~
+		`,
+    validate: async () => {
+      const missingDependencies = [];
+      for (const dependency of REQUIRED_DEPENDENCIES) {
+        try {
+          require2.resolve(dependency);
+        } catch {
+          missingDependencies.push(dependency);
+        }
+      }
+      if (missingDependencies.length >= REQUIRED_DEPENDENCIES.length) {
+        return {
+          type: SliceSimulatorSetupStepValidationMessageType.Error,
+          title: "Missing all dependencies",
+          message: stripIndent`
+						Install the required dependencies to continue.
+					`
+        };
+      }
+      if (missingDependencies.length > 0) {
+        const formattedMissingDependencies = missingDependencies.map((missingDependency) => `\`${missingDependency}\``).join(", ");
+        return {
+          type: SliceSimulatorSetupStepValidationMessageType.Warning,
+          title: "Missing some dependencies",
+          message: stripIndent`
+						The following dependencies are missing: ${formattedMissingDependencies}
+					`
+        };
+      }
+    }
+  };
+};
+const createStep2 = async ({ helpers, options }) => {
+  const fileName = `slice-simulator.${getJSOrTSXFileExtension}`;
+  const filePath = helpers.joinPathFromRoot("pages", fileName);
+  let fileContents;
+  if (options.typescript) {
+    fileContents = stripIndent`
+			import { GetStaticProps } from "next/types";
+			import { SliceSimulator } from "@prismicio/slice-simulator-react";
+			import { SliceZone } from "@prismicio/react";
+
+			import state from "../.slicemachine/libraries-state.json";
+			import { components } from "../slices";
+
+			const SliceSimulatorPage = () => {
+				return (
+					<SliceSimulator
+						sliceZone={(props) => <SliceZone {...props} components={components} />}
+						state={state}
+					/>
+				);
+			};
+
+			export default SliceSimulatorPage;
+
+			export const getStaticProps: GetStaticProps = () => {
+				return {
+					// Exclude this page from production builds.
+					notFound: process.env.NODE_ENV === "production",
+				};
+			};
+		`;
+  } else {
+    fileContents = stripIndent`
+			import { SliceSimulator } from "@prismicio/slice-simulator-react";
+			import { SliceZone } from "@prismicio/react";
+
+			import state from "../.slicemachine/libraries-state.json";
+			import { components } from "../slices";
+
+			const SliceSimulatorPage = () => {
+				return (
+					<SliceSimulator
+						sliceZone={(props) => <SliceZone {...props} components={components} />}
+						state={state}
+					/>
+				);
+			};
+
+			export default SliceSimulatorPage;
+
+			export const getStaticProps= () => {
+				return {
+					// Exclude this page from production builds.
+					notFound: process.env.NODE_ENV === "production",
+				};
+			};
+		`;
+  }
+  fileContents = await helpers.format(fileContents, filePath);
+  return {
+    title: "Create a page for the simulator",
+    body: stripIndent`
+			In your \`pages\` directory, create a file called \`${fileName}\` and add the following code. This route will be used to simulate and develop your components.
+
+			~~~tsx
+			${fileContents}
+			~~~
+		`
+  };
+};
+const createStep3 = async ({ helpers }) => {
+  const filePath = helpers.joinPathFromRoot("sm.json");
+  const fileContents = await helpers.format(`
+			{
+				"localSliceSimulatorURL": "http://localhost:3000/slice-simulator"
+			}
+		`, filePath);
+  return {
+    title: "Update `sm.json`",
+    body: stripIndent`
+			Update your \`sm.json\` file with a \`localSliceSimulatorURL\` property pointing to your \`slice-simulator\` page.
+
+			~~~json
+			${fileContents}
+			~~~
+		`,
+    validate: async () => {
+      const project = await helpers.getProject();
+      if (!("localSliceSimulatorURL" in project.config)) {
+        return {
+          type: SliceSimulatorSetupStepValidationMessageType.Error,
+          title: "Missing `localSliceSimulatorURL` property",
+          message: stripIndent`
+						A \`localSliceSimulatorURL\` property was not found in your \`sm.json\` file.
+					`
+        };
+      }
+      try {
+        if (project.config.localSliceSimulatorURL) {
+          new URL(project.config.localSliceSimulatorURL);
+        } else {
+          throw new Error("Undefined Slice Simulator URL");
+        }
+      } catch {
+        return {
+          type: SliceSimulatorSetupStepValidationMessageType.Warning,
+          title: "An invalid URL was provided",
+          message: stripIndent`
+						The \`localSliceSimulatorURL\` property should be of the shape \`http://localhost:PORT/PATH\`. See the codeblock for an example.
+					`
+        };
+      }
+      const ok = await new Promise((resolve) => {
+        if (project.config.localSliceSimulatorURL) {
+          http.get(project.config.localSliceSimulatorURL, (res) => {
+            if (res.statusCode) {
+              resolve(res.statusCode >= 200 && res.statusCode < 300);
+            }
+          });
+        }
+        resolve(false);
+      });
+      if (!ok) {
+        return {
+          type: SliceSimulatorSetupStepValidationMessageType.Warning,
+          title: "Unable to connect to simulator page",
+          message: stripIndent`
+						Check that the \`localSliceSimulatorURL\` property in \`sm.json\` is correct and try again. See the [troubleshooting page](https://prismic.io/docs/technologies/setup-slice-simulator-nextjs) for more details.
+					`
+        };
+      }
+    }
+  };
+};
+const sliceSimulatorSetupRead = async (_data, context) => {
+  return Promise.all([
+    createStep1(context),
+    createStep2(context),
+    createStep3(context)
+  ]);
+};
+export {
+  sliceSimulatorSetupRead
+};
+//# sourceMappingURL=sliceSimulator-setup-read.js.map

package/dist/hooks/sliceSimulator-setup-read.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliceSimulator-setup-read.js","sources":["../../src/hooks/sliceSimulator-setup-read.ts"],"sourcesContent":["import type {\n\tSliceMachineContext,\n\tSliceSimulatorSetupReadHook,\n\tSliceSimulatorSetupStep,\n} from \"@slicemachine/plugin-kit\";\nimport { SliceSimulatorSetupStepValidationMessageType } from \"@slicemachine/plugin-kit\";\nimport { stripIndent } from \"common-tags\";\nimport { createRequire } from \"node:module\";\nimport * as http from \"node:http\";\n\nimport { getJSOrTSXFileExtension } from \"../lib/getJSOrTSXFileExtension\";\n\nimport type { PluginOptions } from \"../types\";\n\nconst REQUIRED_DEPENDENCIES = [\n\t\"@prismicio/react\",\n\t\"@prismicio/slice-simulator-react\",\n\t\"@prismicio/client@latest\",\n\t\"@prismicio/helpers\",\n];\n\ntype Args = SliceMachineContext<PluginOptions>;\n\nconst createStep1 = async ({\n\tproject,\n}: Args): Promise<SliceSimulatorSetupStep> => {\n\tconst require = createRequire(project.root);\n\n\treturn {\n\t\ttitle: \"Install packages\",\n\t\tbody: stripIndent`\n\t\t\tThe simulator requires extra dependencies. Run the following command to install them.\n\n\t\t\t~~~sh\n\t\t\tnpm install --save @prismicio/react @prismicio/slice-simulator-react @prismicio/client@latest @prismicio/helpers\n\t\t\t~~~\n\t\t`,\n\t\tvalidate: async () => {\n\t\t\tconst missingDependencies: string[] = [];\n\n\t\t\tfor (const dependency of REQUIRED_DEPENDENCIES) {\n\t\t\t\ttry {\n\t\t\t\t\t// `require.resolve()` is preferred\n\t\t\t\t\t// over `import()` because we don't\n\t\t\t\t\t// want to load the module. Loading a\n\t\t\t\t\t// module could introduce side-effects.\n\t\t\t\t\trequire.resolve(dependency);\n\t\t\t\t} catch {\n\t\t\t\t\tmissingDependencies.push(dependency);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (missingDependencies.length >= REQUIRED_DEPENDENCIES.length) {\n\t\t\t\treturn {\n\t\t\t\t\ttype: SliceSimulatorSetupStepValidationMessageType.Error,\n\t\t\t\t\ttitle: \"Missing all dependencies\",\n\t\t\t\t\tmessage: stripIndent`\n\t\t\t\t\t\tInstall the required dependencies to continue.\n\t\t\t\t\t`,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tif (missingDependencies.length > 0) {\n\t\t\t\tconst formattedMissingDependencies = missingDependencies\n\t\t\t\t\t.map((missingDependency) => `\\`${missingDependency}\\``)\n\t\t\t\t\t.join(\", \");\n\n\t\t\t\treturn {\n\t\t\t\t\ttype: SliceSimulatorSetupStepValidationMessageType.Warning,\n\t\t\t\t\ttitle: \"Missing some dependencies\",\n\t\t\t\t\tmessage: stripIndent`\n\t\t\t\t\t\tThe following dependencies are missing: ${formattedMissingDependencies}\n\t\t\t\t\t`,\n\t\t\t\t};\n\t\t\t}\n\t\t},\n\t};\n};\n\nconst createStep2 = async ({\n\thelpers,\n\toptions,\n}: Args): Promise<SliceSimulatorSetupStep> => {\n\tconst fileName = `slice-simulator.${getJSOrTSXFileExtension}`;\n\tconst filePath = helpers.joinPathFromRoot(\"pages\", fileName);\n\n\tlet fileContents: string;\n\n\tif (options.typescript) {\n\t\tfileContents = stripIndent`\n\t\t\timport { GetStaticProps } from \"next/types\";\n\t\t\timport { SliceSimulator } from \"@prismicio/slice-simulator-react\";\n\t\t\timport { SliceZone } from \"@prismicio/react\";\n\n\t\t\timport state from \"../.slicemachine/libraries-state.json\";\n\t\t\timport { components } from \"../slices\";\n\n\t\t\tconst SliceSimulatorPage = () => {\n\t\t\t\treturn (\n\t\t\t\t\t<SliceSimulator\n\t\t\t\t\t\tsliceZone={(props) => <SliceZone {...props} components={components} />}\n\t\t\t\t\t\tstate={state}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t};\n\n\t\t\texport default SliceSimulatorPage;\n\n\t\t\texport const getStaticProps: GetStaticProps = () => {\n\t\t\t\treturn {\n\t\t\t\t\t// Exclude this page from production builds.\n\t\t\t\t\tnotFound: process.env.NODE_ENV === \"production\",\n\t\t\t\t};\n\t\t\t};\n\t\t`;\n\t} else {\n\t\tfileContents = stripIndent`\n\t\t\timport { SliceSimulator } from \"@prismicio/slice-simulator-react\";\n\t\t\timport { SliceZone } from \"@prismicio/react\";\n\n\t\t\timport state from \"../.slicemachine/libraries-state.json\";\n\t\t\timport { components } from \"../slices\";\n\n\t\t\tconst SliceSimulatorPage = () => {\n\t\t\t\treturn (\n\t\t\t\t\t<SliceSimulator\n\t\t\t\t\t\tsliceZone={(props) => <SliceZone {...props} components={components} />}\n\t\t\t\t\t\tstate={state}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t};\n\n\t\t\texport default SliceSimulatorPage;\n\n\t\t\texport const getStaticProps= () => {\n\t\t\t\treturn {\n\t\t\t\t\t// Exclude this page from production builds.\n\t\t\t\t\tnotFound: process.env.NODE_ENV === \"production\",\n\t\t\t\t};\n\t\t\t};\n\t\t`;\n\t}\n\n\tfileContents = await helpers.format(fileContents, filePath);\n\n\treturn {\n\t\ttitle: \"Create a page for the simulator\",\n\t\tbody: stripIndent`\n\t\t\tIn your \\`pages\\` directory, create a file called \\`${fileName}\\` and add the following code. This route will be used to simulate and develop your components.\n\n\t\t\t~~~tsx\n\t\t\t${fileContents}\n\t\t\t~~~\n\t\t`,\n\t};\n};\n\nconst createStep3 = async ({\n\thelpers,\n}: Args): Promise<SliceSimulatorSetupStep> => {\n\tconst filePath = helpers.joinPathFromRoot(\"sm.json\");\n\tconst fileContents = await helpers.format(\n\t\t`\n\t\t\t{\n\t\t\t\t\"localSliceSimulatorURL\": \"http://localhost:3000/slice-simulator\"\n\t\t\t}\n\t\t`,\n\t\tfilePath,\n\t);\n\n\treturn {\n\t\ttitle: \"Update `sm.json`\",\n\t\tbody: stripIndent`\n\t\t\tUpdate your \\`sm.json\\` file with a \\`localSliceSimulatorURL\\` property pointing to your \\`slice-simulator\\` page.\n\n\t\t\t~~~json\n\t\t\t${fileContents}\n\t\t\t~~~\n\t\t`,\n\t\tvalidate: async () => {\n\t\t\tconst project = await helpers.getProject();\n\n\t\t\tif (!(\"localSliceSimulatorURL\" in project.config)) {\n\t\t\t\treturn {\n\t\t\t\t\ttype: SliceSimulatorSetupStepValidationMessageType.Error,\n\t\t\t\t\ttitle: \"Missing `localSliceSimulatorURL` property\",\n\t\t\t\t\tmessage: stripIndent`\n\t\t\t\t\t\tA \\`localSliceSimulatorURL\\` property was not found in your \\`sm.json\\` file.\n\t\t\t\t\t`,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t// Test if the URL is valid.\n\t\t\ttry {\n\t\t\t\tif (project.config.localSliceSimulatorURL) {\n\t\t\t\t\tnew URL(project.config.localSliceSimulatorURL);\n\t\t\t\t} else {\n\t\t\t\t\tthrow new Error(\"Undefined Slice Simulator URL\");\n\t\t\t\t}\n\t\t\t} catch {\n\t\t\t\treturn {\n\t\t\t\t\ttype: SliceSimulatorSetupStepValidationMessageType.Warning,\n\t\t\t\t\ttitle: \"An invalid URL was provided\",\n\t\t\t\t\tmessage: stripIndent`\n\t\t\t\t\t\tThe \\`localSliceSimulatorURL\\` property should be of the shape \\`http://localhost:PORT/PATH\\`. See the codeblock for an example.\n\t\t\t\t\t`,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t// Check if the URL is accessible.\n\t\t\tconst ok = await new Promise<boolean>((resolve) => {\n\t\t\t\tif (project.config.localSliceSimulatorURL) {\n\t\t\t\t\thttp.get(project.config.localSliceSimulatorURL, (res) => {\n\t\t\t\t\t\tif (res.statusCode) {\n\t\t\t\t\t\t\tresolve(res.statusCode >= 200 && res.statusCode < 300);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tresolve(false);\n\t\t\t});\n\n\t\t\tif (!ok) {\n\t\t\t\treturn {\n\t\t\t\t\ttype: SliceSimulatorSetupStepValidationMessageType.Warning,\n\t\t\t\t\ttitle: \"Unable to connect to simulator page\",\n\t\t\t\t\tmessage: stripIndent`\n\t\t\t\t\t\tCheck that the \\`localSliceSimulatorURL\\` property in \\`sm.json\\` is correct and try again. See the [troubleshooting page](https://prismic.io/docs/technologies/setup-slice-simulator-nextjs) for more details.\n\t\t\t\t\t`,\n\t\t\t\t};\n\t\t\t}\n\t\t},\n\t};\n};\n\nexport const sliceSimulatorSetupRead: SliceSimulatorSetupReadHook<\n\tPluginOptions\n> = async (_data, context) => {\n\treturn Promise.all([\n\t\tcreateStep1(context),\n\t\tcreateStep2(context),\n\t\tcreateStep3(context),\n\t]);\n};\n"],"names":["require"],"mappings":"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"}

package/dist/hooks/snippet-read.cjs

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const prismicT = require("@prismicio/types");
+const commonTags = require("common-tags");
+function _interopNamespace(e) {
+  if (e && e.__esModule)
+    return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const prismicT__namespace = /* @__PURE__ */ _interopNamespace(prismicT);
+const prettierOptions = { parser: "typescript" };
+const dotPath = (segments) => {
+  return segments.join(".");
+};
+const snippetRead = async (data, { helpers }) => {
+  const { fieldPath } = data;
+  const label = "React";
+  switch (data.model.type) {
+    case prismicT__namespace.CustomTypeModelFieldType.Link: {
+      return {
+        label,
+        language: "tsx",
+        code: await helpers.format(commonTags.stripIndent`
+						<PrismicLink field={${dotPath(fieldPath)}}>Link</PrismicLink>
+					`, void 0, { prettier: prettierOptions })
+      };
+    }
+    case prismicT__namespace.CustomTypeModelFieldType.Image: {
+      return [
+        {
+          label: `${label} (next/image)`,
+          language: "tsx",
+          code: await helpers.format(commonTags.stripIndent`
+							<PrismicNextImage field={${dotPath(fieldPath)}} />
+						`, void 0, { prettier: prettierOptions })
+        },
+        {
+          label,
+          language: "tsx",
+          code: await helpers.format(commonTags.stripIndent`
+							<PrismicImage field={${dotPath(fieldPath)}} />
+						`, void 0, { prettier: prettierOptions })
+        }
+      ];
+    }
+    case prismicT__namespace.CustomTypeModelFieldType.Group: {
+      const code = await helpers.format(commonTags.stripIndent`
+					<>{${dotPath(fieldPath)}.map(item => (
+					  <>{/* Render content for item */}</>
+					))}</>
+				`, void 0, { prettier: prettierOptions });
+      return {
+        label,
+        language: "tsx",
+        code
+      };
+    }
+    case prismicT__namespace.CustomTypeModelFieldType.Slices: {
+      const code = await helpers.format(commonTags.stripIndent`
+					<SliceZone
+					  slices={${dotPath(fieldPath)}}
+					  components={components}
+					/>
+				`, void 0, { prettier: prettierOptions });
+      return {
+        label,
+        language: "tsx",
+        code
+      };
+    }
+    default: {
+      return {
+        label,
+        language: "tsx",
+        code: await helpers.format(commonTags.stripIndent`
+						<>{${dotPath(fieldPath)}}</>
+					`, void 0, { prettier: prettierOptions })
+      };
+    }
+  }
+};
+exports.snippetRead = snippetRead;
+//# sourceMappingURL=snippet-read.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snippet-read.cjs","sources":["../../src/hooks/snippet-read.ts"],"sourcesContent":["import type { SnippetReadHook } from \"@slicemachine/plugin-kit\";\nimport * as prismicT from \"@prismicio/types\";\nimport { stripIndent } from \"common-tags\";\nimport type { Config as PrettierConfig } from \"prettier\";\n\nimport type { PluginOptions } from \"../types\";\n\nconst prettierOptions: PrettierConfig = { parser: \"typescript\" };\n\nconst dotPath = (segments: string[]): string => {\n\treturn segments.join(\".\");\n};\n\nexport const snippetRead: SnippetReadHook<PluginOptions> = async (\n\tdata,\n\t{ helpers },\n) => {\n\tconst { fieldPath } = data;\n\n\tconst label = \"React\";\n\n\tswitch (data.model.type) {\n\t\tcase prismicT.CustomTypeModelFieldType.Link: {\n\t\t\treturn {\n\t\t\t\tlabel,\n\t\t\t\tlanguage: \"tsx\",\n\t\t\t\tcode: await helpers.format(\n\t\t\t\t\tstripIndent`\n\t\t\t\t\t\t<PrismicLink field={${dotPath(fieldPath)}}>Link</PrismicLink>\n\t\t\t\t\t`,\n\t\t\t\t\tundefined,\n\t\t\t\t\t{ prettier: prettierOptions },\n\t\t\t\t),\n\t\t\t};\n\t\t}\n\n\t\tcase prismicT.CustomTypeModelFieldType.Image: {\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tlabel: `${label} (next/image)`,\n\t\t\t\t\tlanguage: \"tsx\",\n\t\t\t\t\tcode: await helpers.format(\n\t\t\t\t\t\tstripIndent`\n\t\t\t\t\t\t\t<PrismicNextImage field={${dotPath(fieldPath)}} />\n\t\t\t\t\t\t`,\n\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t{ prettier: prettierOptions },\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel,\n\t\t\t\t\tlanguage: \"tsx\",\n\t\t\t\t\tcode: await helpers.format(\n\t\t\t\t\t\tstripIndent`\n\t\t\t\t\t\t\t<PrismicImage field={${dotPath(fieldPath)}} />\n\t\t\t\t\t\t`,\n\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t{ prettier: prettierOptions },\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\n\t\tcase prismicT.CustomTypeModelFieldType.Group: {\n\t\t\tconst code = await helpers.format(\n\t\t\t\tstripIndent`\n\t\t\t\t\t<>{${dotPath(fieldPath)}.map(item => (\n\t\t\t\t\t  <>{/* Render content for item */}</>\n\t\t\t\t\t))}</>\n\t\t\t\t`,\n\t\t\t\tundefined,\n\t\t\t\t{ prettier: prettierOptions },\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tlabel,\n\t\t\t\tlanguage: \"tsx\",\n\t\t\t\tcode,\n\t\t\t};\n\t\t}\n\n\t\tcase prismicT.CustomTypeModelFieldType.Slices: {\n\t\t\tconst code = await helpers.format(\n\t\t\t\tstripIndent`\n\t\t\t\t\t<SliceZone\n\t\t\t\t\t  slices={${dotPath(fieldPath)}}\n\t\t\t\t\t  components={components}\n\t\t\t\t\t/>\n\t\t\t\t`,\n\t\t\t\tundefined,\n\t\t\t\t{ prettier: prettierOptions },\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tlabel,\n\t\t\t\tlanguage: \"tsx\",\n\t\t\t\tcode,\n\t\t\t};\n\t\t}\n\n\t\tdefault: {\n\t\t\treturn {\n\t\t\t\tlabel,\n\t\t\t\tlanguage: \"tsx\",\n\t\t\t\tcode: await helpers.format(\n\t\t\t\t\tstripIndent`\n\t\t\t\t\t\t<>{${dotPath(fieldPath)}}</>\n\t\t\t\t\t`,\n\t\t\t\t\tundefined,\n\t\t\t\t\t{ prettier: prettierOptions },\n\t\t\t\t),\n\t\t\t};\n\t\t}\n\t}\n};\n"],"names":["prismicT","stripIndent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,kBAAkC,EAAE,QAAQ;AAElD,MAAM,UAAU,CAAC,aAA8B;AACvC,SAAA,SAAS,KAAK,GAAG;AACzB;AAEO,MAAM,cAA8C,OAC1D,MACA,EAAE,cACC;AACG,QAAA,EAAE,UAAc,IAAA;AAEtB,QAAM,QAAQ;AAEN,UAAA,KAAK,MAAM,MAAM;AAAA,IACxB,KAAKA,oBAAS,yBAAyB,MAAM;AACrC,aAAA;AAAA,QACN;AAAA,QACA,UAAU;AAAA,QACV,MAAM,MAAM,QAAQ,OACnBC;4BACuB,QAAQ,SAAS;AAAA,QAExC,QACA,EAAE,UAAU,gBAAA,CAAiB;AAAA,MAAA;AAAA,IAG/B;AAAA,IAED,KAAKD,oBAAS,yBAAyB,OAAO;AACtC,aAAA;AAAA,QACN;AAAA,UACC,OAAO,GAAG;AAAA,UACV,UAAU;AAAA,UACV,MAAM,MAAM,QAAQ,OACnBC;kCAC4B,QAAQ,SAAS;AAAA,SAE7C,QACA,EAAE,UAAU,gBAAA,CAAiB;AAAA,QAE9B;AAAA,QACD;AAAA,UACC;AAAA,UACA,UAAU;AAAA,UACV,MAAM,MAAM,QAAQ,OACnBA;8BACwB,QAAQ,SAAS;AAAA,SAEzC,QACA,EAAE,UAAU,gBAAA,CAAiB;AAAA,QAE9B;AAAA,MAAA;AAAA,IAEF;AAAA,IAED,KAAKD,oBAAS,yBAAyB,OAAO;AACvC,YAAA,OAAO,MAAM,QAAQ,OAC1BC,WAAAA;AAAAA,UACM,QAAQ,SAAS;AAAA;AAAA;AAAA,OAIvB,QACA,EAAE,UAAU,gBAAiB,CAAA;AAGvB,aAAA;AAAA,QACN;AAAA,QACA,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,IAED;AAAA,IAED,KAAKD,oBAAS,yBAAyB,QAAQ;AACxC,YAAA,OAAO,MAAM,QAAQ,OAC1BC,WAAAA;AAAAA;AAAAA,iBAEa,QAAQ,SAAS;AAAA;AAAA;AAAA,OAI9B,QACA,EAAE,UAAU,gBAAiB,CAAA;AAGvB,aAAA;AAAA,QACN;AAAA,QACA,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,IAED;AAAA,IAED,SAAS;AACD,aAAA;AAAA,QACN;AAAA,QACA,UAAU;AAAA,QACV,MAAM,MAAM,QAAQ,OACnBA;WACM,QAAQ,SAAS;AAAA,QAEvB,QACA,EAAE,UAAU,gBAAA,CAAiB;AAAA,MAAA;AAAA,IAG/B;AAAA,EACD;AACF;;"}

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

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

package/dist/hooks/snippet-read.js

@@ -0,0 +1,77 @@
+import * as prismicT from "@prismicio/types";
+import { stripIndent } from "common-tags";
+const prettierOptions = { parser: "typescript" };
+const dotPath = (segments) => {
+  return segments.join(".");
+};
+const snippetRead = async (data, { helpers }) => {
+  const { fieldPath } = data;
+  const label = "React";
+  switch (data.model.type) {
+    case prismicT.CustomTypeModelFieldType.Link: {
+      return {
+        label,
+        language: "tsx",
+        code: await helpers.format(stripIndent`
+						<PrismicLink field={${dotPath(fieldPath)}}>Link</PrismicLink>
+					`, void 0, { prettier: prettierOptions })
+      };
+    }
+    case prismicT.CustomTypeModelFieldType.Image: {
+      return [
+        {
+          label: `${label} (next/image)`,
+          language: "tsx",
+          code: await helpers.format(stripIndent`
+							<PrismicNextImage field={${dotPath(fieldPath)}} />
+						`, void 0, { prettier: prettierOptions })
+        },
+        {
+          label,
+          language: "tsx",
+          code: await helpers.format(stripIndent`
+							<PrismicImage field={${dotPath(fieldPath)}} />
+						`, void 0, { prettier: prettierOptions })
+        }
+      ];
+    }
+    case prismicT.CustomTypeModelFieldType.Group: {
+      const code = await helpers.format(stripIndent`
+					<>{${dotPath(fieldPath)}.map(item => (
+					  <>{/* Render content for item */}</>
+					))}</>
+				`, void 0, { prettier: prettierOptions });
+      return {
+        label,
+        language: "tsx",
+        code
+      };
+    }
+    case prismicT.CustomTypeModelFieldType.Slices: {
+      const code = await helpers.format(stripIndent`
+					<SliceZone
+					  slices={${dotPath(fieldPath)}}
+					  components={components}
+					/>
+				`, void 0, { prettier: prettierOptions });
+      return {
+        label,
+        language: "tsx",
+        code
+      };
+    }
+    default: {
+      return {
+        label,
+        language: "tsx",
+        code: await helpers.format(stripIndent`
+						<>{${dotPath(fieldPath)}}</>
+					`, void 0, { prettier: prettierOptions })
+      };
+    }
+  }
+};
+export {
+  snippetRead
+};
+//# sourceMappingURL=snippet-read.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snippet-read.js","sources":["../../src/hooks/snippet-read.ts"],"sourcesContent":["import type { SnippetReadHook } from \"@slicemachine/plugin-kit\";\nimport * as prismicT from \"@prismicio/types\";\nimport { stripIndent } from \"common-tags\";\nimport type { Config as PrettierConfig } from \"prettier\";\n\nimport type { PluginOptions } from \"../types\";\n\nconst prettierOptions: PrettierConfig = { parser: \"typescript\" };\n\nconst dotPath = (segments: string[]): string => {\n\treturn segments.join(\".\");\n};\n\nexport const snippetRead: SnippetReadHook<PluginOptions> = async (\n\tdata,\n\t{ helpers },\n) => {\n\tconst { fieldPath } = data;\n\n\tconst label = \"React\";\n\n\tswitch (data.model.type) {\n\t\tcase prismicT.CustomTypeModelFieldType.Link: {\n\t\t\treturn {\n\t\t\t\tlabel,\n\t\t\t\tlanguage: \"tsx\",\n\t\t\t\tcode: await helpers.format(\n\t\t\t\t\tstripIndent`\n\t\t\t\t\t\t<PrismicLink field={${dotPath(fieldPath)}}>Link</PrismicLink>\n\t\t\t\t\t`,\n\t\t\t\t\tundefined,\n\t\t\t\t\t{ prettier: prettierOptions },\n\t\t\t\t),\n\t\t\t};\n\t\t}\n\n\t\tcase prismicT.CustomTypeModelFieldType.Image: {\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tlabel: `${label} (next/image)`,\n\t\t\t\t\tlanguage: \"tsx\",\n\t\t\t\t\tcode: await helpers.format(\n\t\t\t\t\t\tstripIndent`\n\t\t\t\t\t\t\t<PrismicNextImage field={${dotPath(fieldPath)}} />\n\t\t\t\t\t\t`,\n\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t{ prettier: prettierOptions },\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel,\n\t\t\t\t\tlanguage: \"tsx\",\n\t\t\t\t\tcode: await helpers.format(\n\t\t\t\t\t\tstripIndent`\n\t\t\t\t\t\t\t<PrismicImage field={${dotPath(fieldPath)}} />\n\t\t\t\t\t\t`,\n\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t{ prettier: prettierOptions },\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\n\t\tcase prismicT.CustomTypeModelFieldType.Group: {\n\t\t\tconst code = await helpers.format(\n\t\t\t\tstripIndent`\n\t\t\t\t\t<>{${dotPath(fieldPath)}.map(item => (\n\t\t\t\t\t  <>{/* Render content for item */}</>\n\t\t\t\t\t))}</>\n\t\t\t\t`,\n\t\t\t\tundefined,\n\t\t\t\t{ prettier: prettierOptions },\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tlabel,\n\t\t\t\tlanguage: \"tsx\",\n\t\t\t\tcode,\n\t\t\t};\n\t\t}\n\n\t\tcase prismicT.CustomTypeModelFieldType.Slices: {\n\t\t\tconst code = await helpers.format(\n\t\t\t\tstripIndent`\n\t\t\t\t\t<SliceZone\n\t\t\t\t\t  slices={${dotPath(fieldPath)}}\n\t\t\t\t\t  components={components}\n\t\t\t\t\t/>\n\t\t\t\t`,\n\t\t\t\tundefined,\n\t\t\t\t{ prettier: prettierOptions },\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tlabel,\n\t\t\t\tlanguage: \"tsx\",\n\t\t\t\tcode,\n\t\t\t};\n\t\t}\n\n\t\tdefault: {\n\t\t\treturn {\n\t\t\t\tlabel,\n\t\t\t\tlanguage: \"tsx\",\n\t\t\t\tcode: await helpers.format(\n\t\t\t\t\tstripIndent`\n\t\t\t\t\t\t<>{${dotPath(fieldPath)}}</>\n\t\t\t\t\t`,\n\t\t\t\t\tundefined,\n\t\t\t\t\t{ prettier: prettierOptions },\n\t\t\t\t),\n\t\t\t};\n\t\t}\n\t}\n};\n"],"names":[],"mappings":";;AAOA,MAAM,kBAAkC,EAAE,QAAQ;AAElD,MAAM,UAAU,CAAC,aAA8B;AACvC,SAAA,SAAS,KAAK,GAAG;AACzB;AAEO,MAAM,cAA8C,OAC1D,MACA,EAAE,cACC;AACG,QAAA,EAAE,UAAc,IAAA;AAEtB,QAAM,QAAQ;AAEN,UAAA,KAAK,MAAM,MAAM;AAAA,IACxB,KAAK,SAAS,yBAAyB,MAAM;AACrC,aAAA;AAAA,QACN;AAAA,QACA,UAAU;AAAA,QACV,MAAM,MAAM,QAAQ,OACnB;AAAA,4BACuB,QAAQ,SAAS;AAAA,QAExC,QACA,EAAE,UAAU,gBAAA,CAAiB;AAAA,MAAA;AAAA,IAG/B;AAAA,IAED,KAAK,SAAS,yBAAyB,OAAO;AACtC,aAAA;AAAA,QACN;AAAA,UACC,OAAO,GAAG;AAAA,UACV,UAAU;AAAA,UACV,MAAM,MAAM,QAAQ,OACnB;AAAA,kCAC4B,QAAQ,SAAS;AAAA,SAE7C,QACA,EAAE,UAAU,gBAAA,CAAiB;AAAA,QAE9B;AAAA,QACD;AAAA,UACC;AAAA,UACA,UAAU;AAAA,UACV,MAAM,MAAM,QAAQ,OACnB;AAAA,8BACwB,QAAQ,SAAS;AAAA,SAEzC,QACA,EAAE,UAAU,gBAAA,CAAiB;AAAA,QAE9B;AAAA,MAAA;AAAA,IAEF;AAAA,IAED,KAAK,SAAS,yBAAyB,OAAO;AACvC,YAAA,OAAO,MAAM,QAAQ,OAC1B;AAAA,UACM,QAAQ,SAAS;AAAA;AAAA;AAAA,OAIvB,QACA,EAAE,UAAU,gBAAiB,CAAA;AAGvB,aAAA;AAAA,QACN;AAAA,QACA,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,IAED;AAAA,IAED,KAAK,SAAS,yBAAyB,QAAQ;AACxC,YAAA,OAAO,MAAM,QAAQ,OAC1B;AAAA;AAAA,iBAEa,QAAQ,SAAS;AAAA;AAAA;AAAA,OAI9B,QACA,EAAE,UAAU,gBAAiB,CAAA;AAGvB,aAAA;AAAA,QACN;AAAA,QACA,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,IAED;AAAA,IAED,SAAS;AACD,aAAA;AAAA,QACN;AAAA,QACA,UAAU;AAAA,QACV,MAAM,MAAM,QAAQ,OACnB;AAAA,WACM,QAAQ,SAAS;AAAA,QAEvB,QACA,EAAE,UAAU,gBAAA,CAAiB;AAAA,MAAA;AAAA,IAG/B;AAAA,EACD;AACF;"}