prismic 1.1.0 → 1.2.0

package/dist/{sveltekit-BMDXAfYz.mjs → sveltekit-Qx8xJZOd.mjs}

@@ -1,4 +1,4 @@
-import{_ as e,a as t,b as n,o as r,t as i,y as a}from"./frameworks-DtGBrEuY.mjs";import{n as o}from"./builders-hKD4IrLX-ClhMQQkN.mjs";import{createRequire as s}from"node:module";import{writeFile as c}from"node:fs/promises";function l(e){let{typescript:n}=e;return n?t`
+import{C as e,T as t,a as n,b as r,n as i,o as a,t as o,v as s,w as c,y as l,z as u}from"./string-BUjs_2AH.mjs";import{n as d}from"./builders-hKD4IrLX-BrpqCAS2.mjs";import{createRequire as f}from"node:module";import{writeFile as p}from"node:fs/promises";import{fileURLToPath as m}from"node:url";import{relative as h}from"node:path";function g(e){let{typescript:t}=e;return t?o`
 			import { createClient as baseCreateClient, type Route } from "@prismicio/client";
 			import { type CreateClientConfig, enableAutoPreviews } from '@prismicio/svelte/kit';
 			import prismicConfig from "../../prismic.config.json";
@@ -39,7 +39,7 @@ import{_ as e,a as t,b as n,o as r,t as i,y as a}from"./frameworks-DtGBrEuY.mjs"
 
 				return client;
 			};
-		`:t`
+		`:o`
 		import { createClient as baseCreateClient } from "@prismicio/client";
 		import { enableAutoPreviews } from '@prismicio/svelte/kit';
 		import prismicConfig from "../../prismic.config.json";
@@ -82,7 +82,7 @@ import{_ as e,a as t,b as n,o as r,t as i,y as a}from"./frameworks-DtGBrEuY.mjs"
 
 			return client;
 		};
-	`}function u(e){let{version:n}=e,r=t`
+	`}function _(e){let{version:t}=e,n=o`
 		<script>
 			import { SliceSimulator, SliceZone } from '@prismicio/svelte';
 			import { components } from '$lib/slices';
@@ -92,7 +92,7 @@ import{_ as e,a as t,b as n,o as r,t as i,y as a}from"./frameworks-DtGBrEuY.mjs"
 		<SliceSimulator let:slices>
 			<SliceZone {slices} {components} />
 		</SliceSimulator>
-	`,i=t`
+	`,r=o`
 		<script>
 			import { SliceSimulator, SliceZone } from '@prismicio/svelte';
 			import { components } from '$lib/slices';
@@ -101,7 +101,7 @@ import{_ as e,a as t,b as n,o as r,t as i,y as a}from"./frameworks-DtGBrEuY.mjs"
 		<SliceSimulator let:slices>
 			<SliceZone {slices} {components} />
 		</SliceSimulator>
-	`;return n<=4?i:r}function d(e){let{typescript:n}=e;return n?t`
+	`;return t<=4?r:n}function v(e){let{typescript:t}=e;return t?o`
 			import { redirectToPreviewURL } from '@prismicio/svelte/kit';
 			import { createClient } from '$lib/prismicio';
 			import type { RequestHandler } from "./$types";
@@ -111,7 +111,7 @@ import{_ as e,a as t,b as n,o as r,t as i,y as a}from"./frameworks-DtGBrEuY.mjs"
 
 				return await redirectToPreviewURL({ client, request, cookies });
 			}
-		`:t`
+		`:o`
 		import { redirectToPreviewURL } from '@prismicio/svelte/kit';
 		import { createClient } from '$lib/prismicio';
 
@@ -121,7 +121,7 @@ import{_ as e,a as t,b as n,o as r,t as i,y as a}from"./frameworks-DtGBrEuY.mjs"
 
 			return await redirectToPreviewURL({ client, request, cookies });
 		}
-	`}function f(e){let{version:n}=e,r=t`
+	`}function y(e){let{version:t}=e,n=o`
 		<script>
 			import { isFilled, asImageSrc } from '@prismicio/client';
 			import { PrismicPreview } from '@prismicio/svelte/kit';
@@ -144,7 +144,7 @@ import{_ as e,a as t,b as n,o as r,t as i,y as a}from"./frameworks-DtGBrEuY.mjs"
 		</svelte:head>
 		{@render children()}
 		<PrismicPreview {repositoryName} />
