@bytesbrains/weblocks 0.3.0 → 0.5.0

package/AGENT.md

@@ -46,18 +46,25 @@ its exact config schema:
 - `catalogPrompt()` — a compact text menu for a system prompt.
 - `CATALOG.md` — the same, human-readable.
 
-The 39 block types, by group:
+The 42 block types, by group:
 
 - **Chrome/app-shell:** `nav`, `app-shell`, `sidebar`, `announcement-bar`, `footer`
 - **Heroes:** `hero`, `hero-app`
 - **Content:** `features`, `about`, `rich-text`, `split`, `steps`, `stats`,
   `services-catalogue`, `pricing`, `logos`, `team`
-- **Media:** `gallery`, `carousel`, `video`, `map`
+- **Media:** `gallery`, `carousel`, `video`, `video-gallery`, `map`
 - **Location:** `directions` (deep links to open the visitor’s map app)
 - **Structured:** `timeline`, `tabs`, `accordion`, `testimonials`, `faq`
 - **Collections:** `blog-list`, `blog-post`, `feed`
 - **Dynamic (powered):** `contact-form`, `newsletter`, `search`, `auth`
-- **Conversion/rhythm:** `cta`, `social-links`, `contact-details`, `divider`, `spacer`
+- **Conversion/rhythm:** `cta`, `social-links`, `contact-details`, `divider`, `spacer`, `copyright`
+- **Legal:** `legal` (terms/privacy links that open safe-Markdown dialogs; content is Markdown, never raw HTML)
+
+Interactivity is safe to enable: `gallery` with `lightbox: true`, `carousel` with
+`autoplay: true`, `tabs`/`accordion`, etc. work out of the box — CSS-only where
+possible, and the host serves small shipped islands (`gallery` lightbox,
+`carousel` controls) for the rest. You just set the typed config; you never write
+the JavaScript.
 
 ## Composing a manifest
 

package/CATALOG.md

@@ -1,8 +1,8 @@
-# @bytesbrains/weblocks — Block Catalog (v0.3.0)
+# @bytesbrains/weblocks — Block Catalog (v0.5.0)
 
 The AI composes a `SiteManifest` (`{ meta, design, blocks[] }`) using **only** the block types below, then the engine validates + renders it to static HTML. This file is generated from the code (`npm run emit:catalog`) — do not edit by hand.
 
-**Block types:** `app-shell` · `nav` · `announcement-bar` · `sidebar` · `hero` · `hero-app` · `features` · `about` · `rich-text` · `split` · `steps` · `stats` · `services-catalogue` · `pricing` · `logos` · `team` · `gallery` · `carousel` · `video` · `map` · `timeline` · `tabs` · `accordion` · `testimonials` · `faq` · `blog-list` · `blog-post` · `feed` · `contact-form` · `newsletter` · `search` · `auth` · `cta` · `social-links` · `contact-details` · `directions` · `divider` · `spacer` · `footer`
+**Block types:** `app-shell` · `nav` · `announcement-bar` · `sidebar` · `hero` · `hero-app` · `features` · `about` · `rich-text` · `split` · `steps` · `stats` · `services-catalogue` · `pricing` · `logos` · `team` · `gallery` · `carousel` · `video` · `video-gallery` · `map` · `timeline` · `tabs` · `accordion` · `testimonials` · `faq` · `blog-list` · `blog-post` · `feed` · `contact-form` · `newsletter` · `search` · `auth` · `cta` · `social-links` · `contact-details` · `directions` · `legal` · `divider` · `spacer` · `copyright` · `footer`
 
 ## `app-shell`
 
@@ -203,6 +203,17 @@ A responsive embedded video from YouTube or Vimeo (by id or URL) or a self-hoste
 | `poster` | string |  |  |
 | `caption` | string |  |  |
 
