public version

README.md

@@ -8,20 +8,27 @@
 
 ## Motivation
 
-this hook help to share state between many tabs, its multipurpose,  
-the motivation to do this type hook is beacause we arrive a new age 
-when the multiscreen are the normality in this time and we need adapte to that.
+This hook helps to share the status among many tabs, it is multipurpose,
+the motivation for making this type of hook is because we entered a new era
+when having a lot of screens on your workstation is normal at this time and we need to adapt to that.
+
+Constantly configuring hooks to save and share states, the idea of hook-cross-tab comes out, enabled to work with only 3 properties
 
 ## To use
 
-call the hook inside the function and you need pass two props,
+call the hook inside the function and you need pass three props,
+
+first the key of your data, this will be the name of the data to be stored
 
-first the kay of your data, this will be the name of the data will be store
+second data, this hook accepts any data type
 
-second the data, this hook accepting any type of data
+third the option, it only accepts "local" for localstorage and "broadcast"
 
-in this repo its use
+example
 ```
-  const [todos, setTodos] = useCrossTabState("tareas", [])
-                                              key       defaultdata
+  const [todos, setTodos] = useCrossTabState({
+        key: "tareas",
+        initialState: [],
+        option: "local
+    })
 ```

babel.config.js

@@ -0,0 +1,4 @@
+// babel.config.js
+module.exports = {
+  presets: ['@babel/preset-env', '@babel/preset-react'],
+};

jest.config.ts

@@ -2,13 +2,9 @@ import type {Config} from '@jest/types';
 
 const config: Config.InitialOptions = {
     verbose: true,
-    // preset: 'ts-jest',
-    // transform: {
-    //     '^.+\\.tsx?$': 'babel-jest',
-    // },
-    preset: 'jest-puppeteer',
+    preset: 'ts-jest',
     transform: {
-            '^.+\\.tsx?$': "ts-jest",
-    }
+        '^.+\\.tsx?$': 'babel-jest',
+    },
   };
   export default config;

lib/Broadcast/EventListener.d.ts

@@ -0,0 +1,3 @@
+import { BroadcastChannel } from "broadcast-channel";
+export declare const EventListener: (channel: BroadcastChannel<any>, setState: (event: any) => void, state: any) => void;
+//# sourceMappingURL=EventListener.d.ts.map

lib/Broadcast/index.d.ts

@@ -0,0 +1,2 @@
+export declare function BroadcastState(stateKey: string, initialValue: any): any[];
+//# sourceMappingURL=index.d.ts.map

lib/Localstorage/EventListener.d.ts

@@ -0,0 +1,2 @@
+export declare const EventListener: (stateKey: string, setState: (element: any) => void) => void;
+//# sourceMappingURL=EventListener.d.ts.map

lib/Localstorage/SavingData.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const SavingData: (defaultValue: any, stateKey: string, setState: (element: any) => void, state: any, NewSession: React.MutableRefObject<boolean>) => void;
+export declare function saveData(stateKey: string, state: any): void;
+//# sourceMappingURL=SavingData.d.ts.map

lib/Localstorage/index.d.ts

@@ -0,0 +1,2 @@
+export declare function LocalStorageState(stateKey: string, defaultValue: any): any[];
+//# sourceMappingURL=index.d.ts.map

lib/index.d.ts

@@ -1,2 +1,8 @@
-export declare function useCrossTabState(stateKey: string, defaultValue: any): any[];
+interface UniversalStatePorps {
+    key: string;
+    initialState: any;
+    option: "local" | "broadcast";
+}
+export declare const UniversalState: ({ key, initialState, option }: UniversalStatePorps) => any[];
+export {};
 //# sourceMappingURL=index.d.ts.map