@znemz/use-global-hook 1.1.9 → 1.1.11

package/lib/actions.d.ts

@@ -14,3 +14,4 @@ declare const actions: {
     setRef: <T>(store: Store<T, OuterBaseActions<T>>, newState: T, doDigest?: boolean) => void;
 };
 export default actions;
+//# sourceMappingURL=actions.d.ts.map

package/lib/actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAE1B,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1F,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACzF;AAED,eAAO,MAAM,QAAQ,GAAI,CAAC,EACxB,OAAO,KAAK,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,EACpC,UAAU,CAAC,EACX,WAAW,OAAO,SAGnB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,CAAC,EACtB,OAAO,KAAK,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,EACpC,UAAU,CAAC,EACX,WAAW,OAAO,SAGnB,CAAC;AAEF,QAAA,MAAM,OAAO;eAhBY,CAAC,SACjB,KAAK,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,YAC1B,CAAC,aACA,OAAO;aAKG,CAAC,SACf,KAAK,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,YAC1B,CAAC,aACA,OAAO;CAKgB,CAAC;AAErC,eAAe,OAAO,CAAC"}

package/lib/actions.js

@@ -1,10 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setState = function (store, newState, doDigest) {
+export const setState = (store, newState, doDigest) => {
     store.setState(newState, false, doDigest);
 };
-exports.setRef = function (store, newState, doDigest) {
+export const setRef = (store, newState, doDigest) => {
     store.setRef(newState, doDigest);
 };
-var actions = { setState: exports.setState, setRef: exports.setRef };
-exports.default = actions;
+const actions = { setState, setRef };
+export default actions;
+//# sourceMappingURL=actions.js.map

package/lib/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,KAAoC,EACpC,QAAW,EACX,QAAkB,EAClB,EAAE;IACF,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC5C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CACpB,KAAoC,EACpC,QAAW,EACX,QAAkB,EAClB,EAAE;IACF,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;AAErC,eAAe,OAAO,CAAC"}

package/lib/index.d.ts

@@ -1,16 +1,16 @@
 import { EffectCallback, DependencyList, Dispatch, SetStateAction } from 'react';
 import { InnerBaseActions, OuterBaseActions } from './actions';
-export declare type UseEffect = (effect: EffectCallback, deps?: DependencyList) => void;
-export declare type UseState = <S>(initialState?: S | (() => S)) => [S, Dispatch<SetStateAction<S>>];
+export type UseEffect = (effect: EffectCallback, deps?: DependencyList) => void;
+export type UseState = <S>(initialState?: S | (() => S)) => [S, Dispatch<SetStateAction<S>>];
 export interface ReactLib {
     useEffect: UseEffect;
     useState: UseState;
 }
-export declare type SetStateFn<T> = (newState: T, isRef?: boolean, doDigest?: boolean) => void;
-export declare type SetRefFn<T> = (newState: T, doDigest?: boolean) => void;
-export declare type UseCustomFn = (React: ReactLib) => void;
-export declare type AssociateActionsFn = <T, A>(store: Store<T, A>, actions: A) => A;
-export declare type Initializer<T, A> = (_: Store<T, A>) => void;
+export type SetStateFn<T> = (newState: T, isRef?: boolean, doDigest?: boolean) => void;
+export type SetRefFn<T> = (newState: T, doDigest?: boolean) => void;
+export type UseCustomFn = (React: ReactLib) => void;
+export type AssociateActionsFn = <T, A>(store: Store<T, A>, actions: A) => A;
+export type Initializer<T, A> = (_: Store<T, A>) => void;
 export interface UseStoreProps<T, InnerA = InnerBaseActions<T>, OuterA = OuterBaseActions<T>, WorkR = undefined> {
     React: ReactLib;
     initialState?: T;
@@ -18,7 +18,7 @@ export interface UseStoreProps<T, InnerA = InnerBaseActions<T>, OuterA = OuterBa
     initializer?: Initializer<T, OuterA>;
     hookWork?: () => WorkR;
 }
-export declare type UseStoreFn = <T, InnerA = InnerBaseActions<T>, OuterA = OuterBaseActions<T>, WorkR = undefined>(_: UseStoreProps<T, InnerA, OuterA, WorkR>) => () => [T, OuterA, ...WorkR[]];
+export type UseStoreFn = <T, InnerA = InnerBaseActions<T>, OuterA = OuterBaseActions<T>, WorkR = undefined>(_: UseStoreProps<T, InnerA, OuterA, WorkR>) => () => [T, OuterA, ...WorkR[]];
 export interface Store<T, OuterA = OuterBaseActions<T>> {
     setState: SetStateFn<T>;
     setRef: SetRefFn<T>;
@@ -26,6 +26,7 @@ export interface Store<T, OuterA = OuterBaseActions<T>> {
     state: T;
     listeners: Dispatch<unknown>[];
 }
-export declare type HookWork<T = undefined> = () => T;
-declare const useStore: <T, InnerA = InnerBaseActions<T>, OuterA = OuterBaseActions<T>, WorkR = undefined>({ React, initialState, actions, initializer, }?: UseStoreProps<T, InnerA, OuterA, WorkR>) => (_?: HookWork<WorkR>) => [T, OuterA];
+export type HookWork<T = undefined> = () => T;
+declare const useStore: <T, InnerA = InnerBaseActions<T>, OuterA = OuterBaseActions<T>, WorkR = undefined>({ React, initialState, actions, initializer, }?: UseStoreProps<T, InnerA, OuterA, WorkR>) => ((_?: HookWork<WorkR>) => [T, OuterA]);
 export default useStore;
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACjF,OAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE5E,MAAM,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,IAAI,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;AAChF,MAAM,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7F,MAAM,WAAW,QAAQ;IACvB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAGD,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;AAEvF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;AAEpE,MAAM,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;AAE7E,MAAM,MAAM,WAAW,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC;AAEzD,MAAM,WAAW,aAAa,CAC5B,CAAC,EACD,MAAM,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAC5B,MAAM,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAC5B,KAAK,GAAG,SAAS;IAEjB,KAAK,EAAE,QAAQ,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,KAAK,CAAC;CACxB;AAED,MAAM,MAAM,UAAU,GAAG,CACvB,CAAC,EACD,MAAM,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAC5B,MAAM,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAC5B,KAAK,GAAG,SAAS,EAEjB,CAAC,EAAE,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,KACvC,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;AAEnC,MAAM,WAAW,KAAK,CAAC,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC,CAAC,CAAC;IACpD,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,CAAC,CAAC;IACT,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;CAChC;AAwBD,MAAM,MAAM,QAAQ,CAAC,CAAC,GAAG,SAAS,IAAI,MAAM,CAAC,CAAC;AAuD9C,QAAA,MAAM,QAAQ,GACZ,CAAC,EACD,MAAM,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAC5B,MAAM,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAC5B,KAAK,GAAG,SAAS,EAEjB,iDAKG,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAiD,KACzF,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CASvC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/index.js

@@ -1,28 +1,11 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var actions_1 = __importDefault(require("./actions"));
-function setState(newState, isRef, doDigest) {
-    if (doDigest === void 0) { doDigest = true; }
-    var listenersLength = this.listeners.length;
-    this.state = isRef ? newState : __assign({}, this.state, newState);
+import baseActions from './actions';
+function setState(newState, isRef, doDigest = true) {
+    const listenersLength = this.listeners.length;
+    this.state = isRef ? newState : { ...this.state, ...newState };
     if (!doDigest)
         return;
-    for (var i = 0; i < listenersLength; i++) {
-        var fn = this.listeners[i];
+    for (let i = 0; i < listenersLength; i++) {
+        const fn = this.listeners[i];
         if (!fn || typeof fn !== 'function') {
             continue;
         }
@@ -33,18 +16,17 @@ function setRef(newState, doDigest) {
     setState.call(this, newState, true, doDigest);
 }
 function useCustom(React, hookWork) {
-    var _this = this;
-    var newListener = React.useState()[1];
-    var oldState = this.state;
-    React.useEffect(function () {
-        _this.listeners.push(newListener);
-        if (oldState !== _this.state)
-            newListener(_this.state);
-        return function () {
-            var listenersLength = _this.listeners.length;
-            var filtered = [];
-            for (var i = 0; i < listenersLength; i++) {
-                var listener = _this.listeners[i];
+    const newListener = React.useState()[1];
+    const oldState = this.state;
+    React.useEffect(() => {
+        this.listeners.push(newListener);
+        if (oldState !== this.state)
+            newListener(this.state);
+        return () => {
+            const listenersLength = this.listeners.length;
+            const filtered = [];
+            for (let i = 0; i < listenersLength; i++) {
+                const listener = this.listeners[i];
                 if (listener !== newListener) {
                     filtered.push(listener);
                 }
@@ -54,21 +36,21 @@ function useCustom(React, hookWork) {
             setting the listeners should come after the dust has settled.
             Using an immutable store might protect this.
             */
-            _this.listeners = filtered;
+            this.listeners = filtered;
         };
     }, []);
-    var workAdditions = [];
+    let workAdditions = [];
     if (hookWork) {
         workAdditions = hookWork() || [];
     }
-    return [this.state, this.actions].concat(workAdditions);
+    return [this.state, this.actions, ...workAdditions];
 }
 function associateActions(store, actions) {
-    var associatedActions = {};
-    var actionsKeys = Object.keys(actions);
-    var actionsKeysLength = actionsKeys.length;
-    for (var i = 0; i < actionsKeysLength; i++) {
-        var key = actionsKeys[i];
+    const associatedActions = {};
+    const actionsKeys = Object.keys(actions);
+    const actionsKeysLength = actionsKeys.length;
+    for (let i = 0; i < actionsKeysLength; i++) {
+        const key = actionsKeys[i];
         if (typeof actions[key] === 'function') {
             associatedActions[key] = actions[key].bind(null, store);
         }
@@ -78,9 +60,8 @@ function associateActions(store, actions) {
     }
     return associatedActions;
 }
-var useStore = function (_a) {
-    var _b = _a === void 0 ? {} : _a, React = _b.React, initialState = _b.initialState, _c = _b.actions, actions = _c === void 0 ? actions_1.default : _c, initializer = _b.initializer;
-    var store = { state: initialState, listeners: [] };
+const useStore = ({ React, initialState, actions = baseActions, initializer, } = {}) => {
+    const store = { state: initialState, listeners: [] };
     store.setState = setState.bind(store);
     store.setRef = setRef.bind(store);
     store.actions = associateActions(store, actions);
@@ -89,4 +70,5 @@ var useStore = function (_a) {
     }
     return useCustom.bind(store, React);
 };
-exports.default = useStore;
+export default useStore;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,61 +1,50 @@
 {
   "name": "@znemz/use-global-hook",
-  "version": "1.1.9",
-  "repository": "github:nmccready/use-global-hook",
+  "version": "1.1.11",
+  "repository": "github:brickhouse-tech/use-global-hook",
   "license": "ISC",
   "author": "nmccready",
+  "originalAuthor": "andregardi",
   "files": [
     "lib",
-    "src",
-    "umd",
-    "module"
+    "src"
   ],
+  "type": "module",
   "main": "lib/index.js",
-  "module": "module/index.js",
+  "types": "lib/index.d.ts",
   "scripts": {
-    "build": "yarn gulp default && yarn roll:it",
-    "coveralls": "cat ./coverage/lcov.info | coveralls",
-    "docs:api:markdown": "yarn typedoc --theme markdown --exclude ./src/test --out ./docs/api ./src",
-    "docs:api:website": "yarn typedoc --exclude ./src/test --out docs ./src",
-    "gulp": "node -r esm ./node_modules/.bin/gulp",
-    "jest": "node -r esm ./node_modules/.bin/jest",
-    "lint": "eslint --ext .js,.ts,.tsx *.js src --color",
-    "lint:watch": "yarn lint --watch",
-    "postinstall:1": "yarn js-common-editorconfig-clone",
-    "postinstall:2": "yarn js-common-eslint-config-react-mono-clone && js-common-babel-config-clone",
-    "postinstall:3": "yarn js-common-prettierrc-clone && yarn js-common-eslint-config-mono-clone",
-    "prepare": "yarn postinstall:1 && yarn postinstall:2 && yarn postinstall:3 && yarn sort-package-json",
-    "roll:it": "yarn rollup -c ./rollup.config.ts",
-    "test": "yarn jest",
-    "test:ci": "yarn lint && yarn test --coverage && yarn coveralls",
-    "preversion": "yarn build"
+    "build": "tsc",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "prepare": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=16.8"
   },
   "devDependencies": {
-    "@testing-library/react-hooks": "^2.0.1",
-    "@types/bluebird": "^3.5.27",
-    "@types/react": "^16.8.19",
-    "@znemz/js-common-babel-config": "^0.0.23",
-    "@znemz/js-common-babel-config-clone": "^0.0.23",
-    "@znemz/js-common-editorconfig-clone": "^0.0.23",
-    "@znemz/js-common-eslint-config-mono-clone": "^0.0.23",
-    "@znemz/js-common-eslint-config-react-mono-clone": "^0.0.23",
-    "@znemz/js-common-gulp-monorepo-typescript": "^0.0.23",
-    "@znemz/js-common-prettierrc-clone": "^0.0.23",
-    "@znemz/react-extras-jest": "^1.1.0",
-    "bluebird": "^3.5.5",
-    "coveralls": "^3.0.4",
-    "del": "^4.1.1",
-    "esm": "^3.2.22",
-    "gulp-run": "^1.7.1",
-    "prettier": "^1.18.2",
-    "react": "^16.8",
-    "rollup": "^1.20.1",
-    "rollup-plugin-typescript": "^1.0.1",
-    "sort-package-json": "^1.21.0",
-    "typedoc": "^0.15.0",
-    "typedoc-plugin-markdown": "^2.1.4",
-    "typescript": "^3.5.1"
+    "@commitlint/cli": "^19.0.0",
+    "@commitlint/config-conventional": "^19.0.0",
+    "@eslint/js": "^9.0.0",
+    "@testing-library/react": "^16.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@vitest/coverage-v8": "^3.0.0",
+    "commit-and-tag-version": "^12.0.0",
+    "eslint": "^9.0.0",
+    "eslint-plugin-n": "^17.0.0",
+    "globals": "^15.0.0",
+    "jsdom": "^25.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "typescript": "^5.0.0",
+    "typescript-eslint": "^8.0.0",
+    "vitest": "^3.0.0"
   },
-  "originalAuthor": "andregardi",
-  "umd": "umd/index.js"
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  }
 }

package/readme.md

@@ -1,10 +1,20 @@
-# @znemz/use-global-hook [![NPM version][npm-image]][npm-url] [![build status][travis-image]][travis-url] [![Test coverage][coveralls-image]][coveralls-url]
+# @znemz/use-global-hook
 
-Easy state management for react using hooks in less than 1kb.
+[![npm version](https://img.shields.io/npm/v/@znemz/use-global-hook.svg)](https://www.npmjs.com/package/@znemz/use-global-hook)
+[![tests](https://github.com/brickhouse-tech/use-global-hook/actions/workflows/tests.yml/badge.svg)](https://github.com/brickhouse-tech/use-global-hook/actions/workflows/tests.yml)
+[![GitHub stars](https://img.shields.io/github/stars/brickhouse-tech/use-global-hook.svg?style=social)](https://github.com/brickhouse-tech/use-global-hook)
 
----
+**Easy state management for React using hooks — less than 1KB.**
 
-## Minimal example:
+No Redux. No Context boilerplate. Just a hook that shares state across components.
+
+## Install
+
+```bash
+npm install @znemz/use-global-hook
+```
+
+## Quick Start
 
 ```javascript
 import React from 'react';
@@ -27,10 +37,7 @@ const App = () => {
   const [globalState, globalActions] = useGlobal();
   return (
     <div>
-      <p>
-        counter:
-        {globalState.counter}
-      </p>
+      <p>counter: {globalState.counter}</p>
       <button type="button" onClick={() => globalActions.addToCounter(1)}>
         +1 to global
       </button>
@@ -41,42 +48,69 @@ const App = () => {
 export default App;
 ```
 
----
+## Advanced Usage
+
+### `setRef` vs `setState`
+
+Sometimes you need to set a reference and wipe the state clean. Common use cases:
+
+- **Reset / wipe** — clear state without triggering re-renders
+- **Tracking DOM elements** — `ref={setRef}`
+
+```javascript
+const useGlobal = useGlobalHook({ React, initialState: { data: null } });
+
+// In a component:
+const [state, actions] = useGlobal();
+
+// setState merges (like React's setState)
+actions.setState({ data: { key: 'value' } });
+
+// setRef replaces the entire reference
+actions.setRef({ completely: 'new object' });
+```
+
+### Why React Injection?
+
+This library accepts React as a parameter, which allows:
+
+- Support for different React implementations
+- Use of alternative hook implementations (e.g. [reinspect](https://github.com/troch/reinspect) for Redux DevTools integration)
+- Testing with mock React objects
 
-## Complete examples:
+## API
 
-### [Several counters, one value](https://codesandbox.io/s/v6zz2nwow5 'CodeSandBox')
+### `useGlobalHook({ React, initialState, actions })`
 
-Add as many counters as you want, it will all share the same global value.
-Every time one counter add 1 to the global value, all counters will render.
-The parent component won't render again.
+Returns a hook function that provides `[state, actions]` when called in a component.
 
----
+| Parameter | Type | Description |
+|-----------|------|-------------|
+| `React` | object | Your React instance |
+| `initialState` | object | Initial global state |
+| `actions` | object | Action functions receiving `(store, ...args)` |
 
-### [Asynchronous ajax requests](https://codesandbox.io/s/wqvykj5497 'CodeSandBox')
+### Store Methods
 
-Search GitHub repos by username.
-Handle the ajax request asynchronously with async/await.
-Update the requests counter on every search.
+| Method | Description |
+|--------|-------------|
+| `store.setState(newState)` | Merge new state and trigger re-renders |
+| `store.setRef(newRef)` | Replace state reference and trigger re-renders |
 
-## [ setRef vs setState ](https://codepen.io/nmccready/pen/vYBgrGR)
+## Contributing
 
-Sometimes you just need to set a reference and wipe the state clean.
+Contributions are welcome! Please open an issue or submit a pull request.
 
-There are many use cases:
+1. Fork the repo
+2. Create your feature branch (`git checkout -b feature/amazing-feature`)
+3. Commit your changes (using [conventional commits](https://www.conventionalcommits.org/))
+4. Push to the branch
+5. Open a Pull Request
 
-- reset / wipe
-- tracking dom elements `ref={setRef}`
+## Sponsor
 
-## Why do we allow React Injection?
+If you find this project useful, consider [sponsoring @nmccready](https://github.com/sponsors/nmccready) to support ongoing maintenance and development. ❤️
 
-- to support different React implementation
-- to allow different versions of useEffect, useState or other hooks
-  - say to allow inspection for redux-devtools see [reinspect](https://github.com/troch/reinspect) to debug your global hooks
+## License
 
-[npm-image]: https://img.shields.io/npm/v/@znemz/use-global-hook.svg
-[npm-url]: https://www.npmjs.com/package/@znemz/use-global-hook
-[travis-image]: https://img.shields.io/travis/nmccready/use-global-hook.svg
-[travis-url]: https://travis-ci.org/nmccready/use-global-hook
-[coveralls-image]: https://coveralls.io/repos/github/nmccready/use-global-hook/badge.svg
-[coveralls-url]: https://coveralls.io/github/nmccready/use-global-hook?branch=master
+See [LICENSE](./LICENSE) for details.

package/src/test/index.spec.ts

@@ -1,8 +1,6 @@
 import React, { useEffect } from 'react';
-import Promise from 'bluebird';
-import 'jest-extended';
-import 'jest-expect-message';
-import { renderHook, act } from '@testing-library/react-hooks';
+import { describe, it, expect, vi } from 'vitest';
+import { renderHook, act } from '@testing-library/react';
 
 import useGlobalHook, { HookWork, Store } from '..';
 import {
@@ -64,47 +62,6 @@ describe('useGlobalHook', () => {
         expect(result.current[0].a).toEqual('a');
         expect(result2.current[0].a).toEqual('a');
       });
-
-      it('works - multi destroy chase -- continue', () => {
-        const useTest = useGlobalHook<SomeState>({ React, initialState: { a: undefined } });
-        const { unmount } = renderHook(() => useTest());
-        const promiseFns = [];
-        for (let i; i < 20; i++) {
-          promiseFns.push(() =>
-            Promise.resolve(
-              renderHook(() => {
-                const hook = useTest();
-                if (i === 10) {
-                  // TODO: somehow produce the race condition
-                  // TODO which will hit continue in setState
-                  // attempt to call setState while listeners are being added
-                  hook[1].setState({ a: 'b' });
-                }
-                return hook;
-              })
-            )
-          );
-        }
-
-        const race = Promise.map(promiseFns, (fn) => fn());
-
-        const promise = Promise.join(
-          race,
-          // @ts-ignore
-          Promise.delay(10).then(() => {
-            unmount();
-          })
-        );
-
-        const { result: result2 } = renderHook(() => useTest());
-
-        act(() => {
-          result2.current[1].setState({ a: 'a' });
-        });
-        return promise.then(() => {
-          expect(result2.current[0].a).toEqual('a');
-        });
-      });
     });
 
     describe('setRef', () => {
@@ -117,7 +74,7 @@ describe('useGlobalHook', () => {
           result.current[1].setRef(ref);
         });
 
-        expect(result.current[0], 'checks for reference not deep equal').toBe(ref);
+        expect(result.current[0]).toBe(ref);
       });
 
       it('skip digest', () => {
@@ -140,7 +97,7 @@ describe('useGlobalHook', () => {
       it('hookWork is called', () => {
         const useTest = useGlobalHook<SomeState>({ React });
 
-        const hookWork = jest.fn();
+        const hookWork = vi.fn();
 
         renderHook(() => {
           useTest(hookWork);
@@ -152,8 +109,8 @@ describe('useGlobalHook', () => {
       it('hookWork is called, other Hooks', () => {
         const useTest = useGlobalHook<SomeState>({ React });
 
-        const effectFn = jest.fn();
-        const hookWork = jest.fn(() => {
+        const effectFn = vi.fn();
+        const hookWork = vi.fn(() => {
           useEffect(() => {
             effectFn();
           }, []);

package/module/index.js

@@ -1,110 +0,0 @@
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-var setState = function (store, newState, doDigest) {
-    store.setState(newState, false, doDigest);
-};
-var setRef = function (store, newState, doDigest) {
-    store.setRef(newState, doDigest);
-};
-var actions = { setState: setState, setRef: setRef };
-
-function setState$1(newState, isRef, doDigest) {
-    if (doDigest === void 0) { doDigest = true; }
-    var listenersLength = this.listeners.length;
-    this.state = isRef ? newState : __assign({}, this.state, newState);
-    if (!doDigest)
-        return;
-    for (var i = 0; i < listenersLength; i++) {
-        var fn = this.listeners[i];
-        if (!fn || typeof fn !== 'function') {
-            continue;
-        }
-        fn(this.state);
-    }
-}
-function setRef$1(newState, doDigest) {
-    setState$1.call(this, newState, true, doDigest);
-}
-function useCustom(React, hookWork) {
-    var _this = this;
-    var newListener = React.useState()[1];
-    var oldState = this.state;
-    React.useEffect(function () {
-        _this.listeners.push(newListener);
-        if (oldState !== _this.state)
-            newListener(_this.state);
-        return function () {
-            var listenersLength = _this.listeners.length;
-            var filtered = [];
-            for (var i = 0; i < listenersLength; i++) {
-                var listener = _this.listeners[i];
-                if (listener !== newListener) {
-                    filtered.push(listener);
-                }
-            }
-            /*
-            This is dangerous as we could be in the middle of calling setState or setRef.
-            setting the listeners should come after the dust has settled.
-            Using an immutable store might protect this.
-            */
-            _this.listeners = filtered;
-        };
-    }, []);
-    var workAdditions = [];
-    if (hookWork) {
-        workAdditions = hookWork() || [];
-    }
-    return [this.state, this.actions].concat(workAdditions);
-}
-function associateActions(store, actions) {
-    var associatedActions = {};
-    var actionsKeys = Object.keys(actions);
-    var actionsKeysLength = actionsKeys.length;
-    for (var i = 0; i < actionsKeysLength; i++) {
-        var key = actionsKeys[i];
-        if (typeof actions[key] === 'function') {
-            associatedActions[key] = actions[key].bind(null, store);
-        }
-        if (typeof actions[key] === 'object') {
-            associatedActions[key] = associateActions(store, actions[key]);
-        }
-    }
-    return associatedActions;
-}
-var useStore = function (_a) {
-    var _b = _a === void 0 ? {} : _a, React = _b.React, initialState = _b.initialState, _c = _b.actions, actions$1 = _c === void 0 ? actions : _c, initializer = _b.initializer;
-    var store = { state: initialState, listeners: [] };
-    store.setState = setState$1.bind(store);
-    store.setRef = setRef$1.bind(store);
-    store.actions = associateActions(store, actions$1);
-    if (initializer) {
-        initializer(store);
-    }
-    return useCustom.bind(store, React);
-};
-
-export default useStore;

package/umd/index.js

@@ -1,118 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-    typeof define === 'function' && define.amd ? define(factory) :
-    (global = global || self, global.UseGlobalHook = factory());
-}(this, function () { 'use strict';
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation. All rights reserved.
-    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-    this file except in compliance with the License. You may obtain a copy of the
-    License at http://www.apache.org/licenses/LICENSE-2.0
-
-    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-    MERCHANTABLITY OR NON-INFRINGEMENT.
-
-    See the Apache Version 2.0 License for specific language governing permissions
-    and limitations under the License.
-    ***************************************************************************** */
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    var setState = function (store, newState, doDigest) {
-        store.setState(newState, false, doDigest);
-    };
-    var setRef = function (store, newState, doDigest) {
-        store.setRef(newState, doDigest);
-    };
-    var actions = { setState: setState, setRef: setRef };
-
-    function setState$1(newState, isRef, doDigest) {
-        if (doDigest === void 0) { doDigest = true; }
-        var listenersLength = this.listeners.length;
-        this.state = isRef ? newState : __assign({}, this.state, newState);
-        if (!doDigest)
-            return;
-        for (var i = 0; i < listenersLength; i++) {
-            var fn = this.listeners[i];
-            if (!fn || typeof fn !== 'function') {
-                continue;
-            }
-            fn(this.state);
-        }
-    }
-    function setRef$1(newState, doDigest) {
-        setState$1.call(this, newState, true, doDigest);
-    }
-    function useCustom(React, hookWork) {
-        var _this = this;
-        var newListener = React.useState()[1];
-        var oldState = this.state;
-        React.useEffect(function () {
-            _this.listeners.push(newListener);
-            if (oldState !== _this.state)
-                newListener(_this.state);
-            return function () {
-                var listenersLength = _this.listeners.length;
-                var filtered = [];
-                for (var i = 0; i < listenersLength; i++) {
-                    var listener = _this.listeners[i];
-                    if (listener !== newListener) {
-                        filtered.push(listener);
-                    }
-                }
-                /*
-                This is dangerous as we could be in the middle of calling setState or setRef.
-                setting the listeners should come after the dust has settled.
-                Using an immutable store might protect this.
-                */
-                _this.listeners = filtered;
-            };
-        }, []);
-        var workAdditions = [];
-        if (hookWork) {
-            workAdditions = hookWork() || [];
-        }
-        return [this.state, this.actions].concat(workAdditions);
-    }
-    function associateActions(store, actions) {
-        var associatedActions = {};
-        var actionsKeys = Object.keys(actions);
-        var actionsKeysLength = actionsKeys.length;
-        for (var i = 0; i < actionsKeysLength; i++) {
-            var key = actionsKeys[i];
-            if (typeof actions[key] === 'function') {
-                associatedActions[key] = actions[key].bind(null, store);
-            }
-            if (typeof actions[key] === 'object') {
-                associatedActions[key] = associateActions(store, actions[key]);
-            }
-        }
-        return associatedActions;
-    }
-    var useStore = function (_a) {
-        var _b = _a === void 0 ? {} : _a, React = _b.React, initialState = _b.initialState, _c = _b.actions, actions$1 = _c === void 0 ? actions : _c, initializer = _b.initializer;
-        var store = { state: initialState, listeners: [] };
-        store.setState = setState$1.bind(store);
-        store.setRef = setRef$1.bind(store);
-        store.actions = associateActions(store, actions$1);
-        if (initializer) {
-            initializer(store);
-        }
-        return useCustom.bind(store, React);
-    };
-
-    return useStore;
-
-}));