@foxycape/core 1.1.3

package/dist/kernal/html/geometry.mjs

@@ -0,0 +1,385 @@
+import { findLastNode as L } from "./finder.mjs";
+const D = (t) => {
+  let e, o, r, l = [], h, s, n;
+  if (Array.isArray(t))
+    if (n = "elements", h = t[0], s = t[t.length - 1], e = h.ownerDocument, o = e.defaultView, t.length > 1) {
+      const i = o.document.createRange();
+      i.setStart(h, 0);
+      const f = t[t.length - 1], m = L(f);
+      m.nodeType == Node.TEXT_NODE ? i.setEnd(m, m.textContent.length) : i.setEnd(m, 0);
+      const c = i.getBoundingClientRect();
+      r = {
+        left: c.left,
+        top: c.top,
+        width: c.width,
+        height: c.height,
+        right: c.right,
+        bottom: c.bottom
+      };
+      for (const g of t) {
+        const p = g.getClientRects();
+        l.push(...Array.from(p).map((u) => ({
+          left: u.left,
+          top: u.top,
+          width: u.width,
+          height: u.height,
+          right: u.right,
+          bottom: u.bottom
+        })));
+      }
+    } else
+      r = t[0].getBoundingClientRect(), l = Array.from(t[0].getClientRects()).map((i) => ({
+        left: i.left,
+        top: i.top,
+        width: i.width,
+        height: i.height,
+        right: i.right,
+        bottom: i.bottom
+      }));
+  else Object.prototype.hasOwnProperty.call(t, "tagName") || t.tagName ? (n = "element", h = t, s = h, e = h.ownerDocument, o = e.defaultView, r = t.getBoundingClientRect(), l = Array.from(t.getClientRects()).map((i) => ({
+    left: i.left,
+    top: i.top,
+    width: i.width,
+    height: i.height,
+    right: i.right,
+    bottom: i.bottom
+  }))) : (n = "range", h = t.startContainer, s = t.endContainer, e = h.ownerDocument, o = e.defaultView, r = t.getBoundingClientRect(), l = Array.from(t.getClientRects()).map((i) => ({
+    left: i.left,
+    top: i.top,
+    width: i.width,
+    height: i.height,
+    right: i.right,
+    bottom: i.bottom
+  })));
+  return {
+    firstBaseNode: h,
+    lastBaseNode: s,
+    baseWindow: o,
+    baseDocument: e,
+    baseBoundingRect: r,
+    baseType: n,
+    baseRects: l
+  };
+}, a = {
+  left: -1e5,
+  top: -1e5,
+  visible: !1
+}, P = (t, e) => {
+  const o = t.left + t.width, r = t.top + t.height, l = e.left + e.width, h = e.top + e.height;
+  return e.left >= t.left && e.top >= t.top && l <= o && h <= r;
+}, x = (t, e) => {
+  const o = t.left + t.width, r = t.top + t.height, l = e.left + e.width, h = e.top + e.height, s = Math.max(t.left, e.left), n = Math.max(t.top, e.top), i = Math.min(o, l), f = Math.min(r, h), m = i - s, c = f - n;
+  return m <= 0 || c <= 0 ? null : {
+    left: s,
+    top: n,
+    width: m,
+    height: c
+  };
+}, O = (t) => t.reduce((e, o) => {
+  const r = Math.min(e.left, o.left), l = Math.min(e.top, o.top), h = Math.max(e.left + e.width, o.left + o.width), s = Math.max(e.top + e.height, o.top + o.height);
+  return {
+    left: r,
+    top: l,
+    width: h - r,
+    height: s - l
+  };
+}), A = (t, e) => {
+  let {
+    baseWindow: o,
+    baseRects: r
+  } = D(t);
+  const l = r.map((h) => ({
+    left: h.left,
+    top: h.top,
+    width: h.width,
+    height: h.height
+  }));
+  for (; e != o; ) {
+    const h = o.frameElement, s = h?.ownerDocument?.defaultView;
+    if (!s) break;
+    o = s;
+    const n = h.getBoundingClientRect();
+    l.forEach((i) => {
+      i.left += n.left, i.top += n.top;
+    });
+  }
+  return e != o ? {
+    normalizedRects: [],
+    inSameWindow: !1
+  } : {
+    normalizedRects: l,
+    inSameWindow: !0
+  };
+}, y = (t, e, o = !0) => {
+  const r = t.filter((s) => P(e, s));
+  if (r.length > 0) return O(r);
+  if (!o) return null;
+  const l = 4, h = [];
+  for (const s of t) {
+    const n = x(e, s);
+    !n || n.width * n.height < l || h.push({
+      clipped: n,
+      origArea: s.width * s.height
+    });
+  }
+  return h.length === 0 ? null : (h.sort((s, n) => {
+    const i = s.clipped.width * s.clipped.height, f = n.clipped.width * n.clipped.height;
+    return f !== i ? f - i : n.origArea - s.origArea;
+  }), h[0].clipped);
+}, N = (t) => ({
+  left: t.left,
+  top: t.top,
+  width: t.width,
+  height: t.height
+}), M = (t, e) => e ? {
+  left: t.left + (e.left ?? 0),
+  top: t.top + (e.top ?? 0),
+  width: t.width - (e.left ?? 0) - (e.right ?? 0),
+  height: t.height - (e.top ?? 0) - (e.bottom ?? 0)
+} : t, H = (t, e, o, r = "bottom", l = 5) => {
+  const h = o.getBoundingClientRect(), s = h.width, n = h.height, i = e.left + e.width, f = e.top + e.height, c = t.top + t.height - f, g = e.top - t.top, p = n + l, u = t.left, d = t.left + t.width;
+  if (r === "right") {
+    let R = i + l;
+    const C = d - s - l;
+    R > C && (R = C);
+    const v = e.top + e.height / 2 - n / 2;
+    return {
+      left: R,
+      top: v,
+      visible: !0
+    };
+  }
+  const b = e.left + e.width / 2 - s / 2;
+  let w;
+  b < u + l ? w = u + l : b + s > d - l ? w = d - s - l : w = b;
+  const E = r === "top";
+  if (c >= p && g >= p) {
+    const R = E ? e.top - n - l : f + l;
+    return {
+      left: w,
+      top: R,
+      visible: !0
+    };
+  }
+  if (c >= p)
+    return {
+      left: w,
+      top: f + l,
+      visible: !0
+    };
+  if (g >= p)
+    return {
+      left: w,
+      top: e.top - n - l,
+      visible: !0
+    };
+  const W = e.top + e.height / 2;
+  return {
+    left: w,
+    top: W - n / 2,
+    visible: !0
+  };
+}, k = (t, e, o, r, l) => {
+  if (!o || !e) return a;
+  const h = o.ownerDocument.defaultView, s = A(e, h);
+  if (!s?.inSameWindow) return a;
+  const n = M(N(t.getBoundingClientRect()), l), i = y(s.normalizedRects, n, !0);
+  return i ? H(n, i, o, r ?? "bottom") : a;
+}, q = (t, e, o, r) => {
+  if (!e) return a;
+  const l = A(e, o);
+  if (!l?.inSameWindow) return a;
+  let h = l.normalizedRects;
+  const s = N(t.getBoundingClientRect()), n = M(s, r);
+  (r?.left != null || r?.right != null || r?.top != null || r?.bottom != null) && (h = h.map((f) => ({
+    left: f.left + (r?.left ?? 0),
+    top: f.top + (r?.top ?? 0),
+    width: f.width - (r?.left ?? 0) - (r?.right ?? 0),
+    height: f.height - (r?.top ?? 0) - (r?.bottom ?? 0)
+  })));
+  const i = y(h, n, !1);
+  return i ? {
+    left: i.left,
+    top: i.top,
+    visible: !0
+  } : a;
+}, z = (t, e, o, r) => {
+  const l = r.innerWidth, h = r.innerHeight;
+  if (t.left < 0 || Math.floor(t.right) > l)
+    if (t.left >= 0) {
+      const n = (e.nodeType != Node.ELEMENT_NODE ? e.parentElement.getClientRects() : e.getClientRects())[0], i = l - n.left, f = h - n.top;
+      t = {
+        left: n.left,
+        top: n.top,
+        width: i,
+        height: f,
+        right: n.left + i,
+        bottom: n.top + f
+      };
+    } else {
+      const s = o.nodeType != Node.ELEMENT_NODE ? o.parentElement.getClientRects() : o.getClientRects(), n = s[s.length - 1], i = Math.floor(t.width + t.left);
+      if (i < l || i == l && n.bottom < h) {
+        let f = n.right, m = n.left, c = n.top;
+        for (let u = 0; u < s.length; u++) {
+          if (s[u].left < 0) continue;
+          const d = s[u];
+          f < d.width && (f = d.width), m > d.left && (m = d.left), c > d.top && (c = d.top);
+        }
+        const g = f, p = n.bottom;
+        t = {
+          left: m,
+          top: c,
+          width: g,
+          height: p,
+          right: m + g,
+          bottom: c + p
+        };
+      } else
+        t = {
+          left: 0,
+          top: 0,
+          width: l,
+          height: h,
+          right: l,
+          bottom: h
+        };
+    }
+  return t;
+}, G = (t, e, o, r, l) => {
+  if (!o || !e) return a;
+  const n = {
+    top: 50,
+    bottom: 50
+  }, i = r ?? "bottom";
+  if (l == "page") {
+    let {
+      firstBaseNode: f,
+      lastBaseNode: m,
+      baseWindow: c,
+      baseBoundingRect: g
+    } = D(e);
+    const p = c.innerWidth, u = c.innerHeight, d = Math.round(g.left);
+    if (g.right < 0 || d > p || g.bottom < 0 || g.top > u) return a;
+    g = z(g, f, m, c);
+    let B = g.left, b = g.top;
+    const w = o.ownerDocument.defaultView;
+    for (; w != c; ) {
+      const R = c.frameElement, C = R?.ownerDocument?.defaultView;
+      if (!C) break;
+      c = C;
+      const V = R.getBoundingClientRect();
+      B += V.left, b += V.top;
+    }
+    if (w != c) return a;
+    const E = M(N(t.getBoundingClientRect()), n), W = {
+      left: B,
+      top: b,
+      width: g.width,
+      height: g.height
+    };
+    return H(E, W, o, i);
+  }
+  return k(t, e, o, i, n);
+}, F = (t, e) => e.left >= t.left && e.top >= t.top && e.right <= t.right && e.bottom <= t.bottom, X = (t, e) => e.right > t.left && e.left < t.right && e.top < t.bottom && e.bottom > t.top, S = (t) => t == "vertical-lr" || t == "vertical-rl", T = (t) => ({
+  left: t.left,
+  top: t.top,
+  right: t.right,
+  bottom: t.bottom
+}), Y = (t, e, o) => S(o) ? o == "vertical-rl" ? t.left >= e.right || t.bottom <= e.top : t.right <= e.left || t.bottom <= e.top : t.bottom <= e.top || t.right <= e.left, _ = (t, e, o) => S(o) ? o == "vertical-rl" ? t.right <= e.left || t.top >= e.bottom : t.left >= e.right || t.top >= e.bottom : t.top >= e.bottom || t.left >= e.right, J = (t, e) => {
+  let o = {
+    left: 0,
+    top: 0,
+    right: t.innerWidth,
+    bottom: t.innerHeight
+  };
+  const r = t.frameElement, l = r?.ownerDocument?.defaultView;
+  if (r && l) {
+    const f = r.getBoundingClientRect(), m = {
+      left: 0,
+      top: 0,
+      right: l.innerWidth,
+      bottom: l.innerHeight
+    }, c = Math.max(f.left, m.left), g = Math.max(f.top, m.top), p = Math.min(f.right, m.right), u = Math.min(f.bottom, m.bottom);
+    if (p <= c || u <= g)
+      return null;
+    o = {
+      left: c - f.left,
+      top: g - f.top,
+      right: p - f.left,
+      bottom: u - f.top
+    };
+  }
+  const h = o.left + (e?.leftInset ?? 0), s = o.top + (e?.topInset ?? 0), n = o.right - (e?.rightInset ?? 0), i = o.bottom - (e?.bottomInset ?? 0);
+  return n <= h || i <= s ? null : {
+    left: h,
+    top: s,
+    right: n,
+    bottom: i
+  };
+}, K = (t, e, o) => {
+  if (!t.length)
+    return [];
+  const r = o?.writingMode, l = o?.fullVisible ?? !1, h = o?.missStreakToStop ?? 8, s = (g) => l ? F(e, g) : X(e, g);
+  let n = 0, i = t.length;
+  for (; n < i; ) {
+    const g = n + i >> 1, p = T(t[g].getBoundingClientRect());
+    Y(p, e, r) ? n = g + 1 : i = g;
+  }
+  const f = [];
+  let m = 0, c = !1;
+  for (let g = n; g < t.length; g++) {
+    const p = T(t[g].getBoundingClientRect());
+    if (s(p)) {
+      f.push(t[g]), c = !0, m = 0;
+      continue;
+    }
+    if (c && _(p, e, r) && (m++, m >= h))
+      break;
+  }
+  return f;
+}, I = (t, e, o) => {
+  if (t.caretRangeFromPoint)
+    return t.caretRangeFromPoint(e, o);
+  if (t.caretPositionFromPoint) {
+    const r = t.caretPositionFromPoint(e, o);
+    if (r) {
+      const l = t.createRange();
+      return l.setStart(r.offsetNode, r.offset), l.setEnd(r.offsetNode, r.offset), l;
+    }
+  }
+  return null;
+}, Q = (t) => {
+  const e = t.getClientRects();
+  if (e.length === 0) return null;
+  let o;
+  for (let n = e.length - 1; n >= 0; n--)
+    if (e[n].height > 0) {
+      o = e[n];
+      break;
+    }
+  if (!o) return null;
+  const r = t.startContainer.ownerDocument, l = I(r, o.left, o.top), h = I(r, o.right - 1, o.bottom - 1);
+  if (!l || !h) return null;
+  const s = r.createRange();
+  return s.setStart(l.startContainer, l.startOffset), s.setEnd(h.startContainer, h.startOffset), s;
+};
+export {
+  M as applyContainerInset,
+  G as calcToolbarPosition,
+  H as calcToolbarPositionFromRect,
+  k as calcToolbarPositionInContainer,
+  q as checkRangeOrElementIsVisible,
+  F as containsRect,
+  D as getBaseState,
+  Q as getLastLineRangeFromElementRange,
+  K as getOrderedElementsIntersectingRect,
+  I as getRangeFromPoint,
+  a as hiddenToolbarPosition,
+  X as intersectRect,
+  x as intersectWithContainer,
+  A as normalizeBaseRectsInDisplayWindow,
+  z as recalculateRect,
+  y as resolveVisibleBaseRectInContainer,
+  J as resolveVisibleViewportInContentWindow,
+  N as toRect
+};

