@justanarthur/payload-www 0.1.1 → 0.2.0

package/README.md

@@ -11,7 +11,7 @@ language switcher share a single source of truth with the rest of your app.
 
 - **Composer** — `createWWWConfig({ locales, blocks, defaultPlugins? })` returns `{ withWWWConfig }`. One composer call is enough for the most common cases.
 - **Collections** — `Pages` (title, blocks tab, slug, drafts, revalidation hook), `Posts` (title, excerpt, richText, drafts, revalidation hook), `StaticPages` (system pages — 404, 500, search-empty, … — addressed by a `kind` discriminator, not a slug)
-- **Globals** — `Header` and `Footer` (both `nav` blocks with `navColumn` / `navItem`)
+- **Globals** — `Header` and `Footer` (both `nav` blocks with `navColumn` / `navItem`). Extend the nav link schema (e.g. a `description` or a `navHover` mega-menu group) via `createHeaderGlobal({ navColumnLinkFields, navItemLinkFields })` / `createFooterGlobal({ … })`, or `link({ extraFields })` directly.
 - **Default render components** — `PagesPage`, `HeaderPage`, `FooterPage` Server Components. Override any of them by setting a different `custom.path` on the collection / global.
 - **LivePreviewListener** — built in. The lib's `createCollectionPageExports` default page renders it (via `React.lazy` so the server dist stays free of `'use client'` imports) whenever Next.js draft mode is on. Hosts get live preview automatically — no opt-in required. The component itself is also exported from `/render-components` for hosts that want to mount it elsewhere.
 - **Hooks** — `createRevalidateCollectionHook(opts)` (canonical factory for **all** collections: Pages, Posts, host-defined; per-locale `revalidatePath` fan-out + `revalidateTag('collection_<slug>_<id>', 'max')` + sitemap tag, with a `pathMode: 'tag-only'` mode for collections without a URL like `staticPages`), `createRevalidatePageHooks()` (deprecated alias for Pages preset), `createRevalidateGlobalHook(slug)` (per-locale tag for globals)
@@ -308,6 +308,7 @@ Subpath imports:
 | `blocks`         | `Block[]`                         | yes      | Blocks the Pages collection accepts.                                   |
 | `linkRelationTo` | `string[]`                        | no       | Collection slugs the Header / Footer nav links can reference. Default: `['pages']`. |
 | `registerPosts`  | `boolean`                         | no       | Register the lib's Posts collection. Default `true`. |
+| `nested`         | `boolean`                         | no       | Enable nested Pages slugs (`about_us` → `/about/us`). Relaxes the Pages slug validation to accept the `_` divider. Pass the same `nested: true` to `createCollectionPageExports` on the Pages route (and `nested: { pages: true }` to `createSitemapFile`). Default `false`. |
 | StaticPages      | —                                 | yes      | Always registered (every site has 404). Hosts filter it out in `collections:` to opt. |
 | `defaultPlugins` | `(defaults: Plugin[]) => Plugin[]`| no       | Final say on the default `[seoPlugin, imageHashPlugin, translator]` list. |
 

package/dist/collections.d.ts

@@ -76,6 +76,14 @@ type CreatePagesCollectionOptions = {
 	* when omitted.
 	*/
 	defaultLocale?: CreateRevalidateCollectionHookOptions["defaultLocale"];
+	/**
+	* Enable nested (hierarchical) slugs. When `true`, the slug field
+	* additionally accepts the `_` nesting divider (so `about_us`
+	* renders at `/about/us`) and the admin description documents the
+	* convention. Pair with `createCollectionPageExports({ nested: true })`
+	* on the matching route. Default: `false` (flat, hyphen-only slugs).
+	*/
+	nested?: boolean;
 };
 declare const createPagesCollection: (blocks: Block[], options?: Omit<CreatePagesCollectionOptions, "blocks">) => CollectionConfig;
 import { CollectionConfig as CollectionConfig2 } from "payload";
@@ -134,7 +142,7 @@ type CreateStaticPagesCollectionOptions = {
 	blocks: Block2[];
 };
 declare const createStaticPagesCollection: (blocks: Block2[]) => CollectionConfig3;
