Merge pull request #3 from HichemTab-tech/fix-logs

Fix logs and put dev mode manipulation in exported configuration

Author: HichemTab-tech

demo/vite.config.demo.ts

@@ -19,4 +19,7 @@ export default defineConfig({
     plugins: [
         react(),
     ],
+    define: {
+        __REACT_SHARED_STATES_DEV__: process.env.NODE_ENV === 'development' ? 'true' : 'false',
+    }
 });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-shared-states",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "type": "module",
   "description": "Global state made as simple as useState, with zero config, built-in async caching, and automatic scoping.",
   "keywords": [

src/config/index.ts

@@ -0,0 +1,6 @@
+export let isDevMode = false;
+
+// noinspection JSUnusedGlobalSymbols
+export const setDevMode = (value: boolean) => {
+    isDevMode = value;
+};

src/index.ts

@@ -1,3 +1,4 @@
 export * from "./context";
 export * from "./hooks";
-export * from "./types";
+export * from "./types";
+export * from "./config";

src/lib/utils.ts

@@ -1,7 +1,8 @@
 import type {NonEmptyString} from "../types";
+import {isDevMode} from "../config";
 
 export const log = (...args: any[]) => {
-    if (process.env.NODE_ENV !== 'development') return;
+    if ((typeof __REACT_SHARED_STATES_DEV__ === "undefined" || !__REACT_SHARED_STATES_DEV__) && !isDevMode) return;
     console.log(
         '%c[react-shared-states]',
         'color: #007acc; font-weight: bold',

src/vite-env.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="vite/client" />
+
+declare const __REACT_SHARED_STATES_DEV__ : boolean;

vite.config.ts

@@ -41,5 +41,8 @@ export default defineConfig({
             exclude: ['node_modules', 'dist'], // Exclude unnecessary files
         })
 
-    ]
+    ],
+    define: {
+        __REACT_SHARED_STATES_DEV__: process.env.NODE_ENV === 'development' ? 'true' : 'false',
+    }
 });