uilint-react 0.2.49 → 0.2.50

package/dist/index.js

@@ -1,7 +1,7 @@
-import L, { useState as C, useRef as K, useCallback as I, useEffect as A, useMemo as W } from "react";
+import O, { useState as C, useRef as K, useCallback as I, useEffect as A, useMemo as W } from "react";
 import { createPortal as U } from "react-dom";
 import { i as an, a as un, b as dn, s as fn } from "./environment-DVxa60C6.js";
-import { createEmptyStyleGuide as hn, createStyleSummary as gn, extractStylesFromDOM as mn, generateStyleGuideFromStyles as bn, mergeStyleGuides as xn, parseStyleGuide as vn, serializeStyles as Sn } from "uilint-core";
+import { createEmptyStyleGuide as hn, createStyleSummary as gn, extractStylesFromDOM as mn, generateStyleGuideFromStyles as bn, mergeStyleGuides as xn, parseStyleGuide as vn, serializeStyles as yn } from "uilint-core";
 var Y = { exports: {} }, M = {};
 var pe;
 function Fe() {
@@ -32,20 +32,20 @@ function Be() {
     function e(l) {
       if (l == null) return null;
       if (typeof l == "function")
-        return l.$$typeof === Le ? null : l.displayName || l.name || null;
+        return l.$$typeof === Oe ? null : l.displayName || l.name || null;
       if (typeof l == "string") return l;
       switch (l) {
         case b:
           return "Fragment";
         case N:
           return "Profiler";
-        case w:
+        case S:
           return "StrictMode";
         case Ae:
           return "Suspense";
         case _e:
           return "SuspenseList";
-        case Oe:
+        case Le:
           return "Activity";
       }
       if (typeof l == "object")
@@ -84,11 +84,11 @@ function Be() {
       }
       if (h) {
         h = console;
-        var v = h.error, S = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
+        var v = h.error, y = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
         return v.call(
           h,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          S
+          y
         ), t(l);
       }
     }
@@ -135,15 +135,15 @@ function Be() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), l = this.props.ref, l !== void 0 ? l : null;
     }