-import { GlobalConfig } from "payload";
+import { Field, GlobalConfig } from "payload";
 type CreateHeaderGlobalOptions = {
 	/**
 	* Optional override for the `custom.path` Payload uses to resolve
@@ -148,6 +156,17 @@ type CreateHeaderGlobalOptions = {
 	* different list when your host has additional linkable collections.
 	*/
 	linkRelationTo?: string[];
+	/**
+	* Extra fields appended to each `navColumn` link — e.g. a
+	* `description` text field or a `navHover` group for a mega-menu.
+	* Lets hosts enrich the column-link schema without redefining the
+	* whole nav.
+	*/
+	navColumnLinkFields?: Field[];
+	/**
+	* Extra fields appended to each top-level `navItem` link.
+	*/
+	navItemLinkFields?: Field[];
 };
 /**
 * Build the Header global. The lib's default shape: a `nav` blocks
@@ -155,7 +174,7 @@ type CreateHeaderGlobalOptions = {
 * and `navItem` (a single link).
 */
 declare const createHeaderGlobal: (options?: CreateHeaderGlobalOptions) => GlobalConfig;
-import { GlobalConfig as GlobalConfig2 } from "payload";
+import { Field as Field2, GlobalConfig as GlobalConfig2 } from "payload";
 type CreateFooterGlobalOptions = {
 	/**
 	* Optional override for the `custom.path` Payload uses to resolve
@@ -169,6 +188,16 @@ type CreateFooterGlobalOptions = {
 	* different list when your host has additional linkable collections.
 	*/
 	linkRelationTo?: string[];
+	/**
+	* Extra fields appended to each `navColumn` link — e.g. a
+	* `description` text field. Lets hosts enrich the column-link
+	* schema without redefining the whole nav.
+	*/
+	navColumnLinkFields?: Field2[];
+	/**
+	* Extra fields appended to each top-level `navItem` link.
+	*/
+	navItemLinkFields?: Field2[];
 };
 /**
 * Build the Footer global. The lib's default shape mirrors the

package/dist/collections.js

@@ -195,20 +195,25 @@ var createPagesCollection = (blocks, options = {}) => {
     renderPath = PAGES_RENDER_PATH,
     slug: collectionSlug = PAGES_SLUG2,
     localePrefix,
-    defaultLocale
+    defaultLocale,
+    nested = false
   } = options;
+  const slugPattern = nested ? /^[a-z0-9_-]+$/ : /^[a-z0-9-]+$/;
   const slugField = {
     name: "slug",
     type: "text",
     required: true,
     unique: true,
     index: true,
-    admin: { position: "sidebar" },
+    admin: {
+      position: "sidebar",
+      ...nested ? { description: "Lowercase, hyphens for words. Use the `_` divider for nesting, e.g. `about_us` → `/about/us`." } : {}
+    },
     validate: (value) => {
       if (typeof value !== "string")
         return "Slug must be a string";
-      if (value !== "" && !/^[a-z0-9-]+$/.test(value)) {
-        return "Slug must be lowercase, with hyphens (no spaces or special characters)";
+      if (value !== "" && !slugPattern.test(value)) {
+        return nested ? "Slug must be lowercase, with hyphens or the `_` nesting divider (no spaces or other special characters)" : "Slug must be lowercase, with hyphens (no spaces or special characters)";
       }
       return true;
     }
@@ -420,7 +425,8 @@ var link = (options = {}) => {
     disableLabel = false,
     relationTo = [PAGES_SLUG],
     localized = false,
-    overrides = {}
+    overrides = {},
+    extraFields = []
   } = options;
   const result = {
     name: "link",
@@ -497,6 +503,9 @@ var link = (options = {}) => {
       options: opts
     });
   }
+  if (extraFields.length) {
+    result.fields.push(...extraFields);
+  }
   return { ...result, ...overrides };
 };
 
@@ -516,17 +525,22 @@ function createRevalidateGlobalHook(slug) {
 
 // src/data/collections/globals/Header/config.ts
 var createHeaderGlobal = (options = {}) => {
-  const { renderPath = HEADER_RENDER_PATH, linkRelationTo = [PAGES_SLUG] } = options;
+  const {
+    renderPath = HEADER_RENDER_PATH,
+    linkRelationTo = [PAGES_SLUG],
+    navColumnLinkFields = [],
+    navItemLinkFields = []
+  } = options;
   const navColumnBlock = {
     slug: "navColumn",
     fields: [
       { name: "title", type: "text", required: true, localized: true },
-      { name: "links", type: "array", fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo })] }
+      { name: "links", type: "array", fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo, extraFields: navColumnLinkFields })] }
     ]
   };
   const navItemBlock = {
     slug: "navItem",
-    fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo })]
+    fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo, extraFields: navItemLinkFields })]
   };
   return {
     slug: "header",
@@ -548,17 +562,22 @@ var createHeaderGlobal = (options = {}) => {
 
 // src/data/collections/globals/Footer/config.ts
 var createFooterGlobal = (options = {}) => {
-  const { renderPath = FOOTER_RENDER_PATH, linkRelationTo = [PAGES_SLUG] } = options;
+  const {
+    renderPath = FOOTER_RENDER_PATH,
+    linkRelationTo = [PAGES_SLUG],
+    navColumnLinkFields = [],
+    navItemLinkFields = []
+  } = options;
   const navColumnBlock = {
     slug: "navColumn",
     fields: [
       { name: "title", type: "text", required: true, localized: true },
-      { name: "links", type: "array", fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo })] }
+      { name: "links", type: "array", fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo, extraFields: navColumnLinkFields })] }
     ]
   };
   const navItemBlock = {
     slug: "navItem",
-    fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo })]
+    fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo, extraFields: navItemLinkFields })]
   };
   return {
     slug: "footer",

package/dist/config.d.ts

@@ -58,6 +58,14 @@ type WWWConfigOptions = {
 	*/
 	registerPosts?: boolean;
 	/**
+	* Enable nested (hierarchical) Pages slugs. When `true`, the lib's
+	* Pages collection accepts the `_` nesting divider in its slug
+	* (`about_us` → `/about/us`). Pass the same `nested: true` to
+	* `createCollectionPageExports` on the Pages route so URL building,
+	* hreflang, and static params expand the divider. Default: `false`.
+	*/
+	nested?: boolean;
+	/**
 	* Final say on the lib's default plugin list. Receives the
 	* `[seoPlugin, imageHashPlugin, translator]` array; return the
 	* list to apply. Common uses: drop the translator (no AI

package/dist/config.js

@@ -195,20 +195,25 @@ var createPagesCollection = (blocks, options = {}) => {
     renderPath = PAGES_RENDER_PATH,
     slug: collectionSlug = PAGES_SLUG2,
     localePrefix,
-    defaultLocale
+    defaultLocale,
+    nested = false
   } = options;
+  const slugPattern = nested ? /^[a-z0-9_-]+$/ : /^[a-z0-9-]+$/;
   const slugField = {
     name: "slug",
     type: "text",
     required: true,
     unique: true,
     index: true,
-    admin: { position: "sidebar" },
+    admin: {
+      position: "sidebar",
+      ...nested ? { description: "Lowercase, hyphens for words. Use the `_` divider for nesting, e.g. `about_us` → `/about/us`." } : {}
+    },
     validate: (value) => {
       if (typeof value !== "string")
         return "Slug must be a string";
-      if (value !== "" && !/^[a-z0-9-]+$/.test(value)) {
-        return "Slug must be lowercase, with hyphens (no spaces or special characters)";
+      if (value !== "" && !slugPattern.test(value)) {
+        return nested ? "Slug must be lowercase, with hyphens or the `_` nesting divider (no spaces or other special characters)" : "Slug must be lowercase, with hyphens (no spaces or special characters)";
       }
       return true;
     }
@@ -420,7 +425,8 @@ var link = (options = {}) => {
     disableLabel = false,
     relationTo = [PAGES_SLUG],
     localized = false,
-    overrides = {}
+    overrides = {},
+    extraFields = []
   } = options;
   const result = {
     name: "link",
@@ -497,6 +503,9 @@ var link = (options = {}) => {
       options: opts
     });
   }
+  if (extraFields.length) {
+    result.fields.push(...extraFields);
+  }
   return { ...result, ...overrides };
 };
 
@@ -516,17 +525,22 @@ function createRevalidateGlobalHook(slug) {
 
 // src/data/collections/globals/Header/config.ts
 var createHeaderGlobal = (options = {}) => {
-  const { renderPath = HEADER_RENDER_PATH, linkRelationTo = [PAGES_SLUG] } = options;
+  const {
+    renderPath = HEADER_RENDER_PATH,
+    linkRelationTo = [PAGES_SLUG],
+    navColumnLinkFields = [],
+    navItemLinkFields = []
+  } = options;
   const navColumnBlock = {
     slug: "navColumn",
     fields: [
       { name: "title", type: "text", required: true, localized: true },
-      { name: "links", type: "array", fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo })] }
+      { name: "links", type: "array", fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo, extraFields: navColumnLinkFields })] }
     ]
   };
   const navItemBlock = {
     slug: "navItem",
-    fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo })]
+    fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo, extraFields: navItemLinkFields })]
   };
   return {
     slug: "header",
@@ -548,17 +562,22 @@ var createHeaderGlobal = (options = {}) => {
 
 // src/data/collections/globals/Footer/config.ts
 var createFooterGlobal = (options = {}) => {
-  const { renderPath = FOOTER_RENDER_PATH, linkRelationTo = [PAGES_SLUG] } = options;
+  const {
+    renderPath = FOOTER_RENDER_PATH,
+    linkRelationTo = [PAGES_SLUG],
+    navColumnLinkFields = [],
+    navItemLinkFields = []
+  } = options;
   const navColumnBlock = {
     slug: "navColumn",
     fields: [
       { name: "title", type: "text", required: true, localized: true },
-      { name: "links", type: "array", fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo })] }
+      { name: "links", type: "array", fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo, extraFields: navColumnLinkFields })] }
     ]
   };
   const navItemBlock = {
     slug: "navItem",
-    fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo })]
+    fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo, extraFields: navItemLinkFields })]
   };
   return {
     slug: "footer",
@@ -756,6 +775,7 @@ function createSitemapFile(options) {
       const collectionDefaults = options.perCollection?.[collectionSlug] ?? {};
       const urlPrefix = (options.urlPrefixes?.[collectionSlug] ?? "").replace(/\/$/, "");
       const siteUrl = options.getServerSideURL().replace(/\/$/, "");
+      const isNested = options.nested?.[collectionSlug] ?? false;
       for (const locale of activeLocales) {
         const docs = await queryAllDocs({
           collectionSlug,
@@ -771,13 +791,14 @@ function createSitemapFile(options) {
           if (seen.has(dedupeKey))
             continue;
           seen.add(dedupeKey);
-          const url = `${siteUrl}${prefixFor(locale, defaultLocale, options.localePrefix ?? "always")}${urlPrefix}/${storedSlug}`;
+          const slugPath = isNested ? storedSlug.replaceAll("_", "/") : storedSlug;
+          const url = `${siteUrl}${prefixFor(locale, defaultLocale, options.localePrefix ?? "always")}${urlPrefix}/${slugPath}`;
           const languages = await buildHreflangAlternates({
             siteUrl,
             locale,
             urlPrefix,
             storedSlug,
-            nested: false,
+            nested: isNested,
             homeSlug: "",
             defaultLocale,
             locales: activeLocales,
@@ -808,7 +829,7 @@ function createSitemapFile(options) {
 }
 // src/config/createWWWConfig.ts
 function createWWWConfig(options) {
-  const { locales, routing, blocks, linkRelationTo, registerPosts = true, defaultPlugins } = options;
+  const { locales, routing, blocks, linkRelationTo, registerPosts = true, nested = false, defaultPlugins } = options;
   const defaultLocale = routing?.defaultLocale ?? locales[0] ?? "";
   const localePrefixMode = (() => {
     const raw = routing?.localePrefix;
@@ -821,7 +842,8 @@ function createWWWConfig(options) {
   }
   const buildPagesCollection = () => createPagesCollection(blocks, {
     localePrefix: localePrefixMode,
-    defaultLocale
+    defaultLocale,
+    nested
   });
   const buildPostsCollection = () => createPostsCollection({
     localePrefix: localePrefixMode,

package/dist/core-fields.d.ts

@@ -20,6 +20,14 @@ type LinkOptions = {
 	overrides?: Partial<GroupField>;
 	/** Legacy alias for the host's custom field overrides. */
 	linkOverrides?: Partial<GroupField>;
