@angeloashmore/prismic-cli-poc 0.0.0-canary.1143872

package/src/page-type-add-field.ts

@@ -0,0 +1,116 @@
+import { parseArgs } from "node:util";
+
+import { pageTypeAddFieldBoolean } from "./page-type-add-field-boolean";
+import { pageTypeAddFieldColor } from "./page-type-add-field-color";
+import { pageTypeAddFieldDate } from "./page-type-add-field-date";
+import { pageTypeAddFieldEmbed } from "./page-type-add-field-embed";
+import { pageTypeAddFieldGeoPoint } from "./page-type-add-field-geo-point";
+import { pageTypeAddFieldGroup } from "./page-type-add-field-group";
+import { pageTypeAddFieldImage } from "./page-type-add-field-image";
+import { pageTypeAddFieldKeyText } from "./page-type-add-field-key-text";
+import { pageTypeAddFieldLink } from "./page-type-add-field-link";
+import { pageTypeAddFieldNumber } from "./page-type-add-field-number";
+import { pageTypeAddFieldRichText } from "./page-type-add-field-rich-text";
+import { pageTypeAddFieldSelect } from "./page-type-add-field-select";
+import { pageTypeAddFieldTimestamp } from "./page-type-add-field-timestamp";
+import { pageTypeAddFieldUid } from "./page-type-add-field-uid";
+
+const HELP = `
+Add a field to an existing page type.
+
+USAGE
+  prismic page-type add-field <field-type> <type-id> <field-id> [flags]
+
+FIELD TYPES
+  boolean                Boolean toggle
+  color                  Color picker
+  date                   Date picker
+  embed                  Embed (oEmbed)
+  geo-point              Geographic coordinates
+  group                  Repeatable group of fields
+  image                  Image
+  key-text               Single-line text
+  link                   Any link type
+  number                 Number
+  rich-text              Rich text editor
+  select                 Dropdown select
+  timestamp              Date and time
+  uid                    Unique identifier
+
+FLAGS
+  -h, --help             Show help for command
+
+LEARN MORE
+  Use \`prismic page-type add-field <field-type> --help\` for more information.
+
+EXAMPLES
+  prismic page-type add-field key-text homepage meta_title --tab "SEO"
+  prismic page-type add-field link homepage button --allow-text
+  prismic page-type add-field rich-text homepage body --multi "paragraph,heading2,strong,em"
+  prismic page-type add-field select homepage layout --option "full" --option "sidebar"
+`.trim();
+
+export async function pageTypeAddField(): Promise<void> {
+	const {
+		positionals: [fieldType],
+	} = parseArgs({
+		args: process.argv.slice(4), // skip: node, script, "page-type", "add-field"
+		options: {
+			help: { type: "boolean", short: "h" },
+		},
+		allowPositionals: true,
+		strict: false,
+	});
+
+	switch (fieldType) {
+		case "boolean":
+			await pageTypeAddFieldBoolean();
+			break;
+		case "color":
+			await pageTypeAddFieldColor();
+			break;
+		case "date":
+			await pageTypeAddFieldDate();
+			break;
+		case "embed":
+			await pageTypeAddFieldEmbed();
+			break;
+		case "geo-point":
+			await pageTypeAddFieldGeoPoint();
+			break;
+		case "group":
+			await pageTypeAddFieldGroup();
+			break;
+		case "image":
+			await pageTypeAddFieldImage();
+			break;
+		case "key-text":
+			await pageTypeAddFieldKeyText();
+			break;
+		case "link":
+			await pageTypeAddFieldLink();
+			break;
+		case "number":
+			await pageTypeAddFieldNumber();
+			break;
+		case "rich-text":
+			await pageTypeAddFieldRichText();
+			break;
+		case "select":
+			await pageTypeAddFieldSelect();
+			break;
+		case "timestamp":
+			await pageTypeAddFieldTimestamp();
+			break;
+		case "uid":
+			await pageTypeAddFieldUid();
+			break;
+		default: {
+			if (fieldType) {
+				console.error(`Unknown field type: ${fieldType}\n`);
+				process.exitCode = 1;
+			}
+			console.info(HELP);
+		}
+	}
+}

package/src/page-type-connect-slice.ts

