hyperclayjs 1.24.0 → 1.24.1

package/README.md

@@ -79,7 +79,7 @@ import 'hyperclayjs/presets/standard.js';
 | input-helpers | 3.9KB | [prevent-enter], [autosize] for textareas |
 | movable | 2.5KB | Free-positioning drag with [movable] and [movable-handle], edit mode only |
 | onaftersave | 1KB | [onaftersave] attribute - run JS when save status changes |
-| save-freeze | 1.9KB | [save-freeze] attribute - freeze element innerHTML for saves, live DOM changes freely |
+| save-freeze | 2.8KB | [save-freeze] attribute - freeze element innerHTML for saves, live DOM changes freely |
 | sortable | 3.4KB | Drag-drop sorting with [sortable], lazy-loads ~118KB Sortable.js in edit mode |
 
 ### UI Components (User interface elements)
@@ -144,7 +144,7 @@ Standard feature set for most use cases
 
 **Modules:** `save-core`, `snapshot`, `save-system`, `unsaved-warning`, `edit-mode-helpers`, `persist`, `option-visibility`, `event-attrs`, `dom-helpers`, `toast`, `save-toast`, `export-to-window`, `view-mode-excludes-edit-modules`
 
-### Everything (~219.6KB)
+### Everything (~220.5KB)
 All available features
 
 Includes all available modules across all categories.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hyperclayjs",
-  "version": "1.24.0",
+  "version": "1.24.1",
   "description": "Modular JavaScript library for building interactive malleable HTML files with Hyperclay",
   "type": "module",
   "main": "src/hyperclay.js",

package/src/custom-attributes/saveFreeze.js

@@ -16,24 +16,54 @@
  * Changes inside [save-freeze] elements do not trigger autosave dirty checks.
  */
 
-import { onPrepareForSave } from "../core/snapshot.js";
+import { onSnapshot, onPrepareForSave } from "../core/snapshot.js";
 import { isEditMode } from "../core/isAdminOfCurrentResource.js";
 
 const originals = new WeakMap();
 
+const saveFreeze = { debug: false };
+
+function log(...args) {
+  if (saveFreeze.debug) console.log('[save-freeze]', ...args);
+}
+
 function capture(el) {
   if (!originals.has(el)) {
     originals.set(el, el.innerHTML);
+    log('captured original', el.innerHTML.substring(0, 80) + '...');
   }
 }
 
 function captureAll() {
-  for (const el of document.querySelectorAll('[save-freeze]')) {
+  const els = document.querySelectorAll('[save-freeze]');
+  log('captureAll found', els.length, 'elements');
+  for (const el of els) {
     capture(el);
   }
 }
 
+function freezeClone(clone) {
+  const liveElements = document.querySelectorAll('[save-freeze]');
+  const cloneElements = clone.querySelectorAll('[save-freeze]');
+
+  log('freezing clone — live:', liveElements.length, 'clone:', cloneElements.length);
+
+  for (let i = 0; i < cloneElements.length; i++) {
+    const liveEl = liveElements[i];
+    const hasOriginal = liveEl && originals.has(liveEl);
+    if (hasOriginal) {
+      const original = originals.get(liveEl);
+      const current = cloneElements[i].innerHTML;
+      if (original !== current) {
+        log('element', i, '— restoring original');
+        cloneElements[i].innerHTML = original;
+      }
+    }
+  }
+}
+
 function init() {
+  log('init, isEditMode:', isEditMode);
   if (!isEditMode) return;
 
   captureAll();
@@ -51,19 +81,15 @@ function init() {
   });
   observer.observe(document.documentElement, { childList: true, subtree: true });
 
-  onPrepareForSave(clone => {
-    const liveElements = document.querySelectorAll('[save-freeze]');
-    const cloneElements = clone.querySelectorAll('[save-freeze]');
+  // Phase 2: Freeze in snapshot — before snapshot-ready fires.
+  // This prevents live-sync from writing unfrozen content to disk.
+  onSnapshot(freezeClone);
 
-    for (let i = 0; i < cloneElements.length; i++) {
-      const liveEl = liveElements[i];
-      if (liveEl && originals.has(liveEl)) {
-        cloneElements[i].innerHTML = originals.get(liveEl);
-      }
-    }
-  });
+  // Phase 3a: Freeze again in prepare — belt-and-suspenders.
+  // Catches any modifications made between phase 2 and 3a (e.g., onbeforesave handlers).
+  onPrepareForSave(freezeClone);
 }
 
 init();
 
-export default init;
+export default saveFreeze;

package/src/hyperclay.js

@@ -1,7 +1,7 @@
 /**
  * DO NOT EDIT THIS FILE DIRECTLY — it is generated from build/hyperclay.template.js
  *
- * HyperclayJS v1.24.0 - Minimal Browser-Native Loader
+ * HyperclayJS v1.24.1 - Minimal Browser-Native Loader
  *
  * Modules auto-init when imported (no separate init call needed).
  * Include `export-to-window` feature to export to window.hyperclay.