blocks-dusted 0.1.8 → 0.1.10

package/templates/components/HeaderDD02/Nav/index.tsx

@@ -0,0 +1,9 @@
+'use client'
+
+import type { Header as HeaderType } from '@/payload-types'
+
+import HeaderDD02 from '@/Header/variants/HeaderDD02'
+
+export const HeaderNav: React.FC<{ data: HeaderType }> = ({ data }) => {
+  return <HeaderDD02 data={data} />
+}

package/templates/components/HeaderDD02/README.md

@@ -4,48 +4,55 @@ HeaderDD02 is the exported Header02 implementation from DesignsDustedv3.
 
 This header uses the shared `defaultLexical` editor standard from `@/fields/defaultLexical`. Project-specific Lexical blocks are intentionally not bundled. The nested `BlocksFeature` uses an empty `blocks` array so each target project can register only the blocks it requires.
 
+The header workflow backs up the active `src/Header` folder before installing a complete replacement Header shell wired directly to `HeaderDD02`.
+
 Included files:
 
-- `index.tsx` for the HeaderDD02 desktop runtime.
-- `MobileBottomNav/index.tsx` because Header02 imports it directly.
-- `config.ts` for the Header02 field structure adapted to `HeaderDD02` and `defaultLexical`.
-- `RowLabel.tsx` because the Header02 config references `/Header/RowLabel.tsx#RowLabel` for Payload admin array labels.
+- `Component.tsx` for the active server Header component.
+- `Component.client.tsx` for the active client Header wrapper.
+- `Nav/index.tsx` to render `HeaderDD02` directly.
+- `config.ts` for the active Payload Header global.
+- `hooks/revalidateHeader.ts` for Header global revalidation.
+- `RowLabel.tsx` for Payload admin array labels.
+- `variants/HeaderDD02/index.tsx` for the HeaderDD02 desktop runtime.
+- `variants/HeaderDD02/MobileBottomNav/index.tsx` because Header02 imports it directly.
+- `variants/HeaderDD02/config.ts` for the Header02 field structure adapted to `HeaderDD02` and `defaultLexical`.
 
 Not included:
 
 - Header01 and Header03 implementations.
-- The parent multi-variant Header shell.
 - Source project Lexical blocks: `AnimatedText`, `ButtonWithIcon`, `CounterBlock`, and `MediaBlock`.
 
-Before activating this header in an existing project, inspect the current Header global schema and stored Header data. The template installer copies files and backs up the `HeaderDD02` destination folder when it already exists, but it does not automatically replace the active Header global or inspect database content.
+Removed source Lexical block imports: `@/blocks/AnimatedText/config`, `@/blocks/ButtonWithIcon/config`, `@/blocks/CounterBlock/config`, `@/blocks/MediaBlock/config`.
+
+Before activating this header in an existing project, inspect the current Header global schema and stored Header data. The header workflow preserves the old active Header folder as `src/Header.bak`, `src/Header.bak.1`, or the next available backup path. It does not rewrite stored rich text data or run destructive migrations.
 
 ## AI handover prompt
 
 ```prompt
-Review the newly installed HeaderDD02 files and integrate them into this project
+Review the newly installed HeaderDD02 files in this project
 
 Do not assume the source project architecture matches this repository.
 
 Tasks:
 
-1. Inspect the current Header component, Payload Header global, frontend layout, fields, utilities, generated types and styling conventions.
-2. Resolve HeaderDD02 imports against the current project.
+1. Inspect the active Header component, Payload Header global, frontend layout, fields, utilities, generated types and styling conventions.
+2. Confirm `src/Header/Component.tsx`, `src/Header/Component.client.tsx`, `src/Header/Nav/index.tsx`, and `src/Header/config.ts` now point to HeaderDD02.
 3. Reuse existing project utilities and fields where appropriate.
-4. Adapt HeaderDD02 config to the current Header global without deleting or destructively renaming existing database-backed fields.
+4. Confirm the active Header global has not created a duplicate Header registration.
 5. Keep the shared defaultLexical standard.
 6. Keep BlocksFeature({ blocks: [] }).
-7. Integrate the component into the existing header render flow.
-8. Preserve the existing layout, providers, transitions and mobile behaviour.
-9. Add any required CSS variables or utility classes using the current project's styling system.
-10. Report every file modified and any manual content migration required.
+7. Preserve layout, providers, transitions and mobile behaviour that are intentionally kept by the target project.
+8. Add any required CSS variables or utility classes using the current project's styling system.
+9. Report every file modified and any manual content migration required.
 
 Do not modify database records automatically.
 Do not run destructive migrations.
-Do not remove the existing header until the replacement is verified.
+Do not delete the backup folder until the replacement is verified.
 ```
 
 ## Bundled shared UI primitives
 
 HeaderDD02 includes shared templates for `src/components/ui/navigation-menu.tsx`, `src/components/animate-ui/components/animate/tooltip.tsx`, `src/components/animate-ui/primitives/animate/tooltip.tsx`, `src/components/animate-ui/primitives/animate/slot.tsx`, and `src/lib/get-strict-context.tsx`. The installer copies them only when missing and preserves existing target files.
 
-If package dependencies are missing, run the install command printed by the CLI, for example `pnpm add @radix-ui/react-navigation-menu class-variance-authority motion @floating-ui/react`.
+If package dependencies are missing, run the install command printed by the CLI, for example `pnpm add @radix-ui/react-navigation-menu class-variance-authority motion @floating-ui/react`.

package/templates/components/HeaderDD02/hooks/revalidateHeader.ts

@@ -0,0 +1,11 @@
+import type { GlobalAfterChangeHook } from 'payload'
+import { revalidateTag } from 'next/cache'
+
+export const revalidateHeader: GlobalAfterChangeHook = ({ doc, req: { payload, context } }) => {
+  if (!context.disableRevalidate) {
+    payload.logger.info('Revalidating header')
+    revalidateTag('global_header')
+  }
+
+  return doc
+}