package/dist/kernal/html/image.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../web/BrowserCapabilities.cjs"),I=require("./finder.cjs"),u=async s=>{try{const e=new Image;if(e.decode)return e.src=s,await e.decode(),{width:e.width,height:e.height,img:e}}catch(e){console.error("offscreenLoadImage",e)}return await new Promise((e,n)=>{const t=new Image;t.src=s,t.complete?e({width:t.width,height:t.height,img:t}):(setTimeout(()=>{t.width>0&&t.height>0?e({width:t.width,height:t.height,img:t}):n("timeout")},2e3),t.addEventListener("error",a=>{n(a)},!1),t.addEventListener("abort",a=>{n("about:"+a)},!1),t.addEventListener("load",()=>{e({width:t.width,height:t.height,img:t})},!1))})},b=async(s,e,n)=>{let t,a=!1;if(typeof s=="string"){const{img:f}=await u(s);t=f}else s instanceof ImageBitmap||s instanceof HTMLCanvasElement||s instanceof HTMLImageElement?t=s:(t=await createImageBitmap(s),a=!0);return new Promise((f,d)=>{const w=l=>{a&&t instanceof ImageBitmap&&t.close(),f(l)},y=l=>{a&&t instanceof ImageBitmap&&t.close(),d(l)};try{const l=".png";if(t instanceof ImageBitmap){const i=document.createElement("canvas"),o=i.getContext("2d"),r=e&&Math.abs(e.a)==1&&Math.abs(e.b)==0&&Math.abs(e.c)==0&&Math.abs(e.d)==1;let c=t.width,h=t.height;if(n&&(n<t.width||n<t.height)){if(c>h){const g=c/n;c=n,h=t.height/g}else{const g=h/n;h=n,c=c/g}if(i.width=c,i.height=h,r){const g=e.a<0?Math.abs(e.a)*c:0,p=e.d<0?Math.abs(e.d)*h:0;o.setTransform(e.a,e.b,e.c,e.d,g,p)}o.drawImage(t,0,0,c,h)}else{if(i.width=c,i.height=h,r){const g=e.a<0?Math.abs(e.a)*c:0,p=e.d<0?Math.abs(e.d)*h:0;o.setTransform(e.a,e.b,e.c,e.d,g,p)}o.drawImage(t,0,0)}i.toBlob(g=>{w({data:g,width:c,height:h,extension:l})})}else{let i=t.width,o=t.height;if(I.compareTagName(t.tagName,"IMG")||n&&(n<t.width||n<t.height)){const r=document.createElement("canvas"),c=r.getContext("2d");if(n&&(n<t.width||n<t.height))if(i>o){const h=i/n;i=n,o=t.height/h}else{const h=o/n;o=n,i=i/h}r.width=i,r.height=o,c.drawImage(t,0,0,i,o),r.toBlob(h=>{w({data:h,width:i,height:o,extension:l})})}else t.toBlob(r=>{w({data:r,width:i,height:o,extension:l})})}}catch(l){y(l)}})},B=async s=>{if(typeof s=="string"){const n=await u(s);return{width:n.width,height:n.height}}if(s instanceof ImageBitmap||s instanceof HTMLImageElement||s instanceof HTMLCanvasElement||s instanceof OffscreenCanvas||s instanceof ImageData)return{width:s.width,height:s.height};if(s instanceof HTMLVideoElement)return{width:s.videoWidth,height:s.videoHeight};let e;try{return e=await createImageBitmap(s),{width:e.width,height:e.height}}finally{e?.close()}},C=async(s,e,n)=>{const t=await b(s,e,n);return{url:URL.createObjectURL(t.data),width:t.width,height:t.height,extension:t.extension}},m=s=>{const e=I.getDocumentBody(s);if(!e)return[];const n=e.getElementsByTagName("pre"),t=n.length;if(t==0)return[];const a=[];for(let f=0;f<t;f++){const d=n[f];d.firstElementChild&&(d.firstElementChild.tagName=="CODE"||d.firstElementChild.tagName.toLowerCase()=="code")?d.firstElementChild.children.length==0&&a.push(d.firstElementChild):d.children.length==0&&a.push(d)}return a.length==0?[]:a},M=async(s,e,n)=>{if(!E.BrowserCapabilities.supportClipboardPng())throw new Error("Unsupport copy image to clipboard.");const t=new ClipboardItem({"image/png":b(s,e,n).then(a=>a.data)});await navigator.clipboard.write([t])};exports.copyImage=M;exports.createBlobUrl=C;exports.getBlob=b;exports.getImageSize=B;exports.getRequireHighlightCodeElements=m;