-	`,i=t`
+	`,r=o`
 		<script>
 			import { isFilled, asImageSrc } from '@prismicio/client';
 			import { PrismicPreview } from '@prismicio/svelte/kit';
@@ -165,62 +165,72 @@ import{_ as e,a as t,b as n,o as r,t as i,y as a}from"./frameworks-DtGBrEuY.mjs"
 		</svelte:head>
 		<slot />
 		<PrismicPreview {repositoryName} />
-	`;return n<=4?i:r}const p=t`
+	`;return t<=4?r:n}const b=o`
 <section data-slice-type={slice.slice_type} data-slice-variation={slice.variation}>
 	Placeholder component for {slice.slice_type} (variation: {slice.variation}) slices.
 	<br />
 	<strong>You can edit this slice directly in your code editor.</strong>
 </section>
-`;function m(e){let{name:n,typescript:i,version:a}=e,o=r(n),s=t`
+`;function x(e){let{name:t,typescript:n,version:r}=e,i=u(t),a=o`
 		<script lang="ts">
 			import type { Content } from '@prismicio/client';
 			import type { SliceComponentProps } from '@prismicio/svelte';
 
-			type Props = SliceComponentProps<Content.${o}Slice>;
+			type Props = SliceComponentProps<Content.${i}Slice>;
 
 			const { slice }: Props = $props();
 		<\/script>
 
-		${p}
-	`,c=t`
+		${b}
+	`,s=o`
 		<script>
 			/* @typedef {import("@prismicio/client").Content} Content */
 			/* @typedef {import("@prismicio/svelte").SliceComponentProps} SliceComponentProps */
 
-			/* @type {SliceComponentProps<Content.${o}Slice>} */
+			/* @type {SliceComponentProps<Content.${i}Slice>} */
 			const { slice } = $props();
 		<\/script>
 
-		${p}
-	`,l=t`
+		${b}
+	`,c=o`
 		<script lang="ts">
 			import type { Content } from '@prismicio/client';
 
-			export let slice: Content.${o}Slice;
+			export let slice: Content.${i}Slice;
 		<\/script>
 
-		${p}
-	`,u=t`
+		${b}
+	`,l=o`
 		<script>
-			/** @type {import("@prismicio/client").Content.${o}Slice} */
+			/** @type {import("@prismicio/client").Content.${i}Slice} */
 			export let slice;
 		<\/script>
 
