@pure-ds/core 0.7.1 → 0.7.3

package/public/assets/pds/core/pds-auto-definer.js

@@ -1 +1,306 @@
-async function P(...h){let i={};h.length&&typeof h[h.length-1]=="object"&&(i=h.pop()||{});let m=h,{baseURL:f,mapper:w=n=>`${n}.js`,onError:E=(n,r)=>console.error(`[defineWebComponents] ${n}:`,r)}=i,d=f?new URL(f,typeof location<"u"?location.href:import.meta.url):new URL("./",import.meta.url),l=n=>n.toLowerCase().replace(/(^|-)([a-z])/g,(r,s,u)=>u.toUpperCase()),b=async n=>{try{if(customElements.get(n))return{tag:n,status:"already-defined"};let r=w(n),u=await import(r instanceof URL?r.href:new URL(r,d).href),c=u?.default??u?.[l(n)];if(!c){if(customElements.get(n))return{tag:n,status:"self-defined"};throw new Error(`No export found for ${n}. Expected default export or named export "${l(n)}".`)}return customElements.get(n)?{tag:n,status:"race-already-defined"}:(customElements.define(n,c),{tag:n,status:"defined"})}catch(r){throw E(n,r),r}};return Promise.all(m.map(b))}var M=class{constructor(i={}){let{baseURL:m,mapper:f,onError:w,predicate:E=()=>!0,attributeModule:d="data-module",root:l=document,scanExisting:b=!0,debounceMs:n=16,observeShadows:r=!0,enhancers:s=[],patchAttachShadow:u=!0}=i,c=new Set,y=new Set,$=new Set,S=new Map,U=new WeakMap,v=new WeakMap,p=0,T=!1,x=null,W=e=>{if(!e||!s.length)return;let o=v.get(e);o||(o=new Set,v.set(e,o));for(let t of s)if(!(!t.selector||!t.run)&&!o.has(t.selector))try{e.matches&&e.matches(t.selector)&&(t.run(e),o.add(t.selector))}catch(a){console.warn(`[AutoDefiner] Error applying enhancer for selector "${t.selector}":`,a)}},A=(e,o)=>{if(!T&&!(!e||!e.includes("-"))&&!customElements.get(e)&&!y.has(e)&&!$.has(e)){if(o&&o.getAttribute){let t=o.getAttribute(d);t&&!S.has(e)&&S.set(e,t)}c.add(e),O()}},O=()=>{p||(p=setTimeout(N,n))},L=e=>{if(e){if(e.nodeType===1){let o=e,t=o.tagName?.toLowerCase();t&&t.includes("-")&&!customElements.get(t)&&E(t,o)&&A(t,o),W(o),r&&o.shadowRoot&&C(o.shadowRoot)}e.querySelectorAll&&e.querySelectorAll("*").forEach(o=>{let t=o.tagName?.toLowerCase();t&&t.includes("-")&&!customElements.get(t)&&E(t,o)&&A(t,o),W(o),r&&o.shadowRoot&&C(o.shadowRoot)})}},C=e=>{if(!e||U.has(e))return;L(e);let o=new MutationObserver(t=>{for(let a of t)a.addedNodes?.forEach(R=>{L(R)}),a.type==="attributes"&&a.target&&L(a.target)});o.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[d,...s.map(t=>t.selector).filter(t=>t.startsWith("data-"))]}),U.set(e,o)};async function N(){if(clearTimeout(p),p=0,!c.size)return;let e=Array.from(c);c.clear(),e.forEach(o=>y.add(o));try{let o=t=>S.get(t)??(f?f(t):`${t}.js`);await P(...e,{baseURL:m,mapper:o,onError:(t,a)=>{$.add(t),w?.(t,a)}})}catch{}finally{e.forEach(o=>y.delete(o))}}let _=l===document?document.documentElement:l,j=new MutationObserver(e=>{for(let o of e)o.addedNodes?.forEach(t=>{L(t)}),o.type==="attributes"&&o.target&&L(o.target)});if(j.observe(_,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[d,...s.map(e=>e.selector).filter(e=>e.startsWith("data-"))]}),r&&u&&Element.prototype.attachShadow){let e=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){let a=e.call(this,t);if(t&&t.mode==="open"){C(a);let R=this.tagName?.toLowerCase();R&&R.includes("-")&&!customElements.get(R)&&A(R,this)}return a},x=()=>Element.prototype.attachShadow=e}return b&&L(_),{stop(){T=!0,j.disconnect(),x&&x(),p&&(clearTimeout(p),p=0),U.forEach(e=>e.disconnect())},flush:N}}static async define(...i){let m={};i.length&&typeof i[i.length-1]=="object"&&(m=i.pop()||{});let f=i,{baseURL:w,mapper:E=r=>`${r}.js`,onError:d=(r,s)=>console.error(`[defineWebComponents] ${r}:`,s)}=m,l=w?new URL(w,typeof location<"u"?location.href:import.meta.url):new URL("./",import.meta.url),b=r=>r.toLowerCase().replace(/(^|-)([a-z])/g,(s,u,c)=>c.toUpperCase()),n=async r=>{try{if(customElements.get(r))return{tag:r,status:"already-defined"};let s=E(r),c=await import(s instanceof URL?s.href:new URL(s,l).href),y=c?.default??c?.[b(r)];if(!y){if(customElements.get(r))return{tag:r,status:"self-defined"};throw new Error(`No export found for ${r}. Expected default export or named export "${b(r)}".`)}return customElements.get(r)?{tag:r,status:"race-already-defined"}:(customElements.define(r,y),{tag:r,status:"defined"})}catch(s){throw d(r,s),s}};return Promise.all(f.map(n))}};export{M as AutoDefiner};
+// node_modules/pure-web/src/js/auto-definer.js
+async function defineWebComponents(...args) {
+  let opts = {};
+  if (args.length && typeof args[args.length - 1] === "object") {
+    opts = args.pop() || {};
+  }
+  const tags = args;
+  const {
+    baseURL,
+    mapper = (tag) => `${tag}.js`,
+    onError = (tag, err) => console.error(`[defineWebComponents] ${tag}:`, err)
+  } = opts;
+  const base = baseURL ? new URL(
+    baseURL,
+    typeof location !== "undefined" ? location.href : import.meta.url
+  ) : new URL("./", import.meta.url);
+  const toPascal = (tag) => tag.toLowerCase().replace(/(^|-)([a-z])/g, (_, __, c) => c.toUpperCase());
+  const loadOne = async (tag) => {
+    try {
+      if (customElements.get(tag))
+        return { tag, status: "already-defined" };
+      const spec = mapper(tag);
+      const href = spec instanceof URL ? spec.href : new URL(spec, base).href;
+      const mod = await import(href);
+      const Named = mod?.default ?? mod?.[toPascal(tag)];
+      if (!Named) {
+        if (customElements.get(tag))
+          return { tag, status: "self-defined" };
+        throw new Error(
+          `No export found for ${tag}. Expected default export or named export "${toPascal(
+            tag
+          )}".`
+        );
+      }
+      if (!customElements.get(tag)) {
+        customElements.define(tag, Named);
+        return { tag, status: "defined" };
+      }
+      return { tag, status: "race-already-defined" };
+    } catch (err) {
+      onError(tag, err);
+      throw err;
+    }
+  };
+  return Promise.all(tags.map(loadOne));
+}
+var AutoDefiner = class {
+  constructor(options = {}) {
+    const {
+      baseURL,
+      mapper,
+      onError,
+      predicate = () => true,
+      attributeModule = "data-module",
+      root = document,
+      scanExisting = true,
+      debounceMs = 16,
+      observeShadows = true,
+      enhancers = [],
+      // [{String selector, Function run(elem)}]
+      patchAttachShadow = true
+    } = options;
+    const pending = /* @__PURE__ */ new Set();
+    const inFlight = /* @__PURE__ */ new Set();
+    const knownMissing = /* @__PURE__ */ new Set();
+    const perTagModulePath = /* @__PURE__ */ new Map();
+    const shadowObservers = /* @__PURE__ */ new WeakMap();
+    const enhancerApplied = /* @__PURE__ */ new WeakMap();
+    let timer = 0;
+    let stopped = false;
+    let restoreAttachShadow = null;
+    const applyEnhancers = (element) => {
+      if (!element || !enhancers.length)
+        return;
+      let appliedEnhancers = enhancerApplied.get(element);
+      if (!appliedEnhancers) {
+        appliedEnhancers = /* @__PURE__ */ new Set();
+        enhancerApplied.set(element, appliedEnhancers);
+      }
+      for (const enhancer of enhancers) {
+        if (!enhancer.selector || !enhancer.run)
+          continue;
+        if (appliedEnhancers.has(enhancer.selector))
+          continue;
+        try {
+          if (element.matches && element.matches(enhancer.selector)) {
+            enhancer.run(element);
+            appliedEnhancers.add(enhancer.selector);
+          }
+        } catch (err) {
+          console.warn(
+            `[AutoDefiner] Error applying enhancer for selector "${enhancer.selector}":`,
+            err
+          );
+        }
+      }
+    };
+    const queueTag = (tag, el) => {
+      if (stopped)
+        return;
+      if (!tag || !tag.includes("-"))
+        return;
+      if (customElements.get(tag))
+        return;
+      if (inFlight.has(tag))
+        return;
+      if (knownMissing.has(tag))
+        return;
+      if (el && el.getAttribute) {
+        const override = el.getAttribute(attributeModule);
+        if (override && !perTagModulePath.has(tag)) {
+          perTagModulePath.set(tag, override);
+        }
+      }
+      pending.add(tag);
+      schedule();
+    };
+    const schedule = () => {
+      if (timer)
+        return;
+      timer = setTimeout(flush, debounceMs);
+    };
+    const crawlTree = (rootNode) => {
+      if (!rootNode)
+        return;
+      if (rootNode.nodeType === 1) {
+        const el = (
+          /** @type {Element} */
+          rootNode
+        );
+        const tag = el.tagName?.toLowerCase();
+        if (tag && tag.includes("-") && !customElements.get(tag) && predicate(tag, el)) {
+          queueTag(tag, el);
+        }
+        applyEnhancers(el);
+        if (observeShadows && el.shadowRoot) {
+          observeShadowRoot(el.shadowRoot);
+        }
+      }
+      if (rootNode.querySelectorAll) {
+        rootNode.querySelectorAll("*").forEach((e) => {
+          const t = e.tagName?.toLowerCase();
+          if (t && t.includes("-") && !customElements.get(t) && predicate(t, e)) {
+            queueTag(t, e);
+          }
+          applyEnhancers(e);
+          if (observeShadows && e.shadowRoot) {
+            observeShadowRoot(e.shadowRoot);
+          }
+        });
+      }
+    };
+    const observeShadowRoot = (sr) => {
+      if (!sr || shadowObservers.has(sr))
+        return;
+      crawlTree(sr);
+      const mo = new MutationObserver((mutations) => {
+        for (const m of mutations) {
+          m.addedNodes?.forEach((n) => {
+            crawlTree(n);
+          });
+          if (m.type === "attributes" && m.target) {
+            crawlTree(m.target);
+          }
+        }
+      });
+      mo.observe(sr, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        attributeFilter: [
+          attributeModule,
+          ...enhancers.map((e) => e.selector).filter((s) => s.startsWith("data-"))
+        ]
+      });
+      shadowObservers.set(sr, mo);
+    };
+    async function flush() {
+      clearTimeout(timer);
+      timer = 0;
+      if (!pending.size)
+        return;
+      const tags = Array.from(pending);
+      pending.clear();
+      tags.forEach((t) => inFlight.add(t));
+      try {
+        const effectiveMapper = (tag) => perTagModulePath.get(tag) ?? (mapper ? mapper(tag) : `${tag}.js`);
+        await defineWebComponents(...tags, {
+          baseURL,
+          mapper: effectiveMapper,
+          onError: (tag, err) => {
+            knownMissing.add(tag);
+            onError?.(tag, err);
+          }
+        });
+      } catch {
+      } finally {
+        tags.forEach((t) => inFlight.delete(t));
+      }
+    }
+    const mountNode = root === document ? document.documentElement : root;
+    const obs = new MutationObserver((mutations) => {
+      for (const m of mutations) {
+        m.addedNodes?.forEach((n) => {
+          crawlTree(n);
+        });
+        if (m.type === "attributes" && m.target) {
+          crawlTree(m.target);
+        }
+      }
+    });
+    obs.observe(mountNode, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: [
+        attributeModule,
+        ...enhancers.map((e) => e.selector).filter((s) => s.startsWith("data-"))
+      ]
+    });
+    if (observeShadows && patchAttachShadow && Element.prototype.attachShadow) {
+      const orig = Element.prototype.attachShadow;
+      Element.prototype.attachShadow = function patchedAttachShadow(init) {
+        const sr = orig.call(this, init);
+        if (init && init.mode === "open") {
+          observeShadowRoot(sr);
+          const tag = this.tagName?.toLowerCase();
+          if (tag && tag.includes("-") && !customElements.get(tag)) {
+            queueTag(tag, this);
+          }
+        }
+        return sr;
+      };
+      restoreAttachShadow = () => Element.prototype.attachShadow = orig;
+    }
+    if (scanExisting) {
+      crawlTree(mountNode);
+    }
+    return {
+      stop() {
+        stopped = true;
+        obs.disconnect();
+        if (restoreAttachShadow)
+          restoreAttachShadow();
+        if (timer) {
+          clearTimeout(timer);
+          timer = 0;
+        }
+        shadowObservers.forEach((mo) => mo.disconnect());
+      },
+      flush
+    };
+  }
+  /**
+   * Dynamically load and (idempotently) define a set of web components by tag name.
+   */
+  static async define(...args) {
+    let opts = {};
+    if (args.length && typeof args[args.length - 1] === "object") {
+      opts = args.pop() || {};
+    }
+    const tags = args;
+    const {
+      baseURL,
+      mapper = (tag) => `${tag}.js`,
+      onError = (tag, err) => console.error(`[defineWebComponents] ${tag}:`, err)
+    } = opts;
+    const base = baseURL ? new URL(
+      baseURL,
+      typeof location !== "undefined" ? location.href : import.meta.url
+    ) : new URL("./", import.meta.url);
+    const toPascal = (tag) => tag.toLowerCase().replace(/(^|-)([a-z])/g, (_, __, c) => c.toUpperCase());
+    const loadOne = async (tag) => {
+      try {
+        if (customElements.get(tag))
+          return { tag, status: "already-defined" };
+        const spec = mapper(tag);
+        const href = spec instanceof URL ? spec.href : new URL(spec, base).href;
+        const mod = await import(href);
+        const Named = mod?.default ?? mod?.[toPascal(tag)];
+        if (!Named) {
+          if (customElements.get(tag))
+            return { tag, status: "self-defined" };
+          throw new Error(
+            `No export found for ${tag}. Expected default export or named export "${toPascal(
+              tag
+            )}".`
+          );
+        }
+        if (!customElements.get(tag)) {
+          customElements.define(tag, Named);
+          return { tag, status: "defined" };
+        }
+        return { tag, status: "race-already-defined" };
+      } catch (err) {
+        onError(tag, err);
+        throw err;
+      }
+    };
+    return Promise.all(tags.map(loadOne));
+  }
+};
+export {
+  AutoDefiner
+};
+//# sourceMappingURL=pds-auto-definer.js.map