+	/**
+	* Extra fields appended to the link group — e.g. a `description`
+	* text field or a `navHover` group for a mega-menu. Lets hosts
+	* extend the nav link schema without re-implementing the whole
+	* `link` field. Appended after the standard type/label/appearance
+	* fields.
+	*/
+	extraFields?: Field[];
 };
 declare const link: (options?: LinkOptions) => Field;
 import { Field as Field2 } from "payload";

package/dist/core-fields.js

@@ -36,7 +36,8 @@ var link = (options = {}) => {
     disableLabel = false,
     relationTo = [PAGES_SLUG],
     localized = false,
-    overrides = {}
+    overrides = {},
+    extraFields = []
   } = options;
   const result = {
     name: "link",
@@ -113,6 +114,9 @@ var link = (options = {}) => {
       options: opts
     });
   }
+  if (extraFields.length) {
+    result.fields.push(...extraFields);
+  }
   return { ...result, ...overrides };
 };
 

package/dist/data-collections.d.ts

@@ -76,6 +76,14 @@ type CreatePagesCollectionOptions = {
 	* when omitted.
 	*/
 	defaultLocale?: CreateRevalidateCollectionHookOptions["defaultLocale"];
+	/**
+	* Enable nested (hierarchical) slugs. When `true`, the slug field
+	* additionally accepts the `_` nesting divider (so `about_us`
+	* renders at `/about/us`) and the admin description documents the
+	* convention. Pair with `createCollectionPageExports({ nested: true })`
+	* on the matching route. Default: `false` (flat, hyphen-only slugs).
+	*/
+	nested?: boolean;
 };
 declare const createPagesCollection: (blocks: Block[], options?: Omit<CreatePagesCollectionOptions, "blocks">) => CollectionConfig;
 import { CollectionConfig as CollectionConfig2 } from "payload";