package/dist/kernal/html/image.d.ts

@@ -0,0 +1,20 @@
+import { SimpleMatrix } from '../shape/SimpleMatrix';
+
+export declare const getBlob: (image: ImageBitmapSource | string, matrix?: SimpleMatrix, maxSize?: number) => Promise<{
+    data: Blob;
+    width: number;
+    height: number;
+    extension: string;
+}>;
+export declare const getImageSize: (imageSource: ImageBitmapSource | string) => Promise<{
+    width: number;
+    height: number;
+}>;
+export declare const createBlobUrl: (image: ImageBitmap | HTMLCanvasElement, matrix?: SimpleMatrix, maxSize?: number) => Promise<{
+    url: string;
+    width: number;
+    height: number;
+    extension: string;
+}>;
+export declare const getRequireHighlightCodeElements: (ownerDocument: Document) => any[];
+export declare const copyImage: (image: ImageBitmapSource | string, matrix?: SimpleMatrix, maxSize?: number) => Promise<void>;

package/dist/kernal/html/image.mjs

@@ -0,0 +1,182 @@
+import { BrowserCapabilities as y } from "../web/BrowserCapabilities.mjs";
+import { compareTagName as m, getDocumentBody as u } from "./finder.mjs";
+const b = async (s) => {
+  try {
+    const e = new Image();
+    if (e.decode)
+      return e.src = s, await e.decode(), {
+        width: e.width,
+        height: e.height,
+        img: e
+      };
+  } catch (e) {
+    console.error("offscreenLoadImage", e);
+  }
+  return await new Promise((e, n) => {
+    const t = new Image();
+    t.src = s, t.complete ? e({
+      width: t.width,
+      height: t.height,
+      img: t
+    }) : (setTimeout(() => {
+      t.width > 0 && t.height > 0 ? e({
+        width: t.width,
+        height: t.height,
+        img: t
+      }) : n("timeout");
+    }, 2e3), t.addEventListener("error", (a) => {
+      n(a);
+    }, !1), t.addEventListener("abort", (a) => {
+      n("about:" + a);
+    }, !1), t.addEventListener("load", () => {
+      e({
+        width: t.width,
+        height: t.height,
+        img: t
+      });
+    }, !1));
+  });
+}, I = async (s, e, n) => {
+  let t, a = !1;
+  if (typeof s == "string") {
+    const {
+      img: f
+    } = await b(s);
+    t = f;
+  } else s instanceof ImageBitmap || s instanceof HTMLCanvasElement || s instanceof HTMLImageElement ? t = s : (t = await createImageBitmap(s), a = !0);
+  return new Promise((f, d) => {
+    const w = (l) => {
+      a && t instanceof ImageBitmap && t.close(), f(l);
+    }, E = (l) => {
+      a && t instanceof ImageBitmap && t.close(), d(l);
+    };
+    try {
+      const l = ".png";
+      if (t instanceof ImageBitmap) {
+        const h = document.createElement("canvas"), o = h.getContext("2d"), r = e && Math.abs(e.a) == 1 && Math.abs(e.b) == 0 && Math.abs(e.c) == 0 && Math.abs(e.d) == 1;
+        let c = t.width, i = t.height;
+        if (n && (n < t.width || n < t.height)) {
+          if (c > i) {
+            const g = c / n;
+            c = n, i = t.height / g;
+          } else {
+            const g = i / n;
+            i = n, c = c / g;
+          }
+          if (h.width = c, h.height = i, r) {
+            const g = e.a < 0 ? Math.abs(e.a) * c : 0, p = e.d < 0 ? Math.abs(e.d) * i : 0;
+            o.setTransform(e.a, e.b, e.c, e.d, g, p);
+          }
+          o.drawImage(t, 0, 0, c, i);
+        } else {
+          if (h.width = c, h.height = i, r) {
+            const g = e.a < 0 ? Math.abs(e.a) * c : 0, p = e.d < 0 ? Math.abs(e.d) * i : 0;
+            o.setTransform(e.a, e.b, e.c, e.d, g, p);
+          }
+          o.drawImage(t, 0, 0);
+        }
+        h.toBlob((g) => {
+          w({
+            data: g,
+            width: c,
+            height: i,
+            extension: l
+          });
+        });
+      } else {
+        let h = t.width, o = t.height;
+        if (m(t.tagName, "IMG") || n && (n < t.width || n < t.height)) {
+          const r = document.createElement("canvas"), c = r.getContext("2d");
+          if (n && (n < t.width || n < t.height))
+            if (h > o) {
+              const i = h / n;
+              h = n, o = t.height / i;
+            } else {
+              const i = o / n;
+              o = n, h = h / i;
+            }
+          r.width = h, r.height = o, c.drawImage(t, 0, 0, h, o), r.toBlob((i) => {
+            w({
+              data: i,
+              width: h,
+              height: o,
+              extension: l
+            });
+          });
+        } else
+          t.toBlob((r) => {
+            w({
+              data: r,
+              width: h,
+              height: o,
+              extension: l
+            });
+          });
+      }
+    } catch (l) {
+      E(l);
+    }
+  });
+}, L = async (s) => {
+  if (typeof s == "string") {
+    const n = await b(s);
+    return {
+      width: n.width,
+      height: n.height
+    };
+  }
+  if (s instanceof ImageBitmap || s instanceof HTMLImageElement || s instanceof HTMLCanvasElement || s instanceof OffscreenCanvas || s instanceof ImageData)
+    return {
+      width: s.width,
+      height: s.height
+    };
+  if (s instanceof HTMLVideoElement)
+    return {
+      width: s.videoWidth,
+      height: s.videoHeight
+    };
+  let e;
+  try {
+    return e = await createImageBitmap(s), {
+      width: e.width,
+      height: e.height
+    };
+  } finally {
+    e?.close();
+  }
+}, M = async (s, e, n) => {
+  const t = await I(s, e, n);
+  return {
+    url: URL.createObjectURL(t.data),
+    width: t.width,
+    height: t.height,
+    extension: t.extension
+  };
+}, v = (s) => {
+  const e = u(s);
+  if (!e)
+    return [];
+  const n = e.getElementsByTagName("pre"), t = n.length;
+  if (t == 0)
+    return [];
+  const a = [];
+  for (let f = 0; f < t; f++) {
+    const d = n[f];
+    d.firstElementChild && (d.firstElementChild.tagName == "CODE" || d.firstElementChild.tagName.toLowerCase() == "code") ? d.firstElementChild.children.length == 0 && a.push(d.firstElementChild) : d.children.length == 0 && a.push(d);
+  }
+  return a.length == 0 ? [] : a;
+}, T = async (s, e, n) => {
+  if (!y.supportClipboardPng())
+    throw new Error("Unsupport copy image to clipboard.");
+  const t = new ClipboardItem({
+    "image/png": I(s, e, n).then((a) => a.data)
+  });
+  await navigator.clipboard.write([t]);
+};
+export {
+  T as copyImage,
+  M as createBlobUrl,
+  I as getBlob,
+  L as getImageSize,
+  v as getRequireHighlightCodeElements
+};

