@preprio/toolkit 0.5.0-rc.4 → 0.5.1-dom.0

package/dist/index.cjs

@@ -23,6 +23,7 @@ __export(src_exports, {
   PreprError: () => PreprError,
   PreprToolbarElement: () => PreprToolbarElement,
   VERSION: () => VERSION,
+  applyPatchLogToDom: () => applyPatchLogToDom,
   createPreprPreview: () => createPreprPreview,
   createToolbarStore: () => createToolbarStore,
   definePreprToolbar: () => definePreprToolbar,
@@ -49,7 +50,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/version.ts
-var VERSION = "0.5.0-rc.4";
+var VERSION = "0.5.1-dom.0";
 
 // src/core/features.ts
 function isEnabled(config) {
@@ -4817,6 +4818,173 @@ function createLiveBridge(store, options = {}) {
   };
 }
 
+// src/core/live-preview/dom-patch.ts
+var INDEX_SEGMENT4 = /^\d+$/;
+var LIVE_ATTRIBUTE = "data-prepr-live";
+function fieldKey(path) {
+  return path.split(".").filter((segment) => segment && segment !== "items").map(
+    (segment) => INDEX_SEGMENT4.test(segment) ? String(Number.parseInt(segment, 10)) : segment
+  ).join(".");
+}
+function patchTargets(patch) {
+  if (patch.type !== "field") return [];
+  const targets = [{ item: patch.itemId, field: patch.field }];
+  if (patch.edit) targets.unshift(patch.edit);
+  return targets;
+}
+function matchingElements(candidates, item, field) {
+  const wanted = fieldKey(field);
+  return candidates.filter((element) => {
+    if (element.getAttribute("data-prepr-id") !== item) return false;
+    const tagged = element.getAttribute("data-prepr-field");
+    return tagged !== null && fieldKey(tagged) === wanted;
+  });
+}
+var DROPPED_ELEMENTS = /* @__PURE__ */ new Set([
+  "SCRIPT",
+  "STYLE",
+  "IFRAME",
+  "OBJECT",
+  "EMBED",
+  "TEMPLATE",
+  "NOSCRIPT",
+  "SVG",
+  "MATH",
+  "LINK",
+  "META",
+  "BASE",
+  "FORM",
+  "INPUT",
+  "BUTTON",
+  "TEXTAREA",
+  "SELECT"
+]);
+var ALLOWED_ELEMENTS = /* @__PURE__ */ new Set([
+  "A",
+  "ABBR",
+  "B",
+  "BLOCKQUOTE",
+  "BR",
+  "CODE",
+  "DEL",
+  "DIV",
+  "EM",
+  "H1",
+  "H2",
+  "H3",
+  "H4",
+  "H5",
+  "H6",
+  "HR",
+  "I",
+  "INS",
+  "LI",
+  "MARK",
+  "OL",
+  "P",
+  "PRE",
+  "S",
+  "SMALL",
+  "SPAN",
+  "STRONG",
+  "SUB",
+  "SUP",
+  "TABLE",
+  "TBODY",
+  "TD",
+  "TH",
+  "THEAD",
+  "TR",
+  "U",
+  "UL"
+]);
+var SAFE_HREF = /^(?:https?:|mailto:|tel:|\/|#|\.{0,2}\/|[^:]*$)/i;
+function sanitizeRichText(html) {
+  const template = document.createElement("template");
+  template.innerHTML = html;
+  const out = document.createDocumentFragment();
+  const copy = (source, target) => {
+    for (const child of Array.from(source.childNodes)) {
+      if (child.nodeType === Node.TEXT_NODE) {
+        target.appendChild(document.createTextNode(child.textContent ?? ""));
+        continue;
+      }
+      if (child.nodeType !== Node.ELEMENT_NODE) continue;
+      const element = child;
+      const tag = element.tagName.toUpperCase();
+      if (DROPPED_ELEMENTS.has(tag)) continue;
+      if (!ALLOWED_ELEMENTS.has(tag)) {
+        copy(element, target);
+        continue;
+      }
+      const clean = document.createElement(tag.toLowerCase());
+      if (tag === "A") {
+        const href = element.getAttribute("href")?.trim();
+        if (href && SAFE_HREF.test(href.replace(/[\t\n\r]/g, ""))) {
+          clean.setAttribute("href", href);
+        }
+        if (element.getAttribute("target") === "_blank") {
+          clean.setAttribute("target", "_blank");
+          clean.setAttribute("rel", "noopener noreferrer");
+        }
+      }
+      copy(element, clean);
+      target.appendChild(clean);
+    }
+  };
+  copy(template.content, out);
+  return out;
+}
+var RICH_TEXT = /^\s*<[a-z!/]/i;
+function writeText(element, text) {
+  if (!element.children.length) {
+    if (element.textContent !== text) element.textContent = text;
+    return true;
+  }
+  for (const node of Array.from(element.childNodes)) {
+    const current = node.textContent ?? "";
+    if (node.nodeType !== Node.TEXT_NODE || !current.trim()) continue;
+    const next = current.match(/^\s*/)[0] + text + current.match(/\s*$/)[0];
+    if (current !== next) node.textContent = next;
+    return true;
+  }
+  return false;
+}
+function applyPatchLogToDom(log, root = document) {
+  const candidates = Array.from(
+    root.querySelectorAll("[data-prepr-encoded]")
+  );
+  let applied = 0;
+  let skipped = 0;
+  for (const patch of log) {
+    if (patch.type !== "field" || typeof patch.value !== "string") {
+      skipped++;
+      continue;
+    }
+    let elements = [];
+    for (const { item, field } of patchTargets(patch)) {
+      elements = matchingElements(candidates, item, field);
+      if (elements.length) break;
+    }
+    let written = false;
+    for (const element of elements) {
+      const mode = element.closest(`[${LIVE_ATTRIBUTE}]`)?.getAttribute(LIVE_ATTRIBUTE);
+      if (mode === "off") continue;
+      if (mode === "html") {
+        element.replaceChildren(sanitizeRichText(patch.value));
+        written = true;
+      } else if (RICH_TEXT.test(patch.value)) {
+        continue;
+      } else if (writeText(element, patch.value)) {
+        written = true;
+      }
+    }
+    if (written) applied++;
+    else skipped++;
+  }
+  return { applied, skipped };
+}
+
 // src/core/live-preview/live-store.ts
 var debug13 = createScopedLogger("live-preview");
 var INVALIDATE_DEBOUNCE_MS = 150;
@@ -5107,8 +5275,14 @@ function startHtmlLivePreview(options = {}) {
       else void render(log);
     }, SYNC_DEBOUNCE_MS);
   };
+  const apply = options.apply ?? "server";
   const offLog = store.onLogChange((log) => {
-    if (log.length) schedule(log);
+    if (!log.length) return;
+    if (apply === "server") {
+      schedule(log);
+      return;
+    }
+    applyPatchLogToDom(log);
   });
   const offInvalidate = store.onInvalidate(() => schedule([]));
   return {
@@ -5530,6 +5704,7 @@ function setTrackingParam(key, value) {
   PreprError,
   PreprToolbarElement,
   VERSION,
+  applyPatchLogToDom,
   createPreprPreview,
   createToolbarStore,
   definePreprToolbar,

package/dist/index.d.cts

@@ -1,11 +1,13 @@
-import { P as PreprFeatures, R as ResolvedPreprFeatures, L as Locale, a as PreprSegment, b as PreprVariant, c as PreprToolbarProps, d as PreprPreviewOptions, e as PreprErrorCode, f as PreprHeaders } from './pixel-CX422dCO.cjs';
-export { g as PreprEnvironment, h as PreprEventType, i as PreprFeatureConfig, j as PreprHeaderName, k as PreprPixelConfig, l as PreprToolbarComponentProps, m as PreprToolbarOptions, n as loadTrackingPixel, s as setTrackingParam, t as trackEvent } from './pixel-CX422dCO.cjs';
+import { b as PreprFeatures, R as ResolvedPreprFeatures, L as Locale, c as PreprSegment, d as PreprVariant, P as PreprToolbarProps, a as PreprPreviewOptions, e as PreprErrorCode, f as PreprHeaders } from './types-DtMa_-f2.cjs';
+export { g as PreprEnvironment, h as PreprEventType, i as PreprFeatureConfig, j as PreprHeaderName, k as PreprToolbarComponentProps, l as PreprToolbarOptions } from './types-DtMa_-f2.cjs';
+export { a as HtmlLivePreview, H as HtmlLivePreviewOptions, s as startHtmlLivePreview } from './html-live-DzmEG9wU.cjs';
+export { P as PreprPixelConfig, l as loadTrackingPixel, s as setTrackingParam, t as trackEvent } from './pixel-DwW7cXJm.cjs';
 
 /**
  * Package version; must match package.json. Lives in its own leaf module so
  * core can import it without cycling through the barrel.
  */
-declare const VERSION = "0.5.0-rc.4";
+declare const VERSION = "0.5.1-dom.0";
 
 /**
  * Resolve a `PreprFeatures` bag to plain booleans, defaulting every omitted key
@@ -355,30 +357,6 @@ declare function parsePatchLog(raw: unknown): LivePatch[];
  */
 declare function normalizeQuery<T>(query: QueryInput, result: T, options?: NormalizeQueryOptions): T;
 
-interface HtmlLivePreviewOptions {
-    /**
-     * Replace the `*.prepr.io` editor-origin wildcard with an exact list, as
-     * the toolbar's option of the same name.
-     */
-    allowedEditorOrigins?: string[];
-    /** See the toolbar's `strictMode`. */
-    strictMode?: boolean;
-}
-interface HtmlLivePreview {
-    stop(): void;
-}
-/**
- * Live preview for server-rendered pages without a client framework (Astro,
- * or any HTML-first site): while an editor types, the page is requested
- * again from the server with the unsaved changes in the request body, and
- * only the parts of the DOM that changed are updated. On save the page is
- * requested without changes. The server applies them with `normalizeQuery`;
- * see `readLiveLogFromRequest`.
- *
- * A no-op outside the Prepr editor's preview iframe.
- */
-declare function startHtmlLivePreview(options?: HtmlLivePreviewOptions): HtmlLivePreview;
-
 /**
  * The editor's unsaved changes carried by a live-preview re-render request
  * (sent by `startHtmlLivePreview`), or an empty list for any other request.
@@ -391,6 +369,31 @@ declare function startHtmlLivePreview(options?: HtmlLivePreviewOptions): HtmlLiv
  */
 declare function readLiveLogFromRequest(request: Request): Promise<LivePatch[]>;
 
+interface DomPatchResult {
+    /** Changes written to the page. */
+    applied: number;
+    /**
+     * Changes the page could not show: structured values (assets, links),
+     * list changes, rich text outside `data-prepr-live="html"`, and text no
+     * element on the page renders. They appear when the page is rendered
+     * again.
+     */
+    skipped: number;
+}
+/**
+ * Show the editor's unsaved text changes by writing them into the elements
+ * whose edit links point at the changed field, with no server round trip.
+ *
+ * Plain text is written as text. Rich text (HTML) is written only where the
+ * element or an ancestor carries `data-prepr-live="html"`, reduced to
+ * formatting markup first; elsewhere it waits for save rather than lose its
+ * formatting. `data-prepr-live="off"` leaves an element alone, for values the
+ * template reformats (dates, truncation) and that should wait for save.
+ *
+ * Replays the whole log, so applying the same log twice changes nothing.
+ */
+declare function applyPatchLogToDom(log: readonly LivePatch[], root?: ParentNode): DomPatchResult;
+
 /** Error thrown by the token helpers and the segments fetch. */
 declare class PreprError extends Error {
     readonly code: PreprErrorCode;
@@ -476,4 +479,4 @@ interface PreprMiddlewareOptions {
  */
 declare function processPreprRequest(request: Request, opts?: PreprMiddlewareOptions): PreprMiddlewareResult;
 
-export { type CookieSpec, type CreatePreprPreviewOptions, type HtmlLivePreview, type HtmlLivePreviewOptions, type IframeBridgeOptions, type LivePatch, type NormalizeQueryOptions, PreprError, PreprErrorCode, PreprFeatures, PreprHeaders, type PreprMiddlewareOptions, type PreprMiddlewareResult, type PreprNavigationAdapter, type PreprPreviewController, PreprPreviewOptions, PreprSegment, PreprToolbarElement, PreprToolbarProps, PreprVariant, type PreviewAttrsOptions, type PreviewAttrsTarget, type QueryInput, ResolvedPreprFeatures, type ToolbarState, type ToolbarStore, VERSION, createPreprPreview, createToolbarStore, definePreprToolbar, extractAccessToken, getActiveSegmentFromHeaders, getActiveVariantFromHeaders, getPreprEnvironmentSegments, getPreprHeadersFromHeaders, getPreprUUIDFromHeaders, getToolbarPropsFromHeaders, normalizeQuery, parsePatchLog, previewAttrs, processPreprRequest, readLiveLogFromRequest, resolveFeatures, startHtmlLivePreview, stegaClean, validatePreprToken };
+export { type CookieSpec, type CreatePreprPreviewOptions, type DomPatchResult, type IframeBridgeOptions, type LivePatch, type NormalizeQueryOptions, PreprError, PreprErrorCode, PreprFeatures, PreprHeaders, type PreprMiddlewareOptions, type PreprMiddlewareResult, type PreprNavigationAdapter, type PreprPreviewController, PreprPreviewOptions, PreprSegment, PreprToolbarElement, PreprToolbarProps, PreprVariant, type PreviewAttrsOptions, type PreviewAttrsTarget, type QueryInput, ResolvedPreprFeatures, type ToolbarState, type ToolbarStore, VERSION, applyPatchLogToDom, createPreprPreview, createToolbarStore, definePreprToolbar, extractAccessToken, getActiveSegmentFromHeaders, getActiveVariantFromHeaders, getPreprEnvironmentSegments, getPreprHeadersFromHeaders, getPreprUUIDFromHeaders, getToolbarPropsFromHeaders, normalizeQuery, parsePatchLog, previewAttrs, processPreprRequest, readLiveLogFromRequest, resolveFeatures, stegaClean, validatePreprToken };

package/dist/index.d.ts

@@ -1,11 +1,13 @@
-import { P as PreprFeatures, R as ResolvedPreprFeatures, L as Locale, a as PreprSegment, b as PreprVariant, c as PreprToolbarProps, d as PreprPreviewOptions, e as PreprErrorCode, f as PreprHeaders } from './pixel-CX422dCO.js';
-export { g as PreprEnvironment, h as PreprEventType, i as PreprFeatureConfig, j as PreprHeaderName, k as PreprPixelConfig, l as PreprToolbarComponentProps, m as PreprToolbarOptions, n as loadTrackingPixel, s as setTrackingParam, t as trackEvent } from './pixel-CX422dCO.js';
+import { b as PreprFeatures, R as ResolvedPreprFeatures, L as Locale, c as PreprSegment, d as PreprVariant, P as PreprToolbarProps, a as PreprPreviewOptions, e as PreprErrorCode, f as PreprHeaders } from './types-DtMa_-f2.js';
+export { g as PreprEnvironment, h as PreprEventType, i as PreprFeatureConfig, j as PreprHeaderName, k as PreprToolbarComponentProps, l as PreprToolbarOptions } from './types-DtMa_-f2.js';
+export { a as HtmlLivePreview, H as HtmlLivePreviewOptions, s as startHtmlLivePreview } from './html-live-DzmEG9wU.js';
+export { P as PreprPixelConfig, l as loadTrackingPixel, s as setTrackingParam, t as trackEvent } from './pixel-DwW7cXJm.js';
 
 /**
  * Package version; must match package.json. Lives in its own leaf module so
  * core can import it without cycling through the barrel.
  */
-declare const VERSION = "0.5.0-rc.4";
+declare const VERSION = "0.5.1-dom.0";
 
 /**
  * Resolve a `PreprFeatures` bag to plain booleans, defaulting every omitted key
@@ -355,30 +357,6 @@ declare function parsePatchLog(raw: unknown): LivePatch[];
  */
 declare function normalizeQuery<T>(query: QueryInput, result: T, options?: NormalizeQueryOptions): T;
 
-interface HtmlLivePreviewOptions {
-    /**
-     * Replace the `*.prepr.io` editor-origin wildcard with an exact list, as
-     * the toolbar's option of the same name.
-     */
-    allowedEditorOrigins?: string[];
-    /** See the toolbar's `strictMode`. */
-    strictMode?: boolean;
-}
-interface HtmlLivePreview {
-    stop(): void;
-}
-/**
- * Live preview for server-rendered pages without a client framework (Astro,
- * or any HTML-first site): while an editor types, the page is requested
- * again from the server with the unsaved changes in the request body, and
- * only the parts of the DOM that changed are updated. On save the page is
- * requested without changes. The server applies them with `normalizeQuery`;
- * see `readLiveLogFromRequest`.
- *
- * A no-op outside the Prepr editor's preview iframe.
- */
-declare function startHtmlLivePreview(options?: HtmlLivePreviewOptions): HtmlLivePreview;
-
 /**
  * The editor's unsaved changes carried by a live-preview re-render request
  * (sent by `startHtmlLivePreview`), or an empty list for any other request.
@@ -391,6 +369,31 @@ declare function startHtmlLivePreview(options?: HtmlLivePreviewOptions): HtmlLiv
  */
 declare function readLiveLogFromRequest(request: Request): Promise<LivePatch[]>;
 
+interface DomPatchResult {
+    /** Changes written to the page. */
+    applied: number;
+    /**
+     * Changes the page could not show: structured values (assets, links),
+     * list changes, rich text outside `data-prepr-live="html"`, and text no
+     * element on the page renders. They appear when the page is rendered
+     * again.
+     */
+    skipped: number;
+}
+/**
+ * Show the editor's unsaved text changes by writing them into the elements
+ * whose edit links point at the changed field, with no server round trip.
+ *
+ * Plain text is written as text. Rich text (HTML) is written only where the
+ * element or an ancestor carries `data-prepr-live="html"`, reduced to
+ * formatting markup first; elsewhere it waits for save rather than lose its
+ * formatting. `data-prepr-live="off"` leaves an element alone, for values the
+ * template reformats (dates, truncation) and that should wait for save.
+ *
+ * Replays the whole log, so applying the same log twice changes nothing.
+ */
+declare function applyPatchLogToDom(log: readonly LivePatch[], root?: ParentNode): DomPatchResult;
+
 /** Error thrown by the token helpers and the segments fetch. */
 declare class PreprError extends Error {
     readonly code: PreprErrorCode;
@@ -476,4 +479,4 @@ interface PreprMiddlewareOptions {
  */
 declare function processPreprRequest(request: Request, opts?: PreprMiddlewareOptions): PreprMiddlewareResult;
 
-export { type CookieSpec, type CreatePreprPreviewOptions, type HtmlLivePreview, type HtmlLivePreviewOptions, type IframeBridgeOptions, type LivePatch, type NormalizeQueryOptions, PreprError, PreprErrorCode, PreprFeatures, PreprHeaders, type PreprMiddlewareOptions, type PreprMiddlewareResult, type PreprNavigationAdapter, type PreprPreviewController, PreprPreviewOptions, PreprSegment, PreprToolbarElement, PreprToolbarProps, PreprVariant, type PreviewAttrsOptions, type PreviewAttrsTarget, type QueryInput, ResolvedPreprFeatures, type ToolbarState, type ToolbarStore, VERSION, createPreprPreview, createToolbarStore, definePreprToolbar, extractAccessToken, getActiveSegmentFromHeaders, getActiveVariantFromHeaders, getPreprEnvironmentSegments, getPreprHeadersFromHeaders, getPreprUUIDFromHeaders, getToolbarPropsFromHeaders, normalizeQuery, parsePatchLog, previewAttrs, processPreprRequest, readLiveLogFromRequest, resolveFeatures, startHtmlLivePreview, stegaClean, validatePreprToken };
+export { type CookieSpec, type CreatePreprPreviewOptions, type DomPatchResult, type IframeBridgeOptions, type LivePatch, type NormalizeQueryOptions, PreprError, PreprErrorCode, PreprFeatures, PreprHeaders, type PreprMiddlewareOptions, type PreprMiddlewareResult, type PreprNavigationAdapter, type PreprPreviewController, PreprPreviewOptions, PreprSegment, PreprToolbarElement, PreprToolbarProps, PreprVariant, type PreviewAttrsOptions, type PreviewAttrsTarget, type QueryInput, ResolvedPreprFeatures, type ToolbarState, type ToolbarStore, VERSION, applyPatchLogToDom, createPreprPreview, createToolbarStore, definePreprToolbar, extractAccessToken, getActiveSegmentFromHeaders, getActiveVariantFromHeaders, getPreprEnvironmentSegments, getPreprHeadersFromHeaders, getPreprUUIDFromHeaders, getToolbarPropsFromHeaders, normalizeQuery, parsePatchLog, previewAttrs, processPreprRequest, readLiveLogFromRequest, resolveFeatures, stegaClean, validatePreprToken };

package/dist/index.js

@@ -1,3 +1,12 @@
+import {
+  applyPatchLogToDom,
+  startHtmlLivePreview
+} from "./chunk-SZTHSJUA.js";
+import {
+  loadTrackingPixel,
+  setTrackingParam,
+  trackEvent
+} from "./chunk-5I5TQ3NO.js";
 import {
   COOKIE_HUBSPOT,
   COOKIE_PREVIEW_MODE,
@@ -13,11 +22,8 @@ import {
   createPreprPreview,
   createToolbarStore,
   definePreprToolbar,
-  loadTrackingPixel,
-  setTrackingParam,
-  stegaClean,
-  trackEvent
-} from "./chunk-PDNCNTDB.js";
+  stegaClean
+} from "./chunk-RRM5762S.js";
 import {
   PreprError,
   extractAccessToken,
@@ -28,23 +34,21 @@ import {
   getPreprUUIDFromHeaders,
   getToolbarPropsFromHeaders,
   validatePreprToken
-} from "./chunk-AHBN6FQP.js";
+} from "./chunk-IOSO232M.js";
 import {
-  VERSION,
-  resolveFeatures
-} from "./chunk-46ISDRHT.js";
+  VERSION
+} from "./chunk-UK664KSV.js";
 import {
-  createLiveBridge,
-  createLiveStore
-} from "./chunk-TG6N3C22.js";
+  resolveFeatures
+} from "./chunk-TEB7M7EM.js";
+import "./chunk-IKOOXTPM.js";
 import "./chunk-URXSDJOU.js";
 import {
   normalizeQuery,
   parsePatchLog
-} from "./chunk-74KY5EAM.js";
-import {
-  createScopedLogger
-} from "./chunk-S3VT4UWM.js";
+} from "./chunk-ZFGVP2GW.js";
+import "./chunk-AZC4BZJI.js";
+import "./chunk-S3VT4UWM.js";
 
 // src/core/preview-attrs.ts
 function previewAttrs(target, options) {
@@ -59,144 +63,6 @@ function previewAttrs(target, options) {
   return attrs;
 }
 
-// src/core/live-preview/morph.ts
-function morphElement(current, next) {
-  syncAttributes(current, next);
-  morphChildren(current, next);
-}
-var SKIP_ATTR = "data-prepr-morph-skip";
-var RUNTIME_ATTR_PREFIXES = ["data-prepr-"];
-function isRuntimeAttribute(name) {
-  return RUNTIME_ATTR_PREFIXES.some((prefix) => name.startsWith(prefix));
-}
-function syncAttributes(current, next) {
-  for (const { name } of Array.from(current.attributes)) {
-    if (!next.hasAttribute(name) && !isRuntimeAttribute(name)) {
-      current.removeAttribute(name);
-    }
-  }
-  for (const { name, value } of Array.from(next.attributes)) {
-    if (current.getAttribute(name) !== value) current.setAttribute(name, value);
-  }
-}
-function isSkipped(node) {
-  return node.nodeType === Node.ELEMENT_NODE && (node.hasAttribute(SKIP_ATTR) || node.localName === "prepr-toolbar");
-}
-function sameKind(a, b) {
-  if (a.nodeType !== b.nodeType) return false;
-  if (a.nodeType !== Node.ELEMENT_NODE) return true;
-  const ea = a;
-  const eb = b;
-  return ea.localName === eb.localName && ea.id === eb.id;
-}
-function morphChildren(current, next) {
-  const wanted = Array.from(next.childNodes).filter((n) => !isSkipped(n));
-  const existing = Array.from(current.childNodes).filter((n) => !isSkipped(n));
-  wanted.forEach((target, i) => {
-    const node = existing[i];
-    if (node && sameKind(node, target)) {
-      if (node.nodeType === Node.ELEMENT_NODE) {
-        const element = node;
-        if (element.localName === "script") return;
-        if (element.localName === "astro-island" && !element.isEqualNode(target)) {
-          element.replaceWith(adopt(target, current));
-          return;
-        }
-        morphElement(element, target);
-      } else if (node.nodeValue !== target.nodeValue) {
-        node.nodeValue = target.nodeValue;
-      }
-      return;
-    }
-    const replacement = adopt(target, current);
-    if (node) node.replaceWith(replacement);
-    else current.appendChild(replacement);
-  });
-  for (const extra of existing.slice(wanted.length)) extra.remove();
-}
-function adopt(node, parent) {
-  const copy = parent.ownerDocument.importNode(node, true);
-  if (copy.nodeType === Node.ELEMENT_NODE) {
-    const element = copy;
-    const scripts = element.localName === "script" ? [element] : Array.from(element.querySelectorAll("script"));
-    scripts.forEach((s) => s.setAttribute("data-prepr-morphed", ""));
-  }
-  return copy;
-}
-
-// src/core/live-preview/html-live.ts
-var debug = createScopedLogger("live-preview:html");
-var COMPLETE_DOCUMENT = /<\/html>\s*$/i;
-var SYNC_DEBOUNCE_MS = 150;
-function startHtmlLivePreview(options = {}) {
-  if (typeof window === "undefined" || window.self === window.top) {
-    return { stop() {
-    } };
-  }
-  const store = createLiveStore();
-  const bridge = createLiveBridge(store, {
-    allowedEditorOrigins: () => options.allowedEditorOrigins,
-    strictMode: () => options.strictMode
-  });
-  bridge.start();
-  let timer = null;
-  let inFlight = false;
-  let pending = null;
-  let stopped = false;
-  const render = async (log) => {
-    inFlight = true;
-    try {
-      const response = await fetch(window.location.href, {
-        method: log.length ? "POST" : "GET",
-        headers: log.length ? { "Content-Type": "application/json", [HEADER_LIVE_RENDER]: "1" } : {},
-        body: log.length ? JSON.stringify({ log }) : void 0,
-        credentials: "same-origin",
-        cache: "no-store"
-      });
-      if (!response.ok) throw new Error(`HTTP ${response.status}`);
-      const html = await response.text();
-      if (stopped) return;
-      if (!COMPLETE_DOCUMENT.test(html)) {
-        throw new Error("incomplete page; a component failed to render");
-      }
-      const next = new DOMParser().parseFromString(html, "text/html");
-      if (next.title && next.title !== document.title)
-        document.title = next.title;
-      morphElement(document.body, next.body);
-    } catch (error) {
-      debug.log("re-render failed", error);
-    } finally {
-      inFlight = false;
-    }
-    if (pending && !stopped) {
-      const queued = pending;
-      pending = null;
-      void render(queued);
-    }
-  };
-  const schedule = (log) => {
-    if (timer) clearTimeout(timer);
-    timer = setTimeout(() => {
-      timer = null;
-      if (inFlight) pending = log;
-      else void render(log);
-    }, SYNC_DEBOUNCE_MS);
-  };
-  const offLog = store.onLogChange((log) => {
-    if (log.length) schedule(log);
-  });
-  const offInvalidate = store.onInvalidate(() => schedule([]));
-  return {
-    stop() {
-      stopped = true;
-      if (timer) clearTimeout(timer);
-      offLog();
-      offInvalidate();
-      bridge.stop();
-    }
-  };
-}
-
 // src/core/live-preview/live-request.ts
 var MAX_BODY_BYTES = 1e6;
 async function readLiveLogFromRequest(request) {
@@ -376,6 +242,7 @@ export {
   PreprError,
   PreprToolbarElement,
   VERSION,
+  applyPatchLogToDom,
   createPreprPreview,
   createToolbarStore,
   definePreprToolbar,

package/dist/{live-preview-H4643QYF.js → live-preview-IYAS7PYV.js}

@@ -1,13 +1,14 @@
 import {
   createLiveBridge,
   createLiveStore
-} from "./chunk-TG6N3C22.js";
+} from "./chunk-IKOOXTPM.js";
 import "./chunk-URXSDJOU.js";
 import {
   applyPatchLog,
   normalizeQuery,
   parsePatchLog
-} from "./chunk-74KY5EAM.js";
+} from "./chunk-ZFGVP2GW.js";
+import "./chunk-AZC4BZJI.js";
 import "./chunk-S3VT4UWM.js";
 export {
   applyPatchLog,

package/dist/nextjs/components.cjs

@@ -3517,7 +3517,7 @@ function createPreprPreview(opts = {}) {
 var import_react = require("react");
 
 // src/version.ts
-var VERSION = "0.5.0-rc.4";
+var VERSION = "0.5.1-dom.0";
 
 // src/core/pixel.ts
 var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";

package/dist/nextjs/components.d.cts

@@ -1,4 +1,5 @@
-import { k as PreprPixelConfig, l as PreprToolbarComponentProps } from '../pixel-CX422dCO.cjs';
+import { k as PreprToolbarComponentProps } from '../types-DtMa_-f2.cjs';
+import { P as PreprPixelConfig } from '../pixel-DwW7cXJm.cjs';
 
 interface PreprTrackingPixelProps {
     /** Prepr tracking/access token. */

package/dist/nextjs/components.d.ts

@@ -1,4 +1,5 @@
-import { k as PreprPixelConfig, l as PreprToolbarComponentProps } from '../pixel-CX422dCO.js';
+import { k as PreprToolbarComponentProps } from '../types-DtMa_-f2.js';
+import { P as PreprPixelConfig } from '../pixel-DwW7cXJm.js';
 
 interface PreprTrackingPixelProps {
     /** Prepr tracking/access token. */

package/dist/nextjs/components.js

@@ -1,9 +1,12 @@
 "use client";
 import {
-  createPreprPreview,
   loadTrackingPixel
-} from "../chunk-PDNCNTDB.js";
-import "../chunk-46ISDRHT.js";
+} from "../chunk-5I5TQ3NO.js";
+import {
+  createPreprPreview
+} from "../chunk-RRM5762S.js";
+import "../chunk-UK664KSV.js";
+import "../chunk-TEB7M7EM.js";
 import "../chunk-URXSDJOU.js";
 import "../chunk-S3VT4UWM.js";
 

package/dist/nextjs/index.cjs

@@ -49,7 +49,7 @@ module.exports = __toCommonJS(nextjs_exports);
 var import_server = require("next/server");
 
 // src/version.ts
-var VERSION = "0.5.0-rc.4";
+var VERSION = "0.5.1-dom.0";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/nextjs/index.js

@@ -2,7 +2,7 @@
 import { NextResponse } from "next/server";
 
 // src/version.ts
-var VERSION = "0.5.0-rc.4";
+var VERSION = "0.5.1-dom.0";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";