floating-ui-devtools - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

lib/floating-ui-devtools.cjs

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a="__FUIDT_CONTROLLER__",i="__FUIDT_ELEMENT_METADATA__",s="__FUIDT_HTML_ELEMENT_REFERENCE__",c=e=>!!(typeof e=="object"&&e&&i in e),d=()=>{let e=null;const n={get selectedElement(){return e},select:o=>{if(c(o))return e=o,e;if(e&&o){const r=e[i];if(f(r,o))return e}return n.withdraw(),e},withdraw:()=>{e=null}};return n},l=e=>{e.defaultView&&(e.defaultView[a]||(e.defaultView[a]=d()))};function f(e,n){return e.type==="middleware"?e.references.has(n):!1}function u(e,n){var o;const r=e;var t;return!!(!(r==null||(o=r.ownerDocument)===null||o===void 0)&&o.defaultView&&r instanceof r.ownerDocument.defaultView[(t=n==null?void 0:n.constructorName)!==null&&t!==void 0?t:"HTMLElement"])}function E(){const e=new WeakSet,n=new Map;return{add(r){const t=`${s}:${crypto.randomUUID()}`;return n.set(t,r),e.add(r),t},get(r){const t=n.get(r);if(t&&e.has(t))return t},has(r){return e.has(r)}}}const _=e=>{const n=E();return[JSON.parse(JSON.stringify(e,(r,t)=>u(t)?n.add(t):typeof t=="object"&&t&&Object.getPrototypeOf(t)!==Object.prototype&&Object.getPrototypeOf(t)!==Array.prototype?"toString"in t?t.toString():void 0:t)),n]},w=(e,n=T)=>({name:"floating-ui-devtools",fn:o=>{l(e);const[r,t]=_(n(o));return Object.assign(o.elements.floating,{[i]:{references:t,serializedData:r,type:"middleware"}}),{}}}),T=e=>({...e,type:"FloatingUIMiddleware"});exports.middleware=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a="__FUIDT_CONTROLLER__",i="__FUIDT_ELEMENT_METADATA__",s="__FUIDT_HTML_ELEMENT_REFERENCE__",c=e=>!!(e&&i in e&&e.parentElement!==null),d=()=>{let e=null;const n=new MutationObserver(r=>{if(e)for(const t of r)t.type==="childList"&&Array.from(t.removedNodes).includes(e)&&o.withdraw()}),o={get selectedElement(){return e},select:r=>(c(r)&&(e=r,n.observe(r.parentElement,{childList:!0,subtree:!1})),e&&r&&f(e,r)||o.withdraw(),e),withdraw:()=>{e=null,n.disconnect()}};return o},l=e=>{e.defaultView&&(e.defaultView[a]||(e.defaultView[a]=d()))};function f(e,n){const o=e[i];switch(o.type){case"middleware":return o.references.has(n);default:return!1}}function u(e,n){var o;const r=e;var t;return!!(!(r==null||(o=r.ownerDocument)===null||o===void 0)&&o.defaultView&&r instanceof r.ownerDocument.defaultView[(t=n==null?void 0:n.constructorName)!==null&&t!==void 0?t:"HTMLElement"])}function E(){return`${s}:${crypto.randomUUID()}`}function _(){const e=new WeakSet,n=new Map;return{add(r){const t=E();return n.set(t,r),e.add(r),t},get(r){const t=n.get(r);if(t&&e.has(t))return t},has(r){return e.has(r)}}}const w=e=>{const n=_();return[JSON.parse(JSON.stringify(e,(r,t)=>u(t)?n.add(t):typeof t=="object"&&t&&Object.getPrototypeOf(t)!==Object.prototype&&Object.getPrototypeOf(t)!==Array.prototype?"toString"in t?t.toString():void 0:t)),n]},m=(e,n=p)=>({name:"floating-ui-devtools",fn:o=>{l(e);const[r,t]=w(n(o));return Object.assign(o.elements.floating,{[i]:{references:t,serializedData:r,type:"middleware"}}),{}}}),p=e=>({...e,type:"FloatingUIMiddleware"});exports.middleware=m;

lib/floating-ui-devtools.d.ts

