react-globo-state 1.3.0 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-globo-state",
-  "version": "1.3.0",
+  "version": "2.0.0",
   "description": "A react state everywhere made easy",
   "keywords": [
     "gState",
@@ -14,40 +14,61 @@
     "dario",
     "passariello"
   ],
-  "files": [
-    "index.js",
-    "global.d.ts"
-  ],
   "license": "MIT",
   "author": "Dario Passariello",
   "type": "module",
-  "main": "./index.js",
-  "types": "./global.d.ts",
-  "typings": "./global",
-  "extends": "./tsconfig.json",
   "exports": {
     ".": {
-      "types": "./global.d.ts",
-      "default": "./index.js"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./advanced": {
+      "types": "./dist/advanced.d.ts",
+      "default": "./dist/advanced.js"
     },
-    "./package.json": "./package.json",
-    "./*": "./*"
+    "./package.json": "./package.json"
   },
+  "main": "./dist/index.js",
+  "types": "./dist/global.d.ts",
+  "typings": "./dist/global.d.ts",
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "build": "node ./esbuild.config.mjs",
+    "build": "tsc --emitDeclarationOnly --outDir dist && node ./esbuild.config.mjs",
+    "type-check": "tsc --noEmit",
+    "test": "jest --config tests/jest/jest.config.ts",
+    "test:pw": "playwright test --config tests/playwright/playwright.config.ts",
+    "lint": "eslint . --ext .ts,.tsx",
+    "lint:fix": "eslint . --ext .ts,.tsx --fix",
     "npm:publish": "npm run build && npm publish ./dist"
   },
   "dependencies": {
-    "react": "^19.2.4"
+    "immer": "^11.1.4"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "8.54.0",
-    "@typescript-eslint/parser": "8.54.0",
-    "esbuild": "0.27.2",
+    "@playwright/test": "1.58.2",
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.2",
+    "@types/jest": "30.0.0",
+    "@types/node": "25.2.3",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.55.0",
+    "@typescript-eslint/parser": "^8.55.0",
+    "dphelper": "2.6.3",
+    "esbuild": "0.27.3",
     "esbuild-plugin-copy": "2.1.1",
-    "eslint": "9.39.2",
+    "eslint": "^10.0.0",
+    "jest": "30.2.0",
+    "jest-environment-jsdom": "30.2.0",
     "ts-jest": "29.4.6",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3"
   }
-}
+}

package/LICENSE

