@angeloashmore/prismic-cli-poc 0.0.0-pr.8.b80fefa → 0.0.0-pr.9.5366ece

package/src/slice-add-field-rich-text.ts

@@ -4,6 +4,8 @@ import { writeFile } from "node:fs/promises";
 import { parseArgs } from "node:util";
 
 import { buildTypes } from "./codegen-types";
+import { findGroupInVariation, isGroupField, parseFieldPath, validateNestedFieldPath } from "./lib/field-path";
+import { type Framework, detectFrameworkInfo } from "./lib/framework";
 import { stringify } from "./lib/json";
 import { findSliceModel } from "./lib/slice";
 import { humanReadable } from "./lib/string";
@@ -40,6 +42,28 @@ EXAMPLES
   prismic slice add-field rich-text blog post --multi "paragraph,strong,em,hyperlink" --allow-target-blank
 `.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 getWriteComponentsAnchor(framework: Framework): string {
+	switch (framework) {
+		case "nuxt":
+			return "#write-vue-components";
+		case "sveltekit":
+			return "#write-svelte-components";
+		default:
+			return "#write-react-components";
+	}
+}
+
 export async function sliceAddFieldRichText(): Promise<void> {
 	const {
 		values: {
@@ -87,6 +111,15 @@ export async function sliceAddFieldRichText(): Promise<void> {
 		return;
 	}
 
+	// Parse and validate field path
+	const fieldPath = parseFieldPath(fieldId);
+	const pathValidation = validateNestedFieldPath(fieldPath);
+	if (!pathValidation.ok) {
+		console.error(pathValidation.error);
+		process.exitCode = 1;
+		return;
+	}
+
 	// Find the slice model
 	const result = await findSliceModel(sliceId);
 	if (!result.ok) {
@@ -122,20 +155,11 @@ export async function sliceAddFieldRichText(): Promise<void> {
 		targetVariation.primary = {};
 	}
 
-	// Check if field already exists in any variation
-	for (const v of model.variations) {
-		if (v.primary?.[fieldId]) {
-			console.error(`Field "${fieldId}" already exists in variation "${v.id}"`);
-			process.exitCode = 1;
-			return;
-		}
-	}
-
 	// Build field definition
 	const fieldDefinition: RichText = {
 		type: "StructuredText",
 		config: {
-			label: label ?? humanReadable(fieldId),
+			label: label ?? humanReadable(fieldPath.type === "nested" ? fieldPath.nestedFieldId : fieldId),
 			...(placeholder && { placeholder }),
 			...(single && { single }),
 			...(multi && { multi }),
@@ -143,8 +167,44 @@ export async function sliceAddFieldRichText(): Promise<void> {
 		},
 	};
 
-	// Add field to variation
-	targetVariation.primary[fieldId] = fieldDefinition;
+	// Add field to variation (with nested field support)
+	if (fieldPath.type === "nested") {
+		const groupResult = findGroupInVariation(targetVariation.primary, fieldPath.groupId, targetVariation.id);
+		if (!groupResult.ok) {
+			console.error(groupResult.error);
+			process.exitCode = 1;
+			return;
+		}
+		// Check if nested field already exists
+		if (groupResult.group.config.fields[fieldPath.nestedFieldId]) {
+			console.error(
+				`Field "${fieldPath.nestedFieldId}" already exists in group "${fieldPath.groupId}"`,
+			);
+			process.exitCode = 1;
+			return;
+		}
+		groupResult.group.config.fields[fieldPath.nestedFieldId] = fieldDefinition;
+	} else {
+		// Check if field already exists in any variation (at top level or in groups)
+		for (const v of model.variations) {
+			if (v.primary?.[fieldId]) {
+				console.error(`Field "${fieldId}" already exists in variation "${v.id}"`);
+				process.exitCode = 1;
+				return;
+			}
+			// Also check inside groups
+			for (const [groupFieldId, groupField] of Object.entries(v.primary ?? {})) {
+				if (isGroupField(groupField) && groupField.config.fields[fieldId]) {
+					console.error(
+						`Field "${fieldId}" already exists in group "${groupFieldId}" in variation "${v.id}"`,
+					);
+					process.exitCode = 1;
+					return;
+				}
+			}
+		}
+		targetVariation.primary[fieldId] = fieldDefinition;
+	}
 
 	// Write updated model
 	try {
@@ -159,9 +219,15 @@ export async function sliceAddFieldRichText(): Promise<void> {
 		return;
 	}
 
-	console.info(
-		`Added field "${fieldId}" (StructuredText) to "${targetVariation.id}" variation in ${sliceId}`,
-	);
+	if (fieldPath.type === "nested") {
+		console.info(
+			`Added field "${fieldPath.nestedFieldId}" (StructuredText) to group "${fieldPath.groupId}" in ${sliceId}`,
+		);
+	} else {
+		console.info(
+			`Added field "${fieldId}" (StructuredText) to "${targetVariation.id}" variation in ${sliceId}`,
+		);
+	}
 
 	try {
 		await buildTypes({ output: types });
@@ -172,5 +238,13 @@ export async function sliceAddFieldRichText(): Promise<void> {
 
 	console.info();
 	console.info("Next: Add more fields with `prismic slice add-field`");
-	console.info("      Run `prismic status` when done to find next steps");
+
+	const frameworkInfo = await detectFrameworkInfo();
+	if (frameworkInfo?.framework) {
+		const docsPath = getDocsPath(frameworkInfo.framework);
+		const anchor = getWriteComponentsAnchor(frameworkInfo.framework);
+		console.info(
+			`      Run \`prismic docs ${docsPath}${anchor}\` to learn how to implement the slice's component`,
+		);
+	}
 }

