septor-store-react 0.0.2 → 0.0.3

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "septor-store-react",
   "description": "PomStore is a lightweight, flexible global state & API store for React. It simplifies data fetching, caching, and shared state management—without Redux or heavy boilerplate. Built for real-world React apps that need fast data access, request de-duplication, and cache-first loading. PomStore is built on top of Zustand, a lightweight state management library for React.",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+    "files": [
+    "dist"
+  ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "vite build",

package/src/index.ts

@@ -1,7 +0,0 @@
-export  *  from './setUp/GlobalScripts/useFetch'
-
-export  *  from './setUp/GlobalScripts/Axios'
-export  *  from './setUp/GlobalScripts/AbortHandler'
-import usePomZStore, { Store } from './setUp/pomStore.jsx';
-export default usePomZStore;
-export { Store };

package/src/setUp/GlobalScripts/AbortHandler.ts

@@ -1,13 +0,0 @@
-import customAxios from "./Axios";
-
-const AbortHandler = {
-  abortController: new AbortController(),
-
-  abortHttpRequests() {
-    this.abortController.abort();
-    this.abortController = new AbortController();
-    customAxios.defaults.signal = this.abortController.signal;
-  },
-};
-
-export default AbortHandler;

package/src/setUp/GlobalScripts/Axios.ts

@@ -1,67 +0,0 @@
-import axios from "axios";
-import { getBearerToken } from "./useFetch";
-import AbortHandler from "./AbortHandler";
-
-let baseURL =
-  typeof import.meta !== "undefined"
-    ? (import.meta.env.VITE_BACKEND_URL ?? "")
-    : "";
-export const setBaseURL = (c: { backendURL?: string }) => {
-  if (c.backendURL) {
-    baseURL = c.backendURL;
-    customAxios.defaults.baseURL = baseURL;
-  }
-};
-const customAxios = axios.create({
-  baseURL: baseURL,
-  signal: AbortHandler.abortController.signal, // Signal that is assiciated with any request to be made with this axios instance
-});
-
-// Request Interceptor
-const requestHandler = (request: any) => {
-  const tokenData = getBearerToken();
-  const token = tokenData?.token ?? null; // Always retrieve the latest token
-  const expiresIn = tokenData?.expiresIn ?? null;
-
-  if (expiresIn) {
-    const timestamp = tokenData?.timestamp ?? null;
-    const now = Date.now();
-    if (expiresIn && now - timestamp > expiresIn * 1000) {
-      console.warn("Token has expired.");
-      localStorage.removeItem("logginToken");
-      return null;
-    }
-  }
-  request.headers = { ...request.headers };
-  if (token) {
-    request.headers.Authorization = `Bearer ${token}`;
-  }
-
-  // Handle FormData explicitly if needed
-  if (request.data instanceof FormData) {
-    const formData = request.data;
-    request.data = formData;
-  } else if (request.data) {
-    request.data = { ...(request.data ?? {}) };
-  }
-
-  return request;
-};
-
-// Response Interceptor
-customAxios.interceptors.response.use(
-  (response) => response, // Resolve response as is
-  (error) => {
-    console.log("Error.....", error);
-    if (error.response?.status === 401) {
-    }
-    return Promise.reject(error); // Reject the error for further handling
-  },
-);
-
-// Attach Request Interceptor
-customAxios.interceptors.request.use(requestHandler, (error) =>
-  Promise.reject(error),
-);
-
-export default customAxios;

package/src/setUp/GlobalScripts/useFetch.ts

@@ -1,65 +0,0 @@
-import customAxios from "./Axios";
-
-const useFetch = async ({ url, method, data }:any) => {
-  let _data = data ?? {};
-  try {
-    let response=null;
-    const uniformMethod = method.toLowerCase();
-    if (uniformMethod === 'get') {
-          const params = generateParams(_data ?? {});
-          response = await customAxios.get(`${url}${params}`);
-    } else 
-        response = await customAxios.post(url, _data);
-      
-    return response?.data ?? { Empty: 'Empty' };
-  } catch (err) {
-    console.error(err);
-    return { success: false, error: err };
-  }
-};
-
-const generateParams = (params:any={}) => {
-  try {
-    
-    let data = "?";
-    for (let key in params) {
-      if (Object.hasOwnProperty.call(params, key)) {
-        if (params[key]) {
-          if (Array.isArray(params[key])) {
-            const elements = params[key]  ;
-            for (const ele of elements) {
-              data += `${key}[]=${ele}&`;
-            }
-          } else {
-            data += `${key}=${params[key]}&`;
-          }
-        }
-      }
-    }
-    return data.slice(0, -1);
-  } catch (error) {
-    console.error(error);
-    
-  }
-};
-
-function setBearerToken(name = { token: null }) { 
-  if (typeof name !== "object" || name === null || Array.isArray(name)) 
-      throw new TypeError("setBearerToken expects an object {token} with a 'token' property.");
-    
-    const tokenObj = { token: null,  ...name,timestamp: Date.now() }; 
-    localStorage.setItem("logginToken", JSON.stringify(tokenObj));
-}
-
-function getBearerToken() {
-  const token = localStorage.getItem('logginToken');
-  try {
-    return token ? JSON.parse(token) : null;
-  } catch (e) {
-    console.error('Invalid token format in localStorage:', e);
-    return null;
-  }
-}
-
-
-export { useFetch, generateParams, setBearerToken, getBearerToken };

package/src/setUp/pomStore.jsx

@@ -1,170 +0,0 @@
-import { create } from "zustand";
-import axios from "./GlobalScripts/Axios";
-
-
-const    ZpStore = create((set, get) => ({
-  loading: false,
-  stateValue: {},
-  checkQueriesInQue: {},
-  isThereAnyDataChangeInAform: false,
-
-  setStateValue: (key, value) =>
-    set((state) => ({
-      stateValue: { ...state.stateValue, [key]: value },
-    })),
- 
-  getStateItem: (key) => get().stateValue[key],
-  // getStateItem: (key) => get().stateValue[key],
-  sleep: (ms) => new Promise((res) => setTimeout(res, ms)),
-
-  validateLength: (obj) => {
-    if (Array.isArray(obj)) return obj.length;
-    if (typeof obj === "object") return Object.keys(obj).length;
-    return 0;
-  },
-
-  callApiData: async (
-    stateKey,
-    callApiKey,
-    req,
-    paginated = false,
-    useSession = false,
-  ) => {
-    const { checkQueriesInQue } = get();
-    if (get().getStateItem("checkQueriesInQue")?.[callApiKey]) {
-      console.warn(
-        `************************************* dont call this api again ${req["url"]} 🛩️ *************************************`,
-        req,
-      );
-      return; //get().getStateItem(stateKey)
-    }
-
-    get().setStateValue("loading", true);
-    get().setStateValue("checkQueriesInQue", {
-      ...checkQueriesInQue,
-      [callApiKey]: callApiKey,
-    });
-    const res = await axios(req);
-    if (res?.status == 200) {
-      set({ [stateKey]: res?.data });
-      get().setStateValue(stateKey, res?.data);
-      // console.log( ({ [stateKey]: res.data }))
-      if (useSession) {
-        sessionStorage.setItem(stateKey, JSON.stringify(res?.data));
-      }
-    } else {
-      console.error(res);
-    }
-    get().cleareQueApi(callApiKey);
-    set({ loading: false });
-
-    return res;
-  },
-  cleareQueApi: (callApiKey) => {
-    const currentQueue = get().stateValue.checkQueriesInQue || {};
-    const newQueue = { ...currentQueue };
-    delete newQueue[callApiKey];
-    get().setStateValue("checkQueriesInQue", newQueue);
-  }, 
-
-  complatedTheCall: async (
-    state,
-    stateKey,
-    key,
-    req,
-    paginated,
-    useSession,
-    onData,
-  ) => {
-    const res = await state.callApiData(
-      stateKey,
-      key,
-      req,
-      paginated,
-      useSession,
-    );
-    if (res?.status == 200) {
-      onData && onData(res?.data);
-
-      return res?.data;
-    }
-
-    onData && onData([]);
-    return res?.data;
-  },
-
-  stateGeneratorApi: async (
-    { reload, stateKey, req, time = 0, paginated = false, mStore = {} },
-    onData,
-  ) => {
-    set({ [stateKey]: [] });
-    const key = JSON.stringify(req); // put it out to be seen in error section
-    try {
-      const useSession = mStore?.mUse;
-      const state = get();
-      set({ loading: true });
-
-      if (useSession) {
-        const data = JSON.parse(sessionStorage.getItem(stateKey) || "{}");
-        
-        if (state.validateLength(data)) {
-
-          if (onData) {
-            onData(data);
-          }
-         
-          set({ [stateKey]: data });
-      get().setStateValue(stateKey, data);
-      console.log(data)
-          if (!reload) return data;
-        }
-      }
-
-      // Use existing if not reloading
-      const existingData = state?.[stateKey]??get().getStateItem(stateKey);
-      // console.log({existingData});
-      if (state.validateLength(existingData)) {
-        if (onData) onData(existingData);
-        // set({ loading: false })
-      }
-
-      // Fetch new data
-      if (reload && time > 0) {
-        setTimeout(() => {
-          get().complatedTheCall(
-            state,
-            stateKey,
-            key,
-            req,
-            paginated,
-            useSession,
-            onData,
-          );
-        }, time * 1000);
-      }
-      return await get().complatedTheCall(
-        state,
-        stateKey,
-        key,
-        req,
-        paginated,
-        useSession,
-        onData,
-      );
-    } catch (error) {
-      get().cleareQueApi(key);
-      // get().cleareQueApi(stateKey)
-      if (onData) onData([]);
-      console.error(error);
-    }
-  },
-}));
-
-// console.log(import.meta.env.VITE_BACKEND_URL);
-
-;
-export const Store = ZpStore 
-
-export default function usePomZStore() {
-  return Store();
-}

package/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "jsx": "react-jsx",
-    "declaration": true,
-    "outDir": "dist",
-    "moduleResolution": "Node",
-    "strict": true,
-    "skipLibCheck": true
-  },
-  "include": ["src"]
-}

package/vite.config.ts

@@ -1,23 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import path from "path";
-
-export default defineConfig({
-  plugins: [react()],
-  build: {
-    lib: {
-      entry: path.resolve(__dirname, "src/index.ts"),
-      name: "septor-store-react",
-      fileName: "index",
-    },
-    rollupOptions: {
-      external: ["react", "react-dom"],
-      output: {
-        globals: {
-          react: "React",
-          "react-dom": "ReactDOM",
-        },
-      },
-    },
-  },
-});