@stencil/store 2.2.2 → 2.2.3-dev.1785970285.b07d6c8

package/dist/index.cjs

@@ -21,15 +21,18 @@ function _interopNamespaceDefault(e) {
 
 var StencilCore__namespace = /*#__PURE__*/_interopNamespaceDefault(StencilCore);
 
-const appendToMap = (map, propName, value) => {
+const appendToMap = (map, refsByValue, propName, value) => {
+    let ref = refsByValue.get(value);
+    if (!ref) {
+        ref = new WeakRef(value);
+        refsByValue.set(value, ref);
+    }
     let refs = map.get(propName);
     if (!refs) {
-        refs = [];
+        refs = new Set();
         map.set(propName, refs);
     }
-    if (!refs.some((ref) => ref.deref() === value)) {
-        refs.push(new WeakRef(value));
-    }
+    refs.add(ref);
 };
 const debounce = (fn, ms) => {
     let timeoutId;
@@ -55,13 +58,15 @@ const debounce = (fn, ms) => {
  */
 const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
 const cleanupElements = debounce((map) => {
-    for (let key of map.keys()) {
-        const refs = map.get(key).filter((ref) => {
+    map.forEach((refs, key) => {
+        const nextRefs = new Set();
+        refs.forEach((ref) => {
             const elm = ref.deref();
-            return elm && isConnected(elm);
+            if (elm && isConnected(elm))
+                nextRefs.add(ref);
         });
-        map.set(key, refs);
-    }
+        map.set(key, nextRefs);
+    });
 }, 2_000);
 const core = StencilCore__namespace;
 const forceUpdate = core.forceUpdate;
@@ -74,23 +79,24 @@ const stencilSubscription = () => {
     }
     const ensureForceUpdate = forceUpdate;
     const ensureGetRenderingRef = getRenderingRef;
+    const refsByElement = new WeakMap();
     const elmsToUpdate = new Map();
     return {
         dispose: () => elmsToUpdate.clear(),
         get: (propName) => {
             const elm = ensureGetRenderingRef();
             if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
+                appendToMap(elmsToUpdate, refsByElement, propName, elm);
             }
         },
         set: (propName) => {
             const refs = elmsToUpdate.get(propName);
             if (refs) {
-                const nextRefs = refs.filter((ref) => {
+                const nextRefs = new Set();
+                refs.forEach((ref) => {
                     const elm = ref.deref();
-                    if (!elm)
-                        return false;
-                    return ensureForceUpdate(elm);
+                    if (elm && ensureForceUpdate(elm))
+                        nextRefs.add(ref);
                 });
                 elmsToUpdate.set(propName, nextRefs);
             }

package/dist/index.js

@@ -1,14 +1,17 @@
 import * as StencilCore from '@stencil/core';
 
-const appendToMap = (map, propName, value) => {
+const appendToMap = (map, refsByValue, propName, value) => {
+    let ref = refsByValue.get(value);
+    if (!ref) {
+        ref = new WeakRef(value);
+        refsByValue.set(value, ref);
+    }
     let refs = map.get(propName);
     if (!refs) {
-        refs = [];
+        refs = new Set();
         map.set(propName, refs);
     }
-    if (!refs.some((ref) => ref.deref() === value)) {
-        refs.push(new WeakRef(value));
-    }
+    refs.add(ref);
 };
 const debounce = (fn, ms) => {
     let timeoutId;
@@ -34,13 +37,15 @@ const debounce = (fn, ms) => {
  */
 const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
 const cleanupElements = debounce((map) => {
-    for (let key of map.keys()) {
-        const refs = map.get(key).filter((ref) => {
+    map.forEach((refs, key) => {
+        const nextRefs = new Set();
+        refs.forEach((ref) => {
             const elm = ref.deref();
-            return elm && isConnected(elm);
+            if (elm && isConnected(elm))
+                nextRefs.add(ref);
         });
-        map.set(key, refs);
-    }
+        map.set(key, nextRefs);
+    });
 }, 2_000);
 const core = StencilCore;
 const forceUpdate = core.forceUpdate;
@@ -53,23 +58,24 @@ const stencilSubscription = () => {
     }
     const ensureForceUpdate = forceUpdate;
     const ensureGetRenderingRef = getRenderingRef;
+    const refsByElement = new WeakMap();
     const elmsToUpdate = new Map();
     return {
         dispose: () => elmsToUpdate.clear(),
         get: (propName) => {
             const elm = ensureGetRenderingRef();
             if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
+                appendToMap(elmsToUpdate, refsByElement, propName, elm);
             }
         },
         set: (propName) => {
             const refs = elmsToUpdate.get(propName);
             if (refs) {
-                const nextRefs = refs.filter((ref) => {
+                const nextRefs = new Set();
+                refs.forEach((ref) => {
                     const elm = ref.deref();
-                    if (!elm)
-                        return false;
-                    return ensureForceUpdate(elm);
+                    if (elm && ensureForceUpdate(elm))
+                        nextRefs.add(ref);
                 });
                 elmsToUpdate.set(propName, nextRefs);
             }

package/dist/{utils.d.ts → src/utils.d.ts}

@@ -1,2 +1,2 @@
-export declare const appendToMap: <K, V extends Object>(map: Map<K, WeakRef<V>[]>, propName: K, value: V) => void;
+export declare const appendToMap: <K, V extends Object>(map: Map<K, Set<WeakRef<V>>>, refsByValue: WeakMap<V, WeakRef<V>>, propName: K, value: V) => void;
 export declare const debounce: <T extends (...args: any[]) => any>(fn: T, ms: number) => ((...args: Parameters<T>) => void);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stencil/store",
   "author": "StencilJS Team",
-  "version": "2.2.2",
+  "version": "2.2.3-dev.1785970285.b07d6c8",
   "description": "Store is a lightweight shared state library by the StencilJS core team. Implements a simple key/value map that efficiently re-renders components when necessary.",
   "license": "MIT",
   "homepage": "https://stenciljs.com/docs/stencil-store",
@@ -55,14 +55,14 @@
     "@ionic/prettier-config": "^4.0.0",
     "@rollup/plugin-typescript": "^12.3.0",
     "@stencil/core": "^4.38.2",
-    "@types/node": "^24.9.2",
+    "@types/node": "^26.0.0",
     "@vitest/coverage-v8": "^4.0.5",
-    "np": "^10.2.0",
-    "npm-run-all2": "^8.0.4",
+    "np": "^11.0.1",
+    "npm-run-all2": "^9.0.1",
     "prettier": "^3.6.2",
     "rimraf": "^6.0.1",
     "rollup": "^4.52.5",
-    "typescript": "~5.9.3",
+    "typescript": "~6.0.2",
     "vitest": "^4.0.5"
   },
   "prettier": "@ionic/prettier-config"