@@ -7,3 +7,3 @@ import type { Middleware } from '@floating-ui/dom';
 export declare namespace FloatingUI {
-    export type MiddlewareData = MiddlewareState & {
+    export type MiddlewareData = Omit<MiddlewareState, 'platform'> & {
         type: 'FloatingUIMiddleware';
@@ -17,3 +17,3 @@ };
         options: object;
-        middlewareState: MiddlewareState;
+        middlewareState: Omit<MiddlewareState, 'platform'>;
         placement: {
@@ -20,0 +20,0 @@ position: string;

lib/floating-ui-devtools.js

@@ -1,27 +0,28 @@
-const a = "__FUIDT_CONTROLLER__", i = "__FUIDT_ELEMENT_METADATA__", s = "__FUIDT_HTML_ELEMENT_REFERENCE__", c = (e) => !!(typeof e == "object" && e && i in e), d = () => {
+const s = "__FUIDT_CONTROLLER__", i = "__FUIDT_ELEMENT_METADATA__", a = "__FUIDT_HTML_ELEMENT_REFERENCE__", c = (e) => !!(e && i in e && e.parentElement !== null), d = () => {
   let e = null;
-  const n = {
+  const n = new MutationObserver((r) => {
+    if (e)
+      for (const t of r)
+        t.type === "childList" && Array.from(t.removedNodes).includes(e) && o.withdraw();
+  }), o = {
     get selectedElement() {
       return e;
     },
-    select: (o) => {
-      if (c(o))
-        return e = o, e;
-      if (e && o) {
-        const r = e[i];
-        if (f(r, o))
-          return e;
-      }
-      return n.withdraw(), e;
-    },
+    select: (r) => (c(r) && (e = r, n.observe(r.parentElement, { childList: !0, subtree: !1 })), e && r && f(e, r) || o.withdraw(), e),
     withdraw: () => {
-      e = null;
+      e = null, n.disconnect();
     }
   };
-  return n;
+  return o;
 }, l = (e) => {
-  e.defaultView && (e.defaultView[a] || (e.defaultView[a] = d()));
+  e.defaultView && (e.defaultView[s] || (e.defaultView[s] = d()));
 };
 function f(e, n) {
-  return e.type === "middleware" ? e.references.has(n) : !1;
+  const o = e[i];
+  switch (o.type) {
+    case "middleware":
+      return o.references.has(n);
+    default:
+      return !1;
+  }
 }
@@ -35,6 +36,9 @@ function u(e, n) {
 function E() {
+  return `${a}:${crypto.randomUUID()}`;
+}
+function _() {
   const e = /* @__PURE__ */ new WeakSet(), n = /* @__PURE__ */ new Map();
   return {
     add(r) {
-      const t = `${s}:${crypto.randomUUID()}`;
+      const t = E();
       return n.set(t, r), e.add(r), t;
@@ -52,12 +56,12 @@ },
 }
-const _ = (e) => {
-  const n = E();
+const w = (e) => {
+  const n = _();
   return [JSON.parse(
     JSON.stringify(e, (r, t) => u(t) ? n.add(t) : typeof t == "object" && t && Object.getPrototypeOf(t) !== Object.prototype && Object.getPrototypeOf(t) !== Array.prototype ? "toString" in t ? t.toString() : void 0 : t)
   ), n];
-}, p = (e, n = w) => ({
+}, m = (e, n = p) => ({
   name: "floating-ui-devtools",
   fn: (o) => {
     l(e);
-    const [r, t] = _(n(o));
+    const [r, t] = w(n(o));
     return Object.assign(o.elements.floating, {
@@ -67,3 +71,3 @@ [i]: { references: t, serializedData: r, type: "middleware" }
   }
-}), w = (e) => ({
+}), p = (e) => ({
   ...e,
@@ -73,3 +77,3 @@ type: "FloatingUIMiddleware"
 export {
-  p as middleware
+  m as middleware
 };

lib/floating-ui-devtools.umd.cjs

@@ -1,1 +0,1 @@
-(function(i,s){typeof exports=="object"&&typeof module<"u"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(i=typeof globalThis<"u"?globalThis:i||self,s(i["floating-ui"]={}))})(this,function(i){"use strict";const s="__FUIDT_CONTROLLER__",d="__FUIDT_ELEMENT_METADATA__",a="__FUIDT_HTML_ELEMENT_REFERENCE__",c=e=>!!(typeof e=="object"&&e&&d in e),f=()=>{let e=null;const r={get selectedElement(){return e},select:o=>{if(c(o))return e=o,e;if(e&&o){const n=e[d];if(u(n,o))return e}return r.withdraw(),e},withdraw:()=>{e=null}};return r},l=e=>{e.defaultView&&(e.defaultView[s]||(e.defaultView[s]=f()))};function u(e,r){return e.type==="middleware"?e.references.has(r):!1}function E(e,r){var o;const n=e;var t;return!!(!(n==null||(o=n.ownerDocument)===null||o===void 0)&&o.defaultView&&n instanceof n.ownerDocument.defaultView[(t=r==null?void 0:r.constructorName)!==null&&t!==void 0?t:"HTMLElement"])}function _(){const e=new WeakSet,r=new Map;return{add(n){const t=`${a}:${crypto.randomUUID()}`;return r.set(t,n),e.add(n),t},get(n){const t=r.get(n);if(t&&e.has(t))return t},has(n){return e.has(n)}}}const p=e=>{const r=_();return[JSON.parse(JSON.stringify(e,(n,t)=>E(t)?r.add(t):typeof t=="object"&&t&&Object.getPrototypeOf(t)!==Object.prototype&&Object.getPrototypeOf(t)!==Array.prototype?"toString"in t?t.toString():void 0:t)),r]},w=(e,r=T)=>({name:"floating-ui-devtools",fn:o=>{l(e);const[n,t]=p(r(o));return Object.assign(o.elements.floating,{[d]:{references:t,serializedData:n,type:"middleware"}}),{}}}),T=e=>({...e,type:"FloatingUIMiddleware"});i.middleware=w,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
+(function(i,s){typeof exports=="object"&&typeof module<"u"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(i=typeof globalThis<"u"?globalThis:i||self,s(i["floating-ui"]={}))})(this,function(i){"use strict";const s="__FUIDT_CONTROLLER__",a="__FUIDT_ELEMENT_METADATA__",d="__FUIDT_HTML_ELEMENT_REFERENCE__",c=e=>!!(e&&a in e&&e.parentElement!==null),f=()=>{let e=null;const r=new MutationObserver(n=>{if(e)for(const t of n)t.type==="childList"&&Array.from(t.removedNodes).includes(e)&&o.withdraw()}),o={get selectedElement(){return e},select:n=>(c(n)&&(e=n,r.observe(n.parentElement,{childList:!0,subtree:!1})),e&&n&&u(e,n)||o.withdraw(),e),withdraw:()=>{e=null,r.disconnect()}};return o},l=e=>{e.defaultView&&(e.defaultView[s]||(e.defaultView[s]=f()))};function u(e,r){const o=e[a];switch(o.type){case"middleware":return o.references.has(r);default:return!1}}function E(e,r){var o;const n=e;var t;return!!(!(n==null||(o=n.ownerDocument)===null||o===void 0)&&o.defaultView&&n instanceof n.ownerDocument.defaultView[(t=r==null?void 0:r.constructorName)!==null&&t!==void 0?t:"HTMLElement"])}function _(){return`${d}:${crypto.randomUUID()}`}function p(){const e=new WeakSet,r=new Map;return{add(n){const t=_();return r.set(t,n),e.add(n),t},get(n){const t=r.get(n);if(t&&e.has(t))return t},has(n){return e.has(n)}}}const w=e=>{const r=p();return[JSON.parse(JSON.stringify(e,(n,t)=>E(t)?r.add(t):typeof t=="object"&&t&&Object.getPrototypeOf(t)!==Object.prototype&&Object.getPrototypeOf(t)!==Array.prototype?"toString"in t?t.toString():void 0:t)),r]},m=(e,r=T)=>({name:"floating-ui-devtools",fn:o=>{l(e);const[n,t]=w(r(o));return Object.assign(o.elements.floating,{[a]:{references:t,serializedData:n,type:"middleware"}}),{}}}),T=e=>({...e,type:"FloatingUIMiddleware"});i.middleware=m,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package.json

 {
   "name": "floating-ui-devtools",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
@@ -5,0 +5,0 @@ "scripts": {

No alert changes

Improved metrics

Total package byte prevSize

9415

7.99%

Lines of code

123

5.13%

No dependency changes