@panphora/bevel 0.2.0 → 0.2.1

package/examples/setup-peers.mjs

@@ -7,7 +7,7 @@ const distributions = {
   richclay: ["richclay.js", "richclay.css", "LICENSE", "THIRD-PARTY-NOTICES.md", "vendor/squire.js", "vendor/squire.provenance.json", "vendor/SQUIRE-LICENSE", "vendor/purify.min.js", "vendor/DOMPURIFY-LICENSE", "vendor/DOMPURIFY-LICENSE-MPL"],
   quickcrop: ["quickcrop.js", "quickcrop.css", "LICENSE"],
   hypercms: ["dist/hypercms.min.js", "LICENSE"],
-  "clay-mutation": ["src/lib/mutation.js", "src/lib/extension-noise.js", "src/lib/region-policy.js", "src/lib/region-capabilities.js", "src/lib/root-attrs.js", "src/lib/user-gesture.js", "LICENSE"]
+  "clay-mutation": ["src/lib/mutation.js", "src/lib/extension-noise.js", "src/lib/region-policy.js", "src/lib/region-capabilities.js", "src/lib/root-attrs.js", "src/lib/user-gesture.js", "src/lib/ephemeral.js", "LICENSE"]
 };
 const packageNames = { hypercms: "@panphora/hyper-cms", "clay-mutation": "@panphora/clayjs" };
 const [name, source] = process.argv.slice(2);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@panphora/bevel",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Beveled controls in an editorial page. One stylesheet, one script, no build.",
   "license": "MIT-0",
   "author": "David Miranda",

package/vendor/richclay/provenance.json

