efficient-web-builder 41.0.0 → 42.0.0

package/CHANGELOG.md

@@ -1,5 +1,116 @@
 # Changelog
 
+## 42.0.0 - 2026-10-27
+
+**MAJOR for hosts: the old "Puck" names 41.0.0 kept are removed** (Victor Mau, 2026-10-26; phase 4 of 4, contract). `efficient-easel` is now `^22.0.0` (was `^21.1.0`; easel 22 removed the `puck` prop, `data-puck-*`, `screen/lib/puck/*` and the inspector mode `"puck"`); `efficient-shell` stays `^10.0.0`. A host moves easel with this release. Nothing saved changes: no saved data ever carried the name.
+
+### Removed (each with what replaces it)
+
+- **Every published path under `lib/puck/…`**, on all three sides (the forwarders, and the copy of each JSON file): import `efficient-web-builder/<side>/lib/document/<x>`. The build step that wrote them (`scripts/old-paths.mjs`) is gone, and so is `src/lib/puck/media-manifest.json`: the media manifest is at `src/lib/document/media-manifest.json` only, and `format/lib/document/media-manifest.json` in the package (efficient-backend reads the new path for tags 41.0.0 and later since its #3915).
+- **`PUCK_MODE`** (`components/SectionEditor`): use `SELECTION_MODE`. The inspector mode kind `"puck"` is gone from `InspectorMode`: use `{ kind: "selection" }` and read a mode with easel's `isSelectionMode`.
+- **`PUCK_COMPONENT_ATTR`** (`lib/document/part-anchors`, `"data-puck-component"`): use `BLOCK_ATTR` (`data-easel-block`).
+- **`LEGACY_OVERLAY_PORTAL_ATTR`** and the `data-puck-overlay-portal` mark (`lib/document/overlay-portal`): `markOverlayPortal` sets `data-easel-overlay-portal` only (`OVERLAY_PORTAL_ATTR`); a stylesheet that named the old mark names the new one.
+- **`buildPuckCategories`** (`lib/document/section-catalog`): use `buildBlockCategories`.
+- **`puckDocumentSurfaces`**, **`PuckDocumentMount`**, **`PuckDocumentSurfacesOptions`** and the file `lib/source-rules/puck-document-surfaces`: use `documentSurfaces`, `DocumentMount`, `DocumentSurfacesOptions` from `lib/source-rules/document-surfaces`.
+- **`editorPuckDragOff`**, **`EditorPuckDragOffOptions`** and the file `lib/source-rules/editor-puck-drag-off`: use `editorDragOff`, `EditorDragOffOptions` from `lib/source-rules/editor-drag-off`.
+- **The source rules no longer read `lib/puck` trees** (`lib/source-rules/support/document-folder`, and the rules built on it): a host whose modules are still under `lib/puck` must move them to `lib/document` before running them. The rules' own names lost the word too (`"document surfaces"`, `"editor drag off"`).
+- **`panel-one-arrow`'s check that no editor entry imports the old editor library's package**: the package is gone from every host, so there is nothing for it to find.
+
+### Changed
+
+- The remaining comments, test names and strings in `src/`, `scripts/` and `doc/` no longer name the old library; where one said what the old library did, it says "the old editor library". Only history stays ("the document format began as Puck 0.20's").
+- `scripts/verify-published-entries.mjs` holds a major to its own removal list too: 42.0.0 may drop the `lib/puck/…` paths and the two old source-rule files, and no other published file.
+
+### Guards
+
+- `scripts/test-document-names.ts` is now the guard that the name is gone (red first on 41.1.0's tree: 900-odd lines in 250 files): no file under `src/`, `scripts/`, `doc/`, no `README.md` or `package.json` (the `exports` map) names it, except a line that says `Puck 0.20`; the new names are exported. `CHANGELOG.md` and the table of removed paths in `verify-published-entries.mjs` are the allow-list.
+- `scripts/verify-dist.mjs` loses §8 (the old-path forwarders it held).
+
+### Fixed (the Box footer: columns start level, the email list named once)
+
+- **A cell Box made by "Switch to Box footer" stores top and bottom padding 0** (Lewis 2026-10-26, the INOVIT US footer: "this footer is not my design"). A Box is born with `padV2` and 24 / 24 (its defaultProps), and a padV2 Box draws that padding inline on its root, where the row's Gap only rule cannot take it away. So the logo-and-tagline stack and every old Footer Box began 24px under the menu beside them. The old footer's cells had no padding; `lib/document/box-footer` now writes 0 / 0 on both kinds of cell Box. A stored footer does not change.
+- **The default footer says "Join our email list" once, as the signup's own heading.** `buildDefaultFooterBlocks` planted a Footer Text with those words above a signup with an EMPTY heading, and the editor draws an empty heading as its placeholder, which is the same words: a new site's footer showed them twice in the editor. The seed is now the logo and the signup, the signup with its heading set. ⚠️ Consumer bump: efficient-storefront-blocks `scripts/test-container-gap.tsx` checks "the footer seed still plants a Group at all"; the seed plants no Group now, so that check changes in the bump.
+- **`EMAIL_SIGNUP_PH` (`lib/content/footer`, format side) is the one home of the email signup's words** ("Join our email list", "Email address", "Subscribe"). The default footer seeds them from it, and the editor words catalogue lists them. Follow-up for efficient-storefront-blocks after this release: `src/editor/lib/storefront-editor-words.ts` and `FooterEmailSignup` `fields.tsx` / `render.tsx` import them from here instead of writing them again.
+- `scripts/test-box-footer-carries.tsx` (red first: 2 of 22 tests).
+
+### Added (the catalogue knows the gallery, label and rating blocks)
+
+- **`UNLISTED_BLOCK_SETS` rules three blocks of efficient-storefront-blocks #223**: `ProductGallery` and `EuTyreLabelBlock` are `commerce` (a product's pictures and tyre grades), `RatingBlock` is `service` (the Reviews section's star row). Before this, `blockSetOf` answered `undefined` for them, so a host that narrows its editor by `sets` kept them registered and offered them in no slot. A host whose registry does not hold them yet needs them in its not-registered list: the storefront's `scripts/test-general-sections-import-boundary.ts` §1 fails a line that names no registered block. When the blocks move to this release, #223's `scripts/registered-not-catalogued.ts` loses these three lines.
+- Guard: `scripts/test-unlisted-block-sets.ts` (red first): the three types are in their sets, and no unlisted line re-rules a palette row.
+
+### Added (one old section, several top-level Boxes — group 15)
+
+- **A row's `also`** (`lib/sections/section-to-box`): more top-level Boxes from the SAME old node, after the row's own Box, each a `SectionPiece` (`{ name, box?, boxProps?, parts }`) — its own section a merchant can keep or delete (Locations: City pictures, City maps; GG 2026-10-27). The row's own fields stay the first Box. A key any Box reads is carried (twice if two read it, each home naming its Box); the rest is dropped once, for the old node.
+- **`SectionConversion.nodes`**: every top-level node, in page order (`nodes[0] === node`). `convertSectionsInPage` puts them at the old node's place; each `sectionToBoxEdits` entry (`SectionToBoxEdit`) carries `nodes`; the dry run's "after" draws them all.
+- **`sectionBoxIdOf(oldId, piece)`**: a Box's id from the old id alone (`~box`, `~box-2`, …), so one Box may link to another, and a draft and its published copy get the same ids.
+- **`applySectionToBoxEdits`** (`components/useSectionToBoxPass`): the editor's writes, last index first — the old node replaced by its first Box, the rest inserted after it and written again with `replaceComponent` (easel's `insertNode` mints a new id; the replace keeps the engine's). A document pass's writes are folded into the history entry they happen in (easel `foldIntoHistory`), so no undo step takes one Box back.
+
+### Changed
+
+- **A row's `boxProps` is `OwnProps`**, the one shape for "own props" in the engine: fixed, or `(node, ctx) => props`. A function that takes the node only still fits.
+
+Batch 1 follow-up (#328). Every row stays OFF: no page changes.
+
+### Added
+
+- **The Card theme index rides page metadata**: `SITE_CARD_THEME_KEY` (`"siteCardTheme"`), `siteCardThemeMetadata` and `siteCardThemeOf` (`lib/content/section-width`), and `pageConvertContextOf` / `PageConvertContext` (`lib/sections/section-to-box`). `convertSectionsInPage(data, page)` and `sectionToBoxEdits(content, page)` take it; a host that passes nothing converts as before. A no-picture Banner card stores `sectionAccent` only when the key is there.
+- **`listToWrite`** and **`setStyleValues`** (`lib/text-styles/site-text-styles`): the ONE start of a text style list write (the saved list, or every style with nothing set) and the ONE setter of a style's values. A panel change, Update style and the dry run use them.
+- **`finiteNumber`** (`lib/finite-number`): the ONE number reader. The engine, the row parts, the Box footer, the site text styles, the section padding (`sectionPadStyle`, the retired-outer fold), the Divider, `authoredNumber` and the sticky distance read through it. A stored `NaN` or `Infinity` now reads as unset (JSON cannot hold either).
+
+### Changed
+
+- **Batch 1 body copy follows Body styles** (Prose body, Section Header description, Lead Text lead and founders' note, Banner body): no stored size; the old size is `was`, data for the dry run's pixel table.
+- **No card Box writes a shadow**: every card follows the site's Card shadow.
+- **A muted text link stays muted** (Lewis 2026-10-27, by ROLE, never a value): the Section Header link's Button label names colour `labels` and text style Body 5.
+- **`site-writes.json`**: the heading case write carries `listIfNull` only for a site whose `text_styles` is NULL. The efficient CLI's site theme command reads the file.
+- **The dry run** lists body text pixels (the >2px ones apart) and each no-picture card's Card theme, and names a style by easel's list.
+
+### Removed
+
+- `SiteFacts.cardShadow` and the report's Card shadow column (nothing read them).
+
+### Guards
+
+- `scripts/test-finite-number.ts`: one number reader in `src/`. `scripts/test-section-to-box-batch1.tsx`: the muted link, the Card theme on both paths with a `skip` row.
+
+### Fixed (a tabbed Box draws its tab strip)
+
+- **A Box set to `Tabs` now draws its strip on a real page and in the editor.** `BoxTabs` read its panes as the direct children of its root, but the root's only child is the slot's own wrapper (and in the editor each pane also sits in the editor's `es-zone`), so it found one tab, drew no strip and left every pane showing. The panes are now found by the marker each pane writes, `data-tab-label` (`lib/marked-children`), the way the Hero reel finds its slides by `data-slide-name`: the reel now reads through the same helper. A Box inside a tabbed Box writes `data-tab-label` even with no name (new `components/BoxTabPaneContext`), so a pane with no name is still a tab (`Tab 1`, `Tab 2`); a Box anywhere else writes it only when it has a name, as before, so its markup is unchanged. A tab inside a tab keeps its own strip.
+- **Live count: 0.** JJ's read-only count of Boxes with `direction: "tabs"`, draft and published, all 10 tenants: ZERO (source: the local copy of production restored 2026-10-26 from the 2026-10-25 backup, newest page change 2026-10-25 10:09 UTC; counting rule: every `direction` value in `layout` and `published_layout` of non-deleted StorefrontPage rows; not checked: live production after that time, section and platform templates). No current page changes.
+- `scripts/test-box-tabs-find-panes.tsx` (red first: 11 of 14 checks failed on main): mounts the real `Flex` through a slot wrapper and through `es-zone`.
+
+
+### Changed (one Divider for space and lines — merge group 19)
+
+- **The Divider takes the Spacer's job** (Lewis, 2026-10-10, section-merges group 19, approved; built 2026-10-26). Its Style row offers **None**, Line and the three Stripes. None draws no line, only the space above and below.
+- **The space above and below is the Divider's Padding row**, which it already carried from the section-padding pass. The Divider now draws that row on its own root (`PADS_ITS_OWN_SPACE` in `lib/document/passes/section-padding`): a set side REPLACES that side's old space, an unset side keeps it. The Small / Medium / Large select leaves the panel; its stored value is what an empty side draws (24 / 48 / 80 px), shown as the row's grey figure, and the key stays declared so a save keeps it. An untouched Divider draws the same bytes as before (`scripts/fixtures/divider-before.json`, 11 cases). None pads both sides always, because an empty box's margins collapse.
+- **Thickness and Length leave the panel for None** (they size a line None does not draw).
+- **Spacer leaves the Add menu** (`RETIRED_SECTIONS`, with `RETIRED_NESTABLE_SECTIONS` so a stored Spacer can still be dragged in a Box). It stays registered and draws as before. It has no converter row: 0 Spacer nodes in any schema, draft or published (read-only count of the local production clone, 2026-10-26); it stays in the section-to-box baseline with that reason.
+- **Footer Divider leaves the old footer's Add menu**; a stored one still draws, and the Box footer offers the Divider.
+- `swapPadding` moved from the Box's fields to `lib/document/controls`, so the Box and the Divider swap the Padding row's grey figure with one function.
+- `DIVIDER_SPACE_PX` and `DEFAULT_DIVIDER_SPACING` (`lib/sections/divider-style`) are the one home of the Spacing numbers and the default; `parseDividerSpacing` reads through `parseOption`. The Divider reads its padding values with `finiteNumber` (`lib/finite-number`); the short-lived `asNumber` export of `lib/content/section-padding` (never released) is gone in #328.
+- `scripts/test-divider-holds-the-spacer.tsx`: §1 Style options · §2 the bytes before, per case · §3 a set side replaces, an unset side keeps · §4 None draws no line and pads · §5 the Spacer's four heights · §6 the panel · §7 the Add menus.
+
+### Removed
+
+- **The canvas's copy of the "Gap only" rule** (`components/storefront-editor.css`, added in 37.0.0 by #249). The host's sheet now names both shapes of a Box's block itself (efficient-storefront-blocks 0.62, `src/render/app/globals.css`): its child on the page, and the child of the part host (`data-sf-part-host`) inside the editor's item on the canvas. So the page and the canvas read ONE rule (GG 2026-10-23, the hartesmetal.com Home name Box: an editor on builder 36 had no copy and drew it apart, while the live page drew it overlapping at Gap -24). **For hosts:** take efficient-storefront-blocks 0.62 or later with this release; on an older blocks the canvas draws a Gap only Box's blocks with their frames.
+
+### Guards
+
+- `scripts/test-gap-only-canvas.tsx` now holds only what the builder owns, and no copy of the host's sheet: §1 the part host carries `data-sf-part-host` and `display: contents`, §2 the builder's `BLOCK_ATTR` is easel's `BLOCK_ATTRIBUTE`, §3 the canvas sheet holds no Gap only rule of its own (red first: the copy was there). The host's rule is tested where it lives, in efficient-storefront-blocks `scripts/test-gap-only-one-rule.tsx`, against its real `globals.css`.
+
+## 41.1.0 - 2026-10-27
+
+Additive: every row written for 41.0.0 converts as before (the three section-to-box guards, unchanged cases, pass).
+
+### Added (the engine parts the merge groups need; plan 2026-10-23 §3.1)
+
+- **A core can become the survivor's block.** `{ kind: "core"; keep; as?; rename?; props?; slots? }`: `as` names the target block (a merged-away type converts straight to the survivor's shape), `rename` moves an old key to the target's key, `props` are the target's own fixed values (an old kept value goes over them), and `slots` is the ONE field that fills its slots, in order: a `BlockSeed` is one fixed block (a card template), a list part is one block or Box per item of an old array (a Timeline's Milestones, a Logos block's LogoBlocks).
+- **A `block` part**: `{ kind: "block"; type; box?; props?; slot?; parts?; keepEmpty? }`, a named block that is not a Box (a Strip, a Milestone, a Number). `box` reads old keys onto it as a group's does (off the ITEM in a list); `slot` holds the `parts`; a leaf block has neither. In a `flat` list it is one block per item.
+- **A row's `skip(props)`**: a reason leaves the node as it is, on the page and in the editor, and comes back as `skipped`; the dry run lists it apart (`DryRunReport.skipped`) and never counts it as converted.
+- **A list's `item(item, index, node)`** returns `{ props?, reverse? }`: props on that item's Box (or, `flat`, on each block it makes), and `reverse` draws its parts the other way round. **`perRow(node)` / `rowName` / `rowProps`** cut the items into row Boxes of N.
+- **A part's `when(node, item?)`** gets the list item it is read off, so a part can depend on one item.
+
 ## 41.0.0 - 2026-10-27
 
 **MAJOR for hosts: the peers narrow.** `efficient-easel` is now `^21.1.0` (was `^20.2.0`) and `efficient-shell` is now `^10.0.0` (was `^9.1.0`): a host moves easel and shell with this release (easel 21 itself needs shell 10), and the builder reads easel 21.1's names. Beyond that the name "Puck" is being retired (Victor Mau, 2026-10-26; phase 2 of 4, expand): the new names ship BESIDE the old ones, and every deprecated `lib/puck/…` path and name keeps working in 41. 42.0.0 removes them (phase 4); nothing saved changes.

package/README.md

@@ -172,27 +172,6 @@ by the host's own Tailwind (its `@source` scans the shell's `dist/`). Then
 easel's sheets (`efficient-easel/screen.css`), then
 `components/storefront-editor.css`.
 
-### Deprecated names (until 42.0.0)
-
-The name "Puck" is being retired (41.0.0, phase 2 of 4). The new names are
-the ones to use; the old ones keep working until 42.0.0 removes them:
-
-| Old | New |
-|---|---|
-| `efficient-web-builder/<side>/lib/puck/<x>` (every file; a forwarder, a copy for JSON) | `efficient-web-builder/<side>/lib/document/<x>` |
-| `PUCK_MODE`, the inspector mode kind `"puck"` | `SELECTION_MODE` (`components/SectionEditor`), kind `"selection"`; read a mode with easel's `isSelectionMode` |
-| `PUCK_COMPONENT_ATTR` (`data-puck-component`) | `BLOCK_ATTR` (`data-easel-block`) |
-| `data-puck-overlay-portal` (still set beside the new one) | `data-easel-overlay-portal` |
-| `buildPuckCategories` | `buildBlockCategories` |
-| `puckDocumentSurfaces`, `PuckDocumentMount`, `PuckDocumentSurfacesOptions` | `documentSurfaces`, `DocumentMount`, `DocumentSurfacesOptions` (`lib/source-rules/document-surfaces`) |
-| `editorPuckDragOff`, `EditorPuckDragOffOptions` | `editorDragOff`, `EditorDragOffOptions` (`lib/source-rules/editor-drag-off`) |
-| a block's `props.puck` (easel still hands it) | `props.editor` |
-
-The media manifest is published at both `lib/puck/media-manifest.json` and
-`lib/document/media-manifest.json`, identical (the backend fetches the old path
-by release tag; the source holds both files and `scripts/test-document-names.ts`
-holds them equal).
-
 ### Releasing
 
 A merge is not a release. The pull request that wants hosts to see a change

package/dist/editor/components/SectionEditor.d.ts

@@ -5,8 +5,6 @@ import type { EditorCapabilities } from "../lib/editor-document-adapter.js";
 import { type ScreenPartMode } from "efficient-easel/screen/lib/screen-parts";
 export type InspectorMode = {
     kind: "selection";
-} | {
-    kind: "puck";
 } | {
     kind: "header";
 } | {
@@ -29,7 +27,6 @@ export type InspectorMode = {
     nodeId: string;
 } | ScreenPartMode;
 export declare const SELECTION_MODE: InspectorMode;
-export declare const PUCK_MODE: InspectorMode;
 export declare const HEADER_MODE: InspectorMode;
 export declare const WEBSITE_MODE: InspectorMode;
 export declare const CHAT_MODE: InspectorMode;

package/dist/editor/components/SectionEditor.js

@@ -1 +1 @@
-"use client";import{jsx as n,jsxs as m,Fragment as k}from"react/jsx-runtime";import{useState as W}from"react";import{useEasel as be}from"efficient-easel/easel";import{headWords as j,InspectorHead as ke,InspectorIconButton as y}from"efficient-easel/chrome";import{DuplicateIcon as U,TrashIcon as Pe}from"efficient-easel/icons";import{panelFieldsOf as Ee}from"efficient-easel/screen/lib/document/panel-fields";import{TICKER_PART_LABEL as Y}from"../../render/components/PreviewTickerContext.js";import ve from"./SectionIcon.js";import{PanelHideButton as N}from"efficient-easel/screen/components/SidePanelHead";import{useEaselSession as Ie}from"efficient-easel/screen/lib/session-context";import{say as o}from"../../format/lib/editor-words.js";import Oe,{HintsToggle as Le,SHOW_HINTS_DEFAULT as ye}from"./WebsiteSettingsPanel.js";import Ne from"./ChatSettingsPanel.js";import Te from"./SocialLinksPanel.js";import De from"./TickerSettingsPanel.js";import He,{PartSourceNote as _e}from"./PartSettingsPanel.js";import Re from"./DuplicateToPageMenu.js";import Ce from"./DuplicatePageDialog.js";import{canDuplicatePage as Ae,usePageDuplicate as Me}from"../lib/page-copy.js";import{usePageRows as xe}from"../lib/page-rows.js";import{useScreenDocument as Fe}from"efficient-easel/screen/components/ScreenDocumentContext";import{usePreviewHeader as Be}from"../../render/components/PreviewHeaderContext.js";import{useSectionOps as ze}from"efficient-easel/screen/lib/document/use-section-ops";import{SELECTION_MODE as Ke,isSelectionMode as P}from"efficient-easel/screen/lib/screen-parts";import{usePreviewParts as We}from"efficient-easel/draw/client";import{entryPartsOf as je,SectionTextEntries as Ue}from"./SectionTextEntries.js";import{SectionTextSuppressProvider as Ye}from"../lib/document/section-text-suppress.js";import{HEADER_TYPE as Ze,ROOT_ZONE as Z}from"efficient-easel/draw";import{websiteDuplicateBlocked as $e}from"../lib/document/every-page.js";import{FOOTER_TYPE as T}from"../lib/document/footer-blocks.js";import qe from"./SwitchToBoxFooter.js";import{SiteFields as $}from"./SiteFields.js";import Ge from"./HeroPartPanel.js";import{HERO_MEDIA_PART_LABELS as Je,HERO_PART_MODE as Qe,heroPartLabel as Ve}from"../../render/lib/document/hero-media-parts.js";import{SettingsSwitch as Xe}from"efficient-easel/panel";import{foldTopTier as et}from"../lib/document/field-groups.js";import{FoldHeadingScope as tt}from"../lib/document/panel-heading-scope.js";import{partRowField as nt}from"../lib/document/part-row-field.js";import{decodePartKey as ot,partRowHeadLabel as it}from"../../render/lib/document/part-rows.js";import{encodePartId as rt,partHeadLabel as st,partLabel as at,sectionTextParts as lt}from"../../render/lib/document/text-parts.js";import{partSourceOf as ct,sourceMenuIdOf as dt,sourceSlugOf as pt}from"../../format/lib/document/source-bound-parts.js";const mt=Ke,cn=mt,dn={kind:"header"},pn={kind:"website"},mn={kind:"chat"},un={kind:"social"},S="Part";function ut(e){return o("Part of {name}",{name:o(e)})}function ft(e,i,r){const l=e.describeNode(i);return{name:r,kindLabel:l?ut(l.label):o(S)}}function ht(e){switch(e){case"Header":return{title:o("Header settings belong to a website."),own:o("Each website created from this template sets its own header afterwards.")};case"Appearance":return{title:o("Appearance settings belong to a website."),own:o("Each website created from this template sets its own appearance afterwards.")};case"Live chat":return{title:o("Live chat settings belong to a website."),own:o("Each website created from this template sets its own live chat afterwards.")};case"Social link":return{title:o("Social link settings belong to a website."),own:o("Each website created from this template sets its own social link afterwards.")};default:return{title:o("{what} settings belong to a website.",{what:e}),own:o("Each website created from this template sets its own {what} afterwards.",{what:e.toLowerCase()})}}}function q({what:e}){const i=ht(e);return m("div",{className:"sf-note",children:[n("p",{children:n("strong",{children:i.title})}),m("p",{children:[o("A template is a blueprint — it has no website of its own, so there is nothing here to change.")," ",i.own]})]})}function D(e){const i=Qe[e];return{name:Je[e],kindLabel:S,icon:i,head:(r,l)=>{if(r.kind!==i)return null;const p=l.describeNode(r.nodeId);if(!p)return null;const u=j({name:o(Ve(e,p.props)),tier:"part",of:o(p.label)},{partOf:({name:d})=>o("Part of {name}",{name:d})});return{name:u.name,kindLabel:u.kind}},render:(r,l)=>r.kind===i?n(Ge,{nodeId:r.nodeId,part:e,sectionName:l.describeNode(r.nodeId)?.label??"Hero",onUpToSection:()=>l.onSelectNode(r.nodeId)}):null}}const gt={header:{name:"Header",kindLabel:"Site settings",icon:"header",render:(e,i)=>{const r=i.hostPanels?.header;return r?n(r,{placeholderMode:i.capabilities.placeholderFrames,tokenRef:i.tokenRef,siteId:i.siteId,websiteName:i.websiteName,onOpenWebsiteSettings:i.onOpenWebsiteSettings,onAuthExpired:()=>i.notifyParent("storefront-editor:auth-expired")}):null}},website:{name:"Appearance",kindLabel:"Site settings",icon:"website",render:(e,i)=>n(Oe,{themeFromDocument:!i.capabilities.hasSiteTheme,tokenRef:i.tokenRef,siteId:i.siteId,onNotify:i.onNotify})},chat:{name:"Live chat",kindLabel:"Site settings",icon:"chat",render:()=>n(Ne,{})},social:{name:"Social links",kindLabel:"Site settings",icon:"social",render:()=>n(Te,{unavailable:n(q,{what:"Social link"})})},ticker:{name:Y,kindLabel:S,icon:"ticker",head:(e,i)=>e.kind==="ticker"?ft(i,e.heroId,o(Y)):null,render:e=>n(De,{heroId:e.kind==="ticker"?e.heroId:""})},heroMedia:D("media"),heroImage:D("image"),heroImage2:D("image2"),part:{name:S,kindLabel:S,icon:"Text",head:(e,i)=>{if(e.kind!=="part")return null;const r=i.describeNode(e.nodeId);if(!r)return null;const{key:l,row:p}=ot(e.propKey),u=p?nt(r.fields[l],p):r.fields[l],d=it(o(st(at(u??{},l))),p),f=j({name:d,tier:"part",of:o(r.label)},{partOf:({name:w})=>o("Part of {name}",{name:w})});return{name:f.name,kindLabel:f.kind}},render:(e,i)=>e.kind==="part"?n(He,{nodeId:e.nodeId,propKey:e.propKey,onBack:()=>i.onSelectNode(e.nodeId),onEditStyle:i.onOpenSiteStyles}):null}},St=new Set(["header","website","chat"]);function wt(e,i){if(e==="selection"||e==="puck")return null;const r=gt[e];return St.has(e)&&!i.hasSiteSettings?{...r,kindLabel:"Not part of a template",render:()=>n(q,{what:r.name})}:r}function bt({mode:e,onOpenWebsiteSettings:i,onOpenSiteStyles:r,onSelectNode:l,hideNodeActions:p=!1,onNotify:u,onHidePanel:d}){const{capabilities:f,tokenRef:w,notifyParent:G,currentSlug:H,siteId:E,runAuthed:J,readOnly:Q,navigate:V}=Fe(),v=Me(),{rows:_,reload:X}=xe(),I=_?.find(a=>a.slug===H)??null,[ee,O]=W(null),{websiteName:te}=Be(),b=ze({readOnly:Q}),{select:ne}=We(),{selectedItem:t,getItemById:oe,getSelectorForId:ie,config:h,appState:re}=be(a=>a),se=Ee(h,t?{type:t.type,props:t.props}:null),R=t?lt(se??h.components[t.type]?.fields,t.props):[],ae=a=>h.components[a]?.label??a,s=t?ie(t.props.id):void 0,c=wt(e.kind,f),le=Ie(),C={capabilities:f,tokenRef:w,hostPanels:le.chrome?.panels,describeNode:a=>{const g=oe(a);if(!g)return null;const K=h.components[g.type];return{type:g.type,label:K?.label??g.type,fields:K?.fields??{},props:g.props??{}}},siteId:E,websiteName:te??null,notifyParent:G,onNotify:u,onOpenWebsiteSettings:i,onOpenSiteStyles:r,onSelectNode:l},A=c?.head?.(e,C)??null,ce=A?.name??(c?o(c.name):t?o(ae(t.type)):o("Page settings")),de=A?.kindLabel??(c?o(c.kindLabel):t?s&&s.zone!==Z?o("Block"):o("Section"):o("Page")),pe=c?c.icon:t?t.type:"page",M=c?null:t?h.components[t.type]?.fields??null:h.root?.fields??null,me=M?et(M):2,x=P(e)&&t?ct(t.type):null,ue=!!t&&!!s&&s.zone===Z&&t.type!==T&&t.type!==Ze,L=$e(re?.data,t),fe=()=>{L||s&&b.duplicateComponent(s.zone,s.index)},he=()=>{s&&(b.removeComponent(s.zone,s.index),b.select(null))},ge=t?h.components[t.type]?.defaultProps?.previewHover:void 0,F=P(e)&&!!t&&!!s&&ge!==void 0,B=F&&t.props.previewHover===!0,Se=()=>{!t||!s||b.replaceComponent(s.zone,s.index,{...t,props:{...t.props,previewHover:!B}})},[z,we]=W(ye);return m("div",{className:`es-sidepanel es-sidepanel--right sf-panel sf-panel--right${z||!(!c&&!!t)?"":" sf-hints-folded"}`,children:[n(ke,{icon:n(ve,{type:pe,size:15}),name:ce,kind:de,actions:!p&&P(e)&&t&&t.type!==T?m(k,{children:[n(y,{label:o("Duplicate section"),title:L??void 0,disabled:L!==null,onClick:fe,children:n(U,{size:15})}),ue&&f.hasSiteSettings&&n(Re,{node:t,currentSlug:H,siteId:E??void 0,tokenRef:w,runAuthed:J,onNotify:u}),n(y,{label:o("Remove section"),danger:!0,onClick:he,children:n(Pe,{size:15})}),d?n(N,{side:"right",onHide:d,divider:!0}):null]}):!c&&!t&&P(e)&&v&&I&&Ae(I)?m(k,{children:[n(y,{label:o("Duplicate page"),onClick:()=>O(I),children:n(U,{size:15})}),d?n(N,{side:"right",onHide:d,divider:!0}):null]}):d?n(N,{side:"right",onHide:d}):void 0}),v&&n(Ce,{source:ee,taken:new Set((_??[]).map(a=>a.slug)),duplicate:v,onClose:()=>O(null),onDuplicated:a=>{O(null),X(),V({kind:"page",slug:a.slug,siteId:E??void 0})}}),F&&m("div",{className:"sf-preview-pin",children:[m("div",{className:"sf-preview-pin-text",children:[n("span",{className:"sf-preview-pin-label",children:o("Preview hover state")}),n("span",{className:"sf-preview-pin-hint",children:o("not shown live")})]}),n(Xe,{checked:B,onChange:Se,ariaLabel:o("Preview hover state")})]}),n(tt,{tier:me,children:n("div",{className:"sf-insp-body es-insp-body sf-scroll",children:c?c.render(e,C):t?m(k,{children:[t.type===T&&f.hasSiteSettings&&n(qe,{}),n(Ye,{children:n($,{entries:n(Ue,{parts:R,heading:!1,onOpen:a=>ne(rt(t.props.id,a))}),entryCount:je(R).length})}),x&&n(_e,{source:x,slug:pt(t?.props),menuId:dt(t?.props)}),n(Le,{shown:z,onChange:we})]}):n(k,{children:n($,{})})})})]})}export{mn as CHAT_MODE,dn as HEADER_MODE,cn as PUCK_MODE,mt as SELECTION_MODE,un as SOCIAL_MODE,pn as WEBSITE_MODE,bt as default,wt as resolvePanel};
+"use client";import{jsx as n,jsxs as m,Fragment as k}from"react/jsx-runtime";import{useState as W}from"react";import{useEasel as be}from"efficient-easel/easel";import{headWords as j,InspectorHead as ke,InspectorIconButton as y}from"efficient-easel/chrome";import{DuplicateIcon as U,TrashIcon as Pe}from"efficient-easel/icons";import{panelFieldsOf as Ee}from"efficient-easel/screen/lib/document/panel-fields";import{TICKER_PART_LABEL as Y}from"../../render/components/PreviewTickerContext.js";import ve from"./SectionIcon.js";import{PanelHideButton as N}from"efficient-easel/screen/components/SidePanelHead";import{useEaselSession as Ie}from"efficient-easel/screen/lib/session-context";import{say as o}from"../../format/lib/editor-words.js";import Oe,{HintsToggle as Le,SHOW_HINTS_DEFAULT as ye}from"./WebsiteSettingsPanel.js";import Ne from"./ChatSettingsPanel.js";import Te from"./SocialLinksPanel.js";import De from"./TickerSettingsPanel.js";import He,{PartSourceNote as _e}from"./PartSettingsPanel.js";import Re from"./DuplicateToPageMenu.js";import Ae from"./DuplicatePageDialog.js";import{canDuplicatePage as Ce,usePageDuplicate as Fe}from"../lib/page-copy.js";import{usePageRows as Me}from"../lib/page-rows.js";import{useScreenDocument as xe}from"efficient-easel/screen/components/ScreenDocumentContext";import{usePreviewHeader as Be}from"../../render/components/PreviewHeaderContext.js";import{useSectionOps as ze}from"efficient-easel/screen/lib/document/use-section-ops";import{SELECTION_MODE as Ke,isSelectionMode as P}from"efficient-easel/screen/lib/screen-parts";import{usePreviewParts as We}from"efficient-easel/draw/client";import{entryPartsOf as je,SectionTextEntries as Ue}from"./SectionTextEntries.js";import{SectionTextSuppressProvider as Ye}from"../lib/document/section-text-suppress.js";import{HEADER_TYPE as Ze,ROOT_ZONE as Z}from"efficient-easel/draw";import{websiteDuplicateBlocked as $e}from"../lib/document/every-page.js";import{FOOTER_TYPE as T}from"../lib/document/footer-blocks.js";import qe from"./SwitchToBoxFooter.js";import{SiteFields as $}from"./SiteFields.js";import Ge from"./HeroPartPanel.js";import{HERO_MEDIA_PART_LABELS as Je,HERO_PART_MODE as Qe,heroPartLabel as Ve}from"../../render/lib/document/hero-media-parts.js";import{SettingsSwitch as Xe}from"efficient-easel/panel";import{foldTopTier as et}from"../lib/document/field-groups.js";import{FoldHeadingScope as tt}from"../lib/document/panel-heading-scope.js";import{partRowField as nt}from"../lib/document/part-row-field.js";import{decodePartKey as ot,partRowHeadLabel as it}from"../../render/lib/document/part-rows.js";import{encodePartId as rt,partHeadLabel as st,partLabel as at,sectionTextParts as lt}from"../../render/lib/document/text-parts.js";import{partSourceOf as ct,sourceMenuIdOf as dt,sourceSlugOf as pt}from"../../format/lib/document/source-bound-parts.js";const ln=Ke,cn={kind:"header"},dn={kind:"website"},pn={kind:"chat"},mn={kind:"social"},S="Part";function mt(e){return o("Part of {name}",{name:o(e)})}function ut(e,i,r){const l=e.describeNode(i);return{name:r,kindLabel:l?mt(l.label):o(S)}}function ft(e){switch(e){case"Header":return{title:o("Header settings belong to a website."),own:o("Each website created from this template sets its own header afterwards.")};case"Appearance":return{title:o("Appearance settings belong to a website."),own:o("Each website created from this template sets its own appearance afterwards.")};case"Live chat":return{title:o("Live chat settings belong to a website."),own:o("Each website created from this template sets its own live chat afterwards.")};case"Social link":return{title:o("Social link settings belong to a website."),own:o("Each website created from this template sets its own social link afterwards.")};default:return{title:o("{what} settings belong to a website.",{what:e}),own:o("Each website created from this template sets its own {what} afterwards.",{what:e.toLowerCase()})}}}function q({what:e}){const i=ft(e);return m("div",{className:"sf-note",children:[n("p",{children:n("strong",{children:i.title})}),m("p",{children:[o("A template is a blueprint — it has no website of its own, so there is nothing here to change.")," ",i.own]})]})}function D(e){const i=Qe[e];return{name:Je[e],kindLabel:S,icon:i,head:(r,l)=>{if(r.kind!==i)return null;const p=l.describeNode(r.nodeId);if(!p)return null;const u=j({name:o(Ve(e,p.props)),tier:"part",of:o(p.label)},{partOf:({name:d})=>o("Part of {name}",{name:d})});return{name:u.name,kindLabel:u.kind}},render:(r,l)=>r.kind===i?n(Ge,{nodeId:r.nodeId,part:e,sectionName:l.describeNode(r.nodeId)?.label??"Hero",onUpToSection:()=>l.onSelectNode(r.nodeId)}):null}}const ht={header:{name:"Header",kindLabel:"Site settings",icon:"header",render:(e,i)=>{const r=i.hostPanels?.header;return r?n(r,{placeholderMode:i.capabilities.placeholderFrames,tokenRef:i.tokenRef,siteId:i.siteId,websiteName:i.websiteName,onOpenWebsiteSettings:i.onOpenWebsiteSettings,onAuthExpired:()=>i.notifyParent("storefront-editor:auth-expired")}):null}},website:{name:"Appearance",kindLabel:"Site settings",icon:"website",render:(e,i)=>n(Oe,{themeFromDocument:!i.capabilities.hasSiteTheme,tokenRef:i.tokenRef,siteId:i.siteId,onNotify:i.onNotify})},chat:{name:"Live chat",kindLabel:"Site settings",icon:"chat",render:()=>n(Ne,{})},social:{name:"Social links",kindLabel:"Site settings",icon:"social",render:()=>n(Te,{unavailable:n(q,{what:"Social link"})})},ticker:{name:Y,kindLabel:S,icon:"ticker",head:(e,i)=>e.kind==="ticker"?ut(i,e.heroId,o(Y)):null,render:e=>n(De,{heroId:e.kind==="ticker"?e.heroId:""})},heroMedia:D("media"),heroImage:D("image"),heroImage2:D("image2"),part:{name:S,kindLabel:S,icon:"Text",head:(e,i)=>{if(e.kind!=="part")return null;const r=i.describeNode(e.nodeId);if(!r)return null;const{key:l,row:p}=ot(e.propKey),u=p?nt(r.fields[l],p):r.fields[l],d=it(o(st(at(u??{},l))),p),f=j({name:d,tier:"part",of:o(r.label)},{partOf:({name:w})=>o("Part of {name}",{name:w})});return{name:f.name,kindLabel:f.kind}},render:(e,i)=>e.kind==="part"?n(He,{nodeId:e.nodeId,propKey:e.propKey,onBack:()=>i.onSelectNode(e.nodeId),onEditStyle:i.onOpenSiteStyles}):null}},gt=new Set(["header","website","chat"]);function St(e,i){if(e==="selection")return null;const r=ht[e];return gt.has(e)&&!i.hasSiteSettings?{...r,kindLabel:"Not part of a template",render:()=>n(q,{what:r.name})}:r}function wt({mode:e,onOpenWebsiteSettings:i,onOpenSiteStyles:r,onSelectNode:l,hideNodeActions:p=!1,onNotify:u,onHidePanel:d}){const{capabilities:f,tokenRef:w,notifyParent:G,currentSlug:H,siteId:E,runAuthed:J,readOnly:Q,navigate:V}=xe(),v=Fe(),{rows:_,reload:X}=Me(),I=_?.find(a=>a.slug===H)??null,[ee,O]=W(null),{websiteName:te}=Be(),b=ze({readOnly:Q}),{select:ne}=We(),{selectedItem:t,getItemById:oe,getSelectorForId:ie,config:h,appState:re}=be(a=>a),se=Ee(h,t?{type:t.type,props:t.props}:null),R=t?lt(se??h.components[t.type]?.fields,t.props):[],ae=a=>h.components[a]?.label??a,s=t?ie(t.props.id):void 0,c=St(e.kind,f),le=Ie(),A={capabilities:f,tokenRef:w,hostPanels:le.chrome?.panels,describeNode:a=>{const g=oe(a);if(!g)return null;const K=h.components[g.type];return{type:g.type,label:K?.label??g.type,fields:K?.fields??{},props:g.props??{}}},siteId:E,websiteName:te??null,notifyParent:G,onNotify:u,onOpenWebsiteSettings:i,onOpenSiteStyles:r,onSelectNode:l},C=c?.head?.(e,A)??null,ce=C?.name??(c?o(c.name):t?o(ae(t.type)):o("Page settings")),de=C?.kindLabel??(c?o(c.kindLabel):t?s&&s.zone!==Z?o("Block"):o("Section"):o("Page")),pe=c?c.icon:t?t.type:"page",F=c?null:t?h.components[t.type]?.fields??null:h.root?.fields??null,me=F?et(F):2,M=P(e)&&t?ct(t.type):null,ue=!!t&&!!s&&s.zone===Z&&t.type!==T&&t.type!==Ze,L=$e(re?.data,t),fe=()=>{L||s&&b.duplicateComponent(s.zone,s.index)},he=()=>{s&&(b.removeComponent(s.zone,s.index),b.select(null))},ge=t?h.components[t.type]?.defaultProps?.previewHover:void 0,x=P(e)&&!!t&&!!s&&ge!==void 0,B=x&&t.props.previewHover===!0,Se=()=>{!t||!s||b.replaceComponent(s.zone,s.index,{...t,props:{...t.props,previewHover:!B}})},[z,we]=W(ye);return m("div",{className:`es-sidepanel es-sidepanel--right sf-panel sf-panel--right${z||!(!c&&!!t)?"":" sf-hints-folded"}`,children:[n(ke,{icon:n(ve,{type:pe,size:15}),name:ce,kind:de,actions:!p&&P(e)&&t&&t.type!==T?m(k,{children:[n(y,{label:o("Duplicate section"),title:L??void 0,disabled:L!==null,onClick:fe,children:n(U,{size:15})}),ue&&f.hasSiteSettings&&n(Re,{node:t,currentSlug:H,siteId:E??void 0,tokenRef:w,runAuthed:J,onNotify:u}),n(y,{label:o("Remove section"),danger:!0,onClick:he,children:n(Pe,{size:15})}),d?n(N,{side:"right",onHide:d,divider:!0}):null]}):!c&&!t&&P(e)&&v&&I&&Ce(I)?m(k,{children:[n(y,{label:o("Duplicate page"),onClick:()=>O(I),children:n(U,{size:15})}),d?n(N,{side:"right",onHide:d,divider:!0}):null]}):d?n(N,{side:"right",onHide:d}):void 0}),v&&n(Ae,{source:ee,taken:new Set((_??[]).map(a=>a.slug)),duplicate:v,onClose:()=>O(null),onDuplicated:a=>{O(null),X(),V({kind:"page",slug:a.slug,siteId:E??void 0})}}),x&&m("div",{className:"sf-preview-pin",children:[m("div",{className:"sf-preview-pin-text",children:[n("span",{className:"sf-preview-pin-label",children:o("Preview hover state")}),n("span",{className:"sf-preview-pin-hint",children:o("not shown live")})]}),n(Xe,{checked:B,onChange:Se,ariaLabel:o("Preview hover state")})]}),n(tt,{tier:me,children:n("div",{className:"sf-insp-body es-insp-body sf-scroll",children:c?c.render(e,A):t?m(k,{children:[t.type===T&&f.hasSiteSettings&&n(qe,{}),n(Ye,{children:n($,{entries:n(Ue,{parts:R,heading:!1,onOpen:a=>ne(rt(t.props.id,a))}),entryCount:je(R).length})}),M&&n(_e,{source:M,slug:pt(t?.props),menuId:dt(t?.props)}),n(Le,{shown:z,onChange:we})]}):n(k,{children:n($,{})})})})]})}export{pn as CHAT_MODE,cn as HEADER_MODE,ln as SELECTION_MODE,mn as SOCIAL_MODE,dn as WEBSITE_MODE,wt as default,St as resolvePanel};

package/dist/editor/components/StorefrontEditor.js

@@ -1 +1 @@
-"use client";import{jsx as c,jsxs as it}from"react/jsx-runtime";import{useCallback as n,useEffect as S,useMemo as oe,useRef as f,useState as r}from"react";import"efficient-easel/easel.css";import"efficient-easel/shell.css";import"efficient-easel/rail.css";import"efficient-easel/panel.css";import"efficient-easel/fields.css";import"efficient-easel/pick.css";import"efficient-easel/copy.css";import"efficient-easel/gold.css";import"efficient-easel/text-styles.css";import"efficient-easel/menu.css";import"efficient-easel/chrome.css";import"efficient-easel/tree.css";import"efficient-easel/drag.css";import"efficient-easel/screen.css";import"./storefront-editor.css";import{buildConfig as ct}from"../lib/document/build-config.js";import{ChromeWrap as st}from"efficient-easel/screen/lib/host-chrome";import{sessionRegistry as dt}from"efficient-easel/screen/lib/session";import{refreshSiteLiveState as ut}from"../lib/site-live-state.js";import{holdSiteWrites as ht}from"../../format/lib/site-writes.js";import{backendOf as W,blocksOf as lt}from"../lib/website-session.js";import{useEaselSession as mt}from"efficient-easel/screen/lib/session-context";import{withSiteBlockGapFields as pt}from"../../format/lib/document/site-gap-fields.js";import{withTemplateMediaPlaceholders as St}from"../../format/lib/document/templateFields.js";import{setEditorPage as ne}from"../../format/lib/document/editor-page-context.js";import{resolveSiteName as ft}from"../../format/lib/content/site-name.js";import{normalizeSiteGutter as gt,normalizeSiteWidth as wt}from"../../format/lib/content/page-width.js";import{normalizeSiteBackground as ae}from"../../format/lib/content/section-width.js";import{normalizeSiteBlockGap as Ct}from"../../format/lib/content/container-gap.js";import _t,{DocumentScreen as Tt}from"efficient-easel/screen/components/ScreenMount";import{useScreenDocument as Et}from"efficient-easel/screen/components/ScreenDocumentContext";import{PreviewHeaderProvider as yt}from"../../render/components/PreviewHeaderContext.js";import{PreviewFooterProvider as Pt}from"./PreviewFooterContext.js";import{PreviewChatProvider as vt,DEFAULT_CHAT_PREVIEW as Wt}from"./PreviewChatContext.js";import{PreviewSocialProvider as Ht}from"../../render/components/PreviewSocialContext.js";import{useSocialSettings as kt}from"./useSocialSettings.js";import{PreviewSurfaceProvider as Gt}from"./PreviewSurfaceContext.js";import{WEBSITE_ADDRESSING as Bt}from"../lib/website-document-addressing.js";import{PreviewTickerProvider as Rt}from"../../render/components/PreviewTickerContext.js";import{PreviewHeroPartProvider as It}from"../../render/components/PreviewHeroPartContext.js";import{PreviewPartsProvider as Ft}from"efficient-easel/draw/client";import{CanvasPartsBridge as Dt}from"./CanvasPartsBridge.js";import{PreviewLocationPartProvider as Mt}from"../../render/components/PreviewLocationPartContext.js";import{PreviewPartStyleProvider as xt}from"./PreviewPartStyleContext.js";import{CORNER_STYLE_TO_PX as Nt,DEFAULT_HEADING_COMPRESSION as Ot,DEFAULT_HEADING_TYPOGRAPHY as bt,DEFAULT_SWITCH_SHOWN as H,DEFAULT_SIZES as At,DEFAULT_THEME_MODE as _,normalizeCornerRadius as zt,normalizeCornerStyle as Lt,normalizeCardShadow as Yt,normalizeCardGap as Ut,normalizeHoverEffect as jt,normalizeShadowColor as Kt,IDENTITY_CARD_GAP as ie,IDENTITY_CARD_SHADOW as Vt,IDENTITY_HOVER_EFFECT as Xt,THEME_MODE_KEY as ce,THEME_STORAGE_KEY as Zt,THEME_SWITCH_HIDE as se,THEME_SWITCH_KEY as k}from"../../format/lib/theme.js";import{DEFAULT_FONTS as qt}from"../../format/lib/fonts.js";import{WEBSITE_SCREEN as Jt}from"./WebsiteScreenParts.js";import{routeWebsiteHostMessage as Qt}from"../../format/lib/website-host-inbound.js";import{siteTextFromRow as $t}from"../../render/lib/text-styles/site-text-styles.js";import{wordStylesFromRow as er}from"../../format/lib/word-styles.js";import{chatPreviewFrom as tr}from"./PreviewChatContext.js";const rr=()=>{if(typeof window>"u")return _;try{const i=window.localStorage.getItem(ce);return i==="light"||i==="dark"||i==="auto"?i:_}catch{return _}},de=i=>{if(!(typeof window>"u"))try{window.localStorage.setItem(ce,i)}catch{}},or=()=>{if(typeof window>"u")return H;try{return window.localStorage.getItem(k)!==se}catch{return H}},nr=()=>{if(!(typeof window>"u"))try{window.localStorage.removeItem(Zt)}catch{}},ue=i=>{if(!(typeof window>"u"))try{i?window.localStorage.removeItem(k):window.localStorage.setItem(k,se)}catch{}};function ar(){const{adapter:i,capabilities:d,templateId:G,ready:w,token:h,siteId:s,currentSlug:B,currentKind:R}=Et();S(()=>(ne(B,R),()=>ne(null,null)),[B,R]);const T=d.placeholderFrames,[he,I]=r(null),[le,F]=r("");S(()=>{const e=i.templateName;if(!w||!G||!e){F("");return}let a=!1;return e().then(l=>!a&&F(l??"")).catch(()=>{}),()=>{a=!0}},[w,h,G,i]);const[me,E]=r(_),[pe,y]=r(H),[Se,D]=r({selected:0,themes:[]}),[fe,M]=r(qt),[ge,x]=r(At),[we,N]=r(null),[Ce,O]=r(Ot),[_e,b]=r(null),[Te,A]=r(null),[Ee,z]=r(ie),[ye,L]=r(null),[Pe,Y]=r(null),[ve,U]=r(null),[P,j]=r(null),u=mt(),K=oe(()=>ct(dt(u),lt(u)),[u]),We=oe(()=>pt(St(K,T),P),[K,T,P]),[He,V]=r(bt),[ke,X]=r(null),[Ge,Z]=r(null),[Be,q]=r(null),[Re,J]=r(null),[Ie,Q]=r(null),$=f(null),o=f(!1);S(()=>{E(rr()),y(or())},[]);const Fe=n(e=>{o.current=!0,nr(),de(e),E(e)},[]),De=n(e=>{o.current=!0,ue(e),y(e)},[]),Me=n(e=>{o.current=!0,D(e)},[]),xe=n(e=>{o.current=!0,M(e)},[]),Ne=n(e=>{o.current=!0,x(e)},[]),Oe=n(e=>{o.current=!0,N(e)},[]),be=n(e=>{o.current=!0,O(e)},[]),Ae=n(e=>{o.current=!0,b(e)},[]),ze=n(e=>{o.current=!0,A(e)},[]),Le=n(e=>{o.current=!0,z(e)},[]),Ye=n(e=>{o.current=!0,L(e)},[]),Ue=n(e=>{o.current=!0,V(e)},[]),[je,ee]=r(null),[Ke,Ve]=r(null),Xe=n(e=>{o.current=!0,ee(e)},[]),Ze=n(e=>{o.current=!0,Y(e)},[]),qe=n(e=>{o.current=!0,U(e)},[]),Je=n(e=>{o.current=!0,j(e)},[]),Qe=n(e=>{o.current=!0,X(e)},[]),$e=n(e=>{o.current=!0,Z(e)},[]),et=n(e=>{o.current=!0,q(e)},[]),tt=n(e=>{o.current=!0,J(e)},[]),rt=n(e=>{o.current=!0,Q(e)},[]);S(()=>{const e=W(u).theme;if(!h||!d.hasSiteTheme||!e)return;const a=s??"";$.current!==a&&($.current=a,o.current=!1);let l=!1;return e.get(s?{siteId:s}:void 0).then(t=>{if(l||o.current)return;de(t.default_mode),ue(t.show_theme_switch),E(t.default_mode),y(t.show_theme_switch),D({selected:t.selected_preset,themes:t.theme_presets});const g=$t(t);M(g.fonts),x(g.sizes),N(t.corner_radius_px===void 0?Nt[Lt(t.corner_style)]:zt(t.corner_radius_px)),O(g.compression),b(t.card_shadow==null?Vt:Yt(t.card_shadow)),z(t.card_gap==null?ie:Ut(t.card_gap)),L(t.hover_effect==null?Xt:jt(t.hover_effect)),A(Kt(t.shadow_color)),Y(wt(t.site_width)),U(gt(t.site_gutter)),j(Ct(t.block_gap)),V(g.typography),ee(g.textStyles),Ve(er(t)),X(t.hero_background_follows_width===!0),Z(ae(t.section_background_width)),q(ae(t.section_content_width)),J(t.photography_grayscale===!0),Q(t.share_button_on_posts===!0)}).catch(()=>{}),()=>{l=!0}},[h,s,d.hasSiteTheme,u]);const ot=kt({token:h,siteId:s,enabled:d.hasSiteSettings}),[nt,te]=r(Wt),re=f(null),v=f(!1),m=f(null),p=f({}),C=n(async()=>{m.current&&clearTimeout(m.current),m.current=null;const e=p.current;p.current={};try{await W(u).chat?.update(e,s?{siteId:s}:void 0),ut()}catch(a){throw p.current={...e,...p.current},a}},[u,s]);S(()=>ht(()=>m.current||Object.keys(p.current).length>0?C():void 0),[C]);const at=n(e=>{v.current=!0,te(a=>({...a,...e})),!(!d.hasSiteSettings||!h)&&(p.current={...p.current,...e},m.current&&clearTimeout(m.current),m.current=setTimeout(()=>{C().catch(()=>{})},500))},[d.hasSiteSettings,h,C]);return S(()=>{if(!h||!d.hasSiteSettings)return;const e=s??"";re.current!==e&&(re.current=e,v.current=!1);let a=!1;const l=W(u).chat;if(l)return l.get(s?{siteId:s}:void 0).then(t=>{a||v.current||te(tr(t))}).catch(()=>{}),()=>{a=!0}},[h,s,d.hasSiteSettings,u]),S(()=>{const e=i.site;if(!w||!d.hasSiteRecord||!e){I(null);return}let a=!1;return e().then(l=>{a||I(ft(l.name))}).catch(()=>{}),()=>{a=!0}},[w,h,d.hasSiteRecord,s,i]),c(Tt,{config:We,parts:Jt,wrap:(e,a)=>c(yt,{websiteName:he,templateChrome:T,templateName:le||null,themeMode:me,onThemeModeChange:Fe,themeSwitchShown:pe,onThemeSwitchShownChange:De,theme:Se,onThemeChange:Me,fonts:fe,onFontsChange:xe,cornerRadiusPx:we,onCornerRadiusPxChange:Oe,cardShadow:_e,onCardShadowChange:Ae,shadowColor:Te,onShadowColorChange:ze,cardGap:Ee,onCardGapChange:Le,hoverEffect:ye,onHoverEffectChange:Ye,headingCompression:Ce,onHeadingCompressionChange:be,headingTypography:He,onHeadingTypographyChange:Ue,textStyles:je,onTextStylesChange:Xe,wordStyles:Ke,sizes:ge,onSizesChange:Ne,siteWidth:Pe,onSiteWidthChange:Ze,siteGutter:ve,onSiteGutterChange:qe,blockGap:P,onBlockGapChange:Je,heroBackgroundFollowsWidth:ke,onHeroBackgroundFollowsWidthChange:Qe,sectionBackgroundWidth:Ge,onSectionBackgroundWidthChange:$e,sectionContentWidth:Be,onSectionContentWidthChange:et,photographyGrayscale:Re,onPhotographyGrayscaleChange:tt,shareButtonOnPosts:Ie,onShareButtonOnPostsChange:rt,themeFromDocument:!d.hasSiteTheme,children:c(Pt,{children:c(st,{wrap:u.chrome?.wrap,surface:"page",children:c(Rt,{children:c(It,{children:c(Ft,{children:c(Dt,{children:c(Mt,{children:it(xt,{children:[c(vt,{chat:nt,onChatChange:at,children:c(Ht,{value:ot,children:c(Gt,{children:e})})}),a]})})})})})})})})})})}function ir({target:i}){return c(_t,{target:i,addressing:Bt,onHostMessage:Qt,children:c(ar,{})})}export{ir as default};
+"use client";import{jsx as c,jsxs as st}from"react/jsx-runtime";import{useCallback as n,useEffect as S,useMemo as oe,useRef as f,useState as r}from"react";import"efficient-easel/easel.css";import"efficient-easel/shell.css";import"efficient-easel/rail.css";import"efficient-easel/panel.css";import"efficient-easel/fields.css";import"efficient-easel/pick.css";import"efficient-easel/copy.css";import"efficient-easel/gold.css";import"efficient-easel/text-styles.css";import"efficient-easel/menu.css";import"efficient-easel/chrome.css";import"efficient-easel/tree.css";import"efficient-easel/drag.css";import"efficient-easel/screen.css";import"./storefront-editor.css";import{buildConfig as dt}from"../lib/document/build-config.js";import{ChromeWrap as ut}from"efficient-easel/screen/lib/host-chrome";import{sessionRegistry as ht}from"efficient-easel/screen/lib/session";import{refreshSiteLiveState as lt}from"../lib/site-live-state.js";import{holdSiteWrites as mt}from"../../format/lib/site-writes.js";import{backendOf as W,blocksOf as pt}from"../lib/website-session.js";import{useEaselSession as St}from"efficient-easel/screen/lib/session-context";import{withSiteBlockGapFields as ft}from"../../format/lib/document/site-gap-fields.js";import{withTemplateMediaPlaceholders as gt}from"../../format/lib/document/templateFields.js";import{setEditorPage as ne}from"../../format/lib/document/editor-page-context.js";import{resolveSiteName as wt}from"../../format/lib/content/site-name.js";import{normalizeSiteGutter as Ct,normalizeSiteWidth as _t}from"../../format/lib/content/page-width.js";import{normalizeCardThemeIndex as Tt,normalizeSiteBackground as ae}from"../../format/lib/content/section-width.js";import{normalizeSiteBlockGap as Et}from"../../format/lib/content/container-gap.js";import yt,{DocumentScreen as Pt}from"efficient-easel/screen/components/ScreenMount";import{useScreenDocument as vt}from"efficient-easel/screen/components/ScreenDocumentContext";import{PreviewHeaderProvider as Wt}from"../../render/components/PreviewHeaderContext.js";import{PreviewFooterProvider as Ht}from"./PreviewFooterContext.js";import{PreviewChatProvider as kt,DEFAULT_CHAT_PREVIEW as Gt}from"./PreviewChatContext.js";import{PreviewSocialProvider as It}from"../../render/components/PreviewSocialContext.js";import{useSocialSettings as Bt}from"./useSocialSettings.js";import{PreviewSurfaceProvider as Rt}from"./PreviewSurfaceContext.js";import{WEBSITE_ADDRESSING as xt}from"../lib/website-document-addressing.js";import{PreviewTickerProvider as Ft}from"../../render/components/PreviewTickerContext.js";import{PreviewHeroPartProvider as Dt}from"../../render/components/PreviewHeroPartContext.js";import{PreviewPartsProvider as Mt}from"efficient-easel/draw/client";import{CanvasPartsBridge as Nt}from"./CanvasPartsBridge.js";import{PreviewLocationPartProvider as Ot}from"../../render/components/PreviewLocationPartContext.js";import{PreviewPartStyleProvider as bt}from"./PreviewPartStyleContext.js";import{CORNER_STYLE_TO_PX as zt,DEFAULT_HEADING_COMPRESSION as At,DEFAULT_HEADING_TYPOGRAPHY as Lt,DEFAULT_SWITCH_SHOWN as H,DEFAULT_SIZES as Yt,DEFAULT_THEME_MODE as _,normalizeCornerRadius as Ut,normalizeCornerStyle as jt,normalizeCardShadow as Kt,normalizeCardGap as Vt,normalizeHoverEffect as Xt,normalizeShadowColor as Zt,IDENTITY_CARD_GAP as ie,IDENTITY_CARD_SHADOW as qt,IDENTITY_HOVER_EFFECT as Jt,THEME_MODE_KEY as ce,THEME_STORAGE_KEY as Qt,THEME_SWITCH_HIDE as se,THEME_SWITCH_KEY as k}from"../../format/lib/theme.js";import{DEFAULT_FONTS as $t}from"../../format/lib/fonts.js";import{WEBSITE_SCREEN as er}from"./WebsiteScreenParts.js";import{routeWebsiteHostMessage as tr}from"../../format/lib/website-host-inbound.js";import{siteTextFromRow as rr}from"../../render/lib/text-styles/site-text-styles.js";import{wordStylesFromRow as or}from"../../format/lib/word-styles.js";import{chatPreviewFrom as nr}from"./PreviewChatContext.js";const ar=()=>{if(typeof window>"u")return _;try{const i=window.localStorage.getItem(ce);return i==="light"||i==="dark"||i==="auto"?i:_}catch{return _}},de=i=>{if(!(typeof window>"u"))try{window.localStorage.setItem(ce,i)}catch{}},ir=()=>{if(typeof window>"u")return H;try{return window.localStorage.getItem(k)!==se}catch{return H}},cr=()=>{if(!(typeof window>"u"))try{window.localStorage.removeItem(Qt)}catch{}},ue=i=>{if(!(typeof window>"u"))try{i?window.localStorage.removeItem(k):window.localStorage.setItem(k,se)}catch{}};function sr(){const{adapter:i,capabilities:d,templateId:G,ready:w,token:h,siteId:s,currentSlug:I,currentKind:B}=vt();S(()=>(ne(I,B),()=>ne(null,null)),[I,B]);const T=d.placeholderFrames,[he,R]=r(null),[le,x]=r("");S(()=>{const e=i.templateName;if(!w||!G||!e){x("");return}let a=!1;return e().then(l=>!a&&x(l??"")).catch(()=>{}),()=>{a=!0}},[w,h,G,i]);const[me,E]=r(_),[pe,y]=r(H),[Se,F]=r({selected:0,themes:[]}),[fe,D]=r($t),[ge,M]=r(Yt),[we,N]=r(null),[Ce,O]=r(At),[_e,b]=r(null),[Te,z]=r(null),[Ee,A]=r(ie),[ye,L]=r(null),[Pe,Y]=r(null),[ve,U]=r(null),[P,j]=r(null),u=St(),K=oe(()=>dt(ht(u),pt(u)),[u]),We=oe(()=>ft(gt(K,T),P),[K,T,P]),[He,V]=r(Lt),[ke,X]=r(null),[Ge,Z]=r(null),[Ie,q]=r(null),[Be,J]=r(null),[Re,Q]=r(null),$=f(null),o=f(!1);S(()=>{E(ar()),y(ir())},[]);const xe=n(e=>{o.current=!0,cr(),de(e),E(e)},[]),Fe=n(e=>{o.current=!0,ue(e),y(e)},[]),De=n(e=>{o.current=!0,F(e)},[]),Me=n(e=>{o.current=!0,D(e)},[]),Ne=n(e=>{o.current=!0,M(e)},[]),Oe=n(e=>{o.current=!0,N(e)},[]),be=n(e=>{o.current=!0,O(e)},[]),ze=n(e=>{o.current=!0,b(e)},[]),Ae=n(e=>{o.current=!0,z(e)},[]),Le=n(e=>{o.current=!0,A(e)},[]),Ye=n(e=>{o.current=!0,L(e)},[]),Ue=n(e=>{o.current=!0,V(e)},[]),[je,ee]=r(null),[Ke,Ve]=r(null),[Xe,Ze]=r(null),qe=n(e=>{o.current=!0,ee(e)},[]),Je=n(e=>{o.current=!0,Y(e)},[]),Qe=n(e=>{o.current=!0,U(e)},[]),$e=n(e=>{o.current=!0,j(e)},[]),et=n(e=>{o.current=!0,X(e)},[]),tt=n(e=>{o.current=!0,Z(e)},[]),rt=n(e=>{o.current=!0,q(e)},[]),ot=n(e=>{o.current=!0,J(e)},[]),nt=n(e=>{o.current=!0,Q(e)},[]);S(()=>{const e=W(u).theme;if(!h||!d.hasSiteTheme||!e)return;const a=s??"";$.current!==a&&($.current=a,o.current=!1);let l=!1;return e.get(s?{siteId:s}:void 0).then(t=>{if(l||o.current)return;de(t.default_mode),ue(t.show_theme_switch),E(t.default_mode),y(t.show_theme_switch),F({selected:t.selected_preset,themes:t.theme_presets});const g=rr(t);D(g.fonts),M(g.sizes),N(t.corner_radius_px===void 0?zt[jt(t.corner_style)]:Ut(t.corner_radius_px)),O(g.compression),b(t.card_shadow==null?qt:Kt(t.card_shadow)),A(t.card_gap==null?ie:Vt(t.card_gap)),L(t.hover_effect==null?Jt:Xt(t.hover_effect)),z(Zt(t.shadow_color)),Y(_t(t.site_width)),U(Ct(t.site_gutter)),j(Et(t.block_gap)),V(g.typography),ee(g.textStyles),Ve(or(t)),Ze(Tt(t.card_theme_index)),X(t.hero_background_follows_width===!0),Z(ae(t.section_background_width)),q(ae(t.section_content_width)),J(t.photography_grayscale===!0),Q(t.share_button_on_posts===!0)}).catch(()=>{}),()=>{l=!0}},[h,s,d.hasSiteTheme,u]);const at=Bt({token:h,siteId:s,enabled:d.hasSiteSettings}),[it,te]=r(Gt),re=f(null),v=f(!1),m=f(null),p=f({}),C=n(async()=>{m.current&&clearTimeout(m.current),m.current=null;const e=p.current;p.current={};try{await W(u).chat?.update(e,s?{siteId:s}:void 0),lt()}catch(a){throw p.current={...e,...p.current},a}},[u,s]);S(()=>mt(()=>m.current||Object.keys(p.current).length>0?C():void 0),[C]);const ct=n(e=>{v.current=!0,te(a=>({...a,...e})),!(!d.hasSiteSettings||!h)&&(p.current={...p.current,...e},m.current&&clearTimeout(m.current),m.current=setTimeout(()=>{C().catch(()=>{})},500))},[d.hasSiteSettings,h,C]);return S(()=>{if(!h||!d.hasSiteSettings)return;const e=s??"";re.current!==e&&(re.current=e,v.current=!1);let a=!1;const l=W(u).chat;if(l)return l.get(s?{siteId:s}:void 0).then(t=>{a||v.current||te(nr(t))}).catch(()=>{}),()=>{a=!0}},[h,s,d.hasSiteSettings,u]),S(()=>{const e=i.site;if(!w||!d.hasSiteRecord||!e){R(null);return}let a=!1;return e().then(l=>{a||R(wt(l.name))}).catch(()=>{}),()=>{a=!0}},[w,h,d.hasSiteRecord,s,i]),c(Pt,{config:We,parts:er,wrap:(e,a)=>c(Wt,{websiteName:he,templateChrome:T,templateName:le||null,themeMode:me,onThemeModeChange:xe,themeSwitchShown:pe,onThemeSwitchShownChange:Fe,theme:Se,onThemeChange:De,fonts:fe,onFontsChange:Me,cornerRadiusPx:we,onCornerRadiusPxChange:Oe,cardShadow:_e,onCardShadowChange:ze,shadowColor:Te,onShadowColorChange:Ae,cardGap:Ee,onCardGapChange:Le,hoverEffect:ye,onHoverEffectChange:Ye,headingCompression:Ce,onHeadingCompressionChange:be,headingTypography:He,onHeadingTypographyChange:Ue,textStyles:je,onTextStylesChange:qe,wordStyles:Ke,cardThemeIndex:Xe,sizes:ge,onSizesChange:Ne,siteWidth:Pe,onSiteWidthChange:Je,siteGutter:ve,onSiteGutterChange:Qe,blockGap:P,onBlockGapChange:$e,heroBackgroundFollowsWidth:ke,onHeroBackgroundFollowsWidthChange:et,sectionBackgroundWidth:Ge,onSectionBackgroundWidthChange:tt,sectionContentWidth:Ie,onSectionContentWidthChange:rt,photographyGrayscale:Be,onPhotographyGrayscaleChange:ot,shareButtonOnPosts:Re,onShareButtonOnPostsChange:nt,themeFromDocument:!d.hasSiteTheme,children:c(Ht,{children:c(ut,{wrap:u.chrome?.wrap,surface:"page",children:c(Ft,{children:c(Dt,{children:c(Mt,{children:c(Nt,{children:c(Ot,{children:st(bt,{children:[c(kt,{chat:it,onChatChange:ct,children:c(It,{value:at,children:c(Rt,{children:e})})}),a]})})})})})})})})})})}function dr({target:i}){return c(yt,{target:i,addressing:xt,onHostMessage:tr,children:c(sr,{})})}export{dr as default};