@carlonicora/nextjs-jsonapi 1.109.0 → 1.111.0

package/dist/scripts/generate-web-module/templates/components/content.template.js

@@ -2,38 +2,127 @@
 /**
  * Content Template
  *
- * Generates {Module}Content.tsx component for displaying BlockNote content.
- * Only generated for Content-extending modules.
+ * Generates {Module}Content.tsx — the prop-driven body rendered inside the
+ * container's "Details" tab. Always emitted (returns a string):
+ * - Content-extending modules render the BlockNote content.
+ * - Other modules render an AttributeElement layout of their fields and
+ *   relationships.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateContentTemplate = generateContentTemplate;
+const name_transformer_1 = require("../../transformers/name-transformer");
 /**
  * Generate the content display component file content
  *
  * @param data - Frontend template data
- * @returns Generated file content or null if not Content-extending
+ * @returns Generated file content (always a string)
  */
 function generateContentTemplate(data) {
     const { names, extendsContent } = data;
-    // Only generate for Content-extending modules
-    if (!extendsContent) {
-        return null;
-    }
-    return `"use client";
+    const camel = names.camelCase;
+    // Content-extending modules render their BlockNote body, prop-driven.
+    if (extendsContent) {
+        return `"use client";
 
-import { use${names.pascalCase}Context } from "@/features/${data.importTargetDir}/${names.kebabCase}/contexts/${names.pascalCase}Context";
-import { BlockNoteEditorContainer } from "@carlonicora/nextjs-jsonapi/components";
-import { Card } from "@carlonicora/nextjs-jsonapi/components";
+import { ${names.pascalCase}Interface } from "@/features/${data.importTargetDir}/${names.kebabCase}/data/${names.pascalCase}Interface";
+import { BlockNoteEditorContainer, Card } from "@carlonicora/nextjs-jsonapi/components";
 
-export default function ${names.pascalCase}Content() {
-  const { ${names.camelCase} } = use${names.pascalCase}Context();
+type ${names.pascalCase}ContentProps = { ${camel}: ${names.pascalCase}Interface };
 
+export function ${names.pascalCase}Content({ ${camel} }: ${names.pascalCase}ContentProps) {
   return (
     <Card className="flex w-full flex-col p-4">
-      <BlockNoteEditorContainer id={${names.camelCase}.id} type="${names.camelCase}" initialContent={${names.camelCase}.content} />
+      <BlockNoteEditorContainer id={${camel}.id} type="${camel}" initialContent={${camel}.content} />
     </Card>
   );
 }
 `;
+    }
+    // Non-content modules render an AttributeElement layout of their fields.
+    const attributeElements = generateAttributeElements(data);
+    return `"use client";
+
+import { ${names.pascalCase}Interface } from "@/features/${data.importTargetDir}/${names.kebabCase}/data/${names.pascalCase}Interface";
+import { AttributeElement } from "@carlonicora/nextjs-jsonapi/components";
+import { useTranslations } from "next-intl";
+
+type ${names.pascalCase}ContentProps = { ${camel}: ${names.pascalCase}Interface };
+
+export function ${names.pascalCase}Content({ ${camel} }: ${names.pascalCase}ContentProps) {
+  const t = useTranslations();
+
+  return (
+    <div className="flex flex-col gap-y-8">
+      <div className="flex flex-col gap-y-3">
+        <h3 className="text-muted-foreground text-xs font-semibold tracking-wider uppercase">
+          {t(\`features.${names.camelCase}.sections.details\`)}
+        </h3>
+        <div className="grid grid-cols-1 gap-4 md:grid-cols-3">
+${attributeElements}
+        </div>
+      </div>
+    </div>
+  );
+}
+`;
+}
+/**
+ * Generate attribute elements for display fields and relationships.
+ *
+ * Ported from the (removed) details template, but accessing the entity via the
+ * `camelCase` prop instead of context.
+ */
+function generateAttributeElements(data) {
+    const { names, fields, relationships } = data;
+    const camel = names.camelCase;
+    const elements = [];
+    // Add custom fields (excluding name, tldr, abstract, content which are handled elsewhere)
+    const displayableFields = fields.filter((f) => !["name", "tldr", "abstract", "content", "id"].includes(f.name));
+    displayableFields.forEach((field) => {
+        if (field.type === "string") {
+            elements.push(`          <AttributeElement
+            title={t(\`features.${names.camelCase}.fields.${field.name}.label\`)}
+            value={${camel}.${field.name}}
+          />`);
+        }
+        else if (field.type === "boolean") {
+            elements.push(`          <AttributeElement
+            title={t(\`features.${names.camelCase}.fields.${field.name}.label\`)}
+            value={${camel}.${field.name} ? t(\`generic.yes\`) : t(\`generic.no\`)}
+          />`);
+        }
+        else if (field.type === "number") {
+            elements.push(`          <AttributeElement
+            title={t(\`features.${names.camelCase}.fields.${field.name}.label\`)}
+            value={${camel}.${field.name}?.toString()}
+          />`);
+        }
+    });
+    // Add relationship displays (basic - can be enhanced manually)
+    relationships
+        .filter((rel) => rel.variant !== "Author") // Skip author, usually shown in title
+        .forEach((rel) => {
+        const displayProp = rel.targetHasName ? "name" : "id";
+        if (rel.single) {
+            const propName = (0, name_transformer_1.toCamelCase)(rel.alias || rel.variant || rel.name);
+            elements.push(`          {${camel}.${propName} && (
+            <AttributeElement
+              title={t(\`generic.relationships.${propName}.label\`)}
+              value={${camel}.${propName}.${displayProp}}
+            />
+          )}`);
+        }
+        else {
+            const effectiveMany = rel.alias || rel.name;
+            const propName = (0, name_transformer_1.pluralize)((0, name_transformer_1.toCamelCase)(effectiveMany));
+            elements.push(`          {${camel}.${propName} && ${camel}.${propName}.length > 0 && (
+            <AttributeElement
+              title={t(\`entities.${(0, name_transformer_1.pluralize)(rel.name.toLowerCase())}\`, { count: 2 })}
+              value={${camel}.${propName}.map((item) => item.${displayProp}).join(", ")}
+            />
+          )}`);
+        }
+    });
+    return elements.join("\n");
 }
 //# sourceMappingURL=content.template.js.map

package/dist/scripts/generate-web-module/templates/components/content.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.template.js","sourceRoot":"","sources":["../../../../../scripts/generate-web-module/templates/components/content.template.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;AAUH,0DAwBC;AA9BD;;;;;GAKG;AACH,SAAgB,uBAAuB,CAAC,IAA0B;IAChE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAEvC,8CAA8C;IAC9C,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO;;cAEK,KAAK,CAAC,UAAU,8BAA8B,IAAI,CAAC,eAAe,IAAI,KAAK,CAAC,SAAS,aAAa,KAAK,CAAC,UAAU;;;;0BAItG,KAAK,CAAC,UAAU;YAC9B,KAAK,CAAC,SAAS,WAAW,KAAK,CAAC,UAAU;;;;sCAIhB,KAAK,CAAC,SAAS,cAAc,KAAK,CAAC,SAAS,qBAAqB,KAAK,CAAC,SAAS;;;;CAIrH,CAAC;AACF,CAAC"}
+{"version":3,"file":"content.template.js","sourceRoot":"","sources":["../../../../../scripts/generate-web-module/templates/components/content.template.ts"],"names":[],"mappings":"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"}

package/dist/scripts/generate-web-module/templates/components/editor.template.d.ts

@@ -1,7 +1,7 @@
 /**
  * Editor Template
  *
- * Generates {Module}Editor.tsx dialog-based form component.
+ * Generates {Module}Editor.tsx form component using the EditorSheet wrapper.
  */
 import { FrontendTemplateData } from "../../types/template-data.interface";
 /**