okno 1.0.0-beta.14 → 1.0.0-beta.15

package/dist/runtime/wrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wrap.d.ts","sourceRoot":"","sources":["../../src/runtime/wrap.ts"],"names":[],"mappings":"AAgCA;0DAC0D;AAC1D,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAElE;AAiHD;;;;;GAKG;AACH,wBAAgB,cAAc,CAC7B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAChD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAMzB;AAiBD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAc1E;AAID,mFAAmF;AACnF,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;AAE3D;;kFAEkF;AAClF,UAAU,UAAU;IACnB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,MAAM,CAAA;CACtB;AAmDD;;;;;uDAKuD;AACvD,wBAAgB,iBAAiB,CAChC,SAAS,EAAE,OAAO,EAClB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC,EACpD,aAAa,CAAC,EAAE,MAAM,GACpB,GAAG,CASL;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,SAAK,EAAE,GAAG,GAAE,UAAsB,GAAG,GAAG,CA8G5F;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,CA0N5E;AAiED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAChC,GAAG,EAAE,OAAO,EACZ,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,EACvC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAChC,OAAO,GAAE,MAAM,EAAO,GACpB,OAAO,CAgDT;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CACjC,GAAG,EAAE,OAAO,EACZ,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,EACvC,OAAO,GAAE,MAAM,EAAO,GACpB,OAAO,CA4CT;AAiBD,MAAM,WAAW,mBAAmB;IACnC,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACnC,cAAc;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;kFAG8E;IAC9E,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;IACpC;;kEAE8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC/B;AAyHD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAkDtE;AA6DD;2EAC2E;AAC3E,wBAAgB,mBAAmB,IAAI,IAAI,CAK1C"}
+{"version":3,"file":"wrap.d.ts","sourceRoot":"","sources":["../../src/runtime/wrap.ts"],"names":[],"mappings":"AAgCA;0DAC0D;AAC1D,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAElE;AAiHD;;;;;GAKG;AACH,wBAAgB,cAAc,CAC7B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAChD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAMzB;AAiBD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAc1E;AAID,mFAAmF;AACnF,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;AAE3D;;kFAEkF;AAClF,UAAU,UAAU;IACnB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,MAAM,CAAA;CACtB;AAmDD;;;;;uDAKuD;AACvD,wBAAgB,iBAAiB,CAChC,SAAS,EAAE,OAAO,EAClB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC,EACpD,aAAa,CAAC,EAAE,MAAM,GACpB,GAAG,CASL;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,SAAK,EAAE,GAAG,GAAE,UAAsB,GAAG,GAAG,CA8G5F;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,CAsO5E;AAiED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAChC,GAAG,EAAE,OAAO,EACZ,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,EACvC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAChC,OAAO,GAAE,MAAM,EAAO,GACpB,OAAO,CAgDT;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CACjC,GAAG,EAAE,OAAO,EACZ,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,EACvC,OAAO,GAAE,MAAM,EAAO,GACpB,OAAO,CA4CT;AAiBD,MAAM,WAAW,mBAAmB;IACnC,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACnC,cAAc;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;kFAG8E;IAC9E,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;IACpC;;kEAE8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC/B;AAyHD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAkDtE;AA6DD;2EAC2E;AAC3E,wBAAgB,mBAAmB,IAAI,IAAI,CAK1C"}

package/dist/runtime/wrap.js