package/src/slice-add-field-select.ts

@@ -4,6 +4,8 @@ import { writeFile } from "node:fs/promises";
 import { parseArgs } from "node:util";
 
 import { buildTypes } from "./codegen-types";
+import { findGroupInVariation, isGroupField, parseFieldPath, validateNestedFieldPath } from "./lib/field-path";
+import { type Framework, detectFrameworkInfo } from "./lib/framework";
 import { stringify } from "./lib/json";
 import { findSliceModel } from "./lib/slice";
 import { humanReadable } from "./lib/string";
@@ -33,17 +35,31 @@ EXAMPLES
   prismic slice add-field select product size --option "small" --option "medium" --option "large" --label "Size"
 `.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 getWriteComponentsAnchor(framework: Framework): string {
+	switch (framework) {
+		case "nuxt":
+			return "#write-vue-components";
+		case "sveltekit":
+			return "#write-svelte-components";
+		default:
+			return "#write-react-components";
+	}
+}
+
 export async function sliceAddFieldSelect(): Promise<void> {
 	const {
-		values: {
-			help,
-			variation,
-			label,
-			placeholder,
-			option,
-			default: defaultValue,
-			types,
-		},
+		values: { help, variation, label, placeholder, option, default: defaultValue, types },
 		positionals: [sliceId, fieldId],
 	} = parseArgs({
 		args: process.argv.slice(5), // skip: node, script, "slice", "add-field", "select"
@@ -78,6 +94,15 @@ export async function sliceAddFieldSelect(): Promise<void> {
 		return;
 	}
 
+	// Parse and validate field path
+	const fieldPath = parseFieldPath(fieldId);
+	const pathValidation = validateNestedFieldPath(fieldPath);
+	if (!pathValidation.ok) {
+		console.error(pathValidation.error);
+		process.exitCode = 1;
+		return;
+	}
+
 	// Find the slice model
 	const result = await findSliceModel(sliceId);
 	if (!result.ok) {
@@ -113,28 +138,55 @@ export async function sliceAddFieldSelect(): Promise<void> {
 		targetVariation.primary = {};
 	}
 
-	// Check if field already exists in any variation
-	for (const v of model.variations) {
-		if (v.primary?.[fieldId]) {
-			console.error(`Field "${fieldId}" already exists in variation "${v.id}"`);
-			process.exitCode = 1;
-			return;
-		}
-	}
-
 	// Build field definition
 	const fieldDefinition: Select = {
 		type: "Select",
 		config: {
-			label: label ?? humanReadable(fieldId),
+			label: label ?? humanReadable(fieldPath.type === "nested" ? fieldPath.nestedFieldId : fieldId),
 			...(placeholder && { placeholder }),
 			...(option && option.length > 0 && { options: option }),
 			...(defaultValue && { default_value: defaultValue }),
 		},
 	};
 
-	// Add field to variation
-	targetVariation.primary[fieldId] = fieldDefinition;
+	// Add field to variation (with nested field support)
+	if (fieldPath.type === "nested") {
+		const groupResult = findGroupInVariation(targetVariation.primary, fieldPath.groupId, targetVariation.id);
+		if (!groupResult.ok) {
+			console.error(groupResult.error);
+			process.exitCode = 1;
+			return;
+		}
+		// Check if nested field already exists
+		if (groupResult.group.config.fields[fieldPath.nestedFieldId]) {
+			console.error(
+				`Field "${fieldPath.nestedFieldId}" already exists in group "${fieldPath.groupId}"`,
+			);
+			process.exitCode = 1;
+			return;
+		}
+		groupResult.group.config.fields[fieldPath.nestedFieldId] = fieldDefinition;
+	} else {
+		// Check if field already exists in any variation (at top level or in groups)
+		for (const v of model.variations) {
+			if (v.primary?.[fieldId]) {
+				console.error(`Field "${fieldId}" already exists in variation "${v.id}"`);
+				process.exitCode = 1;
+				return;
+			}
+			// Also check inside groups
+			for (const [groupFieldId, groupField] of Object.entries(v.primary ?? {})) {
+				if (isGroupField(groupField) && groupField.config.fields[fieldId]) {
+					console.error(
+						`Field "${fieldId}" already exists in group "${groupFieldId}" in variation "${v.id}"`,
+					);
+					process.exitCode = 1;
+					return;
+				}
+			}
+		}
+		targetVariation.primary[fieldId] = fieldDefinition;
+	}
 
 	// Write updated model
 	try {
@@ -149,9 +201,15 @@ export async function sliceAddFieldSelect(): Promise<void> {
 		return;
 	}
 
-	console.info(
-		`Added field "${fieldId}" (Select) to "${targetVariation.id}" variation in ${sliceId}`,
-	);
+	if (fieldPath.type === "nested") {
+		console.info(
+			`Added field "${fieldPath.nestedFieldId}" (Select) to group "${fieldPath.groupId}" in ${sliceId}`,
+		);
+	} else {
+		console.info(
+			`Added field "${fieldId}" (Select) to "${targetVariation.id}" variation in ${sliceId}`,
+		);
+	}
 
 	try {
 		await buildTypes({ output: types });
@@ -162,5 +220,13 @@ export async function sliceAddFieldSelect(): Promise<void> {
 
 	console.info();
 	console.info("Next: Add more fields with `prismic slice add-field`");
-	console.info("      Run `prismic status` when done to find next steps");
+
+	const frameworkInfo = await detectFrameworkInfo();
+	if (frameworkInfo?.framework) {
+		const docsPath = getDocsPath(frameworkInfo.framework);
+		const anchor = getWriteComponentsAnchor(frameworkInfo.framework);
+		console.info(
+			`      Run \`prismic docs ${docsPath}${anchor}\` to learn how to implement the slice's component`,
+		);
+	}
 }