@@ -134,7 +142,7 @@ type CreateStaticPagesCollectionOptions = {
 	blocks: Block2[];
 };
 declare const createStaticPagesCollection: (blocks: Block2[]) => CollectionConfig3;
-import { GlobalConfig } from "payload";
+import { Field, GlobalConfig } from "payload";
 type CreateHeaderGlobalOptions = {
 	/**
 	* Optional override for the `custom.path` Payload uses to resolve
@@ -148,6 +156,17 @@ type CreateHeaderGlobalOptions = {
 	* different list when your host has additional linkable collections.
 	*/
 	linkRelationTo?: string[];
+	/**
+	* Extra fields appended to each `navColumn` link — e.g. a
+	* `description` text field or a `navHover` group for a mega-menu.
+	* Lets hosts enrich the column-link schema without redefining the
+	* whole nav.
+	*/
+	navColumnLinkFields?: Field[];
+	/**
+	* Extra fields appended to each top-level `navItem` link.
+	*/
+	navItemLinkFields?: Field[];
 };
 /**
 * Build the Header global. The lib's default shape: a `nav` blocks
@@ -155,7 +174,7 @@ type CreateHeaderGlobalOptions = {
 * and `navItem` (a single link).
 */
 declare const createHeaderGlobal: (options?: CreateHeaderGlobalOptions) => GlobalConfig;