@@ -1,9 +0,0 @@
-# MIT license
-
-Copyright 1995 - 2026 Dario Passariello
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -1,140 +0,0 @@
-# [React Globo State - gState.](https://npmjs.com/package/react-globo-state)
-
-**React Globo State** by [Dario Passariello](https://dario.passariello.ca) (c)
-
-[![version](https://img.shields.io/npm/v/react-globo-state.svg)](https://npmjs.org/package/react-globo-state)
-[![downloads](https://img.shields.io/npm/dm/react-globo-state.svg)](https://npmjs.org/package/react-globo-state)
-
-![TypeScript](https://img.shields.io/badge/TypeScript-gray?logo=typescript)
-![React](https://img.shields.io/badge/React-gray?logo=react)
-![ESLint](https://img.shields.io/badge/ESLint-gray?logo=eslint)
-![License](https://img.shields.io/badge/license-MIT-blue.svg)
-
-## 🚀 Ultra-Optimized React State Engine
-
-A tiny, blazing-fast state container designed for modern React applications. Built for developers who demand **maximum performance**, **minimal re-renders**, and **predictable reactivity** without the overhead of traditional state managers.
-
-### ⚡ Why this package exists
-
-React's built-in state works well for small components, but as your app scales, you start battling unnecessary renders, complex memoization, and context bloat. This package delivers a **super-optimized state layer** that updates only what truly needs to update.
-
-### 🧠 Key Features
-
-- **Granular subscriptions** - Components re-render only when the specific data they use changes.
-- **Reduce useMEmo use** - Help you to architect a better structure of your application avoid tons of useMemo.
-- **Single container** - Only one container for entire state. No more lost states or not necessary data in memory.
-- **No more imports** - Only one import and ready to work... everywhere.
-- **Zero dependencies** - Lightweight and ideal for high-performance apps or micro-frontend.
-- **Immutable-friendly** - Works seamlessly with immutable patterns while staying fast.
-- **Concurrent-mode ready** - Designed for React and future-proofed for modern rendering.
-- **TypeScript first** - Fully typed API for safe, predictable state flows.
-
-### 🧩 Perfect for
-
-- High-frequency UI updates (dashboards, 3D apps, visualizers)
-- Enterprise-scale applications
-- Performance-critical components
-- Developers who want a simple API with extreme optimization
-
-### 🛠️ How it works
-
-The engine uses a **subscription-based reactive core** with micro-level diffing. Only the components that depend on changed values re-render. No proxies, no global invalidation, no magic just deterministic, high-performance state management.
-
-## install
-
-```bash
-npm i -D react-globo-state
-```
-
-You use:
-
-```javascript
-
-// Import the init
-import "react-globo-state"
-
-// start the state
-// * need to be inside your App() only at top and one time...
-
-globoState()
-
-```
-
-> now you can use your global react state everywhere.
-
-## EXAMPLE
-
-```js
-import "react-globo-state"
-
-const App = () => {
-
-  // init gState
-  globoState()
-
-  useEffect(
-    ()=>{
-      gState.set("test",{ myNewReactState: "hello world!" })
-    },[]
-  )
-
-  return <div>
-    {
-      gState.get("test").myNewReactState // result -> hello world!
-    }
-  </div>
-
-}
-
-```
-
-## how works and use
-
-```js
-
-  // now you can use your global react state everywhere.
-  // you can use also in useEffect and Dispatch
-
-    /**
-     * Create a state
-     * @param name - Name of the gstate
-     * @param item - Object, string, number, boolean, array
-     * @returns - true
-    */
-    gState.set("name", { test:"test" })
-
-    /**
-     * Get a state
-     * @param name - Name of the gstate
-     * @returns - items
-    */
-    gState.get("name")
-
-    /**
-     * Remove a state
-     * @param name - Name of the gstate
-     * @returns - items
-    */
-    gState.remove("name")
-    // or
-    gState.delete("name")
-
-    /**
-     * Delete all items from gState
-     * @returns - true
-    */
-    gState.deleteAll()
-
-    /**
-     * List all states
-     * @returns - items
-    */
-    gState.list()
-
-```
-
-## See a demo
-
-If you are interested to see a demo live visit [EXAMPLEPAGE](https://examplepage.picla.net) and look the console.
-
-Thank you!

package/global.d.ts

@@ -1,60 +0,0 @@
-/*!
-  Copyright (c) 2025 Dario Passariello <dariopassariello@gmail.com>
-  Licensed under MIT License, see
-  https://dario.passariello.ca
-*/
-
-declare module 'gState'
-declare module 'globoState'
-
-interface _gState {
-
-  /**
-   * Dynamic index signature for additional properties
-   * @private
-   */
-  [key: string]: any
-
-
-  /**
-   * Create a state
-   * @param name - Name of the gstate
-   * @param item - Object, string, number, boolean, array
-   * @returns - true
-  */
-  set: (name: string, value: string | number | string[] | object) => true,
-
-  /**
-   * Get a state
-   * @param name - Name of the gstate
-   * @returns - value
-  */
-  get: (name: string) => value,
-
-  /**
-   * Remove a state
-   * @param name - Name of the gstate
-   * @returns - true
-  */
-  remove: (name: string) => true,
-  delete: (name: string) => true,
-
-  /**
-   * Delete all items from gState
-   * @returns - Void
-  */
-  deleteAll: () => true,
-
-  /**
-   * List all states
-   * @returns - Void
-  */
-  list: () => values
-}
-
-declare var globoState: () => void
-
-declare var gState: _gState
-type gState = _gState
-
-globalThis.gState = _gState

package/index.js

@@ -1 +0,0 @@
-import{useState as n}from"react";const t={};Object.defineProperty(globalThis,"globoState",{value:()=>{const[r,u]=n(null);Object.defineProperty(globalThis,"gState",{value:{get:e=>{if(e)return r?.[e]?r[e]:null},set:(e,l)=>{if(!(!e||!l))return t[e]=l,u({...t}),!0},remove:e=>{if(e)return delete t[e],u({...t}),!0},delete:e=>{if(e)return gState.remove(e),!0},deleteAll:()=>(u({}),!0),list:()=>r},configurable:!0,enumerable:!1}),Object.freeze("gState")},configurable:!0,enumerable:!1});Object.freeze("globoState");