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

package/src/slice-add-field-image.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";
@@ -30,6 +32,28 @@ EXAMPLES
   prismic slice add-field image gallery thumbnail --variation "grid"
 `.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 sliceAddFieldImage(): Promise<void> {
 	const {
 		values: { help, variation, label, types },
@@ -64,6 +88,15 @@ export async function sliceAddFieldImage(): 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) {
@@ -99,25 +132,52 @@ export async function sliceAddFieldImage(): 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: Image = {
 		type: "Image",
 		config: {
-			label: label ?? humanReadable(fieldId),
+			label: label ?? humanReadable(fieldPath.type === "nested" ? fieldPath.nestedFieldId : fieldId),
 		},
 	};
 
-	// 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 {
@@ -132,9 +192,15 @@ export async function sliceAddFieldImage(): Promise<void> {
 		return;
 	}
 
-	console.info(
-		`Added field "${fieldId}" (Image) to "${targetVariation.id}" variation in ${sliceId}`,
-	);
+	if (fieldPath.type === "nested") {
+		console.info(
+			`Added field "${fieldPath.nestedFieldId}" (Image) to group "${fieldPath.groupId}" in ${sliceId}`,
+		);
+	} else {
+		console.info(
+			`Added field "${fieldId}" (Image) to "${targetVariation.id}" variation in ${sliceId}`,
+		);
+	}
 
 	try {
 		await buildTypes({ output: types });
@@ -145,5 +211,13 @@ export async function sliceAddFieldImage(): 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-key-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";
@@ -31,6 +33,28 @@ EXAMPLES
   prismic slice add-field key-text cta button_text --placeholder "Enter button text"
 `.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 sliceAddFieldKeyText(): Promise<void> {
 	const {
 		values: { help, variation, label, placeholder, types },
@@ -66,6 +90,15 @@ export async function sliceAddFieldKeyText(): 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 sliceAddFieldKeyText(): 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: Text = {
 		type: "Text",
 		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 sliceAddFieldKeyText(): Promise<void> {
 		return;
 	}
 
-	console.info(
-		`Added field "${fieldId}" (Text) to "${targetVariation.id}" variation in ${sliceId}`,
-	);
+	if (fieldPath.type === "nested") {
+		console.info(
+			`Added field "${fieldPath.nestedFieldId}" (Text) to group "${fieldPath.groupId}" in ${sliceId}`,
+		);
+	} else {
+		console.info(
+			`Added field "${fieldId}" (Text) to "${targetVariation.id}" variation in ${sliceId}`,
+		);
+	}
 
 	try {
 		await buildTypes({ output: types });
@@ -148,5 +214,13 @@ export async function sliceAddFieldKeyText(): 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-link.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";
@@ -35,6 +37,28 @@ EXAMPLES
   prismic slice add-field link hero cta --allow-text --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 sliceAddFieldLink(): Promise<void> {
 	const {
 		values: {
@@ -82,6 +106,15 @@ export async function sliceAddFieldLink(): 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) {
@@ -117,20 +150,11 @@ export async function sliceAddFieldLink(): 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: Link = {
 		type: "Link",
 		config: {
-			label: label ?? humanReadable(fieldId),
+			label: label ?? humanReadable(fieldPath.type === "nested" ? fieldPath.nestedFieldId : fieldId),
 			...(placeholder && { placeholder }),
 			...(allowText && { allowText: true }),
 			...(allowTargetBlank && { allowTargetBlank: true }),
@@ -138,8 +162,44 @@ export async function sliceAddFieldLink(): 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 {
@@ -154,9 +214,15 @@ export async function sliceAddFieldLink(): Promise<void> {
 		return;
 	}
 
-	console.info(
-		`Added field "${fieldId}" (Link) to "${targetVariation.id}" variation in ${sliceId}`,
-	);
+	if (fieldPath.type === "nested") {
+		console.info(
+			`Added field "${fieldPath.nestedFieldId}" (Link) to group "${fieldPath.groupId}" in ${sliceId}`,
+		);
+	} else {
+		console.info(
+			`Added field "${fieldId}" (Link) to "${targetVariation.id}" variation in ${sliceId}`,
+		);
+	}
 
 	try {
 		await buildTypes({ output: types });
@@ -167,5 +233,13 @@ export async function sliceAddFieldLink(): 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-number.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 number stats count --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 sliceAddFieldNumber(): Promise<void> {
 	const {
 		values: { help, variation, label, placeholder, types },
@@ -66,6 +90,15 @@ export async function sliceAddFieldNumber(): 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 sliceAddFieldNumber(): 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: Number = {
 		type: "Number",
 		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 sliceAddFieldNumber(): Promise<void> {
 		return;
 	}
 
-	console.info(
-		`Added field "${fieldId}" (Number) to "${targetVariation.id}" variation in ${sliceId}`,
-	);
+	if (fieldPath.type === "nested") {
+		console.info(
+			`Added field "${fieldPath.nestedFieldId}" (Number) to group "${fieldPath.groupId}" in ${sliceId}`,
+		);
+	} else {
+		console.info(
+			`Added field "${fieldId}" (Number) to "${targetVariation.id}" variation in ${sliceId}`,
+		);
+	}
 
 	try {
 		await buildTypes({ output: types });
@@ -148,5 +214,13 @@ export async function sliceAddFieldNumber(): 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`,
+		);
+	}
 }