-    function d(l, h, v, S, H, ee) {
-      var y = v.ref;
+    function d(l, h, v, y, H, ee) {
+      var w = v.ref;
       return l = {
         $$typeof: R,
         type: l,
         key: h,
         props: v,
-        _owner: S
-      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(l, "ref", {
+        _owner: y
+      }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(l, "ref", {
         enumerable: !1,
         get: u
       }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
@@ -168,48 +168,48 @@ function Be() {
         value: ee
       }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function f(l, h, v, S, H, ee) {
-      var y = h.children;
-      if (y !== void 0)
-        if (S)
-          if (De(y)) {
-            for (S = 0; S < y.length; S++)
-              m(y[S]);
-            Object.freeze && Object.freeze(y);
+    function f(l, h, v, y, H, ee) {
+      var w = h.children;
+      if (w !== void 0)
+        if (y)
+          if (De(w)) {
+            for (y = 0; y < w.length; y++)
+              m(w[y]);
+            Object.freeze && Object.freeze(w);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else m(y);
+        else m(w);
       if (le.call(h, "key")) {
-        y = e(l);
-        var O = Object.keys(h).filter(function(Me) {
+        w = e(l);
+        var L = Object.keys(h).filter(function(Me) {
           return Me !== "key";
         });
-        S = 0 < O.length ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}", fe[y + S] || (O = 0 < O.length ? "{" + O.join(": ..., ") + ": ...}" : "{}", console.error(
+        y = 0 < L.length ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}", fe[w + y] || (L = 0 < L.length ? "{" + L.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          S,
           y,
-          O,
-          y
-        ), fe[y + S] = !0);
+          w,
+          L,
+          w
+        ), fe[w + y] = !0);
       }
-      if (y = null, v !== void 0 && (n(v), y = "" + v), c(h) && (n(h.key), y = "" + h.key), "key" in h) {
+      if (w = null, v !== void 0 && (n(v), w = "" + v), c(h) && (n(h.key), w = "" + h.key), "key" in h) {
         v = {};
         for (var te in h)
           te !== "key" && (v[te] = h[te]);
       } else v = h;
-      return y && a(
+      return w && a(
         v,
         typeof l == "function" ? l.displayName || l.name || "Unknown" : l
       ), d(
         l,
-        y,
+        w,
         v,
         r(),
         H,
@@ -222,7 +222,7 @@ React keys must be passed directly to JSX without using spread:
     function p(l) {
       return typeof l == "object" && l !== null && l.$$typeof === R;
     }
-    var g = L, R = /* @__PURE__ */ Symbol.for("react.transitional.element"), _ = /* @__PURE__ */ Symbol.for("react.portal"), b = /* @__PURE__ */ Symbol.for("react.fragment"), w = /* @__PURE__ */ Symbol.for("react.strict_mode"), N = /* @__PURE__ */ Symbol.for("react.profiler"), J = /* @__PURE__ */ Symbol.for("react.consumer"), Pe = /* @__PURE__ */ Symbol.for("react.context"), Te = /* @__PURE__ */ Symbol.for("react.forward_ref"), Ae = /* @__PURE__ */ Symbol.for("react.suspense"), _e = /* @__PURE__ */ Symbol.for("react.suspense_list"), Ne = /* @__PURE__ */ Symbol.for("react.memo"), X = /* @__PURE__ */ Symbol.for("react.lazy"), Oe = /* @__PURE__ */ Symbol.for("react.activity"), Le = /* @__PURE__ */ Symbol.for("react.client.reference"), Z = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, le = Object.prototype.hasOwnProperty, De = Array.isArray, Q = console.createTask ? console.createTask : function() {
+    var g = O, R = /* @__PURE__ */ Symbol.for("react.transitional.element"), _ = /* @__PURE__ */ Symbol.for("react.portal"), b = /* @__PURE__ */ Symbol.for("react.fragment"), S = /* @__PURE__ */ Symbol.for("react.strict_mode"), N = /* @__PURE__ */ Symbol.for("react.profiler"), J = /* @__PURE__ */ Symbol.for("react.consumer"), Pe = /* @__PURE__ */ Symbol.for("react.context"), Te = /* @__PURE__ */ Symbol.for("react.forward_ref"), Ae = /* @__PURE__ */ Symbol.for("react.suspense"), _e = /* @__PURE__ */ Symbol.for("react.suspense_list"), Ne = /* @__PURE__ */ Symbol.for("react.memo"), X = /* @__PURE__ */ Symbol.for("react.lazy"), Le = /* @__PURE__ */ Symbol.for("react.activity"), Oe = /* @__PURE__ */ Symbol.for("react.client.reference"), Z = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, le = Object.prototype.hasOwnProperty, De = Array.isArray, Q = console.createTask ? console.createTask : function() {
       return null;
     };
     g = {
@@ -235,24 +235,24 @@ React keys must be passed directly to JSX without using spread:
       s
     )(), de = Q(o(s)), fe = {};
     F.Fragment = b, F.jsx = function(l, h, v) {
-      var S = 1e4 > Z.recentlyCreatedOwnerStacks++;
+      var y = 1e4 > Z.recentlyCreatedOwnerStacks++;
       return f(
         l,
         h,
         v,
         !1,
-        S ? Error("react-stack-top-frame") : ue,
-        S ? Q(o(l)) : de
+        y ? Error("react-stack-top-frame") : ue,
+        y ? Q(o(l)) : de
       );
     }, F.jsxs = function(l, h, v) {
-      var S = 1e4 > Z.recentlyCreatedOwnerStacks++;
+      var y = 1e4 > Z.recentlyCreatedOwnerStacks++;
       return f(
         l,
         h,
         v,
         !0,
-        S ? Error("react-stack-top-frame") : ue,
-        S ? Q(o(l)) : de
+        y ? Error("react-stack-top-frame") : ue,
+        y ? Q(o(l)) : de
       );
     };
   })()), F;
@@ -269,11 +269,11 @@ const E = {
   inspectorFloatingPosition: "uilint:inspectorFloatingPosition",
   inspectorFloatingSize: "uilint:inspectorFloatingSize"
 };
-function Se() {
+function ye() {
   return typeof window < "u" && typeof localStorage < "u";
 }
 function z(e, t) {
-  if (!Se()) return t;
+  if (!ye()) return t;
   try {
     const n = localStorage.getItem(e);
     return n === null ? t : JSON.parse(n);
@@ -282,7 +282,7 @@ function z(e, t) {
   }
 }
 function B(e, t) {
-  if (Se())
+  if (ye())
     try {
       localStorage.setItem(e, JSON.stringify(t));
     } catch (n) {
@@ -465,12 +465,12 @@ const Ue = (e) => (t, n) => ({
   return a;
 }, He = ((e) => e ? be(e) : be), Ye = (e) => e;
 function qe(e, t = Ye) {
-  const n = L.useSyncExternalStore(
+  const n = O.useSyncExternalStore(
     e.subscribe,
-    L.useCallback(() => t(e.getState()), [e, t]),
-    L.useCallback(() => t(e.getInitialState()), [e, t])
+    O.useCallback(() => t(e.getState()), [e, t]),
+    O.useCallback(() => t(e.getInitialState()), [e, t])
   );
-  return L.useDebugValue(n), n;
+  return O.useDebugValue(n), n;
 }
 const xe = (e) => {
   const t = He(e), n = (o) => qe(t, o);
@@ -611,7 +611,7 @@ function Qe({ size: e = 20, color: t = "currentColor", className: n }) {
     /* @__PURE__ */ i.jsx("path", { d: "M21 21l-4.35-4.35" })
   ] });
 }
-function ye({ size: e = 20, color: t = "currentColor", className: n }) {
+function we({ size: e = 20, color: t = "currentColor", className: n }) {
   return /* @__PURE__ */ i.jsxs("svg", { width: e, height: e, viewBox: "0 0 24 24", className: n, ...k, stroke: t, children: [
     /* @__PURE__ */ i.jsx("path", { d: "M18 6L6 18" }),
     /* @__PURE__ */ i.jsx("path", { d: "M6 6l12 12" })
@@ -638,7 +638,7 @@ function re({ size: e = 16, color: t = "currentColor", className: n }) {
     /* @__PURE__ */ i.jsx("path", { d: "M12 8h.01" })
   ] });
 }
-function we({ size: e = 16, color: t = "currentColor", className: n }) {
+function Se({ size: e = 16, color: t = "currentColor", className: n }) {
   return /* @__PURE__ */ i.jsxs("svg", { width: e, height: e, viewBox: "0 0 24 24", className: n, ...k, stroke: t, children: [
     /* @__PURE__ */ i.jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" }),
     /* @__PURE__ */ i.jsx("path", { d: "M14 2v6h6" })
@@ -651,26 +651,28 @@ function Ie({ size: e = 16, color: t = "currentColor", className: n }) {
     /* @__PURE__ */ i.jsx("path", { d: "M4 18h12" })
   ] });
 }
-const et = { x: window.innerWidth / 2 - 24, y: 16 };
+function et() {
+  return typeof window > "u" ? { x: 0, y: 16 } : { x: window.innerWidth / 2 - 24, y: 16 };
+}
 function tt() {
   const e = x((b) => b.openCommandPalette), t = x((b) => b.wsConnected), n = x((b) => b.floatingIconPosition), o = x((b) => b.setFloatingIconPosition), r = x((b) => {
-    const w = b.plugins?.eslint?.issues;
-    if (!w) return 0;
+    const S = b.plugins?.eslint?.issues;
+    if (!S) return 0;
     let N = 0;
-    return w.forEach((J) => {
+    return S.forEach((J) => {
       N += J.length;
     }), N;
-  }), [s, c] = C(!1), [a, u] = C({ x: 0, y: 0 }), d = K(null), f = n ?? et, m = I((b) => {
+  }), [s, c] = C(!1), [a, u] = C({ x: 0, y: 0 }), d = K(null), f = n ?? et(), m = I((b) => {
     if (b.button !== 0) return;
-    const w = d.current?.getBoundingClientRect();
-    w && (u({
-      x: b.clientX - w.left,
-      y: b.clientY - w.top
+    const S = d.current?.getBoundingClientRect();
+    S && (u({
+      x: b.clientX - S.left,
+      y: b.clientY - S.top
     }), c(!0), b.preventDefault());
   }, []), p = I((b) => {
     if (!s) return;
-    const w = Math.max(0, Math.min(window.innerWidth - 48, b.clientX - a.x)), N = Math.max(0, Math.min(window.innerHeight - 48, b.clientY - a.y));
-    o({ x: w, y: N });
+    const S = Math.max(0, Math.min(window.innerWidth - 48, b.clientX - a.x)), N = Math.max(0, Math.min(window.innerHeight - 48, b.clientY - a.y));
+    o({ x: S, y: N });
   }, [s, a, o]), g = I(() => {
     c(!1);
   }, []);
@@ -1086,7 +1088,7 @@ function ut({ issue: e, isSelected: t, onClick: n }) {
             gap: 8
           }, children: [
             /* @__PURE__ */ i.jsxs("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
-              /* @__PURE__ */ i.jsx(we, { size: 12 }),
+              /* @__PURE__ */ i.jsx(Se, { size: 12 }),
               s,
               ":",
               e.line
@@ -1113,7 +1115,7 @@ function dt() {
   }, [u, s]), f = I((p) => {
     n("issue", { issue: p }), t();
   }, [n, t]);
-  if (L.useEffect(() => {
+  if (O.useEffect(() => {
     c(0);
   }, [o]), !e) return null;
   const m = document.getElementById("uilint-portal") || document.body;
@@ -1170,7 +1172,7 @@ function dt() {
                       padding: 4,
                       color: "#6b7280"
                     },
-                    children: /* @__PURE__ */ i.jsx(ye, { size: 20 })
+                    children: /* @__PURE__ */ i.jsx(we, { size: 20 })
                   }
                 )
               ] }),
@@ -1239,7 +1241,7 @@ function ft({ issue: e }) {
       borderRadius: 8,
       padding: 12
     }, children: [
-      /* @__PURE__ */ i.jsx(q, { icon: /* @__PURE__ */ i.jsx(we, { size: 14 }), label: "File", value: e.filePath }),
+      /* @__PURE__ */ i.jsx(q, { icon: /* @__PURE__ */ i.jsx(Se, { size: 14 }), label: "File", value: e.filePath }),
       /* @__PURE__ */ i.jsx(q, { icon: /* @__PURE__ */ i.jsx("span", { children: "📍" }), label: "Line", value: `${e.line}${e.column ? `:${e.column}` : ""}` }),
       /* @__PURE__ */ i.jsx(q, { icon: /* @__PURE__ */ i.jsx(Ie, { size: 14 }), label: "Rule", value: e.ruleId }),
       /* @__PURE__ */ i.jsx(q, { icon: /* @__PURE__ */ i.jsx("span", { children: "🔌" }), label: "Plugin", value: e.pluginId })
@@ -1382,7 +1384,7 @@ function ht() {
                   padding: 4,
                   color: "#6b7280"
                 },
-                children: /* @__PURE__ */ i.jsx(ye, { size: 20 })
+                children: /* @__PURE__ */ i.jsx(we, { size: 20 })
               }
             )
           ] }),
@@ -1486,7 +1488,7 @@ function vt(e) {
   const t = e.split("/");
   return t[t.length - 1] || e;
 }
-function St(e) {
+function yt(e) {
   if (mt.has(e.tagName.toUpperCase()) || e.hasAttribute("data-ui-lint") || e.getAttribute("aria-hidden") === "true") return !0;
   const t = window.getComputedStyle(e);
   if (t.display === "none" || t.visibility === "hidden") return !0;
@@ -1495,10 +1497,10 @@ function St(e) {
 }
 function Vt(e = document.body, t = !0) {
   const n = [], o = /* @__PURE__ */ new Map();
-  yt();
+  wt();
   const r = e.querySelectorAll(`[${j}]`);
   for (const s of r) {
-    if (St(s)) continue;
+    if (yt(s)) continue;
     const c = bt(s);
     if (!c || t && xt(c.fileName))
       continue;
@@ -1540,7 +1542,7 @@ function Jt(e) {
     }), o++;
   return n.sort((r, s) => s.elements.length - r.elements.length), n;
 }
-function yt() {
+function wt() {
   document.querySelectorAll(`[${j}]`).forEach((t) => {
     const n = t.getAttribute(j);
     if (n && n.startsWith("loc:")) {
@@ -1568,7 +1570,7 @@ function Qt(e, t = "cursor", n) {
     a
   )}:${r}:${c}`;
 }
-const D = /* @__PURE__ */ new Map(), se = 300 * 1e3, wt = "/api/.uilint/source";
+const D = /* @__PURE__ */ new Map(), se = 300 * 1e3, St = "/api/.uilint/source";
 async function Ce(e) {
   const t = D.get(e);
   if (t && Date.now() - t.fetchedAt < se)
@@ -1578,7 +1580,7 @@ async function Ce(e) {
     };
   try {
     const n = await fetch(
-      `${wt}?path=${encodeURIComponent(e)}`
+      `${St}?path=${encodeURIComponent(e)}`
     );
     if (!n.ok)
       return console.warn(`[UILint] Failed to fetch source: ${n.statusText}`), null;
@@ -1796,12 +1798,12 @@ function rn(e) {
 function Re(e) {
   return document.querySelector(`[${V}="${e}"]`);
 }
-function Ot() {
+function Lt() {
   if (typeof document > "u")
     throw new Error("getUILintPortalHost() called outside of a DOM environment");
   return document.querySelector(".uilint-devtool-root") ?? document.body;
 }
-const T = "#3b82f6", Lt = 14, Dt = 22, Mt = 2, Ft = 3, $ = 2;
+const T = "#3b82f6", Ot = 14, Dt = 22, Mt = 2, Ft = 3, $ = 2;
 function Bt(e, t = !1) {
   const n = [];
   return e.forEach((o, r) => {
@@ -1827,7 +1829,7 @@ function $t(e) {
   }), t;
 }
 function zt({ rect: e }) {
-  const [t, n] = C(!1), o = t ? Dt : Lt, r = t ? Ft : Mt, s = t ? 10 : 6;
+  const [t, n] = C(!1), o = t ? Dt : Ot, r = t ? Ft : Mt, s = t ? 10 : 6;
   return /* @__PURE__ */ i.jsxs(
     "div",
     {
@@ -1948,14 +1950,14 @@ function sn({
     g.forEach((_) => {
       const b = Re(_);
       if (!b) return;
-      const w = b.getBoundingClientRect();
+      const S = b.getBoundingClientRect();
       R.push({
         id: _,
         rect: {
-          top: w.top,
-          left: w.left,
-          width: w.width,
-          height: w.height
+          top: S.top,
+          left: S.left,
+          width: S.width,
+          height: S.height
         }
       });
     }), r(R);
@@ -1980,7 +1982,7 @@ function sn({
     !d && o.map((g) => /* @__PURE__ */ i.jsx(zt, { rect: g.rect }, g.id)),
     d && s.map((g) => /* @__PURE__ */ i.jsx(Wt, { rect: g.rect, badgeNumber: g.badgeNumber }, g.id))
   ] });
-  return U(p, Ot());
+  return U(p, Lt());
 }
 export {
   dt as CommandPalette,
@@ -1992,7 +1994,7 @@ export {
   ht as InspectorSidebar,
   qt as UILint,
   Qt as buildEditorUrl,
-  yt as cleanupDataAttributes,
+  wt as cleanupDataAttributes,
   Ct as cleanupDataElements,
   tn as clearSourceCache,
   hn as createEmptyStyleGuide,
@@ -2020,7 +2022,7 @@ export {
   on as prefetchSources,
   fn as scanDOM,
   Vt as scanDOMForSources,
-  Sn as serializeStyles,
+  yn as serializeStyles,
   it as severityFromNumber,
   ie as severityToColor,
   Zt as updateElementRects,