efficient-web-builder 1.0.0 → 2.0.0

package/dist/lib/source-rules/support/panel-select-cascade.d.ts

@@ -0,0 +1,72 @@
+import type * as TS from "typescript";
+import type { SourceFile } from "../rule.js";
+import type { Rule } from "./css-rules.js";
+export declare function importsOf(ts: typeof TS, file: SourceFile): string[];
+export type PanelSelect = {
+    file: string;
+    line: number;
+    kind: string;
+    engineDrawn: boolean;
+    classes: string[];
+};
+export type SelectHelper = {
+    readonly file: string;
+    readonly modules?: readonly string[];
+};
+export declare function census(ts: typeof TS, files: readonly SourceFile[], helper: SelectHelper): {
+    population: PanelSelect[];
+    helperDeclared: boolean;
+};
+export type Shape = {
+    name: string;
+    own: string[];
+    ancestors: string[];
+    rows: number;
+};
+export type Spec = [number, number, number];
+export declare const specCmp: (a: Spec, b: Spec) => number;
+export declare const specStr: (s: Spec) => string;
+export type State = "rest" | "hover";
+export declare function splitDecls(body: string): {
+    prop: string;
+    value: string;
+}[];
+export declare function splitCombinators(sel: string): string[];
+export type Compound = {
+    type: string | null;
+    classes: string[];
+    needsState: string[];
+};
+export declare function compound(src: string): Compound | null;
+export declare const specOf: (parts: Compound[]) => Spec;
+export declare function mediaHolds(cond: string | null): boolean | null;
+export declare const mediaLabel: (cond: string | null) => string;
+export type Applied = {
+    spec: Spec;
+    order: number;
+    decls: string;
+    selector: string;
+    sheet: string;
+};
+export type Undecided = {
+    sheet: string;
+    selector: string;
+    media: string;
+    decls: string;
+};
+export declare function applicable(rules: Rule[], shape: Shape, sheet: string, base: number, state?: State): {
+    applied: Applied[];
+    unreadable: string[];
+    undecided: Undecided[];
+};
+export declare const INITIAL: Record<string, string>;
+export declare function colorIn(value: string): string | null;
+export declare function readVars(css: string): Map<string, string>;
+export declare function derefVars(value: string, vars: Map<string, string>, depth?: number): string;
+export declare function resolve(applied: Applied[], prop: string, vars?: Map<string, string>): {
+    value: string;
+    from: string;
+};
+export declare const ANCESTORS: string[];
+export declare function deriveShapes(population: PanelSelect[], panelCss: string): Shape[];
+export declare function chainInMarkup(ts: typeof TS, files: readonly SourceFile[], chain: string[]): Map<string, string[]>;

package/dist/lib/source-rules/support/panel-select-cascade.js

@@ -0,0 +1,2 @@
+function N(t,i){const r=t.createSourceFile(i.path,i.text,t.ScriptTarget.Latest,!0),s=[],n=o=>{(t.isImportDeclaration(o)||t.isExportDeclaration(o))&&o.moduleSpecifier&&t.isStringLiteral(o.moduleSpecifier)&&s.push(o.moduleSpecifier.text),t.isCallExpression(o)&&(o.expression.kind===t.SyntaxKind.ImportKeyword||t.isIdentifier(o.expression)&&o.expression.text==="require")&&o.arguments.length>0&&t.isStringLiteral(o.arguments[0])&&s.push(o.arguments[0].text),o.forEachChild(n)};return n(r),s}const k=t=>/\.(tsx?|mts)$/.test(t)&&!t.endsWith(".d.ts");function L(t,i){const r=new Map,s=new Set(["/"]);for(const e of i){if(!k(e.path))continue;r.set(`/${e.path}`,e.text);const c=e.path.split("/");for(let u=1;u<c.length;u++)s.add(`/${c.slice(0,u).join("/")}`)}const n={noLib:!0,types:[],noEmit:!0,jsx:t.JsxEmit.Preserve,target:t.ScriptTarget.ESNext,module:t.ModuleKind.ESNext,moduleResolution:t.ModuleResolutionKind.Bundler,baseUrl:"/",paths:{"@/*":["./*"]}},o={fileExists:e=>r.has(e),readFile:e=>r.get(e),directoryExists:e=>s.has(e.replace(/\/+$/,"")||"/"),getDirectories:()=>[],realpath:e=>e,getSourceFile:(e,c)=>{const u=r.get(e);return u===void 0?void 0:t.createSourceFile(e,u,c,!0)},getDefaultLibFileName:()=>"/lib.d.ts",writeFile:()=>{},getCurrentDirectory:()=>"/",getCanonicalFileName:e=>e,useCaseSensitiveFileNames:()=>!0,getNewLine:()=>`
+`};return t.createProgram({rootNames:[...r.keys()],options:n,host:o})}function M(t,i,r){const s=L(t,i),n=s.getTypeChecker();let o;s.getSourceFile(`/${r.file}`)?.forEachChild(a=>{t.isFunctionDeclaration(a)&&a.name?.text==="select"&&(o=a)});const e=new Set(r.modules??[]),c=a=>{if(!t.isImportSpecifier(a))return!1;const m=a.parent.parent.parent;return(a.propertyName??a.name).text==="select"&&t.isStringLiteral(m.moduleSpecifier)&&e.has(m.moduleSpecifier.text)},u=[];for(const a of s.getSourceFiles()){if(a.isDeclarationFile)continue;const m=a.fileName.slice(1),g=l=>a.getLineAndCharacterOfPosition(l.getStart()).line+1;let S=!1;const d=l=>{t.isStringLiteral(l)&&/(^|\s)sf-[a-z0-9-]/.test(l.text)&&(S=!0),t.isImportDeclaration(l)&&t.isStringLiteral(l.moduleSpecifier)&&/^(editor-shell|efficient-easel)(\/|$)/.test(l.moduleSpecifier.text)&&(S=!0),l.forEachChild(d)};d(a);const h=l=>{if(t.isPropertyAssignment(l)&&t.isIdentifier(l.name)&&l.name.text==="type"&&t.isStringLiteral(l.initializer)&&l.initializer.text==="select"&&u.push({file:m,line:g(l),kind:'field: type "select"',engineDrawn:!0,classes:[]}),t.isCallExpression(l)&&t.isIdentifier(l.expression)){const p=n.getSymbolAtLocation(l.expression),x=p&&p.flags&t.SymbolFlags.Alias?n.getAliasedSymbol(p):p;[...p?.declarations??[],...x?.declarations??[]].some(f=>o!==void 0&&f===o||c(f))&&u.push({file:m,line:g(l),kind:"field: select() helper",engineDrawn:!0,classes:[]})}if(t.isJsxOpeningLikeElement(l)&&l.tagName.getText()==="select"&&S&&m!==r.file){const p=l.attributes.properties.find(b=>t.isJsxAttribute(b)&&t.isIdentifier(b.name)&&b.name.text==="className"),x=p&&p.initializer&&t.isStringLiteral(p.initializer)?p.initializer.text:"";u.push({file:m,line:g(l),kind:"element: <select> in panel markup",engineDrawn:!1,classes:x.split(/\s+/).filter(Boolean)})}l.forEachChild(h)};h(a)}return{population:u,helperDeclared:o!==void 0}}const v=(t,i)=>t[0]-i[0]||t[1]-i[1]||t[2]-i[2],O=t=>`(${t[0]},${t[1]},${t[2]})`;function $(t){const i=[];let r=0,s=null,n="";const o=()=>{const e=n.indexOf(":");e>0&&i.push({prop:n.slice(0,e).trim(),value:n.slice(e+1).trim()}),n=""};for(const e of t){if(s){n+=e,e===s&&(s=null);continue}if(e==='"'||e==="'")s=e;else if(e==="(")r+=1;else if(e===")")r=Math.max(0,r-1);else if(e===";"&&r===0){o();continue}n+=e}return o(),i}function A(t){const i=[];let r=0,s="";for(const n of t){if(n==="("&&(r+=1),n===")"&&(r-=1),r===0&&/[\s>+~]/.test(n)){s.trim()&&i.push(s.trim()),s="";continue}s+=n}return s.trim()&&i.push(s.trim()),i}function C(t){let i=t.trim();const r=[],s=[];let n=null;const o=/^[a-zA-Z][a-zA-Z0-9-]*/.exec(i);for(o&&(n=o[0],i=i.slice(o[0].length));i.length;){let e;if(e=/^\.([A-Za-z0-9_-]+)/.exec(i))r.push(e[1]);else if(e=/^:(focus-visible|focus-within|hover|focus|active|checked|disabled)\b/.exec(i))s.push(e[1]);else if(e=/^:dir\([^)]*\)/.exec(i))s.push("dir");else if(e=/^:not\(\[([A-Za-z-]+)\]\)/.exec(i))r.push(`@not-${e[1]}`);else if(e=/^\[([A-Za-z-]+)(?:[~^$*|]?=[^\]]*)?\]/.exec(i))s.push(`[${e[1]}]`);else if(e=/^:has\(([^)]*)\)/.exec(i)){if(!/^\s*>?\s*[a-z]+\s*$/.test(e[1]))return null;r.push("@has-type")}else return null;i=i.slice(e[0].length)}return{type:n,classes:r,needsState:s}}const D=t=>t.reduce((i,r)=>[i[0],i[1]+r.classes.filter(s=>s!=="@has-type").length+r.needsState.length,i[2]+(r.type?1:0)+(r.classes.includes("@has-type")?1:0)],[0,0,0]);function F(t){if(t===null)return!0;let i=!0;for(const r of t.replace(/^@media\s*/i,"").split(/\s+and\s+/i)){const s=r.trim().replace(/^\(|\)$/g,"").trim(),n=/^([a-z-]+)\s*:\s*(.+)$/.exec(s);if(!n)return null;const o=n[1],e=n[2].trim();if(o==="hover"||o==="any-hover"){if(e==="hover")continue;return e==="none"?!1:null}if(o==="pointer"||o==="any-pointer"){if(e==="fine")continue;return e==="coarse"||e==="none"?!1:null}i=null}return i}const T=t=>t??"(no media query)";function Z(t,i,r,s,n="rest"){const o=[],e=[],c=[],u=n==="hover"?new Set(["hover"]):new Set;return t.forEach((a,m)=>{const g=n==="rest"?a.media===null:F(a.media);for(const S of a.selector.split(",")){const d=S.trim();if(!d||!/(^|[\s,>+~])select\b/.test(d)&&!i.own.some(f=>d.includes(`.${f}`)))continue;const h=A(d).map(C),l=h[h.length-1];if(h.some(f=>f===null)||!l){e.push(`${r}: ${d}`);continue}const p=h;if(l.type&&l.type!=="select")continue;const x=l.classes.filter(f=>!f.startsWith("@"));if(!(!x.every(f=>i.own.includes(f))||!l.type&&x.length===0||!l.needsState.every(f=>u.has(f))||!p.slice(0,-1).every(f=>(!f.type||f.type==="div")&&f.classes.filter(y=>!y.startsWith("@")).every(y=>i.ancestors.includes(y))&&f.needsState.every(y=>u.has(y))))&&g!==!1){if(g===null){c.push({sheet:r,selector:d,media:a.media??"",decls:a.decls});continue}o.push({spec:D(p),order:s+m,decls:a.decls,selector:d,sheet:r})}}}),{applied:o,unreadable:e,undecided:c}}const w={appearance:"auto","background-image":"none","background-size":"auto","background-repeat":"repeat","background-position":"0% 0%","background-color":"transparent","border-color":"currentcolor"};function z(t){const i=t.replace(/url\([\s\S]*?\)/g," "),r=/var\(--[A-Za-z0-9-]+(?:\s*,[^()]*)?\)|#[0-9a-fA-F]{3,8}\b|(?:rgba?|hsla?|color-mix|color)\([^()]*(?:\([^()]*\)[^()]*)*\)|\b(?:transparent|currentcolor|white|black)\b/i.exec(i);return r?r[0]:null}function W(t){const i=new Map;for(const r of $(t.replace(/[^{}]*\{|\}/g,";")))r.prop.startsWith("--")&&i.set(r.prop,r.value);return i}function E(t,i,r=0){if(r>8)return t;let s=!1;const n=t.replace(/var\(\s*(--[A-Za-z0-9-]+)\s*(?:,([^()]*(?:\([^()]*\)[^()]*)*))?\)/g,(o,e)=>{const c=i.get(e);return c===void 0?o:(s=!0,c)});return s?E(n,i,r+1):n}function j(t,i,r=new Map){let s=null;const n=(e,c)=>{(!s||v(e.spec,s.spec)>0||v(e.spec,s.spec)===0&&e.order>=s.order)&&(s={value:c.trim(),from:`${e.sheet} { ${e.selector} }`,spec:e.spec,order:e.order})};for(const e of t)for(const c of $(e.decls)){if(c.prop===i||i==="appearance"&&c.prop==="-webkit-appearance"){n(e,c.value);continue}if(c.prop==="border"&&i==="border-color"){n(e,z(c.value)??w[i]);continue}if(c.prop!=="background"||!i.startsWith("background-"))continue;const u=c.value;n(e,i==="background-image"?/url\([\s\S]*?\)|linear-gradient\([\s\S]*?\)|image-set\([\s\S]*?\)/.exec(u)?.[0]??"none":i==="background-repeat"?/\b(no-repeat|repeat-x|repeat-y|round|space|repeat)\b/.exec(u)?.[0]??"repeat":i==="background-color"?z(u)??w[i]:w[i])}const o=s??{value:w[i],from:"(nothing declares one)"};return{value:E(o.value,r),from:o.from}}const I=["sf-editor","sf-body","sf-panel","sf-insp-body","sf-styles","sf-field","es-field","sf-copybox"];function K(t,i){const r=t.filter(e=>!e.engineDrawn),s=e=>new RegExp(`\\.${e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}\\b`).test(i),n=e=>[...e.classes].filter(s).sort().join(" "),o=new Set([""]);for(const e of r)o.add(n(e));return[...o].sort().map(e=>({name:e?`house .${e.split(" ").join(".")}`:"house (bare)",own:e?e.split(" "):[],ancestors:[...I],rows:r.filter(c=>n(c)===e).length}))}function P(t,i,r){const s=new Map;for(const n of r)s.set(n,[]);for(const n of i){if(!k(n.path))continue;const o=t.createSourceFile(n.path,n.text,t.ScriptTarget.Latest,!0),e=c=>{if(t.isJsxAttribute(c)&&t.isIdentifier(c.name)&&c.name.text==="className"&&c.initializer&&t.isStringLiteral(c.initializer)){const u=c.initializer.text.split(/\s+/).filter(Boolean);for(const a of r)u.includes(a)&&s.get(a)?.push(n.path)}c.forEachChild(e)};e(o)}return s}export{I as ANCESTORS,w as INITIAL,Z as applicable,M as census,P as chainInMarkup,z as colorIn,C as compound,E as derefVars,K as deriveShapes,N as importsOf,F as mediaHolds,T as mediaLabel,W as readVars,j as resolve,v as specCmp,D as specOf,O as specStr,A as splitCombinators,$ as splitDecls};

package/dist/lib/source-rules/support/part-slider-call-sites.d.ts

@@ -0,0 +1,9 @@
+export declare const PART_PANEL = "components/PartSettingsPanel.tsx";
+export interface SliderCallSite {
+    fields: string[];
+    line: number;
+    readoutOff: boolean;
+    labelFor(field: string): string;
+}
+export declare function readSliderCallSites(source: string): SliderCallSite[];
+export declare const sliderFields: (sites: readonly SliderCallSite[]) => string[];

package/dist/lib/source-rules/support/part-slider-call-sites.js

@@ -0,0 +1,17 @@
+const a="components/PartSettingsPanel.tsx";function w(t){let n="",e=0,o=null;for(;e<t.length;){const s=t[e],i=t[e+1];if(o){if(n+=s,s==="\\"){n+=i??"",e+=2;continue}s===o&&(o=null),e+=1;continue}if(s==='"'||s==="'"||s==="`"){o=s,n+=s,e+=1;continue}if(s==="/"&&i==="/"){for(;e<t.length&&t[e]!==`
+`;)e+=1;continue}if(s==="/"&&i==="*"){for(e+=2;e<t.length&&!(t[e]==="*"&&t[e+1]==="/");)t[e]===`
+`&&(n+=`
+`),e+=1;e+=2;continue}n+=s,e+=1}return n}function l(t){throw new Error(t)}function S(t){const n=/const PART_FIELDS\s*=\s*\[([\s\S]*?)\]\s*as const/.exec(t);n||l(`${a}: no \`const PART_FIELDS = [ \u2026 ] as const\` \u2014 this reader takes the panel's row labels from that one table, and cannot find it. Has it been renamed?`);const e=new Map;for(const o of n[1].matchAll(/\{\s*key:\s*"([^"]+)"\s*,\s*label:\s*"([^"]+)"/g))e.set(o[1],o[2]);return e.size===0&&l(`${a}: PART_FIELDS holds no \`key\`/\`label\` pairs.`),e}function m(t){const n=w(t),e=S(n),o=[];for(const s of n.matchAll(/<Slider[\s/>]/g)){const i=s.index??0,d=n.indexOf("/>",i);d===-1&&l(`${a}: a <Slider at offset ${i} is not self-closing. This reader reads a call site's props up to \`/>\`; a Slider with children needs a different reader.`);const u=n.slice(i,d),c=n.slice(0,i),h=/((?:\s*case\s+"[^"]+"\s*:)+)\s*return\s*\(\s*$/.exec(c),f=h?[...h[1].matchAll(/case\s+"([^"]+)"\s*:/g)].map(r=>r[1]):[];f.length===0&&l(`${a}: the <Slider at line ${c.split(`
+`).length} is not returned DIRECTLY by a
+  \`case "\u2026": return (\` branch, so this reader cannot say which field it draws.
+
+  IF SOMETHING NOW WRAPS THE SLIDER, THAT ROW IS BACK TO 129px AND NOTHING ELSE WOULD SAY SO.
+  The rule that gives it the row is \`.es-field-ctl > .sf-slider\` \u2014 a DIRECT child, because the
+  slot is the flex container and only its own children are flex items. A wrapper becomes the
+  item, sizes to the track it holds, and the track fills the wrapper instead of the row. A
+  descendant selector would NOT save it: it would paint \`flex: 1\` on an element whose parent
+  is the wrapper, not the slot, and the row would look fixed while measuring the same 129px.
+
+  So a wrap needs a decision, not a wider selector \u2014 either unwrap it, or give the wrapper the
+  row and say why in \`components/storefront-editor.css\`. Card 66247.`),o.push({fields:f,line:c.split(`
+`).length,readoutOff:/readout=\{false\}/.test(u),labelFor(r){const p=e.get(r);return p||l(`${a}: field \`${r}\` draws a slider but is not in PART_FIELDS, so it has no row label. The two declarations have drifted apart.`),p}})}return o}const b=t=>t.flatMap(n=>n.fields);export{a as PART_PANEL,m as readSliderCallSites,b as sliderFields};

package/dist/lib/source-rules/support/registry-source.d.ts

@@ -0,0 +1,14 @@
+import type * as TS from "typescript";
+import type { SourceFile } from "../rule.js";
+export declare const CONFIG_FILE = "lib/puck/config.tsx";
+export declare const REGISTRY_DIRS: readonly ["lib/puck/blocks", "lib/puck/passes"];
+export declare const REGISTRY_MODULES: readonly ["lib/puck/page-root.tsx", "lib/puck/page-root-fields.tsx", "lib/puck/registry.ts"];
+export declare function isRegistryPath(p: string): boolean;
+export declare function registryFiles(files: readonly SourceFile[]): SourceFile[];
+export declare function registryText(files: readonly SourceFile[]): string;
+export declare function splitBlockTypes(files: readonly SourceFile[]): string[];
+export declare function blockFiles(files: readonly SourceFile[], type: string): string[];
+export declare function registeredBlockKeys(ts: typeof TS, files: readonly SourceFile[]): string[];
+export declare function blocksWrittenInConfig(ts: typeof TS, files: readonly SourceFile[]): string[];
+export declare function registeredAs(ts: typeof TS, files: readonly SourceFile[], key: string): string | undefined;
+export declare function blockSource(ts: typeof TS, files: readonly SourceFile[], type: string): string;

package/dist/lib/source-rules/support/registry-source.js

@@ -0,0 +1,3 @@
+const o="lib/puck/config.tsx",x=["lib/puck/blocks","lib/puck/passes"],g=["lib/puck/page-root.tsx","lib/puck/page-root-fields.tsx","lib/puck/registry.ts"],d=t=>/\.tsx?$/.test(t)&&!t.endsWith(".d.ts");function m(t){return t===o||g.includes(t)?!0:d(t)&&x.some(e=>t.startsWith(`${e}/`))}function k(t){const e=new Map(t.map(n=>[n.path,n])),r=[o,...g].map(n=>e.get(n)).filter(n=>!!n),i=x.flatMap(n=>t.filter(s=>d(s.path)&&s.path.startsWith(`${n}/`)).sort((s,c)=>s.path<c.path?-1:1));return[...r,...i]}function y(t){return k(t).map(e=>e.text).join(`
+`)}function h(t,e){const r=t.find(i=>new RegExp(`^lib/puck/blocks/[^/]+/${e}/render\\.tsx$`).test(i.path));return r?r.path.slice(0,-11):null}function E(t){return t.map(e=>/^lib\/puck\/blocks\/[^/]+\/([^/]+)\/render\.tsx$/.exec(e.path)?.[1]).filter(e=>!!e).sort()}function b(t,e){const r=h(t,e);return r?[`${r}/render.tsx`,`${r}/fields.tsx`].filter(i=>t.some(n=>n.path===i)):t.some(i=>i.path===o)?[o]:[]}function p(t,e){const r=e.find(l=>l.path===o);if(!r)return null;const i=r.text,n=t.createSourceFile(o,i,t.ScriptTarget.Latest,!0,t.ScriptKind.TSX),s={keys:[],literals:new Map,registeredAs:new Map};let c=!1;const f=l=>{if(!c){if(t.isPropertyAssignment(l)&&l.name.getText(n)==="components"&&t.isObjectLiteralExpression(l.initializer)){c=!0;for(const a of l.initializer.properties){if(!t.isPropertyAssignment(a))continue;const u=a.name.getText(n);s.keys.push(u),t.isObjectLiteralExpression(a.initializer)?s.literals.set(u,i.slice(a.getFullStart(),a.end)):s.registeredAs.set(u,a.initializer.getText(n))}return}t.forEachChild(l,f)}};if(f(n),!c)throw new Error(`registry-source: no \`components\` object in ${o}`);return s}function S(t,e){return[...p(t,e)?.keys??[]]}function $(t,e){return[...p(t,e)?.literals.keys()??[]]}function T(t,e,r){return p(t,e)?.registeredAs.get(r)}function w(t,e,r){if(h(e,r))return b(e,r).map(s=>e.find(c=>c.path===s).text).join(`
+`);const n=p(t,e)?.literals.get(r);if(n===void 0)throw new Error(`registry-source: no block "${r}" among the files handed in \u2014 no folder under lib/puck/blocks/ and no literal in ${o}'s \`components\``);return n}export{o as CONFIG_FILE,x as REGISTRY_DIRS,g as REGISTRY_MODULES,b as blockFiles,w as blockSource,$ as blocksWrittenInConfig,m as isRegistryPath,T as registeredAs,S as registeredBlockKeys,k as registryFiles,y as registryText,E as splitBlockTypes};

package/dist/lib/source-rules/support/ts-source.d.ts

@@ -0,0 +1,2 @@
+export declare function stripComments(source: string): string;
+export declare function balancedBlockAfter(source: string, marker: string): string;

package/dist/lib/source-rules/support/ts-source.js

@@ -0,0 +1,3 @@
+const f={single:"'",double:'"',template:"`"};function s(c){let t="",n="code",o=0;for(;o<c.length;){const e=c[o],i=c[o+1];if(n==="code"){if(e==="/"&&i==="/"){n="line",t+="  ",o+=2;continue}if(e==="/"&&i==="*"){n="block",t+="  ",o+=2;continue}e==="'"?n="single":e==='"'?n="double":e==="`"&&(n="template"),t+=e,o+=1;continue}if(n==="line"){e===`
+`?(n="code",t+=e):t+=" ",o+=1;continue}if(n==="block"){if(e==="*"&&i==="/"){n="code",t+="  ",o+=2;continue}t+=e===`
+`?e:" ",o+=1;continue}if(e==="\\"){t+=e+(i??""),o+=2;continue}e===f[n]&&(n="code"),t+=e,o+=1}return t}function r(c,t){const n=s(c),o=n.indexOf(t);if(o<0)throw new Error(`ts-source: marker not found: ${t}`);const e=n.indexOf("{",o+t.length-1);if(e<0)throw new Error(`ts-source: no block opens after: ${t}`);let i=0;for(let l=e;l<n.length;l+=1)if(n[l]==="{")i+=1;else if(n[l]==="}"&&(i-=1,i===0))return c.slice(e,l+1);throw new Error(`ts-source: unbalanced block after: ${t}`)}export{r as balancedBlockAfter,s as stripComments};

package/dist/lib/source-rules/theme-mode-controls-gone.d.ts

@@ -0,0 +1,10 @@
+import { type RuleReport, type SourceFile } from "./rule.js";
+export type ThemeModeControlsGoneOptions = {
+    readonly mustRead?: readonly string[];
+    readonly liveWiring?: {
+        readonly layout: string;
+        readonly chrome: string;
+    };
+    readonly minFiles: number;
+};
+export declare function themeModeControlsGone(files: readonly SourceFile[], options: ThemeModeControlsGoneOptions): RuleReport;

package/dist/lib/source-rules/theme-mode-controls-gone.js

@@ -0,0 +1,5 @@
+import{ruleChecks as $}from"./rule.js";const n=["Default","mode"].join(" "),r=["Show Light","Dark switch"].join(" / "),p=[["Theme","Switch","Field"].join(""),["Theme","Mode","Root","Field"].join("")],w=`components/${p[0]}.tsx`,m=c=>c.replace(/\/\*[\s\S]*?\*\//g,"").replace(/^\s*\/\/.*$/gm,"");function S(c,h){const{check:t,report:u}=$("theme mode controls gone"),i=c.filter(e=>/\.tsx?$/.test(e.path)),l=e=>i.find(o=>o.path===e)?.text;{const e=m(`export const Row = () => <label>${n}</label>; // ${r}`);t(`the matcher sees "${n}" in code that plainly says it`,e.includes(n));const o=m(`// card 66312 removed the ${n} row
+/* and the ${r} one */
+export const x = 1;`);t("\u2026and a note that names a row, on its own line or in a block, is prose, not code",!o.includes(n)&&!o.includes(r))}t(`\xA71a the component that drew both rows is gone (${w})`,!i.some(e=>e.path===w),`${w} still exists \u2014 it drew both rows and has no other job`),t(`\xA71b the sweep is real (${i.length} TS/TSX files, at least ${h.minFiles})`,i.length>=h.minFiles,"too few to be this repository, so the absence checks below are passing over nothing");for(const e of h.mustRead??[])t(`\xA71b the sweep reaches ${e}, a file the rows lived in`,l(e)!==void 0);const a=[],d=[];for(const e of i){const o=m(e.text);for(const s of[n,r])o.includes(s)&&a.push(`${e.path} still names the "${s}" row`);for(const s of p)o.includes(s)&&d.push(`${e.path} still references ${s}`)}if(t("\xA71b no file names either row",a.length===0,a.join(`
+      `)),t("\xA71c no file wires the retired field or its root",d.length===0,d.join(`
+      `)),h.liveWiring){const{layout:e,chrome:o}=h.liveWiring,s=l(e)??"";t(`\xA73d ${e} builds the boot script from the site's STORED defaultMode / showThemeSwitch`,/buildThemeBootScript\(\{\s*mode:\s*theme\.defaultMode,\s*switchShown:\s*theme\.showThemeSwitch,?\s*\}\)/.test(s),"every site would paint whatever replaced them");for(const f of["loaded.defaultMode","loaded.showThemeSwitch"])t(`\xA73d \u2026and still reads ${f} from the backend theme row`,s.includes(f));t("\xA73d \u2026and threads showThemeSwitch to the chrome",/showThemeSwitch=\{theme\.showThemeSwitch\}/.test(s)),t(`\xA73d ${o} threads the site's switch setting to the Header`,/showThemeToggle=\{showThemeSwitch\}/.test(l(o)??""))}return u()}export{S as themeModeControlsGone};

package/dist/lib/source-rules/upload-intake-guard.d.ts

@@ -0,0 +1,11 @@
+import { type RuleReport, type SourceFile } from "./rule.js";
+export type UploadIntakeGuardOptions = {
+    readonly allowlist?: Readonly<Record<string, {
+        readonly max: number;
+        readonly why: string;
+    }>>;
+    readonly migrated?: readonly string[];
+    readonly minFiles: number;
+};
+export declare function intakeMarkerCount(text: string): number;
+export declare function uploadIntakeGuard(files: readonly SourceFile[], options: UploadIntakeGuardOptions): RuleReport;

package/dist/lib/source-rules/upload-intake-guard.js

@@ -0,0 +1,6 @@
+import{ruleChecks as w}from"./rule.js";const j=/\.(ts|tsx|mts|cts|js|jsx|mjs|cjs)$/,b=[/type=["']file["']/g,/dataTransfer\??\.files/g,/clipboardData\??\.(files|items)/g],c=/from\s+["']efficient-shell["']/;function p(r){return b.reduce((s,n)=>s+(r.match(n)?.length??0),0)}function I(r,s){const{check:n,report:$}=w("upload intake guard"),f=s.allowlist??{};{const e=o=>["type=",o,"file",o].join(""),t=["dataTransfer","files"],h=["clipboardData","items"],k=["clipboardData","files"],y=[["a double-quoted file input",`<input ${e('"')} accept="image/*" />`],["a single-quoted file input",`<input ${e("'")} />`],["a drop zone reading files",`openPicker(e.${t.join(".")}?.[0] ?? null)`],["\u2026through optional chaining",`const f = e.${t.join("?.")};`],["a paste handler reading items",`Array.from(e.${h.join(".")})`],["a paste handler reading files",`e.${k.join("?.")}`]];for(const[o,l]of y)n(`the scan flags ${o}`,p(l)===1,l);const x=[["a text input",'<input type="text" />'],["a drop zone that only reads the types","e.dataTransfer.types.includes('Files')"],["a paste handler that only reads text","e.clipboardData.getData('text/plain')"],["the shell's own input spread","<input {...intake.inputProps} hidden />"]];for(const[o,l]of x)n(`the scan stays quiet on ${o}`,p(l)===0,l);const g=["efficient","shell"].join("-");n("the root-entry reader finds an import of the shell's root",c.test(`import { x } from "${g}";`)),n("\u2026and not one of a subpath",!c.test(`import { useFileIntake } from "${g}/file-intake";`))}const a=r.filter(e=>j.test(e.path));n(`read the source (${a.length} JS/TS files, at least ${s.minFiles})`,a.length>=s.minFiles,"the walk found too few source files \u2014 it is looking in the wrong place, and every check below is vacuous");const i=new Map;for(const e of a){const t=p(e.text);t>0&&i.set(e.path,t)}const d=[...i].filter(([e])=>!(e in f)).map(([e,t])=>`${e} (${t})`);n("no file outside the allowlist hand-rolls a file input, drop zone or paste handler",d.length===0,`take files through useFileIntake from efficient-shell/file-intake (harness UI-15 / PAT-10):
+      ${d.join(`
+      `)}`);const u=Object.entries(f).filter(([e,t])=>(i.get(e)??0)>t.max).map(([e,t])=>`${e}: ${i.get(e)} > ${t.max}`);n("no allowlisted file grows its hand-rolled intake",u.length===0,u.join(`
+      `));for(const[e,t]of Object.entries(f))n(`the allowlist entry is still real: ${e} (${t.why})`,i.has(e),"remove the entry \u2014 the ratchet only tightens");for(const e of s.migrated??[]){const t=a.find(h=>h.path===e);!n(`read the migrated surface ${e}`,!!t,"it is not among the files handed in")||!t||(n(`${e} imports the shell's intake`,/from "efficient-shell\/file-intake"/.test(t.text)),n(`${e} drives its zone with useFileIntake`,/useFileIntake\(/.test(t.text)),n(`${e} spreads the intake's drop handlers on its zone`,/\.\.\.intake\.zoneProps/.test(t.text)))}const m=a.filter(e=>c.test(e.text)).map(e=>e.path);return n("nothing imports the shell's root entry",m.length===0,`the root pulls the shell's toasts, stylesheet and window manager; take a React-only subpath:
+      ${m.join(`
+      `)}`),$()}export{p as intakeMarkerCount,I as uploadIntakeGuard};

package/dist/lib/source-rules/word-styles.d.ts

@@ -0,0 +1,8 @@
+import { type RuleReport, type SourceFile } from "./rule.js";
+export type WordStylesOptions = {
+    readonly exempt?: Readonly<Record<string, string>>;
+    readonly minFiles: number;
+    readonly labelFloor: number;
+};
+export declare function labelsIn(text: string): string[];
+export declare function wordStyles(files: readonly SourceFile[], options: WordStylesOptions): RuleReport;

package/dist/lib/source-rules/word-styles.js

@@ -0,0 +1,4 @@
+import{ruleChecks as p}from"./rule.js";const m=/(?:\baria-label|\blabel|\btitle|\bplaceholder)\s*[:=]\s*\{?\s*(["'])([^"']*)\1/g,u=/^(Emphasis|Strong)\b/;function i(s){return[...s.matchAll(m)].map(e=>e[2])}function h(s){return i(s.text).filter(e=>u.test(e)).map(e=>`${s.path}: "${e}"`)}function y(s,e){const{check:l,report:f}=p("word styles"),g=e.exempt??{};{const t={path:"fixture.tsx",text:['const a = { style: "wordHighlight", title: "Emphasis word style" };','const b = <button aria-label="Strong word style" />;','const c = <input placeholder={"Emphasis"} />;',"const d = { label: 'Strong' };","// the Emphasis button and the Strong one are upstream's",'toggle("Strong", false);','const e = { title: "Highlight word style", label: "Bold" };','const f = { title: "A strong claim", label: "Strongest" };'].join(`
+`)},r=i(t.text),a=["Emphasis word style","Strong word style","Emphasis","Strong","Highlight word style","Bold","A strong claim","Strongest"];l("the reader reads a label, title, aria-label and placeholder, and neither prose nor a positional argument",JSON.stringify(r)===JSON.stringify(a),JSON.stringify(r));const o=h(t);l("the rule flags a label that begins Emphasis or Strong, and passes Highlight, Bold, `A strong \u2026` and `Strongest`",JSON.stringify(o)===JSON.stringify(a.slice(0,4).map(b=>`fixture.tsx: "${b}"`)),JSON.stringify(o))}const n=s.filter(t=>/\.tsx?$/.test(t.path)),d=n.reduce((t,r)=>t+i(r.text).length,0);l(`read the source (${n.length} .ts/.tsx files, at least ${e.minFiles})`,n.length>=e.minFiles),l(`read the labels (${d}, at least ${e.labelFloor})`,d>=e.labelFloor,"fewer means the label reader broke, and an absence over a reader that matches nothing is free");const c=n.filter(t=>!(t.path in g)).flatMap(h);l("no merchant-visible label calls our word styles Emphasis or Strong",c.length===0,`our word styles are called Highlight and Bold (2026-10-04) \u2014 Emphasis and Strong belong to the upstream \u25C6 and bold buttons, whose descriptors live in efficient-easel and are not written here:
+    ${c.join(`
+    `)}`);for(const[t,r]of Object.entries(g)){const a=n.find(o=>o.path===t);l(`the exemption is still real: ${t} (${r})`,!!a&&h(a).length>0,"the file is gone or no longer writes the retired words \u2014 remove the stale entry")}return f()}export{i as labelsIn,y as wordStyles};

package/dist/lib/theme-row-persist.js

@@ -1 +1 @@
-import{useCallback as m,useEffect as y,useRef as l}from"react";import{backendOf as b,currentEditorSession as v}from"./editor-session.js";import{useEditorSession as x}from"./editor-session-context.js";import{WebsiteBackendError as E}from"./web-backend.js";function h(e=v()){return(t,i,n)=>{const r=b(e).theme;return r?r.update(t,n?{siteId:n}:void 0):Promise.reject(new E("invalid","This backend stores no site theme."))}}function w(e){return e.themeFromDocument?{status:"skipped",reason:"template"}:e.token?null:{status:"skipped",reason:"no-token"}}async function S(e,t=h()){const{themeFromDocument:i,token:n,siteId:r,patch:s}=e,a=w({themeFromDocument:i,token:n});if(a)return a;if(Object.keys(s).length===0)return{status:"skipped",reason:"empty"};try{return await t(s,n,r??void 0),{status:"saved"}}catch(f){return{status:"failed",error:f}}}function R({themeFromDocument:e,tokenRef:t,siteId:i,onResult:n}){const r=l(null),s=l({}),a=x(),f=l(n);f.current=n;const d=l(null),p=m(u=>{if(u.status==="skipped"){const o=`skipped:${u.reason}`;if(d.current===o)return;d.current=o}else d.current=null;f.current?.(u)},[]),c=m(async()=>{r.current&&(clearTimeout(r.current),r.current=null);const u=s.current;s.current={};const o=await S({themeFromDocument:e,token:t?.current,siteId:i,patch:u},h(a));return p(o),o},[e,t,i,p,a]),T=m((u,o=!1)=>{const k=w({themeFromDocument:e,token:t?.current});if(k){p(k);return}s.current={...s.current,...u},r.current&&clearTimeout(r.current),o?c():r.current=setTimeout(()=>{c()},500)},[e,t,c,p]);return y(()=>()=>{c()},[c]),{persist:T,flush:c}}export{w as refusalToQueue,h as themeRowSender,R as useThemeRowPersist,S as writeThemeRow};
+import{useCallback as m,useEffect as y,useRef as l}from"react";import{currentEditorSession as b}from"./editor-session.js";import{backendOf as v}from"./website-session.js";import{useEditorSession as x}from"./editor-session-context.js";import{WebsiteBackendError as E}from"./web-backend.js";function h(e=b()){return(t,i,n)=>{const r=v(e).theme;return r?r.update(t,n?{siteId:n}:void 0):Promise.reject(new E("invalid","This backend stores no site theme."))}}function w(e){return e.themeFromDocument?{status:"skipped",reason:"template"}:e.token?null:{status:"skipped",reason:"no-token"}}async function S(e,t=h()){const{themeFromDocument:i,token:n,siteId:r,patch:s}=e,a=w({themeFromDocument:i,token:n});if(a)return a;if(Object.keys(s).length===0)return{status:"skipped",reason:"empty"};try{return await t(s,n,r??void 0),{status:"saved"}}catch(f){return{status:"failed",error:f}}}function B({themeFromDocument:e,tokenRef:t,siteId:i,onResult:n}){const r=l(null),s=l({}),a=x(),f=l(n);f.current=n;const d=l(null),p=m(u=>{if(u.status==="skipped"){const o=`skipped:${u.reason}`;if(d.current===o)return;d.current=o}else d.current=null;f.current?.(u)},[]),c=m(async()=>{r.current&&(clearTimeout(r.current),r.current=null);const u=s.current;s.current={};const o=await S({themeFromDocument:e,token:t?.current,siteId:i,patch:u},h(a));return p(o),o},[e,t,i,p,a]),T=m((u,o=!1)=>{const k=w({themeFromDocument:e,token:t?.current});if(k){p(k);return}s.current={...s.current,...u},r.current&&clearTimeout(r.current),o?c():r.current=setTimeout(()=>{c()},500)},[e,t,c,p]);return y(()=>()=>{c()},[c]),{persist:T,flush:c}}export{w as refusalToQueue,h as themeRowSender,B as useThemeRowPersist,S as writeThemeRow};

package/dist/lib/theme-save-message.js

@@ -1 +1 @@
-function t(e){switch(e.status){case"saved":return null;case"failed":return{msg:"Not saved. Try again.",tone:"error"};case"skipped":switch(e.reason){case"empty":return null;case"no-token":return{msg:"Not saved. Reload the page.",tone:"error"};case"template":return{msg:"Templates keep their look. Press Save.",tone:"success"}}}}export{t as themeSaveNotice};
+function t(e){switch(e.status){case"saved":return null;case"failed":return{msg:"Not saved. Try again.",tone:"error"};case"skipped":switch(e.reason){case"empty":return null;case"no-token":return{msg:"Not saved. Reload the page.",tone:"error"};case"template":return{msg:"Templates keep their look. Press Done.",tone:"success"}}}}export{t as themeSaveNotice};

package/dist/lib/web-backend.d.ts

@@ -1,17 +1,9 @@
-import type { LockHolder, SaveConflict } from "efficient-easel/edit-lock";
+import type { EditorPageRow, SiteRecord, SiteRecordPatch, WebsiteEditLock } from "./editor-document-contract.js";
 import type { HostPickedMedia } from "./editor-host.js";
 import type { SiteThemeRow, SiteThemeRowPatch } from "./site-theme-row.js";
 import type { SectionTemplate, SectionTemplateRecord } from "./section-template-types.js";
 export type PageLayout = Record<string, unknown>;
-export type EditorPageRow = {
-    id: string;
-    slug: string;
-    label: string;
-    group?: string | null;
-    groupKey?: string;
-    draft: boolean;
-    kind?: string | null;
-};
+export type { EditorPageRow, SiteRecord, SiteRecordPatch, WebsiteEditLock };
 export type PageBundle = {
     layout: PageLayout;
     translations?: Record<string, unknown>;
@@ -64,21 +56,6 @@ export interface WebsitePages {
     remove?(id: string): Promise<void>;
     linkTargets?(scope?: SiteScope): Promise<LinkTargetPage[]>;
 }
-export interface WebsiteEditLock {
-    claim(id: string, clientId: string, takeover: boolean): Promise<{
-        heartbeatSeconds: number;
-    }>;
-    release(id: string, clientId: string): Promise<void>;
-}
-export interface SiteRecord {
-    name: string;
-    slug?: string | null;
-    mapsApiKey?: string | null;
-    mapsMapId?: string | null;
-}
-export type SiteRecordPatch = {
-    mapsApiKey?: string;
-};
 export interface WebsiteSite {
     get(scope?: SiteScope): Promise<SiteRecord>;
     update?(patch: SiteRecordPatch, scope?: SiteScope): Promise<SiteRecord>;
@@ -157,37 +134,5 @@ export interface WebsiteBackend {
     social?: WebsiteSocial;
     theme?: WebsiteTheme;
 }
-export type WebsiteBackendErrorKind = "unauthorized" | "changed-elsewhere" | "lock-taken" | "not-found" | "invalid" | "unavailable";
-export declare class WebsiteBackendError extends Error {
-    readonly kind: WebsiteBackendErrorKind;
-    readonly conflict?: SaveConflict;
-    readonly holder?: LockHolder;
-    readonly fields?: Readonly<Record<string, string>>;
-    constructor(kind: WebsiteBackendErrorKind, message?: string, detail?: {
-        conflict?: SaveConflict;
-        holder?: LockHolder;
-        fields?: Readonly<Record<string, string>>;
-        cause?: unknown;
-    });
-}
-export declare function isBackendError(err: unknown, kind?: WebsiteBackendErrorKind): err is WebsiteBackendError;
-export declare const STATUS_UNREACHABLE = 0;
-export interface HostFailure {
-    status: number;
-    data: unknown;
-    message: string;
-}
-interface HostFailures {
-    read(err: unknown): HostFailure | null;
-    unreachableMessage: string;
-    loadRefusal?(err: unknown, document: {
-        slug: string;
-    }): string | null;
-}
-export declare function provideHostFailures(failures: HostFailures): void;
-export declare function readHostFailure(err: unknown): HostFailure | null;
-export declare function hostLoadRefusalOf(err: unknown, document: {
-    slug: string;
-}): string | null;
-export declare function hostUnreachableMessage(): string;
-export {};
+export { WebsiteBackendError, isBackendError, STATUS_UNREACHABLE, provideHostFailures, readHostFailure, hostLoadRefusalOf, hostUnreachableMessage } from "./editor-backend-error.js";
+export type { WebsiteBackendErrorKind, HostFailure } from "./editor-backend-error.js";

package/dist/lib/web-backend.js

@@ -1 +1 @@
-class i extends Error{kind;conflict;holder;fields;constructor(n,r,s={}){super(r??t[n],s.cause===void 0?void 0:{cause:s.cause}),this.name="WebsiteBackendError",this.kind=n,this.conflict=s.conflict,this.holder=s.holder,this.fields=s.fields}}const t={unauthorized:"The editor's sign-in was refused.","changed-elsewhere":"This page was changed somewhere else.","lock-taken":"Somebody else is editing this page.","not-found":"This no longer exists.",invalid:"The request was refused.",unavailable:"The server could not be reached."};function a(e,n){if(!e||typeof e!="object")return!1;const r=e;return r.name!=="WebsiteBackendError"||typeof r.kind!="string"?!1:n===void 0||r.kind===n}const u=0;let o=null;function c(e){o=e}function d(e){return o?.read(e)??null}function l(e,n){return o?.loadRefusal?.(e,n)??null}function h(){return o?.unreachableMessage??"The server could not be reached."}export{u as STATUS_UNREACHABLE,i as WebsiteBackendError,l as hostLoadRefusalOf,h as hostUnreachableMessage,a as isBackendError,c as provideHostFailures,d as readHostFailure};
+import{WebsiteBackendError as a,isBackendError as o,STATUS_UNREACHABLE as s,provideHostFailures as t,readHostFailure as d,hostLoadRefusalOf as i,hostUnreachableMessage as l}from"./editor-backend-error.js";export{s as STATUS_UNREACHABLE,a as WebsiteBackendError,i as hostLoadRefusalOf,l as hostUnreachableMessage,o as isBackendError,t as provideHostFailures,d as readHostFailure};

package/dist/lib/website-document-addressing.d.ts

@@ -0,0 +1,2 @@
+import type { DocumentAddressing } from "./editor-document-addressing.js";
+export declare const WEBSITE_ADDRESSING: DocumentAddressing;

package/dist/lib/website-document-addressing.js

@@ -0,0 +1 @@
+import{SITE_FOOTER_SLUG as i}from"./content/footer.js";import{makeSitePageAdapter as p,makeTemplatePageAdapter as d}from"./editor-document-adapter.js";import{clearFooterReturn as m,readFooterReturn as n}from"./puck/footer-return.js";import{HOME_PAGE_SLUG as t}from"./puck/home-page.js";import{migrateRenamedProps as l}from"./puck/renamed-props.js";import{offeredSets as a}from"./editor-blocks.js";const E={homeSlug:t,entryMayBounce:e=>e.kind==="template"||e.kind==="page"&&e.slug===i,entryBounce:(e,r)=>{if(e.kind==="page"&&e.slug===i){const o=n();return{kind:"page",slug:o&&o!==i?o:t,siteId:e.siteId}}return e.kind!=="template"||new URLSearchParams(r).get("editTemplate")==="1"?null:{kind:"page",slug:t}},onSwitch:e=>{if(e.kind==="page"){const r=n();e.slug!==i&&e.slug!==r&&m()}else m()},tellsHost:e=>e.kind==="page"&&e.slug!==i,adapterFor:(e,r,o)=>e.kind==="template"?d(e.id,r,a(o)):p(e.siteId,r,a(o)),migrateRenamedProps:l};export{E as WEBSITE_ADDRESSING};

package/dist/lib/website-host-inbound.d.ts

@@ -0,0 +1 @@
+export declare function routeWebsiteHostMessage(raw: unknown): boolean;

package/dist/lib/website-host-inbound.js

@@ -0,0 +1 @@
+import{emitCollectionCategoriesChanged as s,emitHeaderMenusChanged as n,emitStorefrontFormsChanged as r}from"./editor-events.js";import{resolveFormEdit as o}from"./editor-form-window.js";function f(t){switch(t?.type){case"storefront-editor:category-updated":return s(),!0;case"storefront-editor:menus-updated":return n(),!0;case"storefront-editor:form-saved":{const e=t;return r(),e.requestId&&o(e.requestId,e.form??null),!0}case"storefront-editor:form-closed":{const e=t;return r(),e.requestId&&o(e.requestId,null),!0}default:return!1}}export{f as routeWebsiteHostMessage};

package/dist/lib/website-session.d.ts

@@ -0,0 +1,5 @@
+import { type EditorSession } from "./editor-session.js";
+import type { EditorBlocks } from "./editor-blocks.js";
+import type { WebsiteBackend } from "./web-backend.js";
+export declare const backendOf: (session?: EditorSession) => WebsiteBackend;
+export declare const blocksOf: (session: EditorSession) => EditorBlocks | null;

package/dist/lib/website-session.js

@@ -0,0 +1 @@
+import{backendOf as s}from"./editor-session.js";const e=s,n=o=>o.blocks;export{e as backendOf,n as blocksOf};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "efficient-web-builder",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "The EFFICIENT website builder: the website editor, the general sections and the renderer that draws them, compiled. Hostable by any EFFICIENT product; nothing here imports a host.",
   "license": "UNLICENSED",
   "author": "Efficient Pty Ltd",
@@ -30,19 +30,27 @@
   "scripts": {
     "typecheck": "tsc --noEmit",
     "test:boundary": "node scripts/test-boundary.mjs",
+    "test:screen": "node scripts/test-screen-in-easel.mjs",
     "build": "node scripts/build.mjs",
     "verify:dist": "node scripts/verify-dist.mjs",
-    "verify": "pnpm run typecheck && pnpm run test:boundary && pnpm run build && pnpm run verify:dist"
+    "verify": "pnpm run typecheck && pnpm run test:boundary && pnpm run test:screen && pnpm run test:guards && pnpm run build && pnpm run verify:dist",
+    "test:guards": "tsc --noEmit -p scripts/tsconfig.json && node scripts/run-guards.mjs"
   },
   "peerDependencies": {
     "@tabler/icons-react": "^3.46.0",
-    "efficient-easel": "^0.101.0",
+    "efficient-easel": "^0.106.0",
     "efficient-shell": "^4.131.0",
     "isomorphic-dompurify": "^3.18.0",
     "next": ">=16",
     "react": ">=19",
     "react-dom": ">=19",
-    "simple-icons": "^16.26.0"
+    "simple-icons": "^16.26.0",
+    "typescript": "^5"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@tabler/icons-react": "^3.46.0",
@@ -50,14 +58,16 @@
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "efficient-easel": "^0.101.0",
+    "efficient-easel": "^0.106.0",
     "efficient-shell": "^4.131.0",
     "esbuild": "^0.28.0",
+    "happy-dom": "^20.14.5",
     "isomorphic-dompurify": "^3.18.0",
     "next": "16.2.11",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "simple-icons": "^16.26.0",
+    "tsx": "4.22.3",
     "typescript": "^5"
   }
 }