r18gs - npm Package Compare versions

Comparing version 0.0.5 to 0.1.0

CHANGELOG.md

 # r18gs
 
+## 0.1.0
+
+### Minor Changes
+
+- Remove client side hooks. Now this store works well with server components as well. Though, server side use is tricky and not recommended yet.
+
 ## 0.0.5
@@ -4,0 +10,0 @@

esm/index.js

@@ -1,1 +0,1 @@
-import{a as o}from"./chunk-CYWUN7VX.js";var e=o;export{e as default};
+import{a as o}from"./chunk-ZTUXLR3P.js";var e=o;export{e as default};

esm/use-rgs.js

@@ -1,1 +0,1 @@
-import{a}from"./chunk-CYWUN7VX.js";export{a as default};
+import{a}from"./chunk-ZTUXLR3P.js";export{a as default};

index.js

@@ -1,1 +0,1 @@
-"use strict";var T=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var b=(t,e)=>{for(var o in e)T(t,o,{get:e[o],enumerable:!0})},u=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of S(e))!p.call(t,l)&&l!==o&&T(t,l,{get:()=>e[l],enumerable:!(n=c(e,l))||n.enumerable});return t};var f=t=>u(T({},"__esModule",{value:!0}),t);var v={};b(v,{default:()=>h});module.exports=f(v);var a=require("react");globalThis.rgs={};function g(t,e){let o=(0,a.useCallback)(s=>{let r=globalThis.rgs[t];r.value=s instanceof Function?s(r.value):s;for(let i of r.listeners)i()},[t]),n=(0,a.useCallback)(s=>{globalThis.rgs[t]||(globalThis.rgs[t]={listeners:[],value:e});let r=globalThis.rgs[t];return r.listeners.push(s),()=>{r.listeners=r.listeners.filter(i=>i!==s)}},[t,e]);return[(0,a.useSyncExternalStore)(n,()=>{var s,r;return(r=(s=globalThis.rgs[t])==null?void 0:s.value)!=null?r:e},()=>e),o]}var h=g;
+"use strict";var n=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var d=(s,e)=>{for(var i in e)n(s,i,{get:e[i],enumerable:!0})},S=(s,e,i,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of c(e))!u.call(s,o)&&o!==i&&n(s,o,{get:()=>e[o],enumerable:!(l=T(e,o))||l.enumerable});return s};var f=s=>S(n({},"__esModule",{value:!0}),s);var h={};d(h,{default:()=>v});module.exports=f(h);var b=require("react");globalThis.rgs={};globalThis.setters={};globalThis.subscribers={};function g(s,e){globalThis.subscribers[s]||(globalThis.subscribers[s]=r=>{globalThis.rgs[s]||(globalThis.rgs[s]={listeners:[],value:e});let t=globalThis.rgs[s];return t.listeners.push(r),()=>{t.listeners=t.listeners.filter(a=>a!==r)}});let i=globalThis.subscribers[s];globalThis.setters[s]||(globalThis.setters[s]=r=>{let t=globalThis.rgs[s];t.value=r instanceof Function?r(t.value):r;for(let a of t.listeners)a()});let l=globalThis.setters[s],o=()=>{var r,t;return(t=(r=globalThis.rgs[s])==null?void 0:r.value)!=null?t:e};return[(0,b.useSyncExternalStore)(i,o,o),l]}var v=g;

package.json

@@ -5,3 +5,3 @@ {
   "private": false,
-  "version": "0.0.5",
+  "version": "0.1.0",
   "description": "A simple yet elegant, light weight, react18 global store to replace Zustand for better tree shaking.",
@@ -17,3 +17,3 @@ "main": "index.js",
   },
-  "homepage": "https://github.com/react18-tools/react18-global-store#readme",
+  "homepage": "https://react18-global-store.vercel.app/",
   "sideEffects": false,
@@ -20,0 +20,0 @@ "license": "MIT",

README.md

@@ -11,4 +11,2 @@ # React18GlobalStore
 
-> Will be using this library soon to fix issues with `nextjs-themes`.
-
 ## Features
@@ -22,2 +20,4 @@
 
+✅ Works for both client side and server side components (be careful, separate states are created for server side and client side. Any changes done on client side will not affect the server components.)
+
 ✅ Doccumented with [Typedoc](https://react18-tools.github.io/react18-global-store) ([Docs](https://react18-tools.github.io/react18-global-store))
@@ -24,0 +24,0 @@

use-rgs.d.ts

@@ -8,3 +8,5 @@ interface React18GlobalStore {
 declare global {
-    var rgs: Record<string, React18GlobalStore>;
+    var rgs: Record<string, React18GlobalStore | undefined>;
+    var setters: Record<string, SetStateAction<unknown> | undefined>;
+    var subscribers: Record<string, ((listener: () => void) => () => void) | undefined>;
 }
@@ -11,0 +13,0 @@ /**

use-rgs.js

@@ -1,1 +0,1 @@
-"use strict";var T=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var p=(t,e)=>{for(var o in e)T(t,o,{get:e[o],enumerable:!0})},u=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of S(e))!b.call(t,l)&&l!==o&&T(t,l,{get:()=>e[l],enumerable:!(n=c(e,l))||n.enumerable});return t};var f=t=>u(T({},"__esModule",{value:!0}),t);var h={};p(h,{default:()=>g});module.exports=f(h);var a=require("react");globalThis.rgs={};function g(t,e){let o=(0,a.useCallback)(r=>{let s=globalThis.rgs[t];s.value=r instanceof Function?r(s.value):r;for(let i of s.listeners)i()},[t]),n=(0,a.useCallback)(r=>{globalThis.rgs[t]||(globalThis.rgs[t]={listeners:[],value:e});let s=globalThis.rgs[t];return s.listeners.push(r),()=>{s.listeners=s.listeners.filter(i=>i!==r)}},[t,e]);return[(0,a.useSyncExternalStore)(n,()=>{var r,s;return(s=(r=globalThis.rgs[t])==null?void 0:r.value)!=null?s:e},()=>e),o]}
+"use strict";var n=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var d=(s,e)=>{for(var i in e)n(s,i,{get:e[i],enumerable:!0})},S=(s,e,i,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of c(e))!u.call(s,o)&&o!==i&&n(s,o,{get:()=>e[o],enumerable:!(l=T(e,o))||l.enumerable});return s};var v=s=>S(n({},"__esModule",{value:!0}),s);var h={};d(h,{default:()=>b});module.exports=v(h);var g=require("react");globalThis.rgs={};globalThis.setters={};globalThis.subscribers={};function b(s,e){globalThis.subscribers[s]||(globalThis.subscribers[s]=r=>{globalThis.rgs[s]||(globalThis.rgs[s]={listeners:[],value:e});let t=globalThis.rgs[s];return t.listeners.push(r),()=>{t.listeners=t.listeners.filter(a=>a!==r)}});let i=globalThis.subscribers[s];globalThis.setters[s]||(globalThis.setters[s]=r=>{let t=globalThis.rgs[s];t.value=r instanceof Function?r(t.value):r;for(let a of t.listeners)a()});let l=globalThis.setters[s],o=()=>{var r,t;return(t=(r=globalThis.rgs[s])==null?void 0:r.value)!=null?t:e};return[(0,g.useSyncExternalStore)(i,o,o),l]}

No alert changes

Improved metrics

Total package byte prevSize

12177

increased by10.32%

Lines of code

42

increased by13.51%

No dependency changes