@@ -32,18 +32,18 @@ const C = /* @__PURE__ */ new Set([
 function z(t) {
   return t.replace(/[-_]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").trim().replace(/^./, (r) => r.toUpperCase());
 }
-function j(t, r = "") {
+function k(t, r = "") {
   if (t == null) {
     if (!r) return "";
     const i = r.split(".").pop() ?? "";
     return !i || C.has(i) ? "" : z(i);
   }
-  return typeof t != "object" ? String(t) : v(t) ? t.text ?? "" : J(t) ? t.name ?? "" : "";
+  return typeof t != "object" ? String(t) : j(t) ? t.text ?? "" : J(t) ? t.name ?? "" : "";
 }
-function S(t) {
+function v(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t) && "src" in t;
 }
-function v(t) {
+function j(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t) && "url" in t && "text" in t && "external" in t;
 }
 function J(t) {
@@ -123,9 +123,9 @@ function b(t, r = "", i = K) {
     get(n, e) {
       if (e === "data-okno") return w + n.__path;
       if (e === Symbol.toPrimitive || e === "toString" || e === "valueOf")
-        return () => j(n.__raw, n.__path);
+        return () => k(n.__raw, n.__path);
       if (e === Symbol.iterator) {
-        const u = j(n.__raw, n.__path);
+        const u = k(n.__raw, n.__path);
         return function* () {
           yield u;
         };
@@ -179,7 +179,7 @@ function m(t, r, i) {
       if (e === "data-okno") return n.__path;
       if (e === "slot") return { "data-okno-item": n.__slot ?? n.__path };
       if (e === "exists") return n.__raw !== null && n.__raw !== void 0;
-      if (e === "image" && S(n.__raw)) {
+      if (e === "image" && v(n.__raw)) {
         const s = n.__raw;
         return {
           src: x(s.src),
@@ -190,9 +190,9 @@ function m(t, r, i) {
         };
       }
       if (e === Symbol.toPrimitive || e === "toString" || e === "valueOf")
-        return () => j(n.__raw, n.__path);
+        return () => k(n.__raw, n.__path);
       if (e === Symbol.iterator) {
-        const s = j(n.__raw, n.__path);
+        const s = k(n.__raw, n.__path);
         return function* () {
           yield s;
         };
@@ -216,11 +216,13 @@ function m(t, r, i) {
           ) : m(u, n.__path);
         };
       const o = n.__raw, f = n.__path ? `${n.__path}.${String(e)}` : String(e);
-      if (v(o) && typeof e == "string") {
+      if (j(o) && typeof e == "string") {
         if (e === "href") return o.url ?? "";
         if (e === "target" && o.external) return "_blank";
         if (e === "rel" && o.external) return "noopener noreferrer";
       }
+      if (v(o) && typeof e == "string" && e !== "focal" && e in o)
+        return o[e];
       if (o != null && typeof o != "object") {
         const s = o[e];
         return s !== void 0 ? typeof s == "function" ? (...u) => s.apply(o, u) : s : m(null, f);
@@ -234,7 +236,7 @@ function m(t, r, i) {
     // For spread: expose data-okno, plus all keys for file objects (src, alt, width, height, etc.)
     ownKeys(n) {
       const e = n.__raw;
-      return S(e) ? [...Object.keys(e).filter((o) => o !== "focal"), "data-okno"] : v(e) ? e.external ? ["href", "target", "rel", "data-okno"] : ["href", "data-okno"] : ["data-okno"];
+      return v(e) ? [...Object.keys(e).filter((o) => o !== "focal"), "data-okno"] : j(e) ? e.external ? ["href", "target", "rel", "data-okno"] : ["href", "data-okno"] : ["data-okno"];
     },
     getOwnPropertyDescriptor(n, e) {
       if (e === "data-okno")
@@ -244,13 +246,13 @@ function m(t, r, i) {
           configurable: !0
         };
       const o = n.__raw;
-      if (S(o) && typeof e == "string" && e in o && e !== "focal")
+      if (v(o) && typeof e == "string" && e in o && e !== "focal")
         return {
           value: o[e],
           enumerable: !0,
           configurable: !0
         };
-      if (v(o) && (e === "href" || o.external && (e === "target" || e === "rel")))
+      if (j(o) && (e === "href" || o.external && (e === "target" || e === "rel")))
         return { value: void 0, enumerable: !0, configurable: !0 };
     },
     has(n, e) {
@@ -304,12 +306,12 @@ function ut(t, r, i, c = []) {
   const o = (s, u) => {
     const l = { ...s };
     for (const a of n) {
-      const h = r[a], y = e[h.collection], O = (A) => {
-        if (typeof A != "string" || !A) return null;
-        const $ = y.get(A);
-        return $ === void 0 ? null : { __oknoRef: { path: `${h.collection}.${A}`, data: D($, u) } };
-      }, k = s[a];
-      l[a] = Array.isArray(k) ? k.map(O).filter(Boolean) : O(k);
+      const h = r[a], y = e[h.collection], O = (p) => {
+        if (typeof p != "string" || !p) return null;
+        const $ = y.get(p);
+        return $ === void 0 ? null : { __oknoRef: { path: `${h.collection}.${p}`, data: D($, u) } };
+      }, S = s[a];
+      l[a] = Array.isArray(S) ? S.map(O).filter(Boolean) : O(S);
     }
     return l;
   }, f = o(t, void 0);
@@ -350,8 +352,8 @@ function st(t, r, i = []) {
   }
   return o;
 }
-const d = "data-okno-item", g = "data-okno", H = [g, d];
-function p(t, r, i, c = H) {
+const d = "data-okno-item", A = "data-okno", H = [A, d];
+function g(t, r, i, c = H) {
   if (r === i) return;
   const n = (e) => {
     for (const o of c) {
@@ -378,8 +380,8 @@ function W(t) {
   }));
 }
 function V(t) {
-  const r = Array.from(t.querySelectorAll(`[${g}]`));
-  return t.hasAttribute(g) && r.unshift(t), r;
+  const r = Array.from(t.querySelectorAll(`[${A}]`));
+  return t.hasAttribute(A) && r.unshift(t), r;
 }
 function F(t) {
   for (const r of V(t))
@@ -387,7 +389,7 @@ function F(t) {
 }
 function G(t, r) {
   for (const i of V(t)) {
-    const c = i.getAttribute(g);
+    const c = i.getAttribute(A);
     c && c in r && i.children.length === 0 && (i.textContent = r[c] ?? "");
   }
 }
@@ -423,7 +425,7 @@ function Q(t, r, i, c) {
   const o = n.slice(), [f] = o.splice(i, 1);
   o.splice(c, 0, f);
   const s = o.map((l) => l.getAttribute(d));
-  o.forEach((l, a) => p(l, s[a], `${r}.${a}`));
+  o.forEach((l, a) => g(l, s[a], `${r}.${a}`));
   const u = n[e - 1].nextSibling;
   for (const l of o) t.parent.insertBefore(l, u);
 }
@@ -431,15 +433,15 @@ function tt(t, r, i) {
   const c = t.wrappers;
   if (!(i < 0 || i >= c.length)) {
     c[i].remove();
-    for (let n = i + 1; n < c.length; n++) p(c[n], `${r}.${n}`, `${r}.${n - 1}`);
+    for (let n = i + 1; n < c.length; n++) g(c[n], `${r}.${n}`, `${r}.${n - 1}`);
   }
 }
 function et(t, r, i, c) {
   const n = t.wrappers, e = n.length;
   if (e === 0) return;
   const o = Math.max(0, Math.min(i.index ?? e, e)), f = o < e ? o : e - 1, s = n[f].getAttribute(d), u = n[f].cloneNode(!0);
-  for (let a = e - 1; a >= o; a--) p(n[a], `${r}.${a}`, `${r}.${a + 1}`);
-  p(u, s, `${r}.${o}`), i.remap && p(u, i.remap.from, i.remap.to, [g]), i.values ? G(u, i.values) : F(u), u.style.viewTransitionName = "", c(u);
+  for (let a = e - 1; a >= o; a--) g(n[a], `${r}.${a}`, `${r}.${a + 1}`);
+  g(u, s, `${r}.${o}`), i.remap && g(u, i.remap.from, i.remap.to, [A]), i.values ? G(u, i.values) : F(u), u.style.viewTransitionName = "", c(u);
   const l = o < e ? n[o] : n[e - 1].nextSibling;
   t.parent.insertBefore(u, l);
 }

package/package.json

@@ -2,7 +2,7 @@
 	"name": "okno",
 	"description": "Git-backed CMS with live editing for any Vite framework",
 	"author": "Gabriel Uhlíř",
-	"version": "1.0.0-beta.14",
+	"version": "1.0.0-beta.15",
 	"homepage": "https://okno.build",
 	"type": "module",
 	"types": "./dist/index.d.ts",

package/src/runtime/wrap.ts

@@ -542,6 +542,18 @@ export function __oknoWrap(data: unknown, prefix: string, slot?: string): any {
 				if (prop === "rel" && raw.external) return "noopener noreferrer"
 			}
 
+			// Media object: the spreadable leaf attrs (src/alt/width/height) are
+			// terminal HTML attribute values — return them RAW, not a nested proxy, so
+			// `{...cover}` read via [[Get]] yields real primitives. Object spread and
+			// Vue's `v-bind`/`ssrRenderAttrs` read through Get (not descriptors), so a
+			// wrapped-proxy leaf gets dropped as a non-string object and `<img>` loses
+			// src/alt/width. Mirrors the getOwnPropertyDescriptor trap below; `.image`
+			// (optimized bundle), `.focal`, `.onedit`, `data-okno` are handled above, so
+			// only the raw scalar attrs fall here. Media edits as a unit → no per-leaf hook lost.
+			if (isMediaObject(raw) && typeof prop === "string" && prop !== "focal" && prop in (raw as object)) {
+				return (raw as Record<string, unknown>)[prop]
+			}
+
 			// For primitive values (string, number, boolean), forward native method/property access
 			// This makes home.title.length, home.title.includes("x"), etc. work
 			if (raw !== null && raw !== undefined && typeof raw !== "object") {