okno 1.0.0-alpha.15 → 1.0.0-alpha.16

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

@@ -1 +1 @@
-{"version":3,"file":"wrap.d.ts","sourceRoot":"","sources":["../../src/runtime/wrap.ts"],"names":[],"mappings":"AAyGA;;;;;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;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,CA2L5E;AA0CD;;;;;;;GAOG;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,GAC9B,OAAO,CA4BT;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;AAsGD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,mBAAmB,GAAG,IAAI,CA6DtE;AA6DD;2EAC2E;AAC3E,wBAAgB,mBAAmB,IAAI,IAAI,CAK1C"}
+{"version":3,"file":"wrap.d.ts","sourceRoot":"","sources":["../../src/runtime/wrap.ts"],"names":[],"mappings":"AAyGA;;;;;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;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,CA2L5E;AAoDD;;;;;;;GAOG;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,GAC9B,OAAO,CA4BT;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;AAsGD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,mBAAmB,GAAG,IAAI,CA6DtE;AA6DD;2EAC2E;AAC3E,wBAAgB,mBAAmB,IAAI,IAAI,CAK1C"}

package/dist/runtime/wrap.js

@@ -1,13 +1,13 @@
 const y = /* @__PURE__ */ new Map();
 let b = !1;
-function T() {
+function E() {
   const t = globalThis;
   b || typeof t.document > "u" || (b = !0, t.document.addEventListener("okno:change", (r) => {
     const { path: i, value: c } = r.detail;
     y.get(i)?.forEach((n) => n(c));
   }));
 }
-const E = /* @__PURE__ */ new Set([
+const j = /* @__PURE__ */ new Set([
   "src",
   "href",
   "alt",
@@ -20,14 +20,14 @@ const E = /* @__PURE__ */ new Set([
   "name",
   "value"
 ]);
-function j(t) {
+function O(t) {
   return t.replace(/[-_]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").trim().replace(/^./, (r) => r.toUpperCase());
 }
 function v(t, r = "") {
   if (t == null) {
     if (!r) return "";
     const i = r.split(".").pop() ?? "";
-    return !i || E.has(i) ? "" : j(i);
+    return !i || j.has(i) ? "" : O(i);
   }
   return typeof t != "object" ? String(t) : m(t) ? t.text ?? "" : "";
 }
@@ -37,19 +37,19 @@ function w(t) {
 function m(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t) && "url" in t && "text" in t && "external" in t;
 }
-function k(t, r) {
+function S(t, r) {
   if (r === void 0) return t;
   if (t === null || typeof t != "object" || Array.isArray(t) || r === null || typeof r != "object" || Array.isArray(r))
     return r;
   const i = { ...t };
   for (const c of Object.keys(r))
-    i[c] = k(t[c], r[c]);
+    i[c] = S(t[c], r[c]);
   return i;
 }
 function z(t, r) {
   const i = { ...t };
   for (const c of Object.keys(r))
-    i[c] = k(t, r[c]);
+    i[c] = S(t, r[c]);
   return i;
 }
 function _(t, r, i) {
@@ -70,7 +70,7 @@ function _(t, r, i) {
       if (e === "toJSON") return () => n.__raw;
       if (e === "on")
         return (u) => {
-          T();
+          E();
           const s = n.__path;
           return y.has(s) || y.set(s, /* @__PURE__ */ new Set()), y.get(s).add(u), () => {
             y.get(s)?.delete(u), y.get(s)?.size === 0 && y.delete(s);
@@ -96,7 +96,7 @@ function _(t, r, i) {
       }
       if (o != null && typeof o == "object" && !Array.isArray(o)) {
         const u = o[String(e)];
-        return u == null ? _(null, f) : S(u, f);
+        return u == null ? _(null, f) : T(u, f);
       }
       return _(null, f);
     },
@@ -129,15 +129,22 @@ function _(t, r, i) {
     }
   });
 }
-function x(t) {
+function k(t) {
   return t !== null && typeof t == "object" && !Array.isArray(t) && "__oknoRef" in t;
 }
-function S(t, r, i) {
-  if (x(t)) {
+function T(t, r, i) {
+  if (k(t)) {
     const { path: c, data: n } = t.__oknoRef;
     return _(n, c, i ?? c);
   }
-  return Array.isArray(t) ? t.map((c, n) => S(c, `${r}.${n}`, `${r}.${n}`)) : _(t, r, i);
+  if (Array.isArray(t)) {
+    const c = t.map((n, e) => T(n, `${r}.${e}`, `${r}.${e}`));
+    return Object.defineProperty(c, "toJSON", {
+      value: () => t.map((n) => k(n) ? n.__oknoRef.data : n),
+      enumerable: !1
+    }), c;
+  }
+  return _(t, r, i);
 }
 function B(t, r, i) {
   if (!t || typeof t != "object" || Array.isArray(t) || !r) return t;
@@ -147,20 +154,20 @@ function B(t, r, i) {
     if (!e || e.type !== "reference" || typeof e.collection != "string") continue;
     const o = i?.[e.collection] ?? i?.[e.collection.replace(/-/g, "_")] ?? [], f = (s) => {
       if (typeof s != "string" || !s) return null;
-      const l = o.find((g) => {
+      const a = o.find((g) => {
         const A = typeof g?.toJSON == "function" ? g.toJSON() : g;
         return A && typeof A == "object" && A.slug === s;
       });
-      if (!l) return null;
-      const a = typeof l.toJSON == "function" ? l.toJSON() : l;
-      return { __oknoRef: { path: `${e.collection}.${s}`, data: a } };
+      if (!a) return null;
+      const l = typeof a.toJSON == "function" ? a.toJSON() : a;
+      return { __oknoRef: { path: `${e.collection}.${s}`, data: l } };
     }, u = t[n];
     c[n] = Array.isArray(u) ? u.map(f).filter(Boolean) : f(u);
   }
   return c;
 }
-const p = "data-okno-item", d = "data-okno", O = [d, p];
-function h(t, r, i, c = O) {
+const p = "data-okno-item", h = "data-okno", x = [h, p];
+function d(t, r, i, c = x) {
   if (r === i) return;
   const n = (e) => {
     for (const o of c) {
@@ -186,70 +193,70 @@ function L(t) {
     wrappers: e.sort((o, f) => c(o) - c(f))
   }));
 }
-function M(t) {
-  t.querySelectorAll(`[${d}]`).forEach((r) => {
+function N(t) {
+  t.querySelectorAll(`[${h}]`).forEach((r) => {
     r.children.length === 0 && (r.textContent = "");
   });
 }
-function N(t, r) {
-  t.querySelectorAll(`[${d}]`).forEach((i) => {
-    const c = i.getAttribute(d);
+function R(t, r) {
+  t.querySelectorAll(`[${h}]`).forEach((i) => {
+    const c = i.getAttribute(h);
     c && c in r && i.children.length === 0 && (i.textContent = r[c] ?? "");
   });
 }
-function R() {
+function M() {
   return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 function C(t) {
   const r = document;
-  return typeof r.startViewTransition != "function" || R() ? (t(), Promise.resolve()) : r.startViewTransition(t).finished.catch(() => {
+  return typeof r.startViewTransition != "function" || M() ? (t(), Promise.resolve()) : r.startViewTransition(t).finished.catch(() => {
   });
 }
 let H = 0;
 function I(t) {
   if (typeof document > "u" || !t?.list || !t.op) return;
   const { list: r, op: i } = t, c = L(r);
-  if (i === "insert" && c.every((l) => l.wrappers.length === 0) || c.length === 0) return;
-  const n = [], e = (l) => {
-    l.style.viewTransitionName = `okno-vt-${++H}`, n.push(l);
+  if (i === "insert" && c.every((a) => a.wrappers.length === 0) || c.length === 0) return;
+  const n = [], e = (a) => {
+    a.style.viewTransitionName = `okno-vt-${++H}`, n.push(a);
   };
-  for (const l of c) for (const a of l.wrappers) e(a);
+  for (const a of c) for (const l of a.wrappers) e(l);
   const o = document.documentElement;
   o.classList.add("okno-vt-active");
   const f = document.getElementById("okno-shadow-root"), u = f instanceof HTMLElement ? f.style.cssText : null;
   f instanceof HTMLElement && (f.style.cssText = `${u};position:fixed;inset:0;pointer-events:none;view-transition-name:okno-editor`), C(() => {
-    for (const l of c)
-      i === "reorder" ? V(l, r, t.from, t.to) : i === "remove" ? q(l, r, t.index) : i === "insert" && J(l, r, t, e);
+    for (const a of c)
+      i === "reorder" ? J(a, r, t.from, t.to) : i === "remove" ? V(a, r, t.index) : i === "insert" && q(a, r, t, e);
   }).finally(() => {
-    for (const l of n) l.style.viewTransitionName = "";
+    for (const a of n) a.style.viewTransitionName = "";
     o.classList.remove("okno-vt-active"), f instanceof HTMLElement && u !== null && (f.style.cssText = u);
   });
 }
-function V(t, r, i, c) {
+function J(t, r, i, c) {
   const n = t.wrappers, e = n.length;
   if (i < 0 || i >= e || c < 0 || c >= e || i === c) return;
   const o = n.slice(), [f] = o.splice(i, 1);
   o.splice(c, 0, f);
-  const u = o.map((l) => l.getAttribute(p));
-  o.forEach((l, a) => h(l, u[a], `${r}.${a}`));
+  const u = o.map((a) => a.getAttribute(p));
+  o.forEach((a, l) => d(a, u[l], `${r}.${l}`));
   const s = n[e - 1].nextSibling;
-  for (const l of o) t.parent.insertBefore(l, s);
+  for (const a of o) t.parent.insertBefore(a, s);
 }
-function q(t, r, i) {
+function V(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++) h(c[n], `${r}.${n}`, `${r}.${n - 1}`);
+    for (let n = i + 1; n < c.length; n++) d(c[n], `${r}.${n}`, `${r}.${n - 1}`);
   }
 }
-function J(t, r, i, c) {
+function q(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, u = n[f].getAttribute(p), s = n[f].cloneNode(!0);
-  for (let a = e - 1; a >= o; a--) h(n[a], `${r}.${a}`, `${r}.${a + 1}`);
-  h(s, u, `${r}.${o}`), i.remap && h(s, i.remap.from, i.remap.to, [d]), i.values ? N(s, i.values) : M(s), s.style.viewTransitionName = "", c(s);
-  const l = o < e ? n[o] : n[e - 1].nextSibling;
-  t.parent.insertBefore(s, l);
+  for (let l = e - 1; l >= o; l--) d(n[l], `${r}.${l}`, `${r}.${l + 1}`);
+  d(s, u, `${r}.${o}`), i.remap && d(s, i.remap.from, i.remap.to, [h]), i.values ? R(s, i.values) : N(s), s.style.viewTransitionName = "", c(s);
+  const a = o < e ? n[o] : n[e - 1].nextSibling;
+  t.parent.insertBefore(s, a);
 }
 let $ = !1;
 function P() {

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-alpha.15",
+	"version": "1.0.0-alpha.16",
 	"homepage": "https://okno.build",
 	"type": "module",
 	"types": "./dist/index.d.ts",

package/src/runtime/wrap.ts

@@ -353,7 +353,17 @@ function wrapValue(value: unknown, fallbackPath: string, slot?: string): any {
 		return __oknoWrap(data, path, slot ?? path)
 	}
 	if (Array.isArray(value)) {
-		return value.map((el, i) => wrapValue(el, `${fallbackPath}.${i}`, `${fallbackPath}.${i}`))
+		const wrapped = value.map((el, i) => wrapValue(el, `${fallbackPath}.${i}`, `${fallbackPath}.${i}`))
+		// Keep the field API on array fields: `.toJSON()` yields the RAW items, the
+		// supported way to read a `multiple` block array (e.g. okno.build's homepage
+		// `headlines`). The wrapped value is a real array so `.map()`/iteration/spread
+		// keep working; `toJSON` is non-enumerable so it never leaks into those.
+		// Resolved references unwrap to their data so callers get clean raw items.
+		Object.defineProperty(wrapped, "toJSON", {
+			value: () => value.map((el) => (isOknoRef(el) ? el.__oknoRef.data : el)),
+			enumerable: false,
+		})
+		return wrapped
 	}
 	return __oknoWrap(value, fallbackPath, slot)
 }