package/dist/kernal/html/injector.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../common/text.cjs"),d=require("../common/uuid.cjs"),D=require("./finder.cjs"),m=(e,n,c,t)=>{const s=e.ownerDocument?e.ownerDocument:e;if(!s.getElementById(n))if(e.ownerDocument&&e!=s.documentElement)t?t(e,c):e.appendChild(c);else{const i=D.getDocumentHead(s);t?t(i,c):i.appendChild(c)}},w=(e,n,c,t,s,u)=>{if(!e||o.isNullOrWhiteSpace(n))return;o.isNullOrWhiteSpace(t)&&(t=d.computeUniqueId(n));const i=e.ownerDocument?e.ownerDocument:e,l=i.getElementById(t);if(l){if(!c)return;l.parentElement?.removeChild(l)}let a;if(s=="css"){const r=f(i,"style",t,{type:"text/css"});r.appendChild(i.createTextNode(n)),a=r}else if(s=="script"){const r=f(i,"script",t,"");r.type="text/javascript",r.text=`//<![CDATA[\r
+`+n+`\r
+//]]>`,r.async=!1,a=r}else return;m(e,t,a,u)},f=(e,n,c,t)=>{const u=(e.ownerDocument?e.ownerDocument:e).createElement(n);if(o.isNullOrWhiteSpace(c)||u.setAttribute("id",c),t==null)return u;if(typeof t=="string"){if(o.isNullOrWhiteSpace(t))return u;u.setAttribute("class",t)}else Object.keys(t).forEach(l=>{const a=t[l];u.setAttribute(l,a)});return u},y=(e,n)=>!!(e.ownerDocument?e.ownerDocument:e)?.getElementById(n),h=(e,n)=>{if(o.isNullOrWhiteSpace(n))return;const t=(e.ownerDocument?e.ownerDocument:e).getElementById(n);t&&t.parentElement?.removeChild(t)},C=(e,n,c,t="")=>{w(e,n,c,t,"script")},E=(e,n,c,t="",s)=>{w(e,n,c,t,"css",s)},x=async(e,n,c,t="",s)=>{if(!e||o.isNullOrWhiteSpace(n))return;o.isNullOrWhiteSpace(t)&&(t=d.computeUniqueId(n));const i=(e.ownerDocument?e.ownerDocument:e).getElementById(t);if(i)if(c)i.parentElement?.removeChild(i);else return i.getAttribute("data-load-state")=="loading"?new Promise((l,a)=>{i.addEventListener("load",r=>{l()},!1),i.addEventListener("error",r=>{a(r.error)},!1)}):void 0;return new Promise((l,a)=>{const r=f(e,"script",t);s?.type&&(r.type=s?.type),r.src=n,s?.defer&&(r.defer=!0),s?.async&&(r.async=!0),s?.elementCallback&&s?.elementCallback(r),r.setAttribute("data-load-state","loading"),r.addEventListener("load",p=>{r.setAttribute("data-load-state","success"),l()},!1),r.addEventListener("error",p=>{r.setAttribute("data-load-state","fail"),a(p)},!1),m(e,t,r)})},S=async(e,n,c,t="")=>{if(!e||o.isNullOrWhiteSpace(n))return;o.isNullOrWhiteSpace(t)&&(t=d.computeUniqueId(n));const s=e.ownerDocument?e.ownerDocument:e,u=s.getElementById(t);if(u){if(!c)return;u.parentElement?.removeChild(u)}if(s.defaultView)return new Promise((i,l)=>{const a=f(e,"link",t);a.type="text/css",a.rel="stylesheet",a.href=n,a.onload=r=>{i()},a.onerror=l,m(e,t,a)});{const i=f(e,"link",t);i.type="text/css",i.rel="stylesheet",i.href=n,m(e,t,i)}};exports.createElement=f;exports.existsElement=y;exports.injectCssContent=E;exports.injectExternalCss=S;exports.injectExternalJS=x;exports.injectJSContent=C;exports.removeElement=h;

package/dist/kernal/html/injector.d.ts

@@ -0,0 +1,12 @@
+export declare const createElement: <K extends keyof HTMLElementTagNameMap>(rootElement: Document | HTMLElement, tagName: K, id?: string, classNameOrAttributes?: string | Object) => HTMLElementTagNameMap[K];
+export declare const existsElement: (rootElement: Document | HTMLElement, elementId: string) => boolean;
+export declare const removeElement: (rootElement: Document | HTMLElement, objectId: string) => void;
+export declare const injectJSContent: (rootElement: Document | HTMLElement, jsContent: string, replace: boolean, scriptId?: string) => void;
+export declare const injectCssContent: (rootElement: Document | HTMLElement, cssContent: string, replace: boolean, cssId?: string, callback?: (container: Element, content: Element) => void) => void;
+export declare const injectExternalJS: (rootElement: Document | HTMLElement, url: string, replace: boolean, scriptId?: string, options?: {
+    defer?: boolean;
+    async?: boolean;
+    elementCallback?: (element: Element) => void;
+    type?: string;
+}) => Promise<void>;
+export declare const injectExternalCss: (rootElement: Document | HTMLElement, url: string, replace: boolean, cssId?: string) => Promise<void>;