+## `video-gallery`
+
+A grid or carousel of click-to-play video cards (YouTube/Vimeo/file); each loads its player inline on click (a lightweight facade — no heavy iframes up front).
+
+| field | type | required | notes |
+|---|---|---|---|
+| `title` | string |  |  |
+| `layout` | undefined (grid\|carousel) |  |  |
+| `columns` | integer (2\|3\|4) |  |  |
+| `items` | array |  |  |
+
 ## `map`
 
 An embedded location map for a place or address query, with configurable zoom and height and a link to the full map.
@@ -352,11 +363,14 @@ A full-width call-to-action band: a headline, optional subheading, and one butto
 
 ## `social-links`
 
-A centered row of links to social or external profiles, each an optional icon plus a label.
+A row or grid of links to social/contact profiles; each link picks a built-in brand icon by platform (or a custom emoji), shown labeled or icon-only.
 
 | field | type | required | notes |
 |---|---|---|---|
 | `title` | string |  |  |
+| `layout` | undefined (row\|grid) |  |  |
+| `variant` | undefined (labeled\|icon) |  |  |
+| `align` | undefined (start\|center\|end) |  |  |
 | `links` | array |  |  |
 
 ## `contact-details`
@@ -386,6 +400,17 @@ A location card with deep links that open the visitor’s map app (Google/Apple
 | `directionsLabel` | string |  |  |
 | `appleMaps` | boolean |  |  |
 
+## `legal`
+
+Policy links (terms, privacy, cookies, …) that open as scrollable, dismissible dialogs; each body is safe Markdown (never raw HTML). No JavaScript.
+
+| field | type | required | notes |
+|---|---|---|---|
+| `title` | string |  |  |
+| `align` | undefined (start\|center\|end) |  |  |
+| `separator` | string |  |  |
+| `documents` | array |  |  |
+
 ## `divider`
 
 A visual section break rendered as a thin line, a dotted rule, or a gradient bar.
@@ -402,6 +427,18 @@ Deliberate vertical whitespace between sections, in one of four sizes (sm, md, l
 |---|---|---|---|
 | `size` | undefined (sm\|md\|lg\|xl) |  |  |
 
+## `copyright`
+
+A small copyright bar (© year holder + rights text) for the bottom of a page; the year auto-fills to the current year when left blank.
+
+| field | type | required | notes |
+|---|---|---|---|
+| `holder` | string |  |  |
+| `year` | string |  |  |
+| `text` | string |  |  |
+| `showSymbol` | boolean |  |  |
+| `align` | undefined (start\|center\|end) |  |  |
+
 ## `footer`
 
 Page footer: brand, tagline, a row of links, and a copyright line. Place last.

package/CHANGELOG.md

@@ -5,6 +5,54 @@ follows [semantic versioning](https://semver.org): the **block catalog** and the
 **`SiteManifest` shape** are the public contract — additive block/field changes
 are minor, breaking changes to either are major.
 
+## 0.5.0 — 2026-07-16
+
+More media & footer blocks, brand icons, and shipped interactivity. Additive and
+**non-breaking** — every `0.4.0` manifest still validates and renders identically.
+Catalog 40 → 42.
+
+### Added
+- **`video-gallery` block** — a grid or carousel of **click-to-play video cards**
+  (YouTube / Vimeo / self-hosted). Each card is a lightweight *facade* (thumbnail
+  + play button); the new **`video.js` island** loads the real player inline on
+  click, so no heavy iframes load up front. YouTube thumbnails auto-derive from
+  the id; no-JS clicks open the platform.
+- **`copyright` block** — a small "© year holder · rights" bar for the bottom of
+  a page (a standalone alternative to the `footer` copyright line). The year
+  auto-fills to the current year when blank; configurable holder, note, symbol,
+  and alignment.
+- **`social-links` — built-in brand icons & layouts.** Each link takes a typed
+  `platform` (x/twitter, instagram, facebook, linkedin, youtube, github, tiktok,
+  whatsapp, telegram, discord, mastodon, rss, email, website, phone) that supplies
+  a monochrome brand icon (simple-icons, CC0; themed via `currentColor`) and a
+  default label — `custom` still takes your own emoji/glyph. New `layout`
+  (row/grid), `variant` (labeled/icon-only), and `align` options. Non-breaking.
+- **Shipped interactive islands** — the engine now ships the client scripts for
+  its interactive blocks (previously host-provided), as zero-dependency browser
+  modules under the `./islands/*.js` subpath export:
+  - `lightbox.js` — `gallery` click-to-zoom: prev/next, keyboard, swipe, Esc,
+    caption, scroll-lock, focus restore.
+  - `carousel.js` — `carousel` arrows, dot indicators, keyboard nav, and optional
+    autoplay (honours `prefers-reduced-motion`, pauses on hover/focus).
+- `renderSite(manifest, { islandBase })` to configure where island scripts are
+  served (default `/_island`).
+- Islands are built by a separate `tsconfig.islands.json` (DOM lib); the engine's
+  Node code stays DOM-free. `gallery` now marks `data-wl-lightbox` when its
+  lightbox is enabled.
+
+## 0.4.0 — 2026-07-16
+
+Additive and non-breaking — every `0.3.0` manifest still validates and renders
+identically. Catalog 39 → 40.
+
+### Added
+- **`legal` block** — policy links (Terms, Privacy, Cookies, …) that open as
+  **scrollable, dismissible dialogs** (pure CSS `:target`, no JavaScript). Each
+  document's body is authored in a **safe Markdown subset** (headings, lists,
+  links, emphasis, quotes, rules) — rich formatting, but **never raw HTML** (any
+  literal HTML is escaped, not executed). Exports `renderMarkdown`. Catalog now
+  40 blocks.
+
 ## 0.3.0 — 2026-07-16
 
 Additive and non-breaking — every `0.2.0` manifest still validates and renders

package/README.md

@@ -139,19 +139,20 @@ import catalogJson from '@bytesbrains/weblocks/catalog.json' with { type: 'json'
 
 ## Block catalog
 
-**39 typed blocks.** Full field reference in [`CATALOG.md`](./CATALOG.md).
+**42 typed blocks.** Full field reference in [`CATALOG.md`](./CATALOG.md).
 
 | Group | Blocks |
 |---|---|
 | Chrome / app-shell | `nav` · `app-shell` · `sidebar` · `announcement-bar` · `footer` |
 | Heroes | `hero` · `hero-app` |
 | Content | `features` · `about` · `rich-text` · `split` · `steps` · `stats` · `services-catalogue` · `pricing` · `logos` · `team` |
-| Media | `gallery` · `carousel` · `video` · `map` |
+| Media | `gallery` · `carousel` · `video` · `video-gallery` · `map` |
 | Location | `directions` (deep links to the visitor’s map app) |
 | Structured | `timeline` · `tabs` · `accordion` · `testimonials` · `faq` |
 | Collections | `blog-list` · `blog-post` · `feed` |
 | Dynamic (powered) | `contact-form` · `newsletter` · `search` · `auth` |
-| Conversion / rhythm | `cta` · `social-links` · `contact-details` · `divider` · `spacer` |
+| Conversion / rhythm | `cta` · `social-links` · `contact-details` · `divider` · `spacer` · `copyright` |
+| Legal | `legal` (terms/privacy links → safe-Markdown dialogs) |
 
 `rich-text` and `blog-post` carry **typed** content nodes (headings, paragraphs,
 quotes, lists) — a safe freeform-content escape hatch that is never raw HTML.
@@ -233,6 +234,30 @@ for (const [file, body] of Object.entries(emitPwa(manifest) ?? {})) writeFileSyn
 // → manifest.webmanifest + sw.js
 ```
 
+## Interactivity (islands)
+
+Pages are static-first: JavaScript ships only for the interactive blocks that need
+it, and only when their behaviour is on. `renderSite` emits a marker for each —
+`<script type="module" src="/_island/<name>.js">` — and the engine **ships the
+island scripts** (zero-dependency, ~6 KB each) under a subpath:
+
+| Block | Island | Behaviour |
+|---|---|---|
+| `gallery` (`lightbox: true`) | `lightbox.js` | click-to-zoom, prev/next, keyboard, swipe, Esc |
+| `carousel` | `carousel.js` | arrows, dots, keyboard, optional autoplay |
+| `video-gallery` | `video.js` | click-to-play cards (load the real player inline on press) |
+
+Serve them at the island URL. Copy from the package's `./islands/*.js` export, e.g.:
+
+```ts
+import lightbox from '@bytesbrains/weblocks/islands/lightbox.js?url'; // bundler
+// or, for a static host, copy node_modules/@bytesbrains/weblocks/lib/islands/*.js
+// to /_island/  (change the base with renderSite(m, { islandBase: '/assets/js' }))
+```
+
+Blocks whose behaviour is off (e.g. `tabs`, `accordion` — CSS-only) ship no JS at
+all.
+
 ## API reference
 
 All exports are named; types are shipped (`lib/index.d.ts`).

package/catalog.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
   "package": "@bytesbrains/weblocks",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Block catalog for @bytesbrains/weblocks. Send this to the model as its API reference; it composes a SiteManifest ({ meta, design, blocks[] }) using ONLY these block types. The engine then validates and renders it.",
   "blockTypes": [
     "app-shell",
@@ -23,6 +23,7 @@
     "gallery",
     "carousel",
     "video",
+    "video-gallery",
     "map",
     "timeline",
     "tabs",
@@ -40,8 +41,10 @@
     "social-links",
     "contact-details",
     "directions",
+    "legal",
     "divider",
     "spacer",
+    "copyright",
     "footer"
   ],
   "blocks": [
@@ -1029,6 +1032,73 @@
         "additionalProperties": false
       }
     },
+    {
+      "type": "video-gallery",
+      "description": "A grid or carousel of click-to-play video cards (YouTube/Vimeo/file); each loads its player inline on click (a lightweight facade — no heavy iframes up front).",
+      "schema": {
+        "type": "object",
+        "properties": {
+          "title": {
+            "type": "string",
+            "maxLength": 120,
+            "default": ""
+          },
+          "layout": {
+            "enum": [
+              "grid",
+              "carousel"
+            ],
+            "default": "grid"
+          },
+          "columns": {
+            "type": "integer",
+            "enum": [
+              2,
+              3,
+              4
+            ],
+            "default": 3
+          },
+          "items": {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "properties": {
+                "provider": {
+                  "enum": [
+                    "youtube",
+                    "vimeo",
+                    "file"
+                  ],
+                  "default": "youtube"
+                },
+                "src": {
+                  "type": "string",
+                  "maxLength": 500,
+                  "default": ""
+                },
+                "title": {
+                  "type": "string",
+                  "maxLength": 160,
+                  "default": ""
+                },
+                "poster": {
+                  "type": "string",
+                  "maxLength": 500,
+                  "default": ""
+                }
+              },
+              "required": [
+                "src"
+              ],
+              "additionalProperties": false
+            },
+            "maxItems": 24
+          }
+        },
+        "additionalProperties": false
+      }
+    },
     {
       "type": "map",
       "description": "An embedded location map for a place or address query, with configurable zoom and height and a link to the full map.",
@@ -1736,7 +1806,7 @@
     },
     {
       "type": "social-links",
-      "description": "A centered row of links to social or external profiles, each an optional icon plus a label.",
+      "description": "A row or grid of links to social/contact profiles; each link picks a built-in brand icon by platform (or a custom emoji), shown labeled or icon-only.",
       "schema": {
         "type": "object",
         "properties": {
@@ -1745,21 +1815,65 @@
             "maxLength": 120,
             "default": ""
           },
+          "layout": {
+            "enum": [
+              "row",
+              "grid"
+            ],
+            "default": "row"
+          },
+          "variant": {
+            "enum": [
+              "labeled",
+              "icon"
+            ],
+            "default": "labeled"
+          },
+          "align": {
+            "enum": [
+              "start",
+              "center",
+              "end"
+            ],
+            "default": "center"
+          },
           "links": {
             "type": "array",
             "items": {
               "type": "object",
               "properties": {
-                "label": {
-                  "type": "string",
-                  "maxLength": 40,
-                  "default": ""
+                "platform": {
+                  "enum": [
+                    "x",
+                    "twitter",
+                    "instagram",
+                    "facebook",
+                    "linkedin",
+                    "youtube",
+                    "github",
+                    "tiktok",
+                    "whatsapp",
+                    "telegram",
+                    "discord",
+                    "mastodon",
+                    "rss",
+                    "email",
+                    "website",
+                    "phone",
+                    "custom"
+                  ],
+                  "default": "custom"
                 },
                 "href": {
                   "type": "string",
                   "maxLength": 500,
                   "default": ""
                 },
+                "label": {
+                  "type": "string",
+                  "maxLength": 60,
+                  "default": ""
+                },
                 "icon": {
                   "type": "string",
                   "maxLength": 8,
@@ -1767,12 +1881,11 @@
                 }
               },
               "required": [
-                "label",
                 "href"
               ],
               "additionalProperties": false
             },
-            "maxItems": 12
+            "maxItems": 20
           }
         },
         "additionalProperties": false
@@ -1862,6 +1975,62 @@
         "additionalProperties": false
       }
     },
+    {
+      "type": "legal",
+      "description": "Policy links (terms, privacy, cookies, …) that open as scrollable, dismissible dialogs; each body is safe Markdown (never raw HTML). No JavaScript.",
+      "schema": {
+        "type": "object",
+        "properties": {
+          "title": {
+            "type": "string",
+            "maxLength": 120,
+            "default": ""
+          },
+          "align": {
+            "enum": [
+              "start",
+              "center",
+              "end"
+            ],
+            "default": "center"
+          },
+          "separator": {
+            "type": "string",
+            "maxLength": 4,
+            "default": "·"
+          },
+          "documents": {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "properties": {
+                "label": {
+                  "type": "string",
+                  "maxLength": 60,
+                  "default": ""
+                },
+                "title": {
+                  "type": "string",
+                  "maxLength": 120,
+                  "default": ""
+                },
+                "content": {
+                  "type": "string",
+                  "maxLength": 40000,
+                  "default": ""
+                }
+              },
+              "required": [
+                "label"
+              ],
+              "additionalProperties": false
+            },
+            "maxItems": 8
+          }
+        },
+        "additionalProperties": false
+      }
+    },
     {
       "type": "divider",
       "description": "A visual section break rendered as a thin line, a dotted rule, or a gradient bar.",
@@ -1899,6 +2068,43 @@
         "additionalProperties": false
       }
     },
+    {
+      "type": "copyright",
+      "description": "A small copyright bar (© year holder + rights text) for the bottom of a page; the year auto-fills to the current year when left blank.",
+      "schema": {
+        "type": "object",
+        "properties": {
+          "holder": {
+            "type": "string",
+            "maxLength": 120,
+            "default": ""
+          },
+          "year": {
+            "type": "string",
+            "maxLength": 24,
+            "default": ""
+          },
+          "text": {
+            "type": "string",
+            "maxLength": 160,
+            "default": "All rights reserved."
+          },
+          "showSymbol": {
+            "type": "boolean",
+            "default": true
+          },
+          "align": {
+            "enum": [
+              "start",
+              "center",
+              "end"
+            ],
+            "default": "center"
+          }
+        },
+        "additionalProperties": false
+      }
+    },
     {
       "type": "footer",
       "description": "Page footer: brand, tagline, a row of links, and a copyright line. Place last.",

package/lib/blocks/brandIcons.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Brand icon path data (24×24 viewBox, fill=currentColor). Sourced from
+ * simple-icons (CC0 / public domain). Generated from source — do not edit by hand.
+ */
+export declare const BRAND_ICON_PATHS: Record<string, string>;

package/lib/blocks/brandIcons.js

@@ -0,0 +1,18 @@
+/**
+ * Brand icon path data (24×24 viewBox, fill=currentColor). Sourced from
+ * simple-icons (CC0 / public domain). Generated from source — do not edit by hand.
+ */
+export const BRAND_ICON_PATHS = {
+    discord: "M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z",
+    facebook: "M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z",
+    github: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12",
+    instagram: "M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077",
+    linkedin: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z",
+    mastodon: "M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z",
+    rss: "M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415c1.814 0 3.293 1.479 3.293 3.295 0 1.813-1.485 3.29-3.301 3.29C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z",
+    telegram: "M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z",
+    tiktok: "M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z",
+    whatsapp: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z",
+    x: "M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z",
+    youtube: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z",
+};

package/lib/blocks/copyright.d.ts

@@ -0,0 +1,2 @@
+import type { BlockSpec } from '../registry.js';
+export declare const copyright: BlockSpec;

package/lib/blocks/copyright.js

@@ -0,0 +1,48 @@
+/**
+ * `copyright` — a small "© year holder · rights" bar for the very bottom of a
+ * page. A standalone alternative to the `footer` block's copyright line: pair it
+ * with `legal` and `social-links` for a lightweight footer, or use it under the
+ * full `footer`. The year auto-fills to the current year when left blank (or give
+ * an explicit year / range like "2020–2026"). Static brick.
+ */
+import { escapeHtml } from '../schema.js';
+const schema = {
+    holder: { kind: 'string', default: '', max: 120 }, // e.g. "Acme Inc."
+    year: { kind: 'string', default: '', max: 24 }, // blank → current year
+    text: { kind: 'string', default: 'All rights reserved.', max: 160 }, // trailing note
+    showSymbol: { kind: 'boolean', default: true }, // the © symbol
+    align: { kind: 'enum', values: ['start', 'center', 'end'], default: 'center' },
+};
+const css = `
+.blk-copyright{padding:var(--space) var(--space);background:var(--bg);color:var(--muted);border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent)}
+.blk-copyright .wrap{max-width:1080px;margin:0 auto;font-size:var(--fs-base)}
+.blk-copyright.align-center .wrap{text-align:center}
+.blk-copyright.align-end .wrap{text-align:right}
+.blk-copyright p{margin:0}
+`.trim();
+function render(config) {
+    const holder = config.holder;
+    const yearIn = String(config.year ?? '').trim();
+    const year = yearIn || String(new Date().getFullYear()); // blank → current year
+    const text = config.text;
+    const symbol = config.showSymbol !== false;
+    const align = ['start', 'center', 'end'].includes(config.align) ? config.align : 'center';
+    let line = `${symbol ? '© ' : ''}${escapeHtml(year)}`;
+    if (holder)
+        line += ` ${escapeHtml(holder)}`;
+    // Add the note, but don't double punctuation when the holder ends in "." (Inc./Co./Ltd.).
+    if (text)
+        line += `${/[.!?]$/.test(line) ? ' ' : '. '}${escapeHtml(text)}`;
+    return `<footer class="blk-copyright align-${align}" aria-label="Copyright">
+  <div class="wrap">
+    <p>${line}</p>
+  </div>
+</footer>`;
+}
+export const copyright = {
+    type: 'copyright',
+    description: 'A small copyright bar (© year holder + rights text) for the bottom of a page; the year auto-fills to the current year when left blank.',
+    schema,
+    css,
+    render,
+};

package/lib/blocks/gallery.js

@@ -44,8 +44,9 @@ function figure(it) {
 function render(config) {
     const columns = Number.isInteger(config.columns) ? config.columns : 3;
     const gap = GAP_REM[config.gap] ?? GAP_REM.md;
+    const lightbox = config.lightbox === true; // flag for the `lightbox` island
     const items = (config.items ?? []).map(figure).filter(Boolean);
-    return `<section class="blk-gallery" aria-label="Gallery">
+    return `<section class="blk-gallery" aria-label="Gallery"${lightbox ? ' data-wl-lightbox="true"' : ''}>
   <div class="wrap">
     <div class="grid" style="--cols:${columns};--gap:${gap}">
       ${items.join('\n      ')}

package/lib/blocks/legal.d.ts

@@ -0,0 +1,2 @@
+import type { BlockSpec } from '../registry.js';
+export declare const legal: BlockSpec;