Merge pull request #24 from react18-tools/minify

mayank1513 · web-flow · commit e05f885b5c10 · 2024-05-03T01:38:31.000+05:30
Minify
diff --git a/examples/nextjs/CHANGELOG.md b/examples/nextjs/CHANGELOG.md
@@ -1,5 +1,13 @@
 # nextjs-example
 
+## 0.0.14
+
+### Patch Changes
+
+- Updated dependencies
+  - r18gs@1.0.2
+  - shared-ui@0.0.0
+
 ## 0.0.13
 
 ### Patch Changes
diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "nextjs-example",
-	"version": "0.0.13",
+	"version": "0.0.14",
 	"private": true,
 	"scripts": {
 		"dev": "next dev",
@@ -20,7 +20,7 @@
 	},
 	"devDependencies": {
 		"@next/eslint-plugin-next": "^14.2.3",
-		"@types/node": "^20.12.7",
+		"@types/node": "^20.12.8",
 		"@types/react": "^18.3.1",
 		"@types/react-dom": "^18.3.0",
 		"eslint-config-custom": "workspace:*",
diff --git a/examples/remix/CHANGELOG.md b/examples/remix/CHANGELOG.md
@@ -1,5 +1,13 @@
 # remix-example
 
+## 0.0.14
+
+### Patch Changes
+
+- Updated dependencies
+  - r18gs@1.0.2
+  - shared-ui@0.0.0
+
 ## 0.0.13
 
 ### Patch Changes
diff --git a/examples/remix/package.json b/examples/remix/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "remix-example",
-	"version": "0.0.13",
+	"version": "0.0.14",
 	"private": true,
 	"sideEffects": false,
 	"type": "module",
diff --git a/examples/vite/CHANGELOG.md b/examples/vite/CHANGELOG.md
@@ -1,5 +1,13 @@
 # vite-example
 
+## 0.0.14
+
+### Patch Changes
+
+- Updated dependencies
+  - r18gs@1.0.2
+  - shared-ui@0.0.0
+
 ## 0.0.13
 
 ### Patch Changes
diff --git a/examples/vite/package.json b/examples/vite/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "vite-example",
 	"private": true,
-	"version": "0.0.13",
+	"version": "0.0.14",
 	"type": "module",
 	"scripts": {
 		"dev": "vite --port 3001",
@@ -27,6 +27,6 @@
 		"eslint-plugin-react-hooks": "^4.6.2",
 		"eslint-plugin-react-refresh": "^0.4.6",
 		"typescript": "^5.4.5",
-		"vite": "^5.2.10"
+		"vite": "^5.2.11"
 	}
 }
diff --git a/lib/r18gs/CHANGELOG.md b/lib/r18gs/CHANGELOG.md
@@ -1,5 +1,11 @@
 # r18gs
 
+## 1.0.2
+
+### Patch Changes
+
+- Refactor to reduce minzip size
+
 ## 1.0.1
 
 ### Patch Changes
diff --git a/lib/r18gs/package.json b/lib/r18gs/package.json
@@ -2,7 +2,7 @@
 	"name": "r18gs",
 	"author": "Mayank Kumar Chaudhari <https://mayank-chaudhari.vercel.app>",
 	"private": false,
-	"version": "1.0.1",
+	"version": "1.0.2",
 	"description": "A simple yet elegant, light weight, react18 global store to replace Zustand for better tree shaking.",
 	"main": "./dist/index.js",
 	"types": "./dist/index.d.ts",