@@ -0,0 +1,214 @@
+import type {
+	CustomType,
+	DynamicSlices,
+	SharedSliceRef,
+} from "@prismicio/types-internal/lib/customtypes";
+
+import { readFile, writeFile } from "node:fs/promises";
+import { parseArgs } from "node:util";
+import * as v from "valibot";
+
+import { buildTypes } from "./codegen-types";
+import { findUpward } from "./lib/file";
+import { stringify } from "./lib/json";
+import { findSliceModel } from "./lib/slice";
+
+const HELP = `
+Connect a shared slice to a page type's slice zone.
+
+USAGE
+  prismic page-type connect-slice <type-id> <slice-id> [flags]
+
+ARGUMENTS
+  type-id                Page type identifier (required)
+  slice-id               Slice identifier (required)
+
+FLAGS
+  -z, --slice-zone string  Target slice zone field ID (default: "slices")
+      --types string   Output file for generated types (default: "prismicio-types.d.ts")
+  -h, --help               Show help for command
+
+EXAMPLES
+  prismic page-type connect-slice homepage CallToAction
+  prismic page-type connect-slice homepage CallToAction --slice-zone slices
+  prismic page-type connect-slice article HeroSection -z body
+`.trim();
+
+const CustomTypeSchema = v.object({
+	id: v.string(),
+	label: v.string(),
+	repeatable: v.boolean(),
+	status: v.boolean(),
+	format: v.string(),
+	json: v.record(v.string(), v.record(v.string(), v.unknown())),
+});
+
+export async function pageTypeConnectSlice(): Promise<void> {
+	const {
+		values: { help, "slice-zone": sliceZoneId, types },
+		positionals: [typeId, sliceId],
+	} = parseArgs({
+		args: process.argv.slice(4), // skip: node, script, "page-type", "connect-slice"
+		options: {
+			"slice-zone": { type: "string", short: "z" },
+			types: { type: "string" },
+			help: { type: "boolean", short: "h" },
+		},
+		allowPositionals: true,
+	});
+
+	if (help) {
+		console.info(HELP);
+		return;
+	}
+
+	if (!typeId) {
+		console.error("Missing required argument: type-id\n");
+		console.error("Usage: prismic page-type connect-slice <type-id> <slice-id>");
+		process.exitCode = 1;
+		return;
+	}
+
+	if (!sliceId) {
+		console.error("Missing required argument: slice-id\n");
+		console.error("Usage: prismic page-type connect-slice <type-id> <slice-id>");
+		process.exitCode = 1;
+		return;
+	}
+
+	// Verify the slice exists
+	const sliceResult = await findSliceModel(sliceId);
+	if (!sliceResult.ok) {
+		console.error(sliceResult.error);
+		process.exitCode = 1;
+		return;
+	}
+
+	// Find the page type file
+	const projectRoot = await findUpward("package.json");
+	if (!projectRoot) {
+		console.error("Could not find project root (no package.json found)");
+		process.exitCode = 1;
+		return;
+	}
+
+	const modelPath = new URL(`customtypes/${typeId}/index.json`, projectRoot);
+
+	// Read and parse the model
+	let model: CustomType;
+	try {
+		const contents = await readFile(modelPath, "utf8");
+		const result = v.safeParse(CustomTypeSchema, JSON.parse(contents));
+		if (!result.success) {
+			console.error(`Invalid page type model: ${modelPath.href}`);
+			process.exitCode = 1;
+			return;
+		}
+		model = result.output as CustomType;
+	} catch (error) {
+		if (error instanceof Error && "code" in error && error.code === "ENOENT") {
+			console.error(`Page type not found: ${typeId}\n`);
+			console.error(`Create it first with: prismic page-type create ${typeId}`);
+			process.exitCode = 1;
+			return;
+		}
+		if (error instanceof Error) {
+			console.error(`Failed to read page type: ${error.message}`);
+		} else {
+			console.error("Failed to read page type");
+		}
+		process.exitCode = 1;
+		return;
+	}
+
+	const targetSliceZoneId = sliceZoneId ?? "slices";
+
+	// Find existing slice zone or create a new one
+	let sliceZone: DynamicSlices | undefined;
+	let sliceZoneFieldId: string | undefined;
+
+	// Search all tabs for a Slices field matching the target ID
+	for (const [, tabFields] of Object.entries(model.json)) {
+		for (const [fieldId, field] of Object.entries(tabFields)) {
+			if ((field as { type?: string }).type === "Slices" && fieldId === targetSliceZoneId) {
+				sliceZone = field as DynamicSlices;
+				sliceZoneFieldId = fieldId;
+				break;
+			}
+		}
+		if (sliceZone) break;
+	}
+
+	// Handle slice zone not found
+	if (!sliceZone) {
+		if (sliceZoneId) {
+			// User specified a slice zone that doesn't exist
+			console.error(`Slice zone "${sliceZoneId}" not found in page type "${typeId}"`);
+			process.exitCode = 1;
+			return;
+		}
+
+		// Create a new slice zone in the first tab
+		const existingTabs = Object.keys(model.json);
+		const targetTab = existingTabs[0] ?? "Main";
+
+		// Initialize tab if it doesn't exist
+		if (!model.json[targetTab]) {
+			model.json[targetTab] = {};
+		}
+
+		const newSliceZone: DynamicSlices = {
+			type: "Slices",
+			fieldset: "Slice Zone",
+			config: {
+				choices: {},
+			},
+		};
+
+		model.json[targetTab][targetSliceZoneId] = newSliceZone;
+		sliceZone = newSliceZone;
+		sliceZoneFieldId = targetSliceZoneId;
+	}
+
+	// Ensure config and choices exist
+	if (!sliceZone.config) {
+		sliceZone.config = { choices: {} };
+	}
+	if (!sliceZone.config.choices) {
+		sliceZone.config.choices = {};
+	}
+
+	// Check if slice is already connected
+	if (sliceId in sliceZone.config.choices) {
+		console.info(
+			`Slice "${sliceId}" is already connected to slice zone "${sliceZoneFieldId}" in ${typeId}`,
+		);
+		return;
+	}
+
+	// Add the slice reference
+	const sliceRef: SharedSliceRef = { type: "SharedSlice" };
+	sliceZone.config.choices[sliceId] = sliceRef;
+
+	// Write updated model
+	try {
+		await writeFile(modelPath, stringify(model));
+	} catch (error) {
+		if (error instanceof Error) {
+			console.error(`Failed to update page type: ${error.message}`);
+		} else {
+			console.error("Failed to update page type");
+		}
+		process.exitCode = 1;
+		return;
+	}
+
+	console.info(`Connected slice "${sliceId}" to slice zone "${sliceZoneFieldId}" in ${typeId}`);
+
+	try {
+		await buildTypes({ output: types });
+		console.info(`Updated types in ${types ?? "prismicio-types.d.ts"}`);
+	} catch (error) {
+		console.warn(`Could not generate types: ${error instanceof Error ? error.message : error}`);
+	}
+}