-import { GlobalConfig as GlobalConfig2 } from "payload";
+import { Field as Field2, GlobalConfig as GlobalConfig2 } from "payload";
 type CreateFooterGlobalOptions = {
 	/**
 	* Optional override for the `custom.path` Payload uses to resolve
@@ -169,6 +188,16 @@ type CreateFooterGlobalOptions = {
 	* different list when your host has additional linkable collections.
 	*/
 	linkRelationTo?: string[];
+	/**
+	* Extra fields appended to each `navColumn` link — e.g. a
+	* `description` text field. Lets hosts enrich the column-link
+	* schema without redefining the whole nav.
+	*/
+	navColumnLinkFields?: Field2[];
+	/**
+	* Extra fields appended to each top-level `navItem` link.
+	*/
+	navItemLinkFields?: Field2[];
 };
 /**
 * Build the Footer global. The lib's default shape mirrors the

package/dist/data-collections.js

@@ -195,20 +195,25 @@ var createPagesCollection = (blocks, options = {}) => {
     renderPath = PAGES_RENDER_PATH,
     slug: collectionSlug = PAGES_SLUG2,
     localePrefix,
-    defaultLocale
+    defaultLocale,
+    nested = false
   } = options;
+  const slugPattern = nested ? /^[a-z0-9_-]+$/ : /^[a-z0-9-]+$/;
   const slugField = {
     name: "slug",
     type: "text",
     required: true,
     unique: true,
     index: true,
-    admin: { position: "sidebar" },
+    admin: {
+      position: "sidebar",
+      ...nested ? { description: "Lowercase, hyphens for words. Use the `_` divider for nesting, e.g. `about_us` → `/about/us`." } : {}
+    },
     validate: (value) => {
       if (typeof value !== "string")
         return "Slug must be a string";
-      if (value !== "" && !/^[a-z0-9-]+$/.test(value)) {
-        return "Slug must be lowercase, with hyphens (no spaces or special characters)";
+      if (value !== "" && !slugPattern.test(value)) {
+        return nested ? "Slug must be lowercase, with hyphens or the `_` nesting divider (no spaces or other special characters)" : "Slug must be lowercase, with hyphens (no spaces or special characters)";
       }
       return true;
     }
@@ -420,7 +425,8 @@ var link = (options = {}) => {
     disableLabel = false,
     relationTo = [PAGES_SLUG],
     localized = false,
-    overrides = {}
+    overrides = {},
+    extraFields = []
   } = options;
   const result = {
     name: "link",
@@ -497,6 +503,9 @@ var link = (options = {}) => {
       options: opts
     });
   }
+  if (extraFields.length) {
+    result.fields.push(...extraFields);
+  }
   return { ...result, ...overrides };
 };
 
@@ -516,17 +525,22 @@ function createRevalidateGlobalHook(slug) {
 
 // src/data/collections/globals/Header/config.ts
 var createHeaderGlobal = (options = {}) => {
-  const { renderPath = HEADER_RENDER_PATH, linkRelationTo = [PAGES_SLUG] } = options;
+  const {
+    renderPath = HEADER_RENDER_PATH,
+    linkRelationTo = [PAGES_SLUG],
+    navColumnLinkFields = [],
+    navItemLinkFields = []
+  } = options;
   const navColumnBlock = {
     slug: "navColumn",
     fields: [
       { name: "title", type: "text", required: true, localized: true },
-      { name: "links", type: "array", fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo })] }
+      { name: "links", type: "array", fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo, extraFields: navColumnLinkFields })] }
     ]
   };
   const navItemBlock = {
     slug: "navItem",
-    fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo })]
+    fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo, extraFields: navItemLinkFields })]
   };
   return {
     slug: "header",
@@ -548,17 +562,22 @@ var createHeaderGlobal = (options = {}) => {
 
 // src/data/collections/globals/Footer/config.ts
 var createFooterGlobal = (options = {}) => {
-  const { renderPath = FOOTER_RENDER_PATH, linkRelationTo = [PAGES_SLUG] } = options;
+  const {
+    renderPath = FOOTER_RENDER_PATH,
+    linkRelationTo = [PAGES_SLUG],
+    navColumnLinkFields = [],
+    navItemLinkFields = []
+  } = options;
   const navColumnBlock = {
     slug: "navColumn",
     fields: [
       { name: "title", type: "text", required: true, localized: true },
-      { name: "links", type: "array", fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo })] }
+      { name: "links", type: "array", fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo, extraFields: navColumnLinkFields })] }
     ]
   };
   const navItemBlock = {
     slug: "navItem",
-    fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo })]
+    fields: [link({ appearances: false, localized: true, relationTo: linkRelationTo, extraFields: navItemLinkFields })]
   };
   return {
     slug: "footer",