@@ -28,9 +28,9 @@
 		"lint": "eslint ."
 	},
 	"devDependencies": {
-		"@testing-library/react": "^15.0.5",
+		"@testing-library/react": "^15.0.6",
 		"@turbo/gen": "^1.13.3",
-		"@types/node": "^20.12.7",
+		"@types/node": "^20.12.8",
 		"@types/react": "^18.3.1",
 		"@types/react-dom": "^18.3.0",
 		"@vitejs/plugin-react": "^4.2.1",
diff --git a/lib/r18gs/src/index.ts b/lib/r18gs/src/index.ts
@@ -20,9 +20,11 @@ export type { SetterArgType, SetStateAction, Plugin } from "./utils";
  * @param value - Initial value of the store.
  * @returns - A tuple (Ordered sequance of values) containing the state and a function to set the state.
  */
-export default function useRGS<T>(key: string, value?: T): [T, SetStateAction<T>] {
+const useRGS = <T>(key: string, value?: T): [T, SetStateAction<T>] => {
 	/** Initialize the named store when invoked for the first time. */
 	if (!globalRGS[key]) globalRGS[key] = [value, [], createSetter(key), createSubcriber(key)];
 
 	return createHook<T>(key);
-}
+};
+
+export default useRGS;
diff --git a/lib/r18gs/src/plugins/persist.ts b/lib/r18gs/src/plugins/persist.ts
@@ -8,7 +8,7 @@ export interface PersistOptions {
 }
 
 /** get stored item */
-function getItem(key: string, options?: PersistOptions) {
+const getItem = (key: string, options?: PersistOptions) => {
 	const cookie = document.cookie.split("; ").find(c => c.startsWith(key));
 	switch (options?.storage) {
 		case "cookie":
@@ -18,10 +18,10 @@ function getItem(key: string, options?: PersistOptions) {
 		default:
 			return localStorage.getItem(key);
 	}
-}
+};
 
 /** set item to persistant store */
-function setItem(key: string, value: string, options?: PersistOptions) {
+const setItem = (key: string, value: string, options?: PersistOptions) => {
 	switch (options?.storage) {
 		case "cookie":
 			document.cookie = `${key}=${value}; max-age=31536000; SameSite=Strict;`;
@@ -33,13 +33,13 @@ function setItem(key: string, value: string, options?: PersistOptions) {
 		default:
 			localStorage.setItem(key, value);
 	}
-}
+};
 /**
  * A plugin that persists and syncs RGS store between tabs.
  *
  * @returns A plugin that persists and syncs a value between tabs.
  */
-export function persist<T>(options?: PersistOptions): Plugin<T> {
+export const persist = <T>(options?: PersistOptions): Plugin<T> => {
 	return {
 		init(key, _, mutate) {
 			if (typeof window === "undefined") return;
@@ -62,4 +62,4 @@ export function persist<T>(options?: PersistOptions): Plugin<T> {
 			}
 		},
 	};
-}
+};
diff --git a/lib/r18gs/src/utils.ts b/lib/r18gs/src/utils.ts
@@ -22,40 +22,37 @@ globalThisForBetterMinification.rgs = {};
 export const globalRGS = globalThisForBetterMinification.rgs;
 
 /** trigger all listeners */
-function triggerListeners(rgs: RGS) {
+const triggerListeners = (rgs: RGS) =>
 	(rgs[LISTENERS] as Listener[]).forEach(listener => listener());
-}
 
 /** craete subscriber function to subscribe to the store. */
-export function createSubcriber(key: string): Subscriber {
+export const createSubcriber = (key: string): Subscriber => {
 	return listener => {
 		const rgs = globalRGS[key] as RGS;
 		(rgs[LISTENERS] as Listener[]).push(listener);
 		return () => {
 			rgs[LISTENERS] = (rgs[LISTENERS] as Listener[]).filter(l => l !== listener);
 		};
 	};
-}
+};
 
 /** setter function to set the state. */
-export function createSetter<T>(key: string): SetStateAction<unknown> {
+export const createSetter = <T>(key: string): SetStateAction<unknown> => {
 	return val => {
 		const rgs = globalRGS[key] as RGS;
 		rgs[VALUE] = val instanceof Function ? val(rgs[VALUE] as T) : val;
 		(rgs[LISTENERS] as Listener[]).forEach(listener => listener());
 	};
-}
+};
 
 /** Extract coomon create hook logic to utils */
-export function createHook<T>(key: string): [T, SetStateAction<T>] {
+export const createHook = <T>(key: string): [T, SetStateAction<T>] => {
 	const rgs = globalRGS[key] as RGS;
-	const val = useSyncExternalStore<T>(
-		rgs[SUBSCRIBER] as Subscriber,
-		() => rgs[VALUE] as T,
-		() => rgs[VALUE] as T,
-	);
+	/** This function is called by react to get the current stored value. */
+	const getSnapshot = () => rgs[VALUE] as T;
+	const val = useSyncExternalStore<T>(rgs[SUBSCRIBER] as Subscriber, getSnapshot, getSnapshot);
 	return [val, rgs[SETTER] as SetStateAction<T>];
-}
+};
 
 type Mutate<T> = (value?: T) => void;
 
@@ -66,7 +63,7 @@ export type Plugin<T> = {
 
 let allExtentionsInitialized = false;
 /** Initialize extestions - wait for previous plugins's promise to be resolved before processing next */
-async function initPlugins<T>(key: string, plugins: Plugin<T>[]) {
+const initPlugins = async <T>(key: string, plugins: Plugin<T>[]) => {
 	const rgs = globalRGS[key] as RGS;
 	/** Mutate function to update the value */
 	const mutate: Mutate<T> = newValue => {
@@ -78,15 +75,15 @@ async function initPlugins<T>(key: string, plugins: Plugin<T>[]) {
 		await plugin.init?.(key, rgs[VALUE] as T, mutate);
 	}
 	allExtentionsInitialized = true;
-}
+};
 
 /** Initialize the named store when invoked for the first time. */
-export function initWithPlugins<T>(
+export const initWithPlugins = <T>(
 	key: string,
 	value?: T,
 	plugins: Plugin<T>[] = [],
 	doNotInit = false,
-) {
+) => {
 	if (doNotInit) {
 		/** You will not have access to the setter until initialized */
 		globalRGS[key] = [value, [], null, createSubcriber(key)];
@@ -108,7 +105,7 @@ export function initWithPlugins<T>(
 		rgs[SETTER] = setterWithPlugins;
 	} else globalRGS[key] = [value, [], setterWithPlugins, createSubcriber(key)];
 	initPlugins(key, plugins);
-}
+};
 
 /**
  * Use this hook similar to `useState` hook.
@@ -127,12 +124,12 @@ export function initWithPlugins<T>(
  * @param doNotInit - Do not initialize the store. Useful when you want to initialize the store later. Note that the setter function is not available until the store is initialized.
  * @returns - A tuple (Ordered sequance of values) containing the state and a function to set the state.
  */
-export function useRGSWithPlugins<T>(
+export const useRGSWithPlugins = <T>(
 	key: string,
 	value?: T,
 	plugins?: Plugin<T>[],
 	doNotInit = false,
-): [T, SetStateAction<T>] {
+): [T, SetStateAction<T>] => {
 	if (!globalRGS[key]?.[SETTER]) initWithPlugins(key, value, plugins, doNotInit);
 	return createHook<T>(key);
-}
+};
diff --git a/lib/r18gs/src/with-plugins.ts b/lib/r18gs/src/with-plugins.ts
@@ -20,23 +20,23 @@ import type { Plugin, SetStateAction } from "./utils";
  * @param plugins - Plugins to be applied to the store.
  * @returns - A hook function that returns a tuple (Ordered sequence of values) containing the state and a function to set the state.
  */
-export function create<T>(
+export const create = <T>(
 	key: string,
 	value?: T,
 	plugins?: Plugin<T>[],
-): () => [T, SetStateAction<T>] {
+): (() => [T, SetStateAction<T>]) => {
 	return () => useRGSWithPlugins(key, value, plugins);
-}
+};
 
 /**
  * Creates a hook similar to useRGS, but with plugins to be applied on first invocation.
  *
  * @param plugins - Plugins to be applied to the store.
  * @returns A hook that automatically initializes the store (if not already initialized) with the given plugins.
  */
-export function withPlugins<T>(
+export const withPlugins = <T>(
 	plugins: Plugin<T>[],
-): <U = T>(key: string, value?: U, doNotInit?: boolean) => [U, SetStateAction<U>] {
+): (<U = T>(key: string, value?: U, doNotInit?: boolean) => [U, SetStateAction<U>]) => {
 	/**
 	 * Creates a hook similar to useRGS, with plugins applied on first invocation.
 	 *
@@ -53,6 +53,6 @@ export function withPlugins<T>(
 		useRGSWithPlugins(key, value, plugins as unknown as Plugin<U>[], doNotInit);
 
 	return hookWithPlugins;
-}
+};
 
 export { useRGSWithPlugins };
diff --git a/packages/shared-ui/package.json b/packages/shared-ui/package.json
@@ -11,7 +11,7 @@
 	},
 	"devDependencies": {
 		"@mayank1513/fork-me": "^2.1.2",
-		"@types/node": "^20.12.7",
+		"@types/node": "^20.12.8",
 		"@types/react": "^18.3.1",
 		"@types/react-dom": "^18.3.0",
 		"eslint-config-custom": "workspace:*",

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "remix-example",`
`3`		`- "version": "0.0.13",`
	`3`	`+ "version": "0.0.14",`
`4`	`4`	`"private": true,`
`5`	`5`	`"sideEffects": false,`
`6`	`6`	`"type": "module",`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "vite-example",`
`3`	`3`	`"private": true,`
`4`		`- "version": "0.0.13",`
	`4`	`+ "version": "0.0.14",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"scripts": {`
`7`	`7`	`"dev": "vite --port 3001",`
`@@ -27,6 +27,6 @@`
`27`	`27`	`"eslint-plugin-react-hooks": "^4.6.2",`
`28`	`28`	`"eslint-plugin-react-refresh": "^0.4.6",`
`29`	`29`	`"typescript": "^5.4.5",`
`30`		`- "vite": "^5.2.10"`
	`30`	`+ "vite": "^5.2.11"`
`31`	`31`	`}`
`32`	`32`	`}`