-		${p}
-	`;return i?a<=4?l:s:a<=4?u:c}var h=class extends i{id=`sveltekit`;async getDependencies(){return{"@prismicio/client":`^${await e(`@prismicio/client`)}`,"@prismicio/svelte":`^${await e(`@prismicio/svelte`)}`}}async initProject(){await super.initProject(),await this.#e(),await this.#t(),await this.#n(),await this.#r(),await this.#i(),await this.#a(),await this.#o(),await this.#s()}async createSliceComponent(e,t){let r=new URL(`index.svelte`,t);return await n(r,m({name:e.name,typescript:await this.checkIsTypeScriptProject(),version:await this.#c()})),{componentPath:r}}getSliceImportPath(e){return`./${e}/index.svelte`}async getDefaultSliceLibraryPath(e){return new URL(`src/lib/slices/`,e)}async getClientFilePath(){return`src/lib/prismicio.ts`}async getSlicesDirectoryPath(){return`src/lib/slices/`}getSliceComponentExtensions(){return[`.svelte`]}async getRoutePath(e){switch(e){case`/slice-simulator`:return{path:`src/routes/slice-simulator/+page`,extensions:[`.svelte`]};case`/api/preview`:return{path:`src/routes/api/preview/+server`,extensions:[`.ts`,`.js`]};default:return null}}async#e(){let e=await this.getJsFileExtension(),t=await this.getProjectRoot(),r=new URL(`src/lib/prismicio.${e}`,t);await a(r)||await n(r,l({typescript:await this.checkIsTypeScriptProject()}))}async#t(){let e=await this.getProjectRoot(),t=new URL(`src/routes/slice-simulator/+page.svelte`,e);await a(t)||await n(t,u({version:await this.#c()}))}async#n(){let e=await this.getJsFileExtension(),r=await this.getProjectRoot(),i=new URL(`src/params/preview.${e}`,r);await a(i)||await n(i,t`
-			export function match(param) {
-				return param === 'preview';
-			}
-		`)}async#r(){let e=await this.getJsFileExtension(),t=await this.getProjectRoot(),r=new URL(`src/routes/api/preview/+server.${e}`,t);await a(r)||await n(r,d({typescript:await this.checkIsTypeScriptProject()}))}async#i(){let e=await this.getProjectRoot(),r=new URL(`src/routes/[[preview=preview]]/README.md`,e);await a(r)||await n(r,t`
-			This directory adds support for optional \`/preview\` routes. Do not remove this directory.
+		${b}
+	`;return n?r<=4?c:a:r<=4?l:s}var S=class extends i{id=`sveltekit`;async onProjectInitialized(){await s({"@prismicio/client":`^${await r(`@prismicio/client`)}`,"@prismicio/svelte":`^${await r(`@prismicio/svelte`)}`}),await C(),await w(),await T(),await E(),await D(),await O(),await k(),await A()}async onSliceCreated(e,r){let i=u(e.name),a=new URL(i,t(r));await c(new URL(`index.svelte`,a),x({name:e.name,typescript:await n(),version:await M()}))}onSliceUpdated(){}onSliceDeleted(){}onCustomTypeCreated(){}onCustomTypeUpdated(){}onCustomTypeDeleted(){}async createSliceIndexFile(e){let t=(await this.getSlices()).filter(t=>t.library.href===e.href),n=t.map(t=>`import ${u(t.model.name)} from "./${h(m(e),m(t.directory))}/index.svelte";`),r=t.map(e=>{let t=u(e.model.name);return`${e.model.id}: ${t}`}),i=o`
+			// Code generated by Prismic. DO NOT EDIT.
+
+			${n.join(`
+`)}
+
+			export const components = {
+				${r.join(`,
+`)}
+			};
+		`,a=`index.${await j()}`;await c(new URL(a,e),i)}async getDefaultSliceLibrary(){let e=await a();return new URL(`src/lib/slices/`,e)}};async function C(){let t=await j(),r=await a(),i=new URL(`src/lib/prismicio.${t}`,r);await e(i)||await c(i,g({typescript:await n()}))}async function w(){let t=await a(),n=new URL(`src/routes/slice-simulator/+page.svelte`,t);await e(n)||await c(n,_({version:await M()}))}async function T(){let t=await j(),n=await a(),r=new URL(`src/params/preview.${t}`,n);await e(r)||await c(r,o`
+		export function match(param) {
+			return param === 'preview';
+		}
+	`)}async function E(){let t=await j(),r=await a(),i=new URL(`src/routes/api/preview/+server.${t}`,r);await e(i)||await c(i,v({typescript:await n()}))}async function D(){let t=await a(),n=new URL(`src/routes/[[preview=preview]]/README.md`,t);await e(n)||await c(n,o`
+		This directory adds support for optional \`/preview\` routes. Do not remove this directory.
 
-			All routes within this directory will be served using the following URLs:
+		All routes within this directory will be served using the following URLs:
 
-			- \`/example-route\` (prerendered)
-			- \`/preview/example-route\` (server-rendered)
+		- \`/example-route\` (prerendered)
+		- \`/preview/example-route\` (server-rendered)
 
-			See <https://prismic.io/docs/svelte-preview> for more information.
-		`)}async#a(){let e=await this.getJsFileExtension(),r=await this.getProjectRoot(),i=new URL(`src/routes/+layout.server.${e}`,r);await a(i)||await n(i,t`
-			export const prerender = "auto";
-		`)}async#o(){let e=await this.getProjectRoot(),t=new URL(`src/routes/+layout.svelte`,e);await a(t)||await n(t,f({version:await this.#c()}))}async#s(){let e=await this.getProjectRoot(),t=new URL(`vite.config.js`,e);if(await a(t)||(t=new URL(`vite.config.ts`,e)),!await a(t))return;let n=t.pathname,r=await o(n);if(r.exports.default.$type!==`function-call`)return;let i=r.exports.default.$args[0];i.server??={},i.server.fs??={},i.server.fs.allow??=[],i.server.fs.allow.includes(`./prismic.config.json`)||i.server.fs.allow.push(`./prismic.config.json`);let s=r.generate().code.replace(/\n\s*\n(?=\s*server:)/,`
-`);await c(t,s)}async#c(){let e=await this.getProjectRoot(),{version:t}=s(new URL(`package.json`,e))(`svelte/package.json`),n=Number.parseInt(t.split(`.`)[0]);return Number.isNaN(n)?1/0:n}};export{h as SvelteKitFramework};
+		See <https://prismic.io/docs/svelte-preview> for more information.
+	`)}async function O(){let t=await j(),n=await a(),r=new URL(`src/routes/+layout.server.${t}`,n);await e(r)||await c(r,o`
+		export const prerender = "auto";
+	`)}async function k(){let t=await a(),n=new URL(`src/routes/+layout.svelte`,t);await e(n)||await c(n,y({version:await M()}))}async function A(){let t=await a(),n=new URL(`vite.config.js`,t);if(await e(n)||(n=new URL(`vite.config.ts`,t)),!await e(n))return;let r=n.pathname,i=await d(r);if(i.exports.default.$type!==`function-call`)return;let o=i.exports.default.$args[0];o.server??={},o.server.fs??={},o.server.fs.allow??=[],o.server.fs.allow.includes(`./prismic.config.json`)||o.server.fs.allow.push(`./prismic.config.json`);let s=i.generate().code.replace(/\n\s*\n(?=\s*server:)/,`
+`);await p(n,s)}async function j(){return await n()?`ts`:`js`}async function M(){let{version:e}=f(await l())(`svelte/package.json`),t=Number.parseInt(e.split(`.`)[0]);return Number.isNaN(t)?1/0:t}export{S as SvelteKitAdapter};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "prismic",
-	"version": "1.1.0",
+	"version": "1.2.0",
 	"description": "Prismic's official command line tool",
 	"keywords": [
 		"prismic",

package/src/adapters/index.ts

@@ -0,0 +1,177 @@
+import type { CustomType, SharedSlice } from "@prismicio/types-internal/lib/customtypes";
+
+import { pascalCase } from "change-case";
+import { rm } from "node:fs/promises";
+import { fileURLToPath, pathToFileURL } from "node:url";
+import { glob } from "tinyglobby";
+
+import { readJsonFile, writeFileRecursive } from "../lib/file";
+import { stringify } from "../lib/json";
+import { readPackageJson } from "../lib/packageJson";
+import { appendTrailingSlash } from "../lib/url";
+import { findProjectRoot, getLibraries } from "../project";
+
+type CustomTypeMeta = { model: CustomType; directory: URL };
+type SharedSliceMeta = { model: SharedSlice; directory: URL; library: URL };
+
+export async function getAdapter(): Promise<Adapter> {
+	const { dependencies, devDependencies, peerDependencies } = await readPackageJson();
+	const allDependencies = { ...dependencies, ...devDependencies, ...peerDependencies };
+	if ("next" in allDependencies) {
+		const { NextJsAdapter } = await import("./nextjs");
+		return new NextJsAdapter();
+	}
+	if ("nuxt" in allDependencies) {
+		const { NuxtAdapter } = await import("./nuxt");
+		return new NuxtAdapter();
+	}
+	if ("@sveltejs/kit" in allDependencies) {
+		const { SvelteKitAdapter } = await import("./sveltekit");
+		return new SvelteKitAdapter();
+	}
+	throw new NoSupportedFrameworkError();
+}
+
+export class NoSupportedFrameworkError extends Error {
+	message = "No supported framework found (Next.js, Nuxt, or SvelteKit required)";
+}
+
+export abstract class Adapter {
+	abstract readonly id: string;
+
+	abstract onProjectInitialized(): Promise<void> | void;
+	abstract onSliceCreated(model: SharedSlice, library: URL): Promise<void> | void;
+	abstract onSliceUpdated(model: SharedSlice): Promise<void> | void;
+	abstract onSliceDeleted(id: string): Promise<void> | void;
+	abstract onCustomTypeCreated(model: CustomType): Promise<void> | void;
+	abstract onCustomTypeUpdated(model: CustomType): Promise<void> | void;
+	abstract onCustomTypeDeleted(id: string): Promise<void> | void;
+
+	abstract createSliceIndexFile(library: URL): Promise<void>;
+	abstract getDefaultSliceLibrary(): Promise<URL>;
+
+	async initProject(): Promise<void> {
+		const libraries = await this.getSliceLibraries();
+		for (const library of libraries) {
+			await this.createSliceIndexFile(library);
+		}
+		await this.onProjectInitialized();
+	}
+
+	async getSliceLibraries(): Promise<URL[]> {
+		let libraries = await getLibraries();
+		if (libraries) return libraries;
+		const defaultSliceLibrary = await this.getDefaultSliceLibrary();
+		return [defaultSliceLibrary];
+	}
+
+	async getSlices(): Promise<SharedSliceMeta[]> {
+		const allSlices: SharedSliceMeta[] = [];
+
+		const libraries = await this.getSliceLibraries();
+		for (const library of libraries) {
+			const modelGlob = new URL("*/model.json", library);
+			const sliceModelPaths = Array.from(
+				await glob(fileURLToPath(modelGlob), { absolute: true }),
+				(path) => pathToFileURL(path),
+			);
+			const slices = await Promise.all(
+				sliceModelPaths.map(async (sliceModelPath) => {
+					const directory = new URL(".", sliceModelPath);
+					const model = await readJsonFile<SharedSlice>(sliceModelPath);
+					return { library, directory, model };
+				}),
+			);
+			allSlices.push(...slices);
+		}
+
+		return allSlices.sort((a, b) =>
+			a.model.id.toLowerCase().localeCompare(b.model.id.toLowerCase()),
+		);
+	}
+
+	async getSlice(id: string): Promise<SharedSliceMeta> {
+		const slices = await this.getSlices();
+		const slice = slices.find((s) => s.model.id === id);
+		if (!slice) throw new Error(`No slice found with ID: ${id}`);
+		return slice;
+	}
+
+	async createSlice(model: SharedSlice, library?: URL): Promise<void> {
+		library ??= await this.getDefaultSliceLibrary();
+		await upsertSliceModel(model, library);
+		await this.onSliceCreated(model, library);
+	}
+
+	async updateSlice(model: SharedSlice): Promise<void> {
+		const slice = await this.getSlice(model.id);
+		await upsertSliceModel(model, slice.library);
+		await this.onSliceUpdated(model);
+	}
+
+	async deleteSlice(id: string): Promise<void> {
+		const slice = await this.getSlice(id);
+		await rm(slice.directory, { recursive: true });
+		await this.createSliceIndexFile(slice.library);
+		await this.onSliceDeleted(id);
+	}
+
+	async getCustomTypes(): Promise<CustomTypeMeta[]> {
+		const projectRoot = await findProjectRoot();
+		const customTypesDirectory = new URL("customtypes/", projectRoot);
+		const modelGlob = new URL("*/index.json", customTypesDirectory);
+		const customTypeModelPaths = Array.from(
+			await glob(fileURLToPath(modelGlob), { absolute: true }),
+			(path) => pathToFileURL(path),
+		);
+
+		const customTypes = await Promise.all(
+			customTypeModelPaths.map(async (customTypeModelPath) => {
+				const directory = new URL(".", customTypeModelPath);
+				const model = await readJsonFile<CustomType>(customTypeModelPath);
+				return { directory, model };
+			}),
+		);
+
+		return customTypes.sort((a, b) =>
+			a.model.id.toLowerCase().localeCompare(b.model.id.toLowerCase()),
+		);
+	}
+
+	async getCustomType(id: string): Promise<CustomTypeMeta> {
+		const customTypes = await this.getCustomTypes();
+		const customType = customTypes.find((s) => s.model.id === id);
+		if (!customType) throw new Error(`No custom type found with ID: ${id}`);
+		return customType;
+	}
+
+	async createCustomType(model: CustomType): Promise<void> {
+		await upsertCustomTypeModel(model);
+		await this.onCustomTypeCreated(model);
+	}
+
+	async updateCustomType(model: CustomType): Promise<void> {
+		await upsertCustomTypeModel(model);
+		await this.onCustomTypeUpdated(model);
+	}
+
+	async deleteCustomType(id: string): Promise<void> {
+		const customType = await this.getCustomType(id);
+		await rm(customType.directory, { recursive: true });
+		await this.onCustomTypeDeleted(id);
+	}
+}
+
+async function upsertSliceModel(model: SharedSlice, library: URL): Promise<void> {
+	const sliceDirectoryName = pascalCase(model.name);
+	const sliceDirectory = new URL(sliceDirectoryName, appendTrailingSlash(library));
+	const modelPath = new URL("model.json", appendTrailingSlash(sliceDirectory));
+	await writeFileRecursive(modelPath, stringify(model));
+}
+
+async function upsertCustomTypeModel(model: CustomType): Promise<void> {
+	const projectRoot = await findProjectRoot();
+	const customTypesDirectory = new URL("customtypes/", projectRoot);
+	const modelPath = new URL(`${model.id}/index.json`, customTypesDirectory);
+	await writeFileRecursive(modelPath, stringify(model));
+}

package/src/{frameworks → adapters}/nextjs.templates.ts

@@ -3,16 +3,16 @@ import { pascalCase } from "change-case";
 import { dedent } from "../lib/string";
 
 const SLICE_MARKUP = dedent`
-return (
-	<section
-		data-slice-type={slice.slice_type}
-		data-slice-variation={slice.variation}
-	>
-		Placeholder component for {slice.slice_type} (variation: {slice.variation}) slices.
-		<br />
-		<strong>You can edit this slice directly in your code editor.</strong>
-	</section>
-)
+	return (
+		<section
+			data-slice-type={slice.slice_type}
+			data-slice-variation={slice.variation}
+		>
+			Placeholder component for {slice.slice_type} (variation: {slice.variation}) slices.
+			<br />
+			<strong>You can edit this slice directly in your code editor.</strong>
+		</section>
+	)
 `;
 
 export function sliceTemplate(args: { name: string; typescript: boolean }): string {
@@ -248,53 +248,45 @@ export function sliceSimulatorPageTemplate(args: {
 }): string {
 	const { typescript, appRouter } = args;
 
-	if (appRouter) {
-		if (typescript) {
-			return dedent`
-				import {
-					SliceSimulator,
-					SliceSimulatorParams,
-					getSlices,
-				} from "@prismicio/next";
-				import { SliceZone } from "@prismicio/react";
-
-				import { components } from "../../slices";
-
-				export default async function SliceSimulatorPage({
-					searchParams,
-				}: SliceSimulatorParams) {
-					const { state } = await searchParams
-					const slices = getSlices(state);
-
-					return (
-						<SliceSimulator>
-							<SliceZone slices={slices} components={components} />
-						</SliceSimulator>
-					);
-				}
-			`;
+	const appTS = dedent`
+		import { SliceSimulator, SliceSimulatorParams, getSlices } from "@prismicio/next";
+		import { SliceZone } from "@prismicio/react";
+
+		import { components } from "../../slices";
+
+		export default async function SliceSimulatorPage({
+			searchParams,
+		}: SliceSimulatorParams) {
+			const { state } = await searchParams
+			const slices = getSlices(state);
+
+			return (
+				<SliceSimulator>
+					<SliceZone slices={slices} components={components} />
+				</SliceSimulator>
+			);
 		}
+	`;
 
-		return dedent`
-			import { SliceSimulator, getSlices } from "@prismicio/next";
-			import { SliceZone } from "@prismicio/react";
+	const appJS = dedent`
+		import { SliceSimulator, getSlices } from "@prismicio/next";
+		import { SliceZone } from "@prismicio/react";
 
-			import { components } from "../../slices";
+		import { components } from "../../slices";
 
-			export default async function SliceSimulatorPage({ searchParams }) {
-				const { state } = await searchParams
-				const slices = getSlices(state);
+		export default async function SliceSimulatorPage({ searchParams }) {
+			const { state } = await searchParams
+			const slices = getSlices(state);
 
-				return (
-					<SliceSimulator>
-						<SliceZone slices={slices} components={components} />
-					</SliceSimulator>
-				);
-			}
-		`;
-	}
+			return (
+				<SliceSimulator>
+					<SliceZone slices={slices} components={components} />
+				</SliceSimulator>
+			);
+		}
+	`;
 
-	return dedent`
+	const pages = dedent`
 		import { SliceSimulator } from "@prismicio/next/pages";
 		import { SliceZone } from "@prismicio/react";
 
@@ -308,58 +300,58 @@ export function sliceSimulatorPageTemplate(args: {
 			);
 		}
 	`;
+
+	if (appRouter) {
+		return typescript ? appTS : appJS;
+	} else {
+		return pages;
+	}
 }
 
 export function previewRouteTemplate(args: { typescript: boolean; appRouter: boolean }): string {
 	const { typescript, appRouter } = args;
 
-	if (appRouter) {
-		if (typescript) {
-			return dedent`
-				import { NextRequest } from "next/server";
-				import { redirectToPreviewURL } from "@prismicio/next";
+	const appTS = dedent`
+		import { NextRequest } from "next/server";
+		import { redirectToPreviewURL } from "@prismicio/next";
 
-				import { createClient } from "../../../prismicio";
+		import { createClient } from "../../../prismicio";
 
-				export async function GET(request: NextRequest) {
-					const client = createClient();
+		export async function GET(request: NextRequest) {
+			const client = createClient();
 
-					return await redirectToPreviewURL({ client, request });
-				}
-			`;
+			return await redirectToPreviewURL({ client, request });
 		}
+	`;
 
-		return dedent`
-			import { redirectToPreviewURL } from "@prismicio/next";
+	const appJS = dedent`
+		import { redirectToPreviewURL } from "@prismicio/next";
 
-			import { createClient } from "../../../prismicio";
+		import { createClient } from "../../../prismicio";
 
-			export async function GET(request) {
-				const client = createClient();
+		export async function GET(request) {
+			const client = createClient();
 
-				return await redirectToPreviewURL({ client, request });
-			}
-		`;
-	}
+			return await redirectToPreviewURL({ client, request });
+		}
+	`;
 
-	if (typescript) {
-		return dedent`
-			import { NextApiRequest, NextApiResponse } from "next";
-			import { setPreviewData, redirectToPreviewURL } from "@prismicio/next/pages";
+	const pagesTS = dedent`
+		import { NextApiRequest, NextApiResponse } from "next";
+		import { setPreviewData, redirectToPreviewURL } from "@prismicio/next/pages";
 
-			import { createClient } from "../../prismicio";
+		import { createClient } from "../../prismicio";
 
-			export default async function handler(req: NextApiRequest, res: NextApiResponse) {
-				const client = createClient({ req });
+		export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+			const client = createClient({ req });
 
-				setPreviewData({ req, res });
+			setPreviewData({ req, res });
 
-				return await redirectToPreviewURL({ req, res, client });
-			};
-		`;
-	}
+			return await redirectToPreviewURL({ req, res, client });
+		};
+	`;
 
-	return dedent`
+	const pagesJS = dedent`
 		import { setPreviewData, redirectToPreviewURL } from "@prismicio/next/pages";
 
 		import { createClient } from "../../prismicio";
@@ -372,6 +364,12 @@ export function previewRouteTemplate(args: { typescript: boolean; appRouter: boo
 			return await redirectToPreviewURL({ req, res, client });
 		};
 	`;
+
+	if (appRouter) {
+		return typescript ? appTS : appJS;
+	} else {
+		return typescript ? pagesTS : pagesJS;
+	}
 }
 
 export function exitPreviewRouteTemplate(args: {
@@ -380,34 +378,36 @@ export function exitPreviewRouteTemplate(args: {
 }): string {
 	const { typescript, appRouter } = args;
 
-	if (appRouter) {
-		return dedent`
-			import { exitPreview } from "@prismicio/next";
+	const app = dedent`
+		import { exitPreview } from "@prismicio/next";
 
-			export function GET() {
-				return exitPreview();
-			}
-		`;
-	}
+		export function GET() {
+			return exitPreview();
+		}
+	`;
 
-	if (typescript) {
-		return dedent`
-			import { NextApiRequest, NextApiResponse } from "next";
-			import { exitPreview } from "@prismicio/next/pages";
+	const pagesTS = dedent`
+		import { NextApiRequest, NextApiResponse } from "next";
+		import { exitPreview } from "@prismicio/next/pages";
 
-			export default function handler(req: NextApiRequest, res: NextApiResponse) {
-				return exitPreview({ req, res });
-			}
-		`;
-	}
+		export default function handler(req: NextApiRequest, res: NextApiResponse) {
+			return exitPreview({ req, res });
+		}
+	`;
 
-	return dedent`
+	const pagesJS = dedent`
 		import { exitPreview } from "@prismicio/next/pages";
 
 		export default function handler(req, res) {
 			return exitPreview({ req, res });
 		}
 	`;
+
+	if (appRouter) {
+		return app;
+	} else {
+		return typescript ? pagesTS : pagesJS;
+	}
 }
 
 export function revalidateRouteTemplate(args: { supportsCacheLife: boolean }): string {