package/src/page-type-create.ts

@@ -0,0 +1,161 @@
+import type { CustomType } from "@prismicio/types-internal/lib/customtypes";
+
+import { mkdir, writeFile } from "node:fs/promises";
+import { parseArgs } from "node:util";
+
+import { buildTypes } from "./codegen-types";
+import { findUpward } from "./lib/file";
+import { type Framework, detectFrameworkInfo } from "./lib/framework";
+import { stringify } from "./lib/json";
+
+const HELP = `
+Create a new page type in a Prismic repository.
+
+USAGE
+  prismic page-type create <id> [flags]
+
+ARGUMENTS
+  id       Page type identifier (required)
+
+FLAGS
+  -n, --name string   Display name for the page type
+      --single        Create as a singleton (non-repeatable) type
+      --types string   Output file for generated types (default: "prismicio-types.d.ts")
+  -h, --help          Show help for command
+
+LEARN MORE
+  Use \`prismic page-type <command> --help\` for more information about a command.
+`.trim();
+
+function getDocsPath(framework: Framework): string {
+	switch (framework) {
+		case "next":
+			return "nextjs/with-cli";
+		case "nuxt":
+			return "nuxt/with-cli";
+		case "sveltekit":
+			return "sveltekit/with-cli";
+	}
+}
+
+function getWritePageComponentsAnchor(_framework: Framework): string {
+	return "#write-page-components";
+}
+
+export async function pageTypeCreate(): Promise<void> {
+	const {
+		values: { help, name, single, types },
+		positionals: [id],
+	} = parseArgs({
+		args: process.argv.slice(4), // skip: node, script, "page-type", "create"
+		options: {
+			name: { type: "string", short: "n" },
+			single: { type: "boolean" },
+			types: { type: "string" },
+			help: { type: "boolean", short: "h" },
+		},
+		allowPositionals: true,
+	});
+
+	if (help) {
+		console.info(HELP);
+		return;
+	}
+
+	if (!id) {
+		console.error("Missing required argument: id");
+		process.exitCode = 1;
+		return;
+	}
+
+	const model = {
+		id,
+		label: name ?? pascalCase(id),
+		repeatable: !single,
+		status: true,
+		format: "page",
+		json: {
+			Main: single
+				? {}
+				: {
+						uid: {
+							type: "UID",
+							config: { label: "UID", placeholder: "" },
+						},
+					},
+			"SEO & Metadata": {
+				meta_title: {
+					type: "Text",
+					config: {
+						label: "Meta Title",
+						placeholder: "A title of the page used for social media and search engines",
+					},
+				},
+				meta_description: {
+					type: "Text",
+					config: {
+						label: "Meta Description",
+						placeholder: "A brief summary of the page",
+					},
+				},
+				meta_image: {
+					type: "Image",
+					config: {
+						label: "Meta Image",
+						constraint: { width: 2400, height: 1260 },
+						thumbnails: [],
+					},
+				},
+			},
+		},
+	} satisfies CustomType;
+
+	const projectRoot = await findUpward("package.json");
+	if (!projectRoot) {
+		console.error("Could not find project root (no package.json found)");
+		process.exitCode = 1;
+		return;
+	}
+
+	const customTypesDirectory = new URL("customtypes/", projectRoot);
+	const typeDirectory = new URL(id + "/", customTypesDirectory);
+	const modelPath = new URL("index.json", typeDirectory);
+
+	try {
+		await mkdir(new URL(".", modelPath), { recursive: true });
+		await writeFile(modelPath, stringify(model));
+	} catch (error) {
+		if (error instanceof Error) {
+			console.error(`Failed to create page type: ${error.message}`);
+		} else {
+			console.error(`Failed to create page type`);
+		}
+		process.exitCode = 1;
+		return;
+	}
+
+	console.info(`Created page type at ${modelPath.href}`);
+
+	try {
+		await buildTypes({ output: types });
+		console.info(`Updated types in ${types ?? "prismicio-types.d.ts"}`);
+	} catch (error) {
+		console.warn(`Could not generate types: ${error instanceof Error ? error.message : error}`);
+	}
+
+	console.info();
+	console.info("Next: Add fields with `prismic page-type add-field`");
+
+	const frameworkInfo = await detectFrameworkInfo();
+	if (frameworkInfo?.framework) {
+		const docsPath = getDocsPath(frameworkInfo.framework);
+		const anchor = getWritePageComponentsAnchor(frameworkInfo.framework);
+		console.info(
+			`      Run \`prismic docs fetch ${docsPath}${anchor}\` to learn how to implement a page file`,
+		);
+	}
+}
+
+export function pascalCase(input: string): string {
+	return input.toLowerCase().replace(/(^|[-_\s]+)(.)?/g, (_, __, c) => c?.toUpperCase() ?? "");
+}

