@stencil/store 2.0.15 → 2.1.0

package/README.md

@@ -4,10 +4,10 @@ Store is a lightweight shared state library by the [StencilJS](https://stenciljs
 
 **Highlights:**
 
-- Lightweight
-- Zero dependencies
-- Simple API, like a reactive Map
-- Best performance
+- 🪶 Lightweight
+- ⚡ Zero dependencies
+- 📦 Simple API, like a reactive Map
+- 🚀 Best performance
 
 ## Installation
 

package/dist/{index.mjs → index.cjs}

@@ -1,4 +1,6 @@
-import { getRenderingRef, forceUpdate } from '@stencil/core';
+'use strict';
+
+var core = require('@stencil/core');
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);
@@ -36,9 +38,9 @@ const cleanupElements = debounce((map) => {
     for (let key of map.keys()) {
         map.set(key, map.get(key).filter(isConnected));
     }
-}, 2000);
+}, 2_000);
 const stencilSubscription = () => {
-    if (typeof getRenderingRef !== 'function') {
+    if (typeof core.getRenderingRef !== 'function') {
         // If we are not in a stencil project, we do nothing.
         // This function is not really exported by @stencil/core.
         return {};
@@ -47,7 +49,7 @@ const stencilSubscription = () => {
     return {
         dispose: () => elmsToUpdate.clear(),
         get: (propName) => {
-            const elm = getRenderingRef();
+            const elm = core.getRenderingRef();
             if (elm) {
                 appendToMap(elmsToUpdate, propName, elm);
             }
@@ -55,12 +57,12 @@ const stencilSubscription = () => {
         set: (propName) => {
             const elements = elmsToUpdate.get(propName);
             if (elements) {
-                elmsToUpdate.set(propName, elements.filter(forceUpdate));
+                elmsToUpdate.set(propName, elements.filter(core.forceUpdate));
             }
             cleanupElements(elmsToUpdate);
         },
         reset: () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
+            elmsToUpdate.forEach((elms) => elms.forEach(core.forceUpdate));
             cleanupElements(elmsToUpdate);
         },
     };
@@ -69,7 +71,7 @@ const stencilSubscription = () => {
 const unwrap = (val) => (typeof val === 'function' ? val() : val);
 const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
     const unwrappedState = unwrap(defaultState);
-    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
+    let states = new Map(Object.entries(unwrappedState ?? {}));
     const handlers = {
         dispose: [],
         get: [],
@@ -77,10 +79,9 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
         reset: [],
     };
     const reset = () => {
-        var _a;
         // When resetting the state, the default state may be a function - unwrap it to invoke it.
         // otherwise, the state won't be properly reset
-        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
+        states = new Map(Object.entries(unwrap(defaultState) ?? {}));
         handlers.reset.forEach((cb) => cb());
     };
     const dispose = () => {
@@ -191,4 +192,5 @@ const createStore = (defaultState, shouldUpdate) => {
     return map;
 };
 
-export { createObservableMap, createStore };
+exports.createObservableMap = createObservableMap;
+exports.createStore = createStore;

package/dist/index.js

@@ -1,6 +1,4 @@
-'use strict';
-
-var core = require('@stencil/core');
+import { getRenderingRef, forceUpdate } from '@stencil/core';
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);
@@ -38,9 +36,9 @@ const cleanupElements = debounce((map) => {
     for (let key of map.keys()) {
         map.set(key, map.get(key).filter(isConnected));
     }
-}, 2000);
+}, 2_000);
 const stencilSubscription = () => {
-    if (typeof core.getRenderingRef !== 'function') {
+    if (typeof getRenderingRef !== 'function') {
         // If we are not in a stencil project, we do nothing.
         // This function is not really exported by @stencil/core.
         return {};
@@ -49,7 +47,7 @@ const stencilSubscription = () => {
     return {
         dispose: () => elmsToUpdate.clear(),
         get: (propName) => {
-            const elm = core.getRenderingRef();
+            const elm = getRenderingRef();
             if (elm) {
                 appendToMap(elmsToUpdate, propName, elm);
             }
@@ -57,12 +55,12 @@ const stencilSubscription = () => {
         set: (propName) => {
             const elements = elmsToUpdate.get(propName);
             if (elements) {
-                elmsToUpdate.set(propName, elements.filter(core.forceUpdate));
+                elmsToUpdate.set(propName, elements.filter(forceUpdate));
             }
             cleanupElements(elmsToUpdate);
         },
         reset: () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(core.forceUpdate));
+            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
             cleanupElements(elmsToUpdate);
         },
     };
@@ -71,7 +69,7 @@ const stencilSubscription = () => {
 const unwrap = (val) => (typeof val === 'function' ? val() : val);
 const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
     const unwrappedState = unwrap(defaultState);
-    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
+    let states = new Map(Object.entries(unwrappedState ?? {}));
     const handlers = {
         dispose: [],
         get: [],
@@ -79,10 +77,9 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
         reset: [],
     };
     const reset = () => {
-        var _a;
         // When resetting the state, the default state may be a function - unwrap it to invoke it.
         // otherwise, the state won't be properly reset
-        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
+        states = new Map(Object.entries(unwrap(defaultState) ?? {}));
         handlers.reset.forEach((cb) => cb());
     };
     const dispose = () => {
@@ -193,5 +190,4 @@ const createStore = (defaultState, shouldUpdate) => {
     return map;
 };
 
-exports.createObservableMap = createObservableMap;
-exports.createStore = createStore;
+export { createObservableMap, createStore };

package/dist/utils.d.ts

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

package/package.json

@@ -1,61 +1,68 @@
 {
   "name": "@stencil/store",
-  "version": "2.0.15",
+  "author": "StencilJS Team",
+  "version": "2.1.0",
   "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.",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "license": "MIT",
+  "homepage": "https://stenciljs.com/docs/stencil-store",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/stenciljs/store.git"
+  },
+  "keywords": [
+    "stencil",
+    "redux",
+    "global",
+    "state",
+    "tunnel",
+    "hooks"
+  ],
+  "type": "module",
+  "module": "dist/index.js",
+  "main": "dist/index.cjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
   "engines": {
-    "node": ">=12.0.0",
+    "node": ">=18.0.0",
     "npm": ">=6.0.0"
   },
   "scripts": {
-    "build": "rm -rf dist && tsc -p . && npm run rollup",
+    "build": "run-s build.*",
+    "build.clean": "rm -rf dist",
+    "build.rollup": "rollup -c rollup.config.js",
     "prettier": "npm run prettier.base -- --write",
     "prettier.base": "prettier --cache 'src/**/*.ts'",
     "prettier.dry-run": "npm run prettier.base -- --list-different",
     "release": "np",
-    "rollup": "rollup -c rollup.config.mjs",
-    "test": "jest",
-    "test.ci": "npm run test && npm run prettier.dry-run",
+    "test": "run-s test.*",
+    "test.prettier": "npm run prettier.dry-run",
+    "test.unit": "vitest",
     "version": "npm run build"
   },
-  "keywords": [
-    "stencil",
-    "redux",
-    "global",
-    "state",
-    "tunnel",
-    "hooks"
-  ],
   "files": [
     "dist"
   ],
-  "author": "Ionic Team",
-  "license": "MIT",
-  "homepage": "https://stenciljs.com/docs/stencil-store",
   "peerDependencies": {
     "@stencil/core": ">=2.0.0 || >=3.0.0 || >= 4.0.0-beta.0 || >= 4.0.0"
   },
   "devDependencies": {
     "@ionic/prettier-config": "^4.0.0",
-    "@stencil/core": "^4.0.0",
-    "@types/jest": "^29.0.0",
-    "@types/node": "^20.2.0",
-    "jest": "^29.0.0",
-    "np": "^10.0.0",
-    "prettier": "^3.0.0",
-    "rollup": "^4.0.0",
-    "ts-jest": "^29.0.0",
-    "typescript": "~5.0.0"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git://github.com/ionic-team/stencil-store.git"
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@stencil/core": "^4.27.1",
+    "@types/node": "^22.13.5",
+    "@vitest/coverage-v8": "^3.0.7",
+    "np": "^10.2.0",
+    "npm-run-all2": "^7.0.2",
+    "prettier": "^3.5.2",
+    "rollup": "^4.34.8",
+    "typescript": "~5.7.3",
+    "vitest": "^3.0.7"
   },
-  "prettier": "@ionic/prettier-config",
-  "volta": {
-    "node": "20.11.1",
-    "npm": "10.5.0"
-  }
+  "prettier": "@ionic/prettier-config"
 }