@momentumcms/core 0.1.10 → 0.2.0

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## 0.2.0 (2026-02-17)
+
+### 🚀 Features
+
+- add named tabs support with nested data grouping and tab UI improvements ([63ab63e](https://github.com/DonaldMurillo/momentum-cms/commit/63ab63e))
+
+### ❤️ Thank You
+
+- Claude Opus 4.6
+- Donald Murillo @DonaldMurillo
+
 ## 0.1.10 (2026-02-17)
 
 ### 🩹 Fixes

package/generators/generator.cjs

@@ -36,12 +36,26 @@ var import_node_path = require("node:path");
 var import_node_url = require("node:url");
 
 // libs/core/src/lib/fields/field.types.ts
+function isNamedTab(tab) {
+  return typeof tab.name === "string" && tab.name.length > 0;
+}
 function flattenDataFields(fields) {
   const result = [];
   for (const field of fields) {
     if (field.type === "tabs") {
       for (const tab of field.tabs) {
-        result.push(...flattenDataFields(tab.fields));
+        if (isNamedTab(tab)) {
+          const syntheticGroup = {
+            name: tab.name,
+            type: "group",
+            label: tab.label,
+            description: tab.description,
+            fields: tab.fields
+          };
+          result.push(syntheticGroup);
+        } else {
+          result.push(...flattenDataFields(tab.fields));
+        }
       }
     } else if (field.type === "collapsible" || field.type === "row") {
       result.push(...flattenDataFields(field.fields));
@@ -262,11 +276,7 @@ function generateTypes(config) {
     const hasTimestamps = collection.timestamps !== false;
     for (const field of dataFields) {
       if (field.type === "blocks") {
-        const blockResult = generateBlockTypes(
-          collection.slug,
-          field.name,
-          field
-        );
+        const blockResult = generateBlockTypes(collection.slug, field.name, field);
         blockDeclarations.push(blockResult.declarations);
       }
     }
@@ -280,11 +290,7 @@ function generateTypes(config) {
       const optional = field.required ? "" : "?";
       const propName = needsQuoting2(field.name) ? safeQuote(field.name) : field.name;
       if (field.type === "blocks") {
-        const blockResult = generateBlockTypes(
-          collection.slug,
-          field.name,
-          field
-        );
+        const blockResult = generateBlockTypes(collection.slug, field.name, field);
         lines.push(`  ${propName}${optional}: ${blockResult.unionTypeName}[];`);
       } else {
         const tsType = fieldTypeToTS(field);
@@ -554,6 +560,9 @@ function serializeTabsArray(tabs, indent) {
     return "[]";
   const items = tabs.map((tab) => {
     const parts = [];
+    if (tab.name) {
+      parts.push(`${indent}		name: ${JSON.stringify(tab.name)}`);
+    }
     parts.push(`${indent}		label: ${JSON.stringify(tab.label)}`);
     if (tab.description) {
       parts.push(`${indent}		description: ${JSON.stringify(tab.description)}`);

package/generators/generator.js

@@ -5,12 +5,26 @@ import { dirname, resolve, relative } from "node:path";
 import { pathToFileURL } from "node:url";
 
 // libs/core/src/lib/fields/field.types.ts
+function isNamedTab(tab) {
+  return typeof tab.name === "string" && tab.name.length > 0;
+}
 function flattenDataFields(fields) {
   const result = [];
   for (const field of fields) {
     if (field.type === "tabs") {
       for (const tab of field.tabs) {
-        result.push(...flattenDataFields(tab.fields));
+        if (isNamedTab(tab)) {
+          const syntheticGroup = {
+            name: tab.name,
+            type: "group",
+            label: tab.label,
+            description: tab.description,
+            fields: tab.fields
+          };
+          result.push(syntheticGroup);
+        } else {
+          result.push(...flattenDataFields(tab.fields));
+        }
       }
     } else if (field.type === "collapsible" || field.type === "row") {
       result.push(...flattenDataFields(field.fields));
@@ -231,11 +245,7 @@ function generateTypes(config) {
     const hasTimestamps = collection.timestamps !== false;
     for (const field of dataFields) {
       if (field.type === "blocks") {
-        const blockResult = generateBlockTypes(
-          collection.slug,
-          field.name,
-          field
-        );
+        const blockResult = generateBlockTypes(collection.slug, field.name, field);
         blockDeclarations.push(blockResult.declarations);
       }
     }
@@ -249,11 +259,7 @@ function generateTypes(config) {
       const optional = field.required ? "" : "?";
       const propName = needsQuoting2(field.name) ? safeQuote(field.name) : field.name;
       if (field.type === "blocks") {
-        const blockResult = generateBlockTypes(
-          collection.slug,
-          field.name,
-          field
-        );
+        const blockResult = generateBlockTypes(collection.slug, field.name, field);
         lines.push(`  ${propName}${optional}: ${blockResult.unionTypeName}[];`);
       } else {
         const tsType = fieldTypeToTS(field);
@@ -523,6 +529,9 @@ function serializeTabsArray(tabs, indent) {
     return "[]";
   const items = tabs.map((tab) => {
     const parts = [];
+    if (tab.name) {
+      parts.push(`${indent}		name: ${JSON.stringify(tab.name)}`);
+    }
     parts.push(`${indent}		label: ${JSON.stringify(tab.label)}`);
     if (tab.description) {
       parts.push(`${indent}		description: ${JSON.stringify(tab.description)}`);

package/index.cjs

@@ -53,6 +53,7 @@ __export(src_exports, {
   humanizeFieldName: () => humanizeFieldName,
   isAuthenticated: () => isAuthenticated,
   isLayoutField: () => isLayoutField,
+  isNamedTab: () => isNamedTab,
   isOwner: () => isOwner,
   json: () => json,
   not: () => not,
@@ -127,6 +128,9 @@ var ReferentialIntegrityError = class extends Error {
     this.constraint = constraint;
   }
 };
+function isNamedTab(tab) {
+  return typeof tab.name === "string" && tab.name.length > 0;
+}
 function isLayoutField(field) {
   return LAYOUT_FIELD_TYPES.has(field.type);
 }
@@ -135,7 +139,18 @@ function flattenDataFields(fields) {
   for (const field of fields) {
     if (field.type === "tabs") {
       for (const tab of field.tabs) {
-        result.push(...flattenDataFields(tab.fields));
+        if (isNamedTab(tab)) {
+          const syntheticGroup = {
+            name: tab.name,
+            type: "group",
+            label: tab.label,
+            description: tab.description,
+            fields: tab.fields
+          };
+          result.push(syntheticGroup);
+        } else {
+          result.push(...flattenDataFields(tab.fields));
+        }
       }
     } else if (field.type === "collapsible" || field.type === "row") {
       result.push(...flattenDataFields(field.fields));
@@ -709,6 +724,7 @@ function createSeedHelpers() {
   humanizeFieldName,
   isAuthenticated,
   isLayoutField,
+  isNamedTab,
   isOwner,
   json,
   not,

package/index.js

@@ -51,6 +51,9 @@ var ReferentialIntegrityError = class extends Error {
     this.constraint = constraint;
   }
 };
+function isNamedTab(tab) {
+  return typeof tab.name === "string" && tab.name.length > 0;
+}
 function isLayoutField(field) {
   return LAYOUT_FIELD_TYPES.has(field.type);
 }
@@ -59,7 +62,18 @@ function flattenDataFields(fields) {
   for (const field of fields) {
     if (field.type === "tabs") {
       for (const tab of field.tabs) {
-        result.push(...flattenDataFields(tab.fields));
+        if (isNamedTab(tab)) {
+          const syntheticGroup = {
+            name: tab.name,
+            type: "group",
+            label: tab.label,
+            description: tab.description,
+            fields: tab.fields
+          };
+          result.push(syntheticGroup);
+        } else {
+          result.push(...flattenDataFields(tab.fields));
+        }
       }
     } else if (field.type === "collapsible" || field.type === "row") {
       result.push(...flattenDataFields(field.fields));
@@ -632,6 +646,7 @@ export {
   humanizeFieldName,
   isAuthenticated,
   isLayoutField,
+  isNamedTab,
   isOwner,
   json,
   not,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentumcms/core",
-  "version": "0.1.10",
+  "version": "0.2.0",
   "description": "Core collection config, fields, hooks, and access control for Momentum CMS",
   "license": "MIT",
   "author": "Momentum CMS Contributors",

package/src/generators/generator.d.ts

@@ -31,6 +31,7 @@ interface FieldDefinition {
         editor?: Record<string, unknown>;
     }>;
     tabs?: Array<{
+        name?: string;
         label: string;
         description?: string;
         fields: FieldDefinition[];

package/src/lib/fields/field.types.d.ts

@@ -239,10 +239,16 @@ export interface SlugField extends BaseField {
 }
 /** Tab definition within a tabs layout field */
 export interface TabConfig {
+    /** When present, creates a nested data structure (like a group). Omit for layout-only tabs. */
+    name?: string;
     label: string;
     description?: string;
     fields: Field[];
 }
+/** Type guard: returns true if the tab has a non-empty name (stores nested data). */
+export declare function isNamedTab(tab: TabConfig): tab is TabConfig & {
+    name: string;
+};
 /** Tabs layout field - organizes fields into tabbed sections */
 export interface TabsField extends BaseField {
     type: 'tabs';