package/src/slice-add-field-timestamp.ts

@@ -4,6 +4,8 @@ import { writeFile } from "node:fs/promises";
 import { parseArgs } from "node:util";
 
 import { buildTypes } from "./codegen-types";
+import { findGroupInVariation, isGroupField, parseFieldPath, validateNestedFieldPath } from "./lib/field-path";
+import { type Framework, detectFrameworkInfo } from "./lib/framework";
 import { stringify } from "./lib/json";
 import { findSliceModel } from "./lib/slice";
 import { humanReadable } from "./lib/string";
@@ -31,6 +33,28 @@ EXAMPLES
   prismic slice add-field timestamp schedule meeting_time --variation "detailed"
 `.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 getWriteComponentsAnchor(framework: Framework): string {
+	switch (framework) {
+		case "nuxt":
+			return "#write-vue-components";
+		case "sveltekit":
+			return "#write-svelte-components";
+		default:
+			return "#write-react-components";
+	}
+}
+
 export async function sliceAddFieldTimestamp(): Promise<void> {
 	const {
 		values: { help, variation, label, placeholder, types },
@@ -66,6 +90,15 @@ export async function sliceAddFieldTimestamp(): Promise<void> {
 		return;
 	}
 
+	// Parse and validate field path
+	const fieldPath = parseFieldPath(fieldId);
+	const pathValidation = validateNestedFieldPath(fieldPath);
+	if (!pathValidation.ok) {
+		console.error(pathValidation.error);
+		process.exitCode = 1;
+		return;
+	}
+
 	// Find the slice model
 	const result = await findSliceModel(sliceId);
 	if (!result.ok) {
@@ -101,26 +134,53 @@ export async function sliceAddFieldTimestamp(): Promise<void> {
 		targetVariation.primary = {};
 	}
 
-	// Check if field already exists in any variation
-	for (const v of model.variations) {
-		if (v.primary?.[fieldId]) {
-			console.error(`Field "${fieldId}" already exists in variation "${v.id}"`);
-			process.exitCode = 1;
-			return;
-		}
-	}
-
 	// Build field definition
 	const fieldDefinition: Timestamp = {
 		type: "Timestamp",
 		config: {
-			label: label ?? humanReadable(fieldId),
+			label: label ?? humanReadable(fieldPath.type === "nested" ? fieldPath.nestedFieldId : fieldId),
 			...(placeholder && { placeholder }),
 		},
 	};
 
-	// Add field to variation
-	targetVariation.primary[fieldId] = fieldDefinition;
+	// Add field to variation (with nested field support)
+	if (fieldPath.type === "nested") {
+		const groupResult = findGroupInVariation(targetVariation.primary, fieldPath.groupId, targetVariation.id);
+		if (!groupResult.ok) {
+			console.error(groupResult.error);
+			process.exitCode = 1;
+			return;
+		}
+		// Check if nested field already exists
+		if (groupResult.group.config.fields[fieldPath.nestedFieldId]) {
+			console.error(
+				`Field "${fieldPath.nestedFieldId}" already exists in group "${fieldPath.groupId}"`,
+			);
+			process.exitCode = 1;
+			return;
+		}
+		groupResult.group.config.fields[fieldPath.nestedFieldId] = fieldDefinition;
+	} else {
+		// Check if field already exists in any variation (at top level or in groups)
+		for (const v of model.variations) {
+			if (v.primary?.[fieldId]) {
+				console.error(`Field "${fieldId}" already exists in variation "${v.id}"`);
+				process.exitCode = 1;
+				return;
+			}
+			// Also check inside groups
+			for (const [groupFieldId, groupField] of Object.entries(v.primary ?? {})) {
+				if (isGroupField(groupField) && groupField.config.fields[fieldId]) {
+					console.error(
+						`Field "${fieldId}" already exists in group "${groupFieldId}" in variation "${v.id}"`,
+					);
+					process.exitCode = 1;
+					return;
+				}
+			}
+		}
+		targetVariation.primary[fieldId] = fieldDefinition;
+	}
 
 	// Write updated model
 	try {
@@ -135,9 +195,15 @@ export async function sliceAddFieldTimestamp(): Promise<void> {
 		return;
 	}
 
-	console.info(
-		`Added field "${fieldId}" (Timestamp) to "${targetVariation.id}" variation in ${sliceId}`,
-	);
+	if (fieldPath.type === "nested") {
+		console.info(
+			`Added field "${fieldPath.nestedFieldId}" (Timestamp) to group "${fieldPath.groupId}" in ${sliceId}`,
+		);
+	} else {
+		console.info(
+			`Added field "${fieldId}" (Timestamp) to "${targetVariation.id}" variation in ${sliceId}`,
+		);
+	}
 
 	try {
 		await buildTypes({ output: types });
@@ -148,5 +214,13 @@ export async function sliceAddFieldTimestamp(): Promise<void> {
 
 	console.info();
 	console.info("Next: Add more fields with `prismic slice add-field`");
-	console.info("      Run `prismic status` when done to find next steps");
+
+	const frameworkInfo = await detectFrameworkInfo();
+	if (frameworkInfo?.framework) {
+		const docsPath = getDocsPath(frameworkInfo.framework);
+		const anchor = getWriteComponentsAnchor(frameworkInfo.framework);
+		console.info(
+			`      Run \`prismic docs ${docsPath}${anchor}\` to learn how to implement the slice's component`,
+		);
+	}
 }

