blocks-dusted 0.1.10 → 0.1.12

package/templates/blocks/DD-AsideNav/config.ts

@@ -0,0 +1,204 @@
+import { Block } from 'payload'
+
+export const DDAsideNav: Block = {
+  slug: 'DD-AsideNav',
+  interfaceName: 'DDAsideNav',
+  labels: {
+    singular: 'Aside Scroll Links',
+    plural: 'Aside Scroll Links'
+  },
+
+  fields: [
+    {
+      name: 'blockName',
+      type: 'text',
+      label: 'Block Name',
+      defaultValue: 'asideNav',
+      admin: {
+        description: 'Name identifier for this block instance. Eg: asideNav-[page-name]'
+      }
+    },
+    {
+      name: 'parentSections',
+      type: 'array',
+      label: 'Parent Sections',
+      minRows: 1,
+      maxRows: 20,
+      dbName: 'aside_sections', // Add short table name
+      fields: [
+        {
+          name: 'sectionId',
+          type: 'text',
+          label: 'Section ID',
+          hidden: true,
+          admin: {
+            description: 'Add page name url for reference only. eg: home-pagelink-1'
+          }
+        },
+        {
+          name: 'label',
+          type: 'text',
+          label: 'Parent Label',
+          required: true,
+          defaultValue: 'Page Links',
+          admin: {
+            description: 'The display name for this parent section'
+          }
+        },
+        {
+          name: 'children',
+          type: 'array',
+          label: 'Child Links',
+          maxRows: 20,
+          dbName: 'aside_links', // Add short table name for nested array
+          fields: [
+            {
+              name: 'linkId',
+              type: 'text',
+              label: 'Child ID',
+              hidden: true,
+              admin: {
+                description: 'Add page name url for reference only. eg: home-pagelink-1'
+              }
+            },
+            {
+              name: 'label',
+              type: 'text',
+              label: 'Child Label',
+              required: true,
+              admin: {
+                description: 'The display name for this child link'
+              }
+            },
+            {
+              name: 'targetSection',
+              type: 'text',
+              label: 'Target Section ID',
+              required: true,
+              defaultValue: 'section-1',
+              admin: {
+                description: 'The ID of the section to scroll to when clicked (without #)'
+              }
+            },
+            {
+              name: 'scrollOffset',
+              type: 'number',
+              label: 'Scroll Offset (px)',
+              defaultValue: -100,
+              admin: {
+                description:
+                  'Offset in pixels from the target element (negative values scroll above the target)'
+              }
+            },
+            {
+              name: 'wideOnHover',
+              type: 'number',
+              label: 'Hover Bar Width (px)',
+              defaultValue: 55,
+              admin: {
+                description: 'Width of the accent bar when hovered'
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      type: 'row',
+      fields: [
+        {
+          name: 'position',
+          type: 'select',
+          label: 'Position',
+          defaultValue: 'left',
+          options: [
+            {
+              label: 'Left',
+              value: 'left'
+            },
+            {
+              label: 'Right',
+              value: 'right'
+            }
+          ],
+          admin: {
+            width: '50%',
+            description: 'Which side of the screen to position the navigation'
+          }
+        },
+        {
+          name: 'zIndex',
+          type: 'number',
+          label: 'Z-Index',
+          defaultValue: 200,
+          admin: {
+            width: '50%',
+            description: 'CSS z-index value for layering control'
+          }
+        }
+      ]
+    },
+    {
+      name: 'offsetFromEdge',
+      type: 'number',
+      label: 'Offset From Edge (px)',
+      defaultValue: 24,
+      admin: {
+        description: 'Distance in pixels from the screen edge'
+      }
+    },
+    {
+      name: 'enableCustomCSS',
+      type: 'checkbox',
+      label: 'Enable Custom CSS',
+      defaultValue: false,
+      admin: {
+        description: 'Allow custom CSS injection for this block'
+      }
+    },
+    {
+      name: 'customCSS',
+      type: 'array',
+      label: 'Custom CSS',
+      minRows: 0,
+      maxRows: 1,
+      admin: {
+        condition: (data) => data.enableCustomCSS,
+        description: 'Custom CSS rules to inject'
+      },
+
+      fields: [
+        {
+          name: 'property',
+          type: 'text',
+          label: 'CSS Property',
+          required: true
+        },
+        {
+          name: 'value',
+          type: 'text',
+          label: 'CSS Value',
+          required: true
+        },
+        {
+          name: 'selector',
+          type: 'text',
+          label: 'CSS Selector',
+          admin: {
+            description: 'Optional selector (defaults to block container)'
+          }
+        }
+      ]
+    },
+    {
+      name: 'className',
+      type: 'text',
+      label: 'CSS Class',
+      admin: {
+        description: 'Additional CSS classes to apply to the component'
+      }
+    }
+  ]
+}
+
+export default DDAsideNav

package/templates/blocks/DD-AsideNav/manifest.json

@@ -0,0 +1,80 @@
+{
+  "type": "block",
+  "name": "DD-AsideNav",
+  "label": "Aside Navigation",
+  "sourceName": "AsideNav",
+  "portableName": "DD-AsideNav",
+  "slug": "DD-AsideNav",
+  "version": "0.0.1",
+  "source": {
+    "repo": "Hadizainal/DesignsDustedv3",
+    "originalPath": "src/blocks/AsideNav",
+    "originalSlug": "asideNav",
+    "originalConfigExport": "AsideNav",
+    "originalComponentExport": "AsideNav",
+    "originalInterfaceName": "DDAsideNav"
+  },
+  "files": [
+    {
+      "from": "Component.tsx",
+      "to": "src/blocks/DD-AsideNav/Component.tsx"
+    },
+    {
+      "from": "config.ts",
+      "to": "src/blocks/DD-AsideNav/config.ts"
+    }
+  ],
+  "dependencies": [],
+  "sharedFiles": [
+    {
+      "from": "templates/shared/src/utilities/renderCustomCSS.ts",
+      "to": "src/utilities/renderCustomCSS.ts",
+      "required": true,
+      "safeToCopy": true
+    }
+  ],
+  "requiredProjectFiles": [],
+  "optionalProjectFiles": [],
+  "collectionRegistration": {
+    "enabled": true,
+    "collections": [
+      "Pages",
+      "Posts"
+    ]
+  },
+  "renderBlocksRegistration": {
+    "enabled": true
+  },
+  "renderBlocksBehavior": {
+    "wrapperless": false
+  },
+  "pageRouteIntegration": {
+    "required": false,
+    "manualSteps": []
+  },
+  "manual": [
+    "Register DDAsideNav in Pages/Posts blocks arrays if automatic registration was skipped.",
+    "Register DD-AsideNav in RenderBlocks if automatic registration was skipped.",
+    "Run payload generate:types after schema changes."
+  ],
+  "manualSteps": [
+    "Register DDAsideNav in Pages/Posts blocks arrays if automatic registration was skipped.",
+    "Register DD-AsideNav in RenderBlocks if automatic registration was skipped.",
+    "Run payload generate:types after schema changes."
+  ],
+  "patchTargets": {
+    "blockConfigRegistration": {
+      "description": "Installer can add import { DDAsideNav } from '@/blocks/DD-AsideNav/config' and add DDAsideNav to clear Pages/Posts block arrays."
+    },
+    "renderBlocksRegistration": {
+      "description": "Installer can register DD-AsideNav in RenderBlocks."
+    }
+  },
+  "notes": [
+    "Converted from DesignsDustedv3 AsideNav.",
+    "Project-specific imports were replaced with portable local behaviour where required.",
+    "Manifest includes shared local support files required by original DesignsDusted source imports."
+  ],
+  "exportName": "DDAsideNav",
+  "interfaceName": "DDAsideNav"
+}

package/templates/blocks/DD-Banner/Component.tsx

@@ -0,0 +1,51 @@
+import type { BannerBlock as BannerBlockProps } from 'src/payload-types'
+
+import { cn } from '@/utilities/ui'
+import React from 'react'
+import RichText from '@/components/RichText'
+
+// Shared ::before overlay (lines.svg texture) applied to all banner variants
+const BANNER_BEFORE_CLS =
+  'relative z-0 ' +
+  "before:content-[''] before:absolute before:inset-0 before:z-[-1] " +
+  'before:bg-[url(/assets/svg/lines.svg)] before:bg-[length:10px_10px] ' +
+  'before:bg-repeat before:opacity-100 before:pointer-events-none'
+
+type Props = {
+  className?: string
+  wrapperClassName?: string
+} & BannerBlockProps
+
+export const BannerBlock: React.FC<Props> = ({ className, wrapperClassName, content, style }) => {
+  return (
+    <div className={cn('mx-auto my-8 w-full banner_container', className)}>
+      <div
+        className={cn(
+          wrapperClassName,
+          'border py-3 pl-0 pr-3 flex items-center rounded shadow-2xl banner_content',
+          BANNER_BEFORE_CLS,
+          {
+            'banner-info border-[var(--border)] bg-card text-[var(--black)] [box-shadow:inset_0_0_2px_0px_var(--border),var(--shadow-xl)] [&_blockquote]:!border-s-[var(--border)]':
+              style === 'info',
+            'banner-error border-[var(--error-border)] bg-[var(--error)] text-[var(--white)] [box-shadow:inset_0_0_2px_0px_var(--error),var(--shadow-xl)] [&_blockquote]:!border-s-[var(--error-border)] text-stone-200 dark:text-stone-200':
+              style === 'error',
+            'banner-success border-[var(--success-border)] bg-[var(--success)] text-[var(--white)] [box-shadow:inset_0_0_2px_0px_var(--success),var(--shadow-xl)] [&_blockquote]:!border-s-[var(--success-border)] text-stone-200 dark:text-stone-200':
+              style === 'success',
+            'banner-warning border-[var(--warning-border)] bg-[var(--warning)] text-white [box-shadow:inset_0_0_2px_0px_var(--warning),var(--shadow-xl)] [&_blockquote]:!border-s-[var(--warning-border)]':
+              style === 'warning',
+          }
+        )}
+      >
+        <RichText
+          data={content}
+          className="banner_richtext"
+          enableGutter={false}
+          enableProse={true}
+        />
+      </div>
+    </div>
+  )
+}
+
+export const DDBanner = BannerBlock
+export default DDBanner

package/templates/blocks/DD-Banner/config.ts

@@ -0,0 +1,57 @@
+import type { Block } from 'payload'
+
+import { BlocksFeature } from '@payloadcms/richtext-lexical'
+
+import { DDAnimText } from '@/blocks/DD-AnimText/config'
+import { DDIconButton } from '@/blocks/DD-IconButton/config'
+import { defaultLexical } from '@/fields/defaultLexical'
+
+export const DDBanner: Block = {
+  slug: 'DD-Banner',
+  fields: [
+    {
+      name: 'style',
+      type: 'select',
+      defaultValue: 'info',
+      options: [
+        { label: 'Info', value: 'info' },
+        { label: 'Warning', value: 'warning' },
+        { label: 'Error', value: 'error' },
+        { label: 'Success', value: 'success' }
+      ],
+      required: true
+    },
+    {
+      name: 'content',
+      type: 'richText',
+      editor: defaultLexical,
+      label: false,
+      required: true
+    },
+    {
+      name: 'useCustomClasses',
+      type: 'checkbox',
+      label: 'Override default classes',
+      defaultValue: false
+    },
+    {
+      name: 'className',
+      type: 'text',
+      label: 'DDBanner container class',
+      admin: {
+        description: 'banner_container class',
+        condition: (_, siblingData) => Boolean(siblingData.useCustomClasses)
+      }
+    },
+    {
+      name: 'wrapperClassName',
+      type: 'text',
+      label: 'DDBanner content class',
+      admin: {
+        description: 'banner_content class',
+        condition: (_, siblingData) => Boolean(siblingData.useCustomClasses)
+      }
+    }
+  ],
+  interfaceName: 'DDBanner'
+}

package/templates/blocks/DD-Banner/manifest.json

@@ -0,0 +1,72 @@
+{
+  "type": "block",
+  "name": "DD-Banner",
+  "label": "Banner",
+  "sourceName": "Banner",
+  "portableName": "DD-Banner",
+  "slug": "DD-Banner",
+  "version": "0.0.1",
+  "source": {
+    "repo": "Hadizainal/DesignsDustedv3",
+    "originalPath": "src/blocks/Banner",
+    "originalSlug": "banner",
+    "originalConfigExport": "Banner",
+    "originalComponentExport": "Banner",
+    "originalInterfaceName": "DDBanner"
+  },
+  "files": [
+    {
+      "from": "Component.tsx",
+      "to": "src/blocks/DD-Banner/Component.tsx"
+    },
+    {
+      "from": "config.ts",
+      "to": "src/blocks/DD-Banner/config.ts"
+    }
+  ],
+  "dependencies": [],
+  "sharedFiles": [],
+  "requiredProjectFiles": [],
+  "optionalProjectFiles": [],
+  "collectionRegistration": {
+    "enabled": true,
+    "collections": [
+      "Pages",
+      "Posts"
+    ]
+  },
+  "renderBlocksRegistration": {
+    "enabled": true
+  },
+  "renderBlocksBehavior": {
+    "wrapperless": false
+  },
+  "pageRouteIntegration": {
+    "required": false,
+    "manualSteps": []
+  },
+  "manual": [
+    "Register DDBanner in Pages/Posts blocks arrays if automatic registration was skipped.",
+    "Register DD-Banner in RenderBlocks if automatic registration was skipped.",
+    "Run payload generate:types after schema changes."
+  ],
+  "manualSteps": [
+    "Register DDBanner in Pages/Posts blocks arrays if automatic registration was skipped.",
+    "Register DD-Banner in RenderBlocks if automatic registration was skipped.",
+    "Run payload generate:types after schema changes."
+  ],
+  "patchTargets": {
+    "blockConfigRegistration": {
+      "description": "Installer can add import { DDBanner } from '@/blocks/DD-Banner/config' and add DDBanner to clear Pages/Posts block arrays."
+    },
+    "renderBlocksRegistration": {
+      "description": "Installer can register DD-Banner in RenderBlocks."
+    }
+  },
+  "notes": [
+    "Converted from DesignsDustedv3 Banner.",
+    "Project-specific imports were replaced with portable local behaviour where required."
+  ],
+  "exportName": "DDBanner",
+  "interfaceName": "DDBanner"
+}

package/templates/blocks/DD-BgLightning/Component.tsx

@@ -0,0 +1,44 @@
+'use client'
+
+import React from 'react'
+import BgLightning from '@/components/BgLightning'
+type BgLightningBlockProps = {
+  hue?: number
+  xOffset?: number
+  speed?: number
+  intensity?: number
+  size?: number
+  height?: string
+  sectionId?: string
+}
+
+type Props = BgLightningBlockProps & {
+  className?: string
+}
+
+export const DDBgLightning: React.FC<Props> = ({
+  hue = 230,
+  xOffset = 0,
+  speed = 1,
+  intensity = 1,
+  size = 1,
+  height = '600px',
+  className,
+  sectionId
+}) => {
+  return (
+    <div
+      id={sectionId}
+      style={{ width: '100%', height: height ?? '600px', position: 'relative' }}
+      className={className ?? undefined}
+    >
+      <BgLightning
+        hue={hue ?? 230}
+        xOffset={xOffset ?? 0}
+        speed={speed ?? 1}
+        intensity={intensity ?? 1}
+        size={size ?? 1}
+      />
+    </div>
+  )
+}

package/templates/blocks/DD-BgLightning/README.md

@@ -0,0 +1,3 @@
+# DD-BgLightning
+
+Portable conversion of the raw BgLightningBlock. The source block depended on a project-local `@/components/BgLightning` root, so this template ships a local CSS/markup fallback instead of requiring that application shell component.

package/templates/blocks/DD-BgLightning/config.ts

@@ -0,0 +1,97 @@
+import type { Block } from 'payload'
+
+export const DDBgLightning: Block = {
+  slug: 'DD-BgLightning',
+  interfaceName: 'DDBgLightning',
+  labels: {
+    singular: 'BG Lightning',
+    plural: 'BG Lightning Blocks'
+  },
+  fields: [
+    {
+      type: 'row',
+      fields: [
+        {
+          name: 'sectionId',
+          type: 'text',
+          label: 'Section ID',
+          admin: {
+            description: 'HTML id attribute for anchor linking (e.g. "lightning-bg")'
+          }
+        },
+        {
+          name: 'className',
+          type: 'text',
+          label: 'Extra CSS Classes',
+          admin: {
+            description: 'Additional Tailwind / custom classes applied to the container'
+          }
+        },
+        {
+          name: 'hue',
+          type: 'number',
+          label: 'Hue (0–360)',
+          defaultValue: 230,
+          min: 0,
+          max: 360,
+          admin: {
+            description: 'Base colour hue in degrees',
+            width: '20%'
+          }
+        },
+        {
+          name: 'xOffset',
+          type: 'number',
+          label: 'X Offset',
+          defaultValue: 0,
+          admin: {
+            description: 'Horizontal position of the lightning bolt',
+            width: '20%'
+          }
+        },
+        {
+          name: 'speed',
+          type: 'number',
+          label: 'Speed',
+          defaultValue: 1,
+          min: 0,
+          admin: {
+            description: 'Animation speed multiplier',
+            width: '20%'
+          }
+        },
+        {
+          name: 'intensity',
+          type: 'number',
+          label: 'Intensity',
+          defaultValue: 1,
+          min: 0,
+          admin: {
+            description: 'Brightness / glow intensity',
+            width: '20%'
+          }
+        },
+        {
+          name: 'size',
+          type: 'number',
+          label: 'Size',
+          defaultValue: 1,
+          min: 0,
+          admin: {
+            description: 'Scale of the noise pattern',
+            width: '20%'
+          }
+        }
+      ]
+    },
+    {
+      name: 'height',
+      type: 'text',
+      label: 'Container Height',
+      defaultValue: '600px',
+      admin: {
+        description: 'CSS height value for the container (e.g. 600px, 100vh, 50dvh)'
+      }
+    }
+  ]
+}

package/templates/blocks/DD-BgLightning/manifest.json

@@ -0,0 +1,79 @@
+{
+  "type": "block",
+  "name": "DD-BgLightning",
+  "label": "Background Lightning",
+  "sourceName": "BgLightningBlock",
+  "portableName": "DD-BgLightning",
+  "slug": "DD-BgLightning",
+  "version": "0.0.1",
+  "source": {
+    "repo": "Hadizainal/DesignsDustedv3",
+    "originalPath": "src/blocks/BgLightningBlock",
+    "originalSlug": "bgLightningBlock",
+    "originalConfigExport": "BgLightningBlock",
+    "originalComponentExport": "BgLightningBlock",
+    "originalInterfaceName": "DDBgLightning"
+  },
+  "files": [
+    {
+      "from": "Component.tsx",
+      "to": "src/blocks/DD-BgLightning/Component.tsx"
+    },
+    {
+      "from": "config.ts",
+      "to": "src/blocks/DD-BgLightning/config.ts"
+    }
+  ],
+  "dependencies": [],
+  "sharedFiles": [
+    {
+      "from": "templates/shared/src/components/BgLightning",
+      "to": "src/components/BgLightning",
+      "required": true,
+      "safeToCopy": true
+    }
+  ],
+  "requiredProjectFiles": [],
+  "optionalProjectFiles": [],
+  "collectionRegistration": {
+    "enabled": true,
+    "collections": [
+      "Pages",
+      "Posts"
+    ]
+  },
+  "renderBlocksRegistration": {
+    "enabled": true
+  },
+  "renderBlocksBehavior": {
+    "wrapperless": false
+  },
+  "pageRouteIntegration": {
+    "required": false,
+    "manualSteps": []
+  },
+  "manual": [
+    "Register DDBgLightning in Pages/Posts blocks arrays if automatic registration was skipped.",
+    "Register DD-BgLightning in RenderBlocks if automatic registration was skipped.",
+    "Run payload generate:types after schema changes."
+  ],
+  "manualSteps": [
+    "Register DDBgLightning in Pages/Posts blocks arrays if automatic registration was skipped.",
+    "Register DD-BgLightning in RenderBlocks if automatic registration was skipped.",
+    "Run payload generate:types after schema changes."
+  ],
+  "patchTargets": {
+    "blockConfigRegistration": {
+      "description": "Installer can add import { DDBgLightning } from '@/blocks/DD-BgLightning/config' and add DDBgLightning to clear Pages/Posts block arrays."
+    },
+    "renderBlocksRegistration": {
+      "description": "Installer can register DD-BgLightning in RenderBlocks."
+    }
+  },
+  "notes": [
+    "Raw block depended on @/components/BgLightning; this template ships a portable CSS fallback instead.",
+    "Manifest includes shared local support files required by original DesignsDusted source imports."
+  ],
+  "exportName": "DDBgLightning",
+  "interfaceName": "DDBgLightning"
+}