efficient-easel 0.101.1 → 0.102.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +37 -0
- package/dist/LinkPicker-W2Rtxetz.d.ts +111 -0
- package/dist/autosave/index.d.ts +6 -3
- package/dist/autosave/index.js +1 -1
- package/dist/chrome/index.d.ts +3 -2
- package/dist/chrome/index.js +1 -25
- package/dist/chunk-26OOWIJJ.js +1 -0
- package/dist/chunk-2LK54I4E.js +1 -0
- package/dist/chunk-3QVB4AG2.js +3 -0
- package/dist/chunk-3U4GP5VA.js +10 -0
- package/dist/chunk-3WSPDAK2.js +1 -0
- package/dist/chunk-4ES5JGGX.js +1 -0
- package/dist/chunk-5464H65G.js +4 -0
- package/dist/chunk-57DJOKXT.js +1 -0
- package/dist/chunk-5MZ3RNQQ.js +13 -0
- package/dist/chunk-5ZBY24K7.js +1 -0
- package/dist/chunk-6DJHRLCU.js +25 -0
- package/dist/chunk-6FY3PZS3.js +1 -0
- package/dist/chunk-6TZTKAB5.js +1 -0
- package/dist/chunk-6W7WLPZH.js +1 -0
- package/dist/chunk-7F52SZOI.js +2 -0
- package/dist/chunk-7MU3RJ6S.js +1 -0
- package/dist/chunk-7RNTMJER.js +5 -0
- package/dist/chunk-A7ZJII7O.js +1 -0
- package/dist/chunk-AJBJ74ME.js +1 -0
- package/dist/chunk-AKFJK65Z.js +1 -0
- package/dist/chunk-AKZWUV5Z.js +1 -0
- package/dist/chunk-BDTITTMW.js +1 -0
- package/dist/chunk-BSPCSC45.js +1 -0
- package/dist/chunk-BXZ6WLHC.js +22 -0
- package/dist/chunk-D7M6IRPJ.js +8 -0
- package/dist/chunk-DUVRZ456.js +1 -0
- package/dist/chunk-E7GGVILG.js +1 -0
- package/dist/chunk-F2FPZIZV.js +62 -0
- package/dist/chunk-F6CCTEIX.js +1 -0
- package/dist/chunk-FGNR22NY.js +1 -0
- package/dist/chunk-FT35FX7D.js +2 -0
- package/dist/chunk-FUDHI5I4.js +1 -0
- package/dist/chunk-GENAF3P6.js +1 -0
- package/dist/chunk-GOTN2KY4.js +2 -0
- package/dist/chunk-GXQCZJOP.js +1 -0
- package/dist/chunk-GZO72N3Q.js +0 -0
- package/dist/chunk-HMX55DYT.js +1 -0
- package/dist/chunk-HQ4VVRIC.js +1 -0
- package/dist/chunk-HWW4XJOH.js +1 -0
- package/dist/chunk-I54UCYOU.js +1 -0
- package/dist/chunk-IQ5TA7AM.js +1 -0
- package/dist/chunk-IWAPPEL4.js +6 -0
- package/dist/chunk-IYT6NN2J.js +1 -0
- package/dist/chunk-J4RAY75C.js +1 -0
- package/dist/chunk-KCBEE2MC.js +2 -0
- package/dist/chunk-KDYIMJTZ.js +1 -0
- package/dist/chunk-KQMML6JM.js +4 -0
- package/dist/chunk-OM67AJQC.js +1 -0
- package/dist/chunk-OYX47SL7.js +1 -0
- package/dist/chunk-P67FP7PG.js +9 -0
- package/dist/chunk-PP44LCJM.js +1 -0
- package/dist/chunk-PWZOS45R.js +2 -0
- package/dist/chunk-Q3SQBNJB.js +1 -0
- package/dist/chunk-R2HLPNQF.js +1 -0
- package/dist/chunk-R5L2E7JX.js +1 -0
- package/dist/chunk-R5ZVNJLJ.js +2 -0
- package/dist/chunk-RLBXE4EU.js +1 -0
- package/dist/chunk-RW4XBUUW.js +1 -0
- package/dist/chunk-SERF2FAU.js +1 -0
- package/dist/chunk-TEZ6V6PA.js +4 -0
- package/dist/chunk-TTJ54QGG.js +18 -0
- package/dist/chunk-UH7TGWHR.js +1 -0
- package/dist/chunk-UVWVYMMZ.js +1 -0
- package/dist/chunk-VLSTGOVD.js +2 -0
- package/dist/chunk-VV5ADNBR.js +1 -0
- package/dist/chunk-ZE7I3PLX.js +1 -0
- package/dist/chunk-ZZ7VLIHQ.js +1 -0
- package/dist/drag/index.d.ts +3 -41
- package/dist/drag/index.js +1 -18
- package/dist/easel/index.js +1 -9
- package/dist/{words-BMzV04b1.d.ts → engine-DBxp_v6B.d.ts} +1 -58
- package/dist/fields/index.d.ts +2 -109
- package/dist/fields/index.js +1 -22
- package/dist/gold/index.d.ts +4 -2
- package/dist/host-B-byaQxg.d.ts +480 -0
- package/dist/menu/index.js +1 -1
- package/dist/node-ops/index.js +1 -1
- package/dist/panelWidths-D9hTLR25.d.ts +66 -0
- package/dist/screen/components/AddBlockRow.d.ts +14 -0
- package/dist/screen/components/AddBlockRow.js +1 -0
- package/dist/screen/components/AddChildRow.d.ts +39 -0
- package/dist/screen/components/AddChildRow.js +1 -0
- package/dist/screen/components/AddSidePanel.d.ts +54 -0
- package/dist/screen/components/AddSidePanel.js +1 -0
- package/dist/screen/components/MediaSidePanel.d.ts +47 -0
- package/dist/screen/components/MediaSidePanel.js +1 -0
- package/dist/screen/components/NodeContextMenu.d.ts +364 -0
- package/dist/screen/components/NodeContextMenu.js +1 -0
- package/dist/screen/components/PageEditGuardNotices.d.ts +5 -0
- package/dist/screen/components/PageEditGuardNotices.js +1 -0
- package/dist/screen/components/PanelToggleIcon.d.ts +14 -0
- package/dist/screen/components/PanelToggleIcon.js +1 -0
- package/dist/screen/components/PreviewDeviceContext.d.ts +28 -0
- package/dist/screen/components/PreviewDeviceContext.js +1 -0
- package/dist/screen/components/PreviewPartsContext.d.ts +33 -0
- package/dist/screen/components/PreviewPartsContext.js +1 -0
- package/dist/screen/components/ScreenChrome.d.ts +5 -0
- package/dist/screen/components/ScreenChrome.js +1 -0
- package/dist/screen/components/ScreenDocumentContext.d.ts +20 -0
- package/dist/screen/components/ScreenDocumentContext.js +1 -0
- package/dist/screen/components/ScreenMount.d.ts +75 -0
- package/dist/screen/components/ScreenMount.js +1 -0
- package/dist/screen/components/ScreenStoreProvider.d.ts +63 -0
- package/dist/screen/components/ScreenStoreProvider.js +1 -0
- package/dist/screen/components/SectionScreenShell.d.ts +5 -0
- package/dist/screen/components/SectionScreenShell.js +16 -0
- package/dist/screen/components/SidePanelHead.d.ts +81 -0
- package/dist/screen/components/SidePanelHead.js +1 -0
- package/dist/screen/components/SlotChildActionsContext.d.ts +41 -0
- package/dist/screen/components/SlotChildActionsContext.js +1 -0
- package/dist/screen/components/UiIcon.d.ts +52 -0
- package/dist/screen/components/UiIcon.js +1 -0
- package/dist/screen/components/panel-widths.d.ts +37 -0
- package/dist/screen/components/panel-widths.js +1 -0
- package/dist/screen/components/usePartBridge.d.ts +66 -0
- package/dist/screen/components/usePartBridge.js +1 -0
- package/dist/screen/index.d.ts +31 -0
- package/dist/screen/index.js +1 -0
- package/dist/screen/lib/admin-bridge.d.ts +105 -0
- package/dist/screen/lib/admin-bridge.js +1 -0
- package/dist/screen/lib/backend-error.d.ts +106 -0
- package/dist/screen/lib/backend-error.js +1 -0
- package/dist/screen/lib/chrome-theme.d.ts +21 -0
- package/dist/screen/lib/chrome-theme.js +1 -0
- package/dist/screen/lib/client-only.d.ts +24 -0
- package/dist/screen/lib/client-only.js +1 -0
- package/dist/screen/lib/content/view-tiers.d.ts +25 -0
- package/dist/screen/lib/content/view-tiers.js +1 -0
- package/dist/screen/lib/document-addressing.d.ts +20 -0
- package/dist/screen/lib/document-addressing.js +1 -0
- package/dist/screen/lib/document-contract.d.ts +230 -0
- package/dist/screen/lib/document-contract.js +1 -0
- package/dist/screen/lib/document-hooks.d.ts +71 -0
- package/dist/screen/lib/document-hooks.js +0 -0
- package/dist/screen/lib/document-switch.d.ts +74 -0
- package/dist/screen/lib/document-switch.js +1 -0
- package/dist/screen/lib/failure.d.ts +54 -0
- package/dist/screen/lib/failure.js +1 -0
- package/dist/screen/lib/host-chrome.d.ts +181 -0
- package/dist/screen/lib/host-chrome.js +1 -0
- package/dist/screen/lib/host-inbound.d.ts +20 -0
- package/dist/screen/lib/host-inbound.js +1 -0
- package/dist/screen/lib/host.d.ts +20 -0
- package/dist/screen/lib/host.js +1 -0
- package/dist/screen/lib/key-scope.d.ts +23 -0
- package/dist/screen/lib/key-scope.js +1 -0
- package/dist/screen/lib/links/link-filters.d.ts +41 -0
- package/dist/screen/lib/links/link-filters.js +0 -0
- package/dist/screen/lib/load-error.d.ts +29 -0
- package/dist/screen/lib/load-error.js +1 -0
- package/dist/screen/lib/media-panel.d.ts +94 -0
- package/dist/screen/lib/media-panel.js +1 -0
- package/dist/screen/lib/media-picker.d.ts +68 -0
- package/dist/screen/lib/media-picker.js +1 -0
- package/dist/screen/lib/page-lock.d.ts +5 -0
- package/dist/screen/lib/page-lock.js +1 -0
- package/dist/screen/lib/puck/add-target-types.d.ts +55 -0
- package/dist/screen/lib/puck/add-target-types.js +0 -0
- package/dist/screen/lib/puck/block-choice.d.ts +52 -0
- package/dist/screen/lib/puck/block-choice.js +1 -0
- package/dist/screen/lib/puck/block-types-in.d.ts +39 -0
- package/dist/screen/lib/puck/block-types-in.js +1 -0
- package/dist/screen/lib/puck/content-tree.d.ts +196 -0
- package/dist/screen/lib/puck/content-tree.js +1 -0
- package/dist/screen/lib/puck/device-fields.d.ts +126 -0
- package/dist/screen/lib/puck/device-fields.js +1 -0
- package/dist/screen/lib/puck/field-buckets.d.ts +22 -0
- package/dist/screen/lib/puck/field-buckets.js +1 -0
- package/dist/screen/lib/puck/field-markers.d.ts +205 -0
- package/dist/screen/lib/puck/field-markers.js +1 -0
- package/dist/screen/lib/puck/hidable.d.ts +44 -0
- package/dist/screen/lib/puck/hidable.js +1 -0
- package/dist/screen/lib/puck/palette-sections.d.ts +96 -0
- package/dist/screen/lib/puck/palette-sections.js +1 -0
- package/dist/screen/lib/puck/panel-fields.d.ts +47 -0
- package/dist/screen/lib/puck/panel-fields.js +1 -0
- package/dist/screen/lib/puck/panel-no-control-mark.d.ts +74 -0
- package/dist/screen/lib/puck/panel-no-control-mark.js +1 -0
- package/dist/screen/lib/puck/part-id.d.ts +23 -0
- package/dist/screen/lib/puck/part-id.js +1 -0
- package/dist/screen/lib/puck/preview-click.d.ts +49 -0
- package/dist/screen/lib/puck/preview-click.js +1 -0
- package/dist/screen/lib/puck/preview-dom.d.ts +8 -0
- package/dist/screen/lib/puck/preview-dom.js +1 -0
- package/dist/screen/lib/puck/preview-events.d.ts +25 -0
- package/dist/screen/lib/puck/preview-events.js +1 -0
- package/dist/screen/lib/puck/preview-selection-context.d.ts +72 -0
- package/dist/screen/lib/puck/preview-selection-context.js +1 -0
- package/dist/screen/lib/puck/section-doc.d.ts +20 -0
- package/dist/screen/lib/puck/section-doc.js +1 -0
- package/dist/screen/lib/puck/slot-child-name.d.ts +186 -0
- package/dist/screen/lib/puck/slot-child-name.js +1 -0
- package/dist/screen/lib/puck/slot-heal.d.ts +5 -0
- package/dist/screen/lib/puck/slot-heal.js +1 -0
- package/dist/screen/lib/puck/slot-section-spec.d.ts +96 -0
- package/dist/screen/lib/puck/slot-section-spec.js +0 -0
- package/dist/screen/lib/puck/style-clipboard.d.ts +78 -0
- package/dist/screen/lib/puck/style-clipboard.js +1 -0
- package/dist/screen/lib/puck/text-control-kinds.d.ts +71 -0
- package/dist/screen/lib/puck/text-control-kinds.js +1 -0
- package/dist/screen/lib/puck/tree-reveal.d.ts +62 -0
- package/dist/screen/lib/puck/tree-reveal.js +1 -0
- package/dist/screen/lib/puck/use-section-ops.d.ts +86 -0
- package/dist/screen/lib/puck/use-section-ops.js +1 -0
- package/dist/screen/lib/screen-parts.d.ts +727 -0
- package/dist/screen/lib/screen-parts.js +1 -0
- package/dist/screen/lib/section-template-types.d.ts +49 -0
- package/dist/screen/lib/section-template-types.js +0 -0
- package/dist/screen/lib/section-templates.d.ts +23 -0
- package/dist/screen/lib/section-templates.js +1 -0
- package/dist/screen/lib/session-context.d.ts +30 -0
- package/dist/screen/lib/session-context.js +1 -0
- package/dist/screen/lib/session.d.ts +255 -0
- package/dist/screen/lib/session.js +1 -0
- package/dist/screen/screen.css +1088 -0
- package/dist/session-DSQFmIvx.d.ts +43 -0
- package/dist/strings/catalogue.d.ts +4 -2
- package/dist/strings/catalogue.js +1 -1
- package/dist/strings/index.d.ts +4 -2
- package/dist/strings/index.js +1 -1
- package/dist/style-clipboard/index.js +1 -1
- package/dist/{types-DGcCsxs8.d.ts → types-CqY85foL.d.ts} +3 -65
- package/dist/words-D_Lnw1Gr.d.ts +59 -0
- package/package.json +343 -2
- package/dist/chunk-IG3U5NWJ.js +0 -1
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
import { TextControlKind } from './text-control-kinds.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* field-markers — what a field DECLARES about itself, readable without the
|
|
5
|
+
* inspector.
|
|
6
|
+
*
|
|
7
|
+
* A control factory in `lib/puck/controls` stamps a marker on the field object
|
|
8
|
+
* it returns: this prop holds authored copy, this one a link, this row array
|
|
9
|
+
* draws these scaffold rows while it is empty. Two kinds of code read those
|
|
10
|
+
* stamps. The inspector does, and so does the RENDER side — the part walk that
|
|
11
|
+
* makes a headline clickable (`lib/puck/text-parts`), the typing bridge
|
|
12
|
+
* (`lib/puck/part-text`, `lib/puck/part-rows`) — and a section's own option
|
|
13
|
+
* module may be typed by a control's vocabulary (`lib/sections/ticker-scroll`
|
|
14
|
+
* names the pad cell each direction sits in).
|
|
15
|
+
*
|
|
16
|
+
* ⚠️ WHY THIS IS ITS OWN FILE. The markers were born in `controls.tsx` beside
|
|
17
|
+
* the factories that stamp them, and `controls.tsx` is the inspector: React, the
|
|
18
|
+
* editor shell, the link picker, the form picker, and through them the API
|
|
19
|
+
* client and the cart. A render-side module that only wanted the string
|
|
20
|
+
* `"__text"` imported all of it, which is what kept a general section from being
|
|
21
|
+
* drawn anywhere the inspector cannot go (doc/adr/0002). The same split, for the
|
|
22
|
+
* same reason, that `lib/puck/hidable` and `lib/puck/text-control-kinds` already
|
|
23
|
+
* made.
|
|
24
|
+
*
|
|
25
|
+
* This file imports nothing but that kinds leaf. `controls.tsx` re-exports
|
|
26
|
+
* every name, so an inspector-side import site is unchanged; a render-side
|
|
27
|
+
* module imports from HERE. `scripts/test-general-sections-import-boundary.ts`
|
|
28
|
+
* fails when one goes back to `controls`.
|
|
29
|
+
*/
|
|
30
|
+
|
|
31
|
+
/** Marker carried by every AUTHORED-TEXT field object, mirroring
|
|
32
|
+
* {@link MEDIA_FIELD_MARKER} below. The neutralization manifest
|
|
33
|
+
* GENERATOR (`scripts/gen-neutralization-manifest.ts`) walks the built config
|
|
34
|
+
* looking for it, so the text factories are the single source of truth for
|
|
35
|
+
* "this prop holds customer-authored copy" — a new text field is covered the
|
|
36
|
+
* moment it is declared, with no list to maintain anywhere (Puck ignores extra
|
|
37
|
+
* keys).
|
|
38
|
+
*
|
|
39
|
+
* Unlike the media marker this carries a PAYLOAD, because the neutralizer needs
|
|
40
|
+
* more than a boolean: the declared `placeholder` IS the neutral replacement
|
|
41
|
+
* copy (the greyed hint the designer already wrote for an empty field), and
|
|
42
|
+
* `control` says which value shape the prop stores — `text`/`textarea` persist
|
|
43
|
+
* `{ text, hidden }` once edited, the `plain*` variants stay bare strings, and
|
|
44
|
+
* `textList` stores `{ text }[]`. A neutralizer that assumed "string" would
|
|
45
|
+
* silently skip most EDITED copy. */
|
|
46
|
+
declare const TEXT_FIELD_MARKER: "__text";
|
|
47
|
+
/** Marker carried by every LINK-DESTINATION field. A destination is not authored
|
|
48
|
+
* prose — it is a tenant-specific target (an internal path, an absolute URL, a
|
|
49
|
+
* `mailto:`/`tel:`, or an in-page `#anchor`) — so it neutralizes by its own rule
|
|
50
|
+
* rather than to placeholder copy. Kept separate from {@link TEXT_FIELD_MARKER}
|
|
51
|
+
* so the two can never be conflated. */
|
|
52
|
+
declare const LINK_FIELD_MARKER: "__link";
|
|
53
|
+
/**
|
|
54
|
+
* Marker carrying the rows a ROW-ARRAY field draws in the editor preview while
|
|
55
|
+
* its stored value is still empty — the `phRows` scaffold, declared on the field
|
|
56
|
+
* instead of only at the render call.
|
|
57
|
+
*
|
|
58
|
+
* WHY IT HAS TO BE ON THE FIELD. A scalar text control already declares its own
|
|
59
|
+
* greyed hint (`placeholder` above), and everything that asks "what does this
|
|
60
|
+
* prop put on screen?" — the neutralizer, the part walk — reads it there. A row
|
|
61
|
+
* array had no equivalent: `config.tsx` passes the scaffold constant straight
|
|
62
|
+
* into `phRows(value, SCAFFOLD, puck)` inside the render, where nothing outside
|
|
63
|
+
* the component can see it. So a freshly-dropped section drew three grey rows of
|
|
64
|
+
* scaffold copy that `lib/puck/text-parts` could not name, and clicking that copy
|
|
65
|
+
* opened the whole section instead of the one control behind it (card 66072).
|
|
66
|
+
*
|
|
67
|
+
* It is the SAME constant the render passes — `withScaffold` (in
|
|
68
|
+
* `lib/puck/controls`) takes it as an argument rather than copying it — so the
|
|
69
|
+
* preview and the walk cannot drift. Puck ignores extra keys on a field, exactly
|
|
70
|
+
* as it does for the two markers above.
|
|
71
|
+
*/
|
|
72
|
+
declare const SCAFFOLD_FIELD_MARKER: "__scaffold";
|
|
73
|
+
/**
|
|
74
|
+
* How the SECTION consuming a `textList` draws each row — and therefore whether
|
|
75
|
+
* the list may offer a formatting bar at all.
|
|
76
|
+
*
|
|
77
|
+
* This is the `COPY_FIELD_TOOLS` rule (`lib/markup.ts`) applied one level up. Upstream, the
|
|
78
|
+
* button set is derived from the grammar so a tool whose output the parser cannot
|
|
79
|
+
* read back can never appear. Here the same question is asked of the CONSUMER: a
|
|
80
|
+
* `"markup"` list is one whose rows go through `renderGold`, so every mark the
|
|
81
|
+
* grammar writes is drawn; a `"verbatim"` list is printed as-is (an Integrations
|
|
82
|
+
* chip, a ContactRouting meta line, a Mockup kanban card), where `**bold**` would
|
|
83
|
+
* reach the shopper as four literal asterisks. A mark stored where nothing renders
|
|
84
|
+
* it is a bug, not a feature — so a verbatim list gets no bar.
|
|
85
|
+
*
|
|
86
|
+
* DELIBERATELY REQUIRED, with no default. The two facts — what a field offers and
|
|
87
|
+
* what its section renders — sit in different files, and a default would let them
|
|
88
|
+
* agree by luck: whichever way it pointed, the next `textList` would inherit an
|
|
89
|
+
* answer nobody checked. Stating it at the call site puts the question in front of
|
|
90
|
+
* whoever adds the field, next to the render that answers it.
|
|
91
|
+
*/
|
|
92
|
+
type TextListRendering =
|
|
93
|
+
/** Rows render through `renderGold` — the shared grammar parses them back. */
|
|
94
|
+
"markup"
|
|
95
|
+
/** Rows are printed exactly as stored; a delimiter would reach the shopper. */
|
|
96
|
+
| "verbatim";
|
|
97
|
+
/** The payload on {@link TEXT_FIELD_MARKER}: what a text field says about the
|
|
98
|
+
* copy it holds. The `with…` wrappers that set its optional facts, and the
|
|
99
|
+
* readers that pair with them, are in `lib/puck/controls`. */
|
|
100
|
+
type TextFieldMeta = {
|
|
101
|
+
control: TextControlKind;
|
|
102
|
+
/** The control's inspector label — a classification signal when a field
|
|
103
|
+
* declares no placeholder (labels read "Heading …", "Body …", "Alt text"). */
|
|
104
|
+
label: string;
|
|
105
|
+
/** The declared greyed hint. PRIMARY source of the neutral replacement copy. */
|
|
106
|
+
placeholder?: string;
|
|
107
|
+
/** The one-line caption UNDER the box, where the field carries one. Recorded
|
|
108
|
+
* here for the same reason the two above are: it is merchant-facing copy, so
|
|
109
|
+
* the walks that ask "what words does this panel show?" — the neutralizer,
|
|
110
|
+
* `test-accent-syntax-taught`, `test-panel-plain-words` — must be able to see
|
|
111
|
+
* it without rendering. It is NOT a neutralization source: a hint explains
|
|
112
|
+
* the control and belongs to the product, not to the tenant's content. */
|
|
113
|
+
hint?: string;
|
|
114
|
+
/**
|
|
115
|
+
* DECLARED: these words never reach a shopper (card 66280). Set only by
|
|
116
|
+
* `withOffPage`, and only on a prop whose copy no render puts on the
|
|
117
|
+
* storefront — a join key, a tab reference, a tree label. The section screen's
|
|
118
|
+
* entry row then says so instead of previewing the value.
|
|
119
|
+
*
|
|
120
|
+
* ABSENT MEANS ON THE PAGE, and that default is the point. It cannot be
|
|
121
|
+
* derived: the walk that builds the entry rows reads fields, and only a
|
|
122
|
+
* component's RENDER knows whether a prop reaches a shopper. The costs of
|
|
123
|
+
* being wrong are not symmetric either — a field wrongly marked hides a
|
|
124
|
+
* merchant's own words behind a note, while a field wrongly left unmarked
|
|
125
|
+
* merely previews its stored value, which is true. So the default takes the
|
|
126
|
+
* harmless side and the exception is typed.
|
|
127
|
+
*/
|
|
128
|
+
offPage?: true;
|
|
129
|
+
/**
|
|
130
|
+
* DECLARED: this row NAMES the thing rather than saying anything to a shopper
|
|
131
|
+
* — a slide's own name, a box's name in the Layers tree, a card's display
|
|
132
|
+
* override. The Text entry list draws these in a folded group of their own, so
|
|
133
|
+
* a panel opens on the words a merchant is writing and not on the labels the
|
|
134
|
+
* editor needs (owner 2026-09-04, pointing at a Hero Slide's `Slide name` and
|
|
135
|
+
* `Category tag`: "every panel carries this, I think it is wrong").
|
|
136
|
+
*
|
|
137
|
+
* ⚠️ IT IS NOT {@link offPage}, AND THE TWO ARE INDEPENDENT. `offPage` answers
|
|
138
|
+
* "do the words reach a shopper"; this answers "is the row a name or is it
|
|
139
|
+
* copy". Three of the four fields that carry this ARE on the page — a slide
|
|
140
|
+
* name is printed in the reel rail — so deriving one from the other would have
|
|
141
|
+
* folded away a merchant's published copy. `Box name` is the only one that is
|
|
142
|
+
* both, and it is the coincidence that makes the pair look derivable.
|
|
143
|
+
*
|
|
144
|
+
* FOLDED, NOT DROPPED, and that is the whole design. The entry list is the
|
|
145
|
+
* ONLY way back into a part with no clickable words on the canvas
|
|
146
|
+
* (`components/SectionTextEntries.tsx`), and an EMPTY field never has any: an
|
|
147
|
+
* unset `Alt name` draws the category's name, not its own, so a row that
|
|
148
|
+
* vanished once hidden would stand the merchant up with no way to set one.
|
|
149
|
+
* A fold keeps every row reachable in one press and still answers the owner.
|
|
150
|
+
*/
|
|
151
|
+
identifier?: true;
|
|
152
|
+
/** For `textList`, the key each row stores its copy under. */
|
|
153
|
+
itemKey?: string;
|
|
154
|
+
/** For `textList`, whether its rows go through `renderGold` — the same answer
|
|
155
|
+
* {@link TextListRendering} makes the call site state, recorded here so a
|
|
156
|
+
* ROW opened on its own (card 66090) offers the formatting bar exactly when
|
|
157
|
+
* the whole list does. Without it the row control would have to guess, and a
|
|
158
|
+
* bar on a `verbatim` list writes markers the shopper reads as asterisks. */
|
|
159
|
+
rendering?: TextListRendering;
|
|
160
|
+
};
|
|
161
|
+
/** Which of an edge pad's four live squares an answer sits in — the cell a
|
|
162
|
+
* direction option names beside its value (`lib/sections/ticker-scroll`), and
|
|
163
|
+
* the one the pad in `lib/puck/controls` lights. */
|
|
164
|
+
type EdgeCell = "top" | "right" | "bottom" | "left";
|
|
165
|
+
/** Marker carried by every media field object. The manifest GENERATOR walks the
|
|
166
|
+
* built config looking for it, so the factory below is the single source of
|
|
167
|
+
* truth for "this prop holds media" — a new media field is covered the moment
|
|
168
|
+
* it is declared, with no list to maintain anywhere (Puck ignores extra keys). */
|
|
169
|
+
declare const MEDIA_FIELD_MARKER: "__media";
|
|
170
|
+
/** Marker carried by every heading {@link group} / {@link section} builds — and
|
|
171
|
+
* by every bucket header {@link bucketHeader} builds, whose "heading" a
|
|
172
|
+
* merchant reads as a TAB. Same style as {@link TEXT_FIELD_MARKER} / {@link LINK_FIELD_MARKER}:
|
|
173
|
+
* the label and the level ON the field object, not only inside the render
|
|
174
|
+
* closure. Without it a header's label is unreadable at runtime — the closure
|
|
175
|
+
* is all there is — and the four-bucket pass (`lib/puck/field-groups.ts`) would
|
|
176
|
+
* have to re-derive it by parsing `config.tsx`, i.e. a second source of truth
|
|
177
|
+
* for something the field already knows. Puck ignores extra keys, and the
|
|
178
|
+
* neutralization walk classifies by its own markers / `type` / prop name, so a
|
|
179
|
+
* header stays exactly as invisible to it as it was (see
|
|
180
|
+
* `scripts/gen-neutralization-manifest.ts`). */
|
|
181
|
+
declare const FOLD_FIELD_MARKER: "__fold";
|
|
182
|
+
type FoldFieldMeta = {
|
|
183
|
+
label: string;
|
|
184
|
+
level: 1 | 2;
|
|
185
|
+
};
|
|
186
|
+
/** Read a field's fold-header payload, or null when it is not a header. The ONE
|
|
187
|
+
* place that knows the marker's shape. */
|
|
188
|
+
declare function foldMetaOf(field: unknown): FoldFieldMeta | null;
|
|
189
|
+
/**
|
|
190
|
+
* Does this field DECLARE itself a name rather than copy? The read that pairs
|
|
191
|
+
* with {@link withIdentifier}'s write, so the one fact has one reader — the same
|
|
192
|
+
* shape as {@link textFieldOffPage}, and false for anything that is not a text
|
|
193
|
+
* field at all rather than throwing.
|
|
194
|
+
*/
|
|
195
|
+
declare function textFieldIdentifier(field: unknown): boolean;
|
|
196
|
+
/**
|
|
197
|
+
* The keys `anchorFields()` (lib/puck/controls) declares: the anchor's group
|
|
198
|
+
* header and its name row. The style clipboard leaves them out of a copied
|
|
199
|
+
* look — an anchor is the section's address, not its style — and reads them
|
|
200
|
+
* here rather than calling the builder, so it needs nothing of the inspector's
|
|
201
|
+
* field builders. scripts/test-anchor-field-keys.ts holds the two equal.
|
|
202
|
+
*/
|
|
203
|
+
declare const ANCHOR_FIELD_KEYS: readonly ["_gAnchor", "anchor"];
|
|
204
|
+
|
|
205
|
+
export { ANCHOR_FIELD_KEYS, type EdgeCell, FOLD_FIELD_MARKER, type FoldFieldMeta, LINK_FIELD_MARKER, MEDIA_FIELD_MARKER, SCAFFOLD_FIELD_MARKER, TEXT_FIELD_MARKER, type TextFieldMeta, type TextListRendering, foldMetaOf, textFieldIdentifier };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{ANCHOR_FIELD_KEYS,FOLD_FIELD_MARKER,LINK_FIELD_MARKER,MEDIA_FIELD_MARKER,SCAFFOLD_FIELD_MARKER,TEXT_FIELD_MARKER,foldMetaOf,textFieldIdentifier}from"../../../chunk-DUVRZ456.js";
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* hidable — the ONE reader for the shape a hideable copy row stores.
|
|
3
|
+
*
|
|
4
|
+
* Every authored-text row in the editor is one of five controls
|
|
5
|
+
* (`lib/puck/text-control-kinds`), and two of them — `text()` and `textarea()` —
|
|
6
|
+
* carry the eye that takes an element off the page while keeping the words. Those
|
|
7
|
+
* two persist `{ text, hidden }`; the other three persist a bare string, and so
|
|
8
|
+
* does every page published before the eye existed. A prop's stored value is
|
|
9
|
+
* therefore an OBJECT OR A STRING, and which one it is depends on whether a
|
|
10
|
+
* merchant has touched that row — not on anything a reader can see in the code.
|
|
11
|
+
*
|
|
12
|
+
* ⚠️ WHY THIS IS ITS OWN FILE. `readHidable` was born in `lib/puck/controls.tsx`
|
|
13
|
+
* beside the field that writes the shape, and `controls.tsx` is React: it imports
|
|
14
|
+
* the editor shell, the markup toolbar and 30 components. So a PURE module that
|
|
15
|
+
* needs to read a stored heading could not use the one reader without dragging
|
|
16
|
+
* the whole editor in — and `lib/puck/heading-outline.ts` is exactly that module
|
|
17
|
+
* (its own header promises no React and no config import, so the audit can be
|
|
18
|
+
* walked in a test without mounting the editor). It called `String(...)` on the
|
|
19
|
+
* prop instead, and printed the literal words `[object Object]` into the outline
|
|
20
|
+
* a merchant reads. Splitting the ~6 lines out costs nothing and removes the
|
|
21
|
+
* reason anyone would ever write a second unwrapper. `controls.tsx` re-exports
|
|
22
|
+
* both names, so every existing import site is unchanged.
|
|
23
|
+
*
|
|
24
|
+
* There is exactly one definition. Do not add a second way to unwrap this value.
|
|
25
|
+
*/
|
|
26
|
+
/** A hideable row's stored value: the object, a bare string (a `plainText()` row
|
|
27
|
+
* or legacy data), or nothing at all. */
|
|
28
|
+
type HidableValue = {
|
|
29
|
+
text?: string;
|
|
30
|
+
hidden?: boolean;
|
|
31
|
+
} | string | undefined;
|
|
32
|
+
declare function readHidable(v: HidableValue): {
|
|
33
|
+
text: string;
|
|
34
|
+
hidden: boolean;
|
|
35
|
+
};
|
|
36
|
+
/**
|
|
37
|
+
* Plain-text view of a hidable field value — a `{ text, hidden }` object (a
|
|
38
|
+
* `text()`/`textarea()` row) OR a bare string (a `plainText()` row / legacy data).
|
|
39
|
+
* Funnels through here at read sites that need a string (e.g. a section's
|
|
40
|
+
* `imageLabel`, a link `href`) so a stored object can never reach a React child.
|
|
41
|
+
*/
|
|
42
|
+
declare function hidableText(v: HidableValue): string;
|
|
43
|
+
|
|
44
|
+
export { type HidableValue, hidableText, readHidable };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{hidableText,readHidable}from"../../../chunk-6W7WLPZH.js";
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { Config } from '../../../blocks/index.js';
|
|
2
|
+
import 'react';
|
|
3
|
+
import '../../../types-E3HrTPg2.js';
|
|
4
|
+
import '../../../data/index.js';
|
|
5
|
+
import '../../../types-41704JE4.js';
|
|
6
|
+
import '../../../resolve-D68pb3Bx.js';
|
|
7
|
+
import '../../../plan-DChbUXdS.js';
|
|
8
|
+
|
|
9
|
+
/** One offerable section, with the category it is grouped under. */
|
|
10
|
+
type PaletteSection = {
|
|
11
|
+
type: string;
|
|
12
|
+
cat: string;
|
|
13
|
+
name: string;
|
|
14
|
+
desc: string;
|
|
15
|
+
/**
|
|
16
|
+
* The heading of the category this section sits under, resolved once at build
|
|
17
|
+
* time — SEARCHED, and already SHOWN as the nav row this card sits beneath.
|
|
18
|
+
*
|
|
19
|
+
* ⚠️ IT IS HERE BECAUSE THE NAV AND THE SEARCH DISAGREED. Seven of the
|
|
20
|
+
* thirteen category names returned NOTHING when typed: "Blog & journal" reads
|
|
21
|
+
* 5 in the nav, and "blog" found 0, because not one of Issue Header, Featured
|
|
22
|
+
* Cover, Article Text, Recurring Columns or Latest Posts carries the word. Same
|
|
23
|
+
* for shop, about, promotions, navigation, legal and layout. A merchant reads
|
|
24
|
+
* the word off the screen, types it, and is told no section matches.
|
|
25
|
+
*
|
|
26
|
+
* Resolved HERE, not in `matchesQuery`, because the label needs the `config`
|
|
27
|
+
* (`categoryLabel`) and the matcher is given only a section — passing config
|
|
28
|
+
* into the matcher would make every caller carry it.
|
|
29
|
+
*/
|
|
30
|
+
catLabel: string;
|
|
31
|
+
/**
|
|
32
|
+
* Another word this section is known by, searched but never shown.
|
|
33
|
+
*
|
|
34
|
+
* ⚠️ THIS EXISTS FOR ONE NODE AND ONE REASON. `Flex` is offered here as
|
|
35
|
+
* "Blank section" and is called "Box" everywhere it is nested — so a merchant
|
|
36
|
+
* who met it in a Layers row, or in last week's handoff, types "box" and must
|
|
37
|
+
* still find it. Without this they would find NOTHING: the card is pinned out
|
|
38
|
+
* of its group, so a search that misses it misses it completely.
|
|
39
|
+
*/
|
|
40
|
+
alias?: string;
|
|
41
|
+
};
|
|
42
|
+
/**
|
|
43
|
+
* What the layer says of its sections for the palette: the word for a type at
|
|
44
|
+
* a level, a group's short heading where it has one, and the blurbs. The
|
|
45
|
+
* screen's `blockLook` is one (lib/screen-parts); so is the website's own
|
|
46
|
+
* (lib/puck/add-palette).
|
|
47
|
+
*/
|
|
48
|
+
interface PaletteLook {
|
|
49
|
+
/** What a node of `type` is called at a level, given the label the config
|
|
50
|
+
* holds for it. */
|
|
51
|
+
labelAtLevel: (type: string, level: "section" | "block", base: string) => string;
|
|
52
|
+
/** A group's short heading, by its key, where the layer has one; undefined,
|
|
53
|
+
* and the config's own title is the heading. */
|
|
54
|
+
categoryLabel: (id: string) => string | undefined;
|
|
55
|
+
/** The one-line blurb for a section, by type. */
|
|
56
|
+
descriptions: Record<string, string>;
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* Flatten `config.categories` into an ordered section list.
|
|
60
|
+
*
|
|
61
|
+
* Grouping and order ARE the category order in the config — which is the
|
|
62
|
+
* catalog's order — so this adds no opinion of its own. A component listed in a
|
|
63
|
+
* category but absent from `components` is skipped: a stale catalog row cannot
|
|
64
|
+
* render and certainly cannot insert, so offering it would be a card that fails
|
|
65
|
+
* on click.
|
|
66
|
+
*
|
|
67
|
+
* Child-only blocks (HeroSlide / CollectionCard / ProductRef) and the four
|
|
68
|
+
* generic primitives (Heading / Text / ImageBlock / ButtonBlock) sit in NO
|
|
69
|
+
* category on purpose, so they never appear here — they are added from their
|
|
70
|
+
* parent's slot instead. See the note above `categories:` in lib/puck/config.tsx.
|
|
71
|
+
*/
|
|
72
|
+
declare function buildPaletteSections(config: Config, look: PaletteLook): PaletteSection[];
|
|
73
|
+
/** A category's display label — the layer's short one where there is one, else the config's title. */
|
|
74
|
+
declare function categoryLabel(config: Config, id: string, shortLabel: (id: string) => string | undefined): string;
|
|
75
|
+
/**
|
|
76
|
+
* Does a section match a search query?
|
|
77
|
+
*
|
|
78
|
+
* The query is matched against the NAME, any ALIAS, the blurb, the component
|
|
79
|
+
* TYPE and the CATEGORY HEADING — the type because a merchant who knows the
|
|
80
|
+
* section by the word they saw in a handoff should still find it, the alias
|
|
81
|
+
* because one node is called something else everywhere it is nested (see
|
|
82
|
+
* `PaletteSection.alias`), and the category because it is PRINTED IN THE NAV
|
|
83
|
+
* BESIDE THE RESULTS: seven of thirteen headings used to match nothing at all
|
|
84
|
+
* (see `PaletteSection.catLabel`). A word a merchant can read off this screen
|
|
85
|
+
* must find what it is labelling.
|
|
86
|
+
*
|
|
87
|
+
* `q` is expected already lower-cased and trimmed; an empty query matches
|
|
88
|
+
* everything.
|
|
89
|
+
*/
|
|
90
|
+
declare function matchesQuery(s: PaletteSection, q: string): boolean;
|
|
91
|
+
/** The pinned section, or `null` if the layer pins none or the config does not offer it. */
|
|
92
|
+
declare function pinnedSection(sections: PaletteSection[], pinned: string | null): PaletteSection | null;
|
|
93
|
+
/** Every OTHER section — what the grouped grid below the pinned card draws. */
|
|
94
|
+
declare function paletteWithoutPinned(sections: PaletteSection[], pinned: string | null): PaletteSection[];
|
|
95
|
+
|
|
96
|
+
export { type PaletteLook, type PaletteSection, buildPaletteSections, categoryLabel, matchesQuery, paletteWithoutPinned, pinnedSection };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{buildPaletteSections,categoryLabel,matchesQuery,paletteWithoutPinned,pinnedSection}from"../../../chunk-GENAF3P6.js";
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THE ROWS A PANEL IS REALLY DRAWING — not the ones its component declares.
|
|
3
|
+
*
|
|
4
|
+
* `config.components[type].fields` is a DECLARATION. A component's
|
|
5
|
+
* `resolveFields` then culls it for the state that node is in: the Booking Form
|
|
6
|
+
* gives its head rows away to the boxes that own them, Spec Table drops its Rows
|
|
7
|
+
* array on a linked product, Image & Text Columns takes its text-position row
|
|
8
|
+
* away once it has Boxes.
|
|
9
|
+
*
|
|
10
|
+
* `Puck.Fields` honours all of that. Every list built beside it from the raw
|
|
11
|
+
* declaration does not — and one of them is the copy list in
|
|
12
|
+
* `components/SectionEditor`. So a merchant met the SAME heading twice: once in
|
|
13
|
+
* the panel Puck drew, and once in a list drawn from rows the resolver had
|
|
14
|
+
* already dropped (owner, 2026-09-10, on a Booking Form's Head box).
|
|
15
|
+
*
|
|
16
|
+
* ⚠️ PUCK DOES NOT EXPOSE ITS RESOLVED SET. The store slice that holds it is
|
|
17
|
+
* internal — `useEasel((s) => s)` and `createUsePuck()` both hand back `PuckApi`, which
|
|
18
|
+
* has no `fields` on it (checked against 0.20.2's own types, not remembered). So
|
|
19
|
+
* the resolver is asked here, the same way Puck asks it.
|
|
20
|
+
*
|
|
21
|
+
* ⚠️ AND AN ASYNC RESOLVER IS ANSWERED WITH THE DECLARATION. A promise cannot be
|
|
22
|
+
* read during a render, and a list that waited would flicker rows in and out.
|
|
23
|
+
* Falling back is the same answer this code gave before, so an async resolver is
|
|
24
|
+
* no worse off than it was — it simply is not helped either. Stated because a
|
|
25
|
+
* silent half-fix is the thing worth naming.
|
|
26
|
+
*/
|
|
27
|
+
type PanelFieldMap = Record<string, unknown>;
|
|
28
|
+
interface PanelComponent {
|
|
29
|
+
fields?: PanelFieldMap;
|
|
30
|
+
resolveFields?: (data: unknown, params: Record<string, unknown>) => unknown;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* The field map to build a panel-side list from, for one node.
|
|
34
|
+
*
|
|
35
|
+
* `parent` is passed as null and `appState` as an empty object because the ONE
|
|
36
|
+
* caller uses the result for authored-copy rows, which no resolver decides from
|
|
37
|
+
* either. A caller that needs the width rows — which DO read `parent` — must ask
|
|
38
|
+
* Puck rather than this.
|
|
39
|
+
*/
|
|
40
|
+
declare function panelFieldsOf(config: {
|
|
41
|
+
components?: Record<string, PanelComponent>;
|
|
42
|
+
}, node: {
|
|
43
|
+
type: string;
|
|
44
|
+
props: Record<string, unknown>;
|
|
45
|
+
} | null | undefined): PanelFieldMap | null;
|
|
46
|
+
|
|
47
|
+
export { type PanelFieldMap, panelFieldsOf };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{panelFieldsOf}from"../../../chunk-ZE7I3PLX.js";
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* panel-no-control-mark — what a settings field draws when it draws NO CONTROL
|
|
5
|
+
* on the screen it is on (card 66178).
|
|
6
|
+
*
|
|
7
|
+
* WHY A FIELD HAS TO SAY THIS OUT LOUD. Puck lays the inspector out as a FLAT
|
|
8
|
+
* list and owns the wrapper around every top-level field, and its own stylesheet
|
|
9
|
+
* rules the gap between two of them:
|
|
10
|
+
*
|
|
11
|
+
* ._PuckFields--wrapFields_ ._PuckFields-field_ + ._PuckFields-field_ {
|
|
12
|
+
* border-top: 1px solid var(--puck-color-grey-09); margin-top: 8px; }
|
|
13
|
+
*
|
|
14
|
+
* That rule is right — a line between two adjacent rows. But a field whose
|
|
15
|
+
* `render` returns `null` still gets the wrapper, still takes its `16px 16px
|
|
16
|
+
* 12px` of padding and still draws the line, so the panel shows a hairline with
|
|
17
|
+
* nothing on one side of it. Measured on the Collections Content tab before this
|
|
18
|
+
* card: two 29px-tall wrappers whose whole content was
|
|
19
|
+
* `<div class="_InputWrapper_"></div>`, and three rules stacked with only blank
|
|
20
|
+
* space between them. Across the catalogue it was 338 such rows in 74 panels.
|
|
21
|
+
*
|
|
22
|
+
* We cannot stop Puck emitting the wrapper, so the wrapper is collapsed from the
|
|
23
|
+
* outside: the field renders this zero-size marker and ONE declarative rule in
|
|
24
|
+
* `components/storefront-editor.css` takes the wrapper out of the layout
|
|
25
|
+
* entirely — `display: none`, so the row leaves the accessibility tree with it
|
|
26
|
+
* rather than lingering as an unlabelled blank. That is exactly the shape the
|
|
27
|
+
* bucket boundary markers (`data-sf-bucket`) and the device-gated fields
|
|
28
|
+
* (`data-sf-device-hidden`) already use, and it is declarative for the same
|
|
29
|
+
* reason: it cannot race the tab pass.
|
|
30
|
+
*
|
|
31
|
+
* IT IS NOT A WAY TO HIDE A SETTING. A field that draws nothing here must still
|
|
32
|
+
* be reachable somewhere — as an entry row in the section screen's TEXT group,
|
|
33
|
+
* or through another control on the same panel. `scripts/test-panel-no-empty-rows.tsx`
|
|
34
|
+
* §2 fails a field that draws no control and has no way back to it, which is how
|
|
35
|
+
* the lost "Anchor name" box was found.
|
|
36
|
+
*/
|
|
37
|
+
|
|
38
|
+
/** The attribute the marker carries — the single source, read by the stylesheet
|
|
39
|
+
* rule and by the guard that proves the rule is there. */
|
|
40
|
+
declare const NO_CONTROL_ATTR = "data-sf-no-control";
|
|
41
|
+
/** The marker itself. `hidden` as well as the CSS rule, so a field that renders
|
|
42
|
+
* it in a context the editor stylesheet has not reached (a test harness, a
|
|
43
|
+
* bundled preview) still draws nothing rather than an empty inline box. */
|
|
44
|
+
declare function NoControlMark(): ReactElement;
|
|
45
|
+
/**
|
|
46
|
+
* …AND THE SAME FACT SAID ON THE FIELD OBJECT (card 66201).
|
|
47
|
+
*
|
|
48
|
+
* The attribute above is drawn, so only a render can see it. The pass that drops
|
|
49
|
+
* a heading standing over nothing runs in `resolveFields`, where there is no DOM
|
|
50
|
+
* and no React — it has a field list and nothing else. So a field that draws no
|
|
51
|
+
* control has to say so twice, in the two places the answer is asked, and both
|
|
52
|
+
* are stamped by the ONE `if` that decides it: see `textField` in
|
|
53
|
+
* `lib/puck/controls`, which wraps the render and stamps the marker together.
|
|
54
|
+
*
|
|
55
|
+
* The two reasons are not the same shape, hence a word rather than a boolean:
|
|
56
|
+
* • `"always"` — it draws nothing wherever it appears. A device scope note, a
|
|
57
|
+
* key whose one control is a row elsewhere on the same panel.
|
|
58
|
+
* • `"authored-copy"` — a scalar copy box card 8819 moved to the DRILL screen.
|
|
59
|
+
* It draws nothing on the section screen unless its prop is STRUCTURAL, which
|
|
60
|
+
* is the one question `SuppressibleText` also asks at render time.
|
|
61
|
+
*/
|
|
62
|
+
declare const NO_CONTROL_FIELD: "__noControl";
|
|
63
|
+
/** The payload on {@link NO_CONTROL_FIELD}. */
|
|
64
|
+
type NoControlFieldMeta = "always" | "authored-copy";
|
|
65
|
+
/** Read a field's no-control payload, or `null` when it draws a control of its
|
|
66
|
+
* own. The ONE place that knows the marker's shape. */
|
|
67
|
+
declare function noControlMetaOf(field: unknown): NoControlFieldMeta | null;
|
|
68
|
+
/** Stamp {@link NO_CONTROL_FIELD} on a field. The cast is here and nowhere else:
|
|
69
|
+
* Puck's field types have no slot for a marker, so an object literal carrying
|
|
70
|
+
* one trips the excess-property check at every call site otherwise — the same
|
|
71
|
+
* reason `group()` and the text/link markers have their own builders. */
|
|
72
|
+
declare function noControlField<F>(field: F, reason: NoControlFieldMeta): F;
|
|
73
|
+
|
|
74
|
+
export { NO_CONTROL_ATTR, NO_CONTROL_FIELD, type NoControlFieldMeta, NoControlMark, noControlField, noControlMetaOf };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{NO_CONTROL_ATTR,NO_CONTROL_FIELD,NoControlMark,noControlField,noControlMetaOf}from"../../../chunk-7F52SZOI.js";
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* lib/puck/part-id.ts — how one PART of a section is named: `"<nodeId>::<propKey>"`.
|
|
3
|
+
*
|
|
4
|
+
* A part is one authored text of a node (a heading, a button label) that the
|
|
5
|
+
* editor's inspector can drill into. Its id is read on both sides of the
|
|
6
|
+
* preview: the section's render marks each part with it, and the screen's part
|
|
7
|
+
* bridge (components/usePartBridge) opens the part it names. The codec moved
|
|
8
|
+
* here from lib/puck/text-parts (which re-exports it) so the screen reads it
|
|
9
|
+
* without the text walk, and moves into efficient-easel with it (doc/adr/0004).
|
|
10
|
+
*/
|
|
11
|
+
/** Separates the node id from the prop key inside a part id. A doubled colon:
|
|
12
|
+
* a Puck node id is `<Type>-<uuid>` and a compound zone is `<parentId>:<slot>`,
|
|
13
|
+
* so a single colon is already taken. */
|
|
14
|
+
declare const PART_SEP = "::";
|
|
15
|
+
/** `"<nodeId>::<propKey>"`, or `"<nodeId>::"` for "the whole section". */
|
|
16
|
+
declare function encodePartId(nodeId: string, propKey: string | null): string;
|
|
17
|
+
/** Inverse of {@link encodePartId}. `propKey: null` means the whole section. */
|
|
18
|
+
declare function decodePartId(partId: string): {
|
|
19
|
+
nodeId: string;
|
|
20
|
+
propKey: string | null;
|
|
21
|
+
} | null;
|
|
22
|
+
|
|
23
|
+
export { PART_SEP, decodePartId, encodePartId };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{PART_SEP,decodePartId,encodePartId}from"../../../chunk-IYT6NN2J.js";
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* "Did this come from a click INSIDE the preview?" — the one fact that decides
|
|
3
|
+
* whether the editor is allowed to scroll its canvas.
|
|
4
|
+
*
|
|
5
|
+
* Every in-preview selection bridge (a section's text PARTS, and a Hero's
|
|
6
|
+
* ticker / Background / Text) shares ONE handler with the matching row in the
|
|
7
|
+
* Layers tree. The handler ends in `scrollPreviewToSection`, and only one of its
|
|
8
|
+
* two callers should travel:
|
|
9
|
+
*
|
|
10
|
+
* · from the LAYERS TREE — scroll. A row in a list can name a section that is
|
|
11
|
+
* off-screen, and taking the merchant there is the whole point of clicking it.
|
|
12
|
+
* · from a CLICK IN THE PREVIEW — do not. The merchant is already looking at
|
|
13
|
+
* the thing they clicked, so moving the canvas under them is motion they did
|
|
14
|
+
* not ask for (card 66392: "after clicking, the screen moves; cancel this
|
|
15
|
+
* sliding motion" — measured at 409px of travel in the phone preview).
|
|
16
|
+
*
|
|
17
|
+
* The two callers are told apart HERE rather than at each of the eight call
|
|
18
|
+
* sites, because the difference is one rule and a rule spelled eight times is a
|
|
19
|
+
* rule that drifts. `useSelectHandler` (lib/puck/preview-selection-context) is
|
|
20
|
+
* the single entry point every in-preview click already goes through — it is
|
|
21
|
+
* invoked from inside the portaled preview iframe — so wrapping it once covers
|
|
22
|
+
* both editor shells and all four bridges, and the tree keeps calling the same
|
|
23
|
+
* handlers directly and unchanged.
|
|
24
|
+
*
|
|
25
|
+
* ⚠️ AMBIENT, AND DELIBERATELY SO. Threading a "did this come from the preview"
|
|
26
|
+
* argument through the bridges would mean editing every handler and every one of
|
|
27
|
+
* its callers — exactly the call-site patching that left the last fix half-done.
|
|
28
|
+
* The cost is that the fact lives in a module variable, so two things are load-
|
|
29
|
+
* bearing: the flag is only ever read SYNCHRONOUSLY (see `scrollPreviewToSection`,
|
|
30
|
+
* which must not defer the check into its `requestAnimationFrame`), and it is
|
|
31
|
+
* restored in a `finally` so a throwing handler cannot leave the canvas
|
|
32
|
+
* permanently unable to scroll. Both are pinned by
|
|
33
|
+
* `scripts/test-preview-click-does-not-scroll.tsx`.
|
|
34
|
+
*
|
|
35
|
+
* No imports on purpose: `preview-dom` reads this and `preview-selection-context`
|
|
36
|
+
* writes it, and the latter is reached from inside the preview iframe — putting
|
|
37
|
+
* the flag in `preview-dom` would close a cycle back through HeroSection.
|
|
38
|
+
*/
|
|
39
|
+
/**
|
|
40
|
+
* Run `handler` as work caused by a click INSIDE the preview, so anything it
|
|
41
|
+
* reaches knows not to move the canvas. Returns whatever `handler` returns; the
|
|
42
|
+
* fact is restored even if it throws.
|
|
43
|
+
*/
|
|
44
|
+
declare function runAsPreviewClick<T>(handler: () => T): T;
|
|
45
|
+
/** True while a `runAsPreviewClick` handler is on the stack. Read it
|
|
46
|
+
* SYNCHRONOUSLY — deferred work runs after the click has already returned. */
|
|
47
|
+
declare function isPreviewClick(): boolean;
|
|
48
|
+
|
|
49
|
+
export { isPreviewClick, runAsPreviewClick };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{isPreviewClick,runAsPreviewClick}from"../../../chunk-R5L2E7JX.js";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
declare const previewFrame: () => HTMLIFrameElement | null;
|
|
2
|
+
declare function scrollPreviewToSection(id: string): void;
|
|
3
|
+
declare function gotoPreviewSlide(heroId: string, index: number): void;
|
|
4
|
+
declare function scrollPreviewToTop(): void;
|
|
5
|
+
declare function pinPreviewToSection(id: string): () => void;
|
|
6
|
+
declare function pinPreviewToBottom(onPinned?: () => void): () => void;
|
|
7
|
+
|
|
8
|
+
export { gotoPreviewSlide, pinPreviewToBottom, pinPreviewToSection, previewFrame, scrollPreviewToSection, scrollPreviewToTop };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{gotoPreviewSlide,pinPreviewToBottom,pinPreviewToSection,previewFrame,scrollPreviewToSection,scrollPreviewToTop}from"../../../chunk-4ES5JGGX.js";import"../../../chunk-IQ5TA7AM.js";import"../../../chunk-R5L2E7JX.js";
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* lib/puck/preview-events.ts — events the editor's screen sends INTO the preview.
|
|
3
|
+
*
|
|
4
|
+
* Moved from components/HeroSection (which re-exports them) so the screen's
|
|
5
|
+
* preview bridge (lib/puck/preview-dom) can send them without importing a
|
|
6
|
+
* section, and moves into efficient-easel with the screen (doc/adr/0004). A
|
|
7
|
+
* section listens for its own; the name is the contract between the two.
|
|
8
|
+
*/
|
|
9
|
+
/**
|
|
10
|
+
* Event the editor chrome dispatches INTO the preview iframe to jump a Hero's
|
|
11
|
+
* slider to a slide by index. The chrome (section tree + "Add slide") lives
|
|
12
|
+
* outside this iframe and can't reach the slider's React state, and Puck's
|
|
13
|
+
* selection overlay is portaled to the iframe `<body>` (not inside `.hero-track`),
|
|
14
|
+
* so selection alone can't be observed from here — this is the explicit bridge.
|
|
15
|
+
* See {@link ScreenChrome} `selectChild` / `addChild`.
|
|
16
|
+
*/
|
|
17
|
+
declare const HERO_SLIDER_GOTO_EVENT = "hero-slider:goto";
|
|
18
|
+
interface HeroSliderGotoDetail {
|
|
19
|
+
/** Target Hero's stable Puck id (`data-puck-component`); omit to hit all Heroes. */
|
|
20
|
+
id?: string;
|
|
21
|
+
/** Zero-based slide index to show. */
|
|
22
|
+
index: number;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export { HERO_SLIDER_GOTO_EVENT, type HeroSliderGotoDetail };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{HERO_SLIDER_GOTO_EVENT}from"../../../chunk-IQ5TA7AM.js";
|