package/src/slice-add-field.ts

@@ -5,6 +5,7 @@ import { sliceAddFieldColor } from "./slice-add-field-color";
 import { sliceAddFieldDate } from "./slice-add-field-date";
 import { sliceAddFieldEmbed } from "./slice-add-field-embed";
 import { sliceAddFieldGeoPoint } from "./slice-add-field-geo-point";
+import { sliceAddFieldGroup } from "./slice-add-field-group";
 import { sliceAddFieldImage } from "./slice-add-field-image";
 import { sliceAddFieldKeyText } from "./slice-add-field-key-text";
 import { sliceAddFieldLink } from "./slice-add-field-link";
@@ -25,6 +26,7 @@ FIELD TYPES
   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
@@ -74,6 +76,9 @@ export async function sliceAddField(): Promise<void> {
 		case "geo-point":
 			await sliceAddFieldGeoPoint();
 			break;
+		case "group":
+			await sliceAddFieldGroup();
+			break;
 		case "image":
 			await sliceAddFieldImage();
 			break;

package/src/slice-create.ts

@@ -5,8 +5,11 @@ import { parseArgs } from "node:util";
 import * as v from "valibot";
 
 import { buildTypes } from "./codegen-types";
+import { isAuthenticated } from "./lib/auth";
+import { safeGetRepositoryFromConfig } from "./lib/config";
 import { exists, findUpward } from "./lib/file";
 import { stringify } from "./lib/json";
+import { uploadScreenshot } from "./slice-set-screenshot";
 
 const HELP = `
 Create a new slice in a Prismic project.
@@ -18,9 +21,11 @@ ARGUMENTS
   id       Slice identifier (required)
 
 FLAGS
-  -n, --name string   Display name for the slice
-      --types string   Output file for generated types (default: "prismicio-types.d.ts")
-  -h, --help          Show help for command
+  -n, --name string        Display name for the slice
+      --screenshot string  Path to screenshot image for default variation
+  -r, --repo string        Repository name (required for screenshot)
+      --types string       Output file for generated types (default: "prismicio-types.d.ts")
+  -h, --help               Show help for command
 
 LEARN MORE
   Use \`prismic slice <command> --help\` for more information about a command.
@@ -28,12 +33,14 @@ LEARN MORE
 
 export async function sliceCreate(): Promise<void> {
 	const {
-		values: { help, name, types },
+		values: { help, name, types, screenshot, repo: repoFlag },
 		positionals: [id],
 	} = parseArgs({
 		args: process.argv.slice(4), // skip: node, script, "slice", "create"
 		options: {
 			name: { type: "string", short: "n" },
+			screenshot: { type: "string" },
+			repo: { type: "string", short: "r" },
 			types: { type: "string" },
 			help: { type: "boolean", short: "h" },
 		},
@@ -51,6 +58,60 @@ export async function sliceCreate(): Promise<void> {
 		return;
 	}
 
+	// Handle screenshot upload if provided
+	let screenshotUrl: string | undefined;
+	if (screenshot) {
+		// Check authentication
+		const authenticated = await isAuthenticated();
+		if (!authenticated) {
+			console.error("You must be logged in to upload a screenshot.");
+			console.error("Run `prismic login` to authenticate.");
+			process.exitCode = 1;
+			return;
+		}
+
+		// Resolve repository
+		const repo = repoFlag ?? (await safeGetRepositoryFromConfig());
+		if (!repo) {
+			console.error("Could not determine repository for screenshot upload.");
+			console.error("Use --repo flag or run from a directory with prismic.config.json");
+			process.exitCode = 1;
+			return;
+		}
+
+		// Read and upload the screenshot
+		let imageData: Buffer;
+		try {
+			imageData = await readFile(screenshot);
+		} catch (error) {
+			if (error instanceof Error) {
+				console.error(`Failed to read screenshot file: ${error.message}`);
+			} else {
+				console.error("Failed to read screenshot file");
+			}
+			process.exitCode = 1;
+			return;
+		}
+
+		try {
+			screenshotUrl = await uploadScreenshot({
+				data: imageData,
+				repo,
+				sliceId: id,
+				variationId: "default",
+				filename: screenshot,
+			});
+		} catch (error) {
+			if (error instanceof Error) {
+				console.error(`Failed to upload screenshot: ${error.message}`);
+			} else {
+				console.error("Failed to upload screenshot");
+			}
+			process.exitCode = 1;
+			return;
+		}
+	}
+
 	const model: SharedSlice = {
 		id,
 		type: "SharedSlice",
@@ -61,7 +122,7 @@ export async function sliceCreate(): Promise<void> {
 				id: "default",
 				name: "Default",
 				description: "Default",
-				imageUrl: "",
+				imageUrl: screenshotUrl ?? "",
 				docURL: "",
 				version: "initial",
 				primary: {},