package/src/page-type-disconnect-slice.ts

@@ -0,0 +1,171 @@
+import type { CustomType, DynamicSlices } from "@prismicio/types-internal/lib/customtypes";
+
+import { readFile, writeFile } from "node:fs/promises";
+import { parseArgs } from "node:util";
+import * as v from "valibot";
+
+import { buildTypes } from "./codegen-types";
+import { findUpward } from "./lib/file";
+import { stringify } from "./lib/json";
+
+const HELP = `
+Disconnect a shared slice from a page type's slice zone.
+
+USAGE
+  prismic page-type disconnect-slice <type-id> <slice-id> [flags]
+
+ARGUMENTS
+  type-id                Page type identifier (required)
+  slice-id               Slice identifier (required)
+
+FLAGS
+  -z, --slice-zone string  Target slice zone field ID (default: "slices")
+      --types string   Output file for generated types (default: "prismicio-types.d.ts")
+  -h, --help               Show help for command
+
+EXAMPLES
+  prismic page-type disconnect-slice homepage CallToAction
+  prismic page-type disconnect-slice homepage CallToAction --slice-zone slices
+  prismic page-type disconnect-slice article HeroSection -z body
+`.trim();
+
+const CustomTypeSchema = v.object({
+	id: v.string(),
+	label: v.string(),
+	repeatable: v.boolean(),
+	status: v.boolean(),
+	format: v.string(),
+	json: v.record(v.string(), v.record(v.string(), v.unknown())),
+});
+
+export async function pageTypeDisconnectSlice(): Promise<void> {
+	const {
+		values: { help, "slice-zone": sliceZoneId, types },
+		positionals: [typeId, sliceId],
+	} = parseArgs({
+		args: process.argv.slice(4), // skip: node, script, "page-type", "disconnect-slice"
+		options: {
+			"slice-zone": { type: "string", short: "z" },
+			types: { type: "string" },
+			help: { type: "boolean", short: "h" },
+		},
+		allowPositionals: true,
+	});
+
+	if (help) {
+		console.info(HELP);
+		return;
+	}
+
+	if (!typeId) {
+		console.error("Missing required argument: type-id\n");
+		console.error("Usage: prismic page-type disconnect-slice <type-id> <slice-id>");
+		process.exitCode = 1;
+		return;
+	}
+
+	if (!sliceId) {
+		console.error("Missing required argument: slice-id\n");
+		console.error("Usage: prismic page-type disconnect-slice <type-id> <slice-id>");
+		process.exitCode = 1;
+		return;
+	}
+
+	// Find the page type file
+	const projectRoot = await findUpward("package.json");
+	if (!projectRoot) {
+		console.error("Could not find project root (no package.json found)");
+		process.exitCode = 1;
+		return;
+	}
+
+	const modelPath = new URL(`customtypes/${typeId}/index.json`, projectRoot);
+
+	// Read and parse the model
+	let model: CustomType;
+	try {
+		const contents = await readFile(modelPath, "utf8");
+		const result = v.safeParse(CustomTypeSchema, JSON.parse(contents));
+		if (!result.success) {
+			console.error(`Invalid page type model: ${modelPath.href}`);
+			process.exitCode = 1;
+			return;
+		}
+		model = result.output as CustomType;
+	} catch (error) {
+		if (error instanceof Error && "code" in error && error.code === "ENOENT") {
+			console.error(`Page type not found: ${typeId}\n`);
+			console.error(`Create it first with: prismic page-type create ${typeId}`);
+			process.exitCode = 1;
+			return;
+		}
+		if (error instanceof Error) {
+			console.error(`Failed to read page type: ${error.message}`);
+		} else {
+			console.error("Failed to read page type");
+		}
+		process.exitCode = 1;
+		return;
+	}
+
+	const targetSliceZoneId = sliceZoneId ?? "slices";
+
+	// Find existing slice zone
+	let sliceZone: DynamicSlices | undefined;
+	let sliceZoneFieldId: string | undefined;
+
+	// Search all tabs for a Slices field matching the target ID
+	for (const [, tabFields] of Object.entries(model.json)) {
+		for (const [fieldId, field] of Object.entries(tabFields)) {
+			if ((field as { type?: string }).type === "Slices" && fieldId === targetSliceZoneId) {
+				sliceZone = field as DynamicSlices;
+				sliceZoneFieldId = fieldId;
+				break;
+			}
+		}
+		if (sliceZone) break;
+	}
+
+	// Slice zone must exist for disconnect
+	if (!sliceZone) {
+		console.error(`Slice zone "${targetSliceZoneId}" not found in page type "${typeId}"`);
+		process.exitCode = 1;
+		return;
+	}
+
+	// Check if slice is connected
+	if (!sliceZone.config?.choices || !(sliceId in sliceZone.config.choices)) {
+		console.error(
+			`Slice "${sliceId}" is not connected to slice zone "${sliceZoneFieldId}" in ${typeId}`,
+		);
+		process.exitCode = 1;
+		return;
+	}
+
+	// Remove the slice reference
+	delete sliceZone.config.choices[sliceId];
+
+	// Write updated model
+	try {
+		await writeFile(modelPath, stringify(model));
+	} catch (error) {
+		if (error instanceof Error) {
+			console.error(`Failed to update page type: ${error.message}`);
+		} else {
+			console.error("Failed to update page type");
+		}
+		process.exitCode = 1;
+		return;
+	}
+
+	console.info(
+		`Disconnected slice "${sliceId}" from slice zone "${sliceZoneFieldId}" in ${typeId}`,
+	);
+
+	try {
+		await buildTypes({ output: types });
+		console.info(`Updated types in ${types ?? "prismicio-types.d.ts"}`);
+	} catch (error) {
+		console.warn(`Could not generate types: ${error instanceof Error ? error.message : error}`);
+	}
+}