@@ -1,9 +1,9 @@
 {
   "name": "richclay",
-  "version": "0.5.0",
+  "version": "0.6.1",
   "source": "Explicitly supplied local distribution; hashes identify the exact tested bytes, not a published release claim.",
   "files": {
-    "richclay.js": "c332abebbe33b8ef7d50130d3f0d433ccf28f73761c6f6225c7c78120212725e",
+    "richclay.js": "3efdc37689e640e0c3fddcef41617243dca186679a8f799cde16db7aa245f2c7",
     "richclay.css": "fc44ab9e71f8b66950fbda5a535774c7acb97d7e54aff2521ea4122d21422d47",
     "LICENSE": "5312a8ef6ff9a844697b8b112612467efd12957e8afba098ce600dec0f8396c4",
     "THIRD-PARTY-NOTICES.md": "3659529614b62297b8336ac7f6189ef9f67425911265bff1cde8d136df21562b",

package/vendor/richclay/richclay.js

@@ -1568,7 +1568,8 @@ var RichClayBundle = (() => {
     "no-undo",
     "no-data",
     "freeze",
-    "editor-ui"
+    "editor-ui",
+    "live"
   ]);
   function hasPolicyToken(element, token) {
     if (!element || element.nodeType !== 1) return false;
@@ -1609,9 +1610,6 @@ var RichClayBundle = (() => {
     if ("value" in source && "value" in copy && source.tagName !== "OPTION" && type !== "checkbox" && type !== "radio" && type !== "file") copy.value = source.value;
     if (source.tagName === "INPUT" && (type === "checkbox" || type === "radio")) copy.checked = source.checked;
     if (source.tagName === "OPTION") copy.selected = source.selected;
-    if (source.tagName === "SELECT") {
-      for (let i = 0; i < source.options.length; i++) copy.options[i].selected = source.options[i].selected;
-    }
     if ("indeterminate" in source && "indeterminate" in copy) copy.indeterminate = source.indeterminate;
   }
   function matchesWithin(node, selector, boundary, inherit) {
@@ -1624,40 +1622,60 @@ var RichClayBundle = (() => {
     }
     return false;
   }
-  function importTree(source, targetDocument, capability, capabilityMatch, exclude, boundary, inherit, maps) {
-    if (source.nodeType === 1 && ((inherit ? hasCapability(source, capability) : matchesWithin(source, capabilityMatch, boundary, false)) || exclude && (inherit && source !== boundary ? source.matches(exclude) : matchesWithin(source, exclude, boundary, inherit)))) return null;
-    const copy = targetDocument.importNode(source, false);
+  function excluded(source, capability, capabilityMatch, exclude, boundary, inherit) {
+    return (inherit ? hasCapability(source, capability) : matchesWithin(source, capabilityMatch, boundary, false)) || !!(exclude && (inherit && source !== boundary ? source.matches(exclude) : matchesWithin(source, exclude, boundary, inherit)));
+  }
+  function hasOwnCapability(element, capability) {
+    const definition = CAPABILITIES[capability];
+    return definition.tokens.some((token) => expandsTo(element, token)) || definition.bundles.some((bundle) => hasPolicyToken(element, bundle));
+  }
+  var CONTROL_TAGS = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT", "OPTION"]);
+  function pairTree(source, copy, maps, drop) {
+    if (source.nodeType === 1 && drop(source)) {
+      maps.dropped.push(copy);
+      return;
+    }
     maps.cloneToLive.set(copy, source);
     maps.liveToClone.set(source, copy);
-    const sourceChildren = source.nodeType === 1 && source.tagName === "TEMPLATE" ? source.content : source;
-    const copyChildren = copy.nodeType === 1 && copy.tagName === "TEMPLATE" ? copy.content : copy;
-    if (sourceChildren !== source) {
-      maps.cloneToLive.set(copyChildren, sourceChildren);
-      maps.liveToClone.set(sourceChildren, copyChildren);
-    }
-    for (const child of sourceChildren.childNodes || []) {
-      const childCopy = importTree(child, targetDocument, capability, capabilityMatch, exclude, boundary, inherit, maps);
-      if (childCopy) {
-        copyChildren.appendChild(childCopy);
-        if (child.nodeType === 1) copyControlState(child, childCopy);
-      }
-    }
-    if (source.nodeType === 1) copyControlState(source, copy);
-    return copy;
-  }
-  function createContentView(context, { capability = "data", exclude = null, inherit = true } = {}) {
+    let sourceChildren = source;
+    let copyChildren = copy;
+    if (source.nodeType === 1) {
+      if (CONTROL_TAGS.has(source.tagName)) maps.controls.push(source, copy);
+      if (source.tagName === "TEMPLATE") {
+        while (copy.firstChild) copy.removeChild(copy.firstChild);
+        sourceChildren = source.content;
+        copyChildren = copy.content;
+        maps.cloneToLive.set(copyChildren, sourceChildren);
+        maps.liveToClone.set(sourceChildren, copyChildren);
+      }
+    } else if (source.nodeType !== 11) return;
+    let c = copyChildren.firstChild;
+    for (let s = sourceChildren.firstChild; s && c; s = s.nextSibling) {
+      pairTree(s, c, maps, drop);
+      c = c.nextSibling;
+    }
+  }
+  function createContentView(context, { capability = "data", exclude = null, inherit = true, provenance = null } = {}) {
     if (!context) throw new TypeError("createContentView requires a DOM context");
     const sourceDocument = context.nodeType === 9 ? context : context.ownerDocument;
     if (!sourceDocument?.implementation?.createHTMLDocument) {
       throw new TypeError("createContentView requires an HTML DOM implementation");
     }
     const inertDocument = sourceDocument.implementation.createHTMLDocument("");
-    const cloneToLive = /* @__PURE__ */ new WeakMap();
+    const cloneToLive = provenance || /* @__PURE__ */ new WeakMap();
     const liveToClone = /* @__PURE__ */ new WeakMap();
     const sourceRoot = context.nodeType === 9 ? context.documentElement : context;
     if (exclude) inertDocument.documentElement.matches(exclude);
     const capabilityMatch = capabilitySelector(capability);
-    const root = importTree(sourceRoot, inertDocument, capability, capabilityMatch, exclude, sourceRoot, inherit, { cloneToLive, liveToClone });
+    const drop = inherit ? (el) => hasOwnCapability(el, capability) || !!(exclude && el.matches(exclude)) : (el) => excluded(el, capability, capabilityMatch, exclude, sourceRoot, false);
+    let root = null;
+    if (sourceRoot.nodeType !== 1 || !excluded(sourceRoot, capability, capabilityMatch, exclude, sourceRoot, inherit)) {
+      root = inertDocument.importNode(sourceRoot, true);
+      const maps = { cloneToLive, liveToClone, dropped: [], controls: [] };
+      pairTree(sourceRoot, root, maps, drop);
+      for (const node of maps.dropped) node.remove();
+      for (let i = 0; i < maps.controls.length; i += 2) copyControlState(maps.controls[i], maps.controls[i + 1]);
+    }
     if (context.nodeType === 9 && root) {
       inertDocument.replaceChild(root, inertDocument.documentElement);
       liveToClone.set(context, inertDocument);
@@ -2001,18 +2019,18 @@ var RichClayBundle = (() => {
           editor._mutation?.takeRecords();
         },
         onMutations: (records, editor) => {
-          const excluded = (node, capability) => {
+          const excluded2 = (node, capability) => {
             const boundary = closestWithCapability(node, capability);
             return !!boundary && boundary !== this.element && this.element.contains(boundary);
           };
           let authored = false;
           let local = false;
           for (const record of records) {
-            if (excluded(record.target, "history")) continue;
+            if (excluded2(record.target, "history")) continue;
             const nodes = record.type === "childList" ? [...record.addedNodes, ...record.removedNodes] : [record.target];
             for (const node of nodes) {
-              if (excluded(node, "history")) continue;
-              if (excluded(record.target, "undo") || excluded(node, "undo")) local = true;
+              if (excluded2(node, "history")) continue;
+              if (excluded2(record.target, "undo") || excluded2(node, "undo")) local = true;
               else authored = true;
             }
           }