efficient-web-builder 28.1.0 → 29.0.0

package/CHANGELOG.md

@@ -2,6 +2,39 @@
 
 ## Unreleased
 
+## 29.0.0 - 2026-10-20
+
+**MAJOR: easel peer ^15.** The `efficient-easel` peer range rises from `^14.1.0` to `^15.0.0` (and `efficient-shell` to `^8.10.1`), so a host on easel 14 must upgrade.
+
+**The website editor takes efficient-easel 15.0.0** (Lewis 2026-10-20, card [FIX] Single Click On Text). Nothing in the builder's own code changes; the canvas behaviour comes with the screen:
+
+### Changed (from efficient-easel 15.0.0)
+
+- One click on a block selects it and leaves no caret; a block whose words can be typed shows "Double-click to edit" on its top-right corner.
+- The pointer on the canvas is the arrow; the I-beam only inside the words being typed.
+- Backspace never deletes a block. The Delete key, the trash and right-click Delete still do, with Undo.
+- No "+" insert point while words are typed; ⌘A while typing selects the words of that box only.
+- The floating text toolbar is one row (efficient-shell `TextToolbar layout="row"`).
+
+### For hosts
+
+- **efficient-easel `^15.0.0`** (peer and dev; was `^14.1.0`) and **efficient-shell `^8.10.1`** (was `^8.8.1`; easel 15 needs `^8.9.0`, and 8.10.1 draws the "{ }" Insert variable glyph).
+
+**Every picture row is efficient-shell's `MediaUploadField`, drawn directly** (SSOT, harness UI-24). A MINOR, with a higher efficient-shell floor; it frees the builder for efficient-easel 15.0.0, which deletes `ImageBox`.
+
+### Changed
+
+- `components/MediaUploadField.tsx` (every section's `upload()` row and the chrome media panels) draws the shell's `MediaUploadField` instead of efficient-easel's `ImageBox`. The ask to the admin's media window is the field's `onPick`, which returns a promise of the URL: the field shows "Choosing" while the window is open, takes the URL, and says when the library could not be opened (efficient-shell 8.7.0). The drop, the size cap, the focus dot and the template note are as before.
+- The empty box's words are the shell's now: "Upload an image" (or "Upload a video") and "Choose from library or upload", where easel's were "Choose an image" and "From the library, or upload one". The box, its size and the filled picture look the same.
+
+### For hosts
+
+- **efficient-shell `^8.8.1`** (peer and dev; was `^8.2.0`): the promised `onPick` is new in 8.7.0.
+
+### Guard
+
+- `scripts/test-one-picture-field.ts`: no file in `src/` draws `ImageBox`; the picture row is the shell's `MediaUploadField`, handed `onPick`.
+
 ## 28.1.0 - 2026-10-20
 
 **The cookie banner's own system page** (consent by country, efficient-backend docs/adr/0065). A MINOR: new exports, nothing removed.

package/dist/editor/components/MediaUploadField.js

@@ -1 +1 @@
-"use client";import{jsx as o}from"react/jsx-runtime";import{SettingsDefaultReset as x,SettingsField as h}from"efficient-easel/panel";import{useSelectedFields as y}from"efficient-easel/easel";import{FOCAL_DEFAULT as C}from"efficient-shell/format";import{ImageIcon as v,PlayIcon as w}from"efficient-easel/icons";import{ImageBox as F}from"efficient-easel/pick";import{useEaselStrings as I}from"efficient-easel/strings";import{useContext as L}from"react";import{StorefrontDocumentContext as B}from"./StorefrontDocumentContext.js";import{editorEaselWords as D,say as a}from"../../format/lib/editor-words.js";import{PHONE_CLEAR as P,phoneKey as A}from"../../format/lib/puck/phone-override.js";import{usePreviewDevice as O}from"efficient-easel/draw/client";import{requestMediaPick as R}from"../lib/editor-media-picker.js";import{useEditorHost as T}from"../lib/editor-host.js";import{backendOf as U}from"../lib/website-session.js";import{useEditorSession as _}from"../lib/editor-session-context.js";function j(t,d){let e=null;try{e=y()}catch{e=null}const n=O()==="mobile";if(!t||!e||d&&!d(e.values??{}))return null;const r=typeof e.values?.[t]=="string"&&e.values[t]?String(e.values[t]):C,i=A(t),m=typeof e.values?.[i]=="string"&&e.values[i]?String(e.values[i]):void 0,c=e.onChange;return{phone:n,desktop:r,own:m,focus:n?m??r:r,set:p=>c(n?i:t,p),clear:()=>c(i,P)}}function H({value:t,onChange:d,label:e,accept:n,placeholder:r,focusKey:i,focusWhen:m}){const c=T(),p=_(),b=I(),u=a(e),l=n.startsWith("video"),s=j(l?void 0:i,m),f=L(B),E=g=>R(c,{accept:n,title:u,...g?{file:g}:{}}).then(S=>S?.url??null);if(f&&!f.capabilities.mediaEditing)return o(h,{label:u,icon:l?o(w,{}):o(v,{}),children:o("div",{className:"sf-image-slot-inert",children:l?a("Templates don’t store videos — this slot stays a placeholder. Each website picks its own after it’s created."):a("Templates don’t store images — this slot stays a placeholder. Each website picks its own after it’s created.")})});const k=s?.phone&&t?o(x,{words:D()?.panel,label:a("Image focus"),changed:!!s.own,detail:a("{value} on desktop",{value:s.desktop}),onReset:s.clear}):void 0;return o(h,{label:u,icon:l?o(w,{}):o(v,{}),action:k,children:o(F,{value:t,onChange:d,label:u,kind:l?"video":"image",placeholder:r===void 0?void 0:a(r),openLibrary:E,maxSizeBytes:U(p).media.maxUploadBytes,...s?{focus:s.focus,onFocusChange:s.set}:{},words:b.pick.image})})}export{H as default};
+"use client";import{jsx as t}from"react/jsx-runtime";import{SettingsDefaultReset as S,SettingsField as v}from"efficient-easel/panel";import{useSelectedFields as b}from"efficient-easel/easel";import{FOCAL_DEFAULT as x}from"efficient-shell/format";import{ImageIcon as g,PlayIcon as w}from"efficient-easel/icons";import{MediaUploadField as C}from"efficient-shell/ui";import{useContext as y}from"react";import{StorefrontDocumentContext as P}from"./StorefrontDocumentContext.js";import{editorEaselWords as U,say as l}from"../../format/lib/editor-words.js";import{PHONE_CLEAR as D,phoneKey as I}from"../../format/lib/puck/phone-override.js";import{usePreviewDevice as M}from"efficient-easel/draw/client";import{requestMediaPick as A}from"../lib/editor-media-picker.js";import{useEditorHost as B}from"../lib/editor-host.js";import{backendOf as L}from"../lib/website-session.js";import{useEditorSession as O}from"../lib/editor-session-context.js";function R(o,d){let e=null;try{e=b()}catch{e=null}const n=M()==="mobile";if(!o||!e||d&&!d(e.values??{}))return null;const r=typeof e.values?.[o]=="string"&&e.values[o]?String(e.values[o]):x,i=I(o),c=typeof e.values?.[i]=="string"&&e.values[i]?String(e.values[i]):void 0,m=e.onChange;return{phone:n,desktop:r,own:c,focus:n?c??r:r,set:u=>m(n?i:o,u),clear:()=>m(i,D)}}function T({value:o,onChange:d,label:e,accept:n,placeholder:r,focusKey:i,focusWhen:c}){const m=B(),u=O(),p=l(e),a=n.startsWith("video"),s=R(a?void 0:i,c),f=y(P),k=h=>A(m,{accept:n,title:p,...h?{file:h}:{}}).then(F=>F?.url??null);if(f&&!f.capabilities.mediaEditing)return t(v,{label:p,icon:a?t(w,{}):t(g,{}),children:t("div",{className:"sf-image-slot-inert",children:a?l("Templates don’t store videos — this slot stays a placeholder. Each website picks its own after it’s created."):l("Templates don’t store images — this slot stays a placeholder. Each website picks its own after it’s created.")})});const E=s?.phone&&o?t(S,{words:U()?.panel,label:l("Image focus"),changed:!!s.own,detail:l("{value} on desktop",{value:s.desktop}),onReset:s.clear}):void 0;return t(v,{label:p,icon:a?t(w,{}):t(g,{}),action:E,children:t("div",{style:{flex:"1 1 auto",minWidth:0},children:t(C,{value:o,onChange:d,onPick:k,accept:a?"video/*":"image/*",kind:a?"video":"image",placeholder:r===void 0?void 0:l(r),maxSizeBytes:L(u).media.maxUploadBytes,...s?{focus:s.focus,onFocusChange:s.set}:{}})})})}export{T as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "efficient-web-builder",
-  "version": "28.1.0",
+  "version": "29.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",
@@ -43,17 +43,18 @@
     "test:boundary": "node scripts/test-boundary.mjs",
     "test:screen": "node scripts/test-screen-in-easel.mjs",
     "test:own-ui": "efficient-shell-ui-check",
+    "test:media-hosts": "efficient-shell-media-host-check",
     "build": "node scripts/build.mjs",
     "verify:dist": "node scripts/verify-dist.mjs && node scripts/verify-published-entries.mjs",
-    "verify": "pnpm run typecheck && pnpm run test:boundary && pnpm run test:screen && pnpm run test:own-ui && pnpm run test:guards && pnpm run build && pnpm run verify:dist",
+    "verify": "pnpm run typecheck && pnpm run test:boundary && pnpm run test:screen && pnpm run test:own-ui && pnpm run test:media-hosts && pnpm run test:guards && pnpm run build && pnpm run verify:dist",
     "test:guards": "tsc --noEmit -p scripts/tsconfig.json && node scripts/run-guards.mjs",
     "words": "TSX_TSCONFIG_PATH=scripts/tsconfig.json tsx scripts/write-editor-words.ts",
     "text-parts": "TSX_TSCONFIG_PATH=scripts/tsconfig.json tsx scripts/write-text-part-shapes.ts"
   },
   "peerDependencies": {
     "@tabler/icons-react": "^3.46.0",
-    "efficient-easel": "^14.1.0",
-    "efficient-shell": "^8.2.0",
+    "efficient-easel": "^15.0.0",
+    "efficient-shell": "^8.10.1",
     "isomorphic-dompurify": "^3.18.0",
     "next": ">=16",
     "react": ">=19",
@@ -72,8 +73,8 @@
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "efficient-easel": "^14.1.0",
-    "efficient-shell": "^8.2.0",
+    "efficient-easel": "^15.0.0",
+    "efficient-shell": "^8.10.1",
     "esbuild": "^0.28.0",
     "happy-dom": "^20.14.5",
     "isomorphic-dompurify": "^3.18.0",