septor-store 0.0.6 → 1.0.0

package/README.md

@@ -1,4 +1,5 @@
 # Vue 3 + TypeScript + Vite
+
 <p align="center">
   <img src="https://github.com/ssengedonazil/septor-store-testing/blob/POM/assets/septor-store.png?raw=true" alt="Septor Logo" width="180" />
 </p>
@@ -22,6 +23,7 @@ septor-store is a structured and scalable state management solution built on top
 | Post + Submit Support                     | Easily manage POST data and track responses  |
 | Flexible Callbacks                        | Use custom callbacks on state update         |
 | Loading & Error States                    | Built-in support for loading/errors          |
+| clean all the state against the store id
 
 - Automatic API Call Queue Management Prevents multiple simultaneous calls to the same endpoint by tracking ongoing requests.
 - Session Storage Caching Support Optionally caches API responses in sessionStorage for faster retrieval and offline resilience.
@@ -266,7 +268,44 @@ const handleSubmit = async () => {
 </script>
 
 ```
+
+### Usage **EXAMPLE 3**  Remove all the data stored(cleare)🤭
+
+```
+Note: StateClean this activates the  opearation
+
+const usePomStore = pomPinia('myCustomStoreId',null,{StateClean:true});
+  const pomStore = usePomStore();
+
+
+const handleSubmit = async () => {
+  const config = {
+    StateStore: 'packageList',
+    reqs: {
+      url: '/api/packagelist', //call your  endpoint
+      method: 'post',
+      data: user.value,
+    }, 
+    reload: true,
+  }
+
+  const res = await pomStore.stateGenaratorApi(config, (oldData) => {
+    console.log('Previous post result if any:', oldData)
+  })
+  result.value = res
+}
+
+  pomStore.WipeStates(stateId) // remove just  a paticular id (eg packageList)
+  pomStore.WipeStates() // remove all the states
+
+```
+
+🤝 Contributing and Feedback
+We welcome all contributions and feedback to improve septor-store!
+If you encounter any bugs, have suggestions, or want to contribute,
+ please open an issue or submit a pull request:
+👉 Report Issues or Suggestions : <https://github.com/ssengedonazil/septor-store-testing>
+
 If you find this package useful, consider supporting me:
 
 [![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/ssengendonazil)
-

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "septor-store",
-  "description": "septor-store is a structured and scalable state management solution built on top of Pinia for Vue 3. It embraces the Plain Old Module (POM) pattern to simplify how developers—junior or senior—write, organize, and scale their application state. Whether you're just starting out or architecting large Vue applications, this tool helps you keep your stores clean, predictable, and easy to indextain.",
+  "description": "A powerful, modular state management solution for Vue 3 applications, built on top of Pinia. Septor Store leverages the Plain Old Module (POM) pattern to provide dynamic store generation, intelligent API request handling, smart caching, and clean separation of concerns—making it ideal for scalable, maintainable, and high-performance frontend development.",
   "private": false,
   "license": "MIT",
-  "version": "0.0.6",
+  "version": "1.0.0",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -25,53 +25,49 @@
     "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@types/axios": "^0.14.4", 
+    "@types/axios": "^0.14.4",
     "tsup": "^8.4.0",
     "typescript": "~5.8.3"
   },
   "keywords": [
-    "pinia",
     "vue",
+    "vue3",
+    "pinia",
+    "pinia store",
+    "vue pinia plugin",
     "state management",
-    "store",
-    "node",
-    "Ajax",
-    "promise", 
-    "vue",
-    "vue3", 
-    "state", 
-    "pom",
-    "pom-pattern",
-    "vue-pinia",
-    "vue-store",
-    "pinia-store",
-    "modular-state",
-    "api-cache",
-    "api-state-manager",
-    "typescript",
-    "vue-typescript",
-    "pinia-plugin",
-    "state-library",
+    "vue state management",
+    "api caching",
+    "vue ssr",
+    "vue spa",
+    "store plugin",
+    "modular state",
+    "dynamic store",
+    "state persistence",
     "frontend tools",
-    "reactive-state",
-    "session-storage",
-    "dynamic-store",
-    "paginated-api",
-    "vue devtools",
-    "session persistence",
+    "api queue",
+    "session storage",
+    "pom pattern",
+    "plain old module",
+    "vue typescript",
+    "typescript",
+    "reactive state",
+    "data fetching",
     "vuex alternative",
-    "smart cache",
-    "Septor Store",
-    "api-queue",
-    "septor-store-vue",
-    "reload-control"
+    "state library",
+    "state sync",
+    "loading state",
+    "vue plugin",
+    "pinia plugin",
+    "septor store",
+    "septor-store-vue"
   ],
   "funding": [
-  {
-    "type": "ko-fi",
-    "url": "https://ko-fi.com/ssengedonazil"
-  }
-],
+    {
+      "type": "ko-fi",
+      "url": "https://ko-fi.com/ssengedonazil"
+    }
+  ],
   "author": "Ssengendo Nazil",
   "repository": {
     "type": "git",

package/dist/index.cjs

@@ -1,309 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.js
-var index_exports = {};
-__export(index_exports, {
-  generateParams: () => generateParams,
-  getBearerToken: () => getBearerToken,
-  pomPinia: () => createPomStore,
-  setBearerToken: () => setBearerToken,
-  useFetch: () => useFetch
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/StoreManager/pomStateManagement.js
-var import_pinia = require("pinia");
-
-// src/utils/custom-axios.js
-var import_axios = __toESM(require("axios"), 1);
-
-// src/utils/abortHandler.js
-var AbortHandler = {
-  abortController: new AbortController(),
-  abortHttpRequests() {
-    this.abortController.abort();
-    this.abortController = new AbortController();
-    custom_axios_default.defaults.signal = this.abortController.signal;
-  }
-};
-var abortHandler_default = AbortHandler;
-
-// src/utils/custom-axios.js
-var import_meta = {};
-var baseURL = typeof import_meta !== "undefined" ? import_meta.env.VITE_BACKEND_URL ?? "" : "";
-var customAxios = import_axios.default.create({
-  baseURL,
-  signal: abortHandler_default.abortController.signal
-  // Signal that is assiciated with any request to be made with this axios instance
-});
-var requestHandler = (request) => {
-  const tokenData = getBearerToken();
-  const token = (tokenData == null ? void 0 : tokenData.token) ?? null;
-  const expiresIn = (tokenData == null ? void 0 : tokenData.expiresIn) ?? null;
-  if (expiresIn) {
-    const timestamp = (tokenData == null ? void 0 : tokenData.timestamp) ?? null;
-    const now = Date.now();
-    if (expiresIn && now - timestamp > expiresIn * 1e3) {
-      console.warn("Token has expired.");
-      localStorage.removeItem("logginToken");
-      return null;
-    }
-  }
-  if (token) {
-    request.headers.Authorization = `Bearer ${token}`;
-  }
-  if (request.data instanceof FormData) {
-    const formData = request.data;
-    request.data = formData;
-  } else if (request.data) {
-    request.data = { ...request.data ?? {} };
-  }
-  return request;
-};
-customAxios.interceptors.response.use(
-  (response) => response,
-  // Resolve response as is
-  (error) => {
-    var _a;
-    console.log("Error.....", error);
-    if (((_a = error.response) == null ? void 0 : _a.status) === 401) {
-    }
-    return Promise.reject(error);
-  }
-);
-customAxios.interceptors.request.use(
-  requestHandler,
-  (error) => Promise.reject(error)
-);
-var custom_axios_default = customAxios;
-
-// src/utils/useFetch.js
-var useFetch = async ({ url, method, data }) => {
-  let _data = data ?? {};
-  try {
-    let response = null;
-    const uniformMethod = method.toLowerCase();
-    if (uniformMethod === "get") {
-      const params = generateParams(_data ?? {});
-      response = await custom_axios_default.get(`${url}${params}`);
-    } else
-      response = await custom_axios_default.post(url, _data);
-    return (response == null ? void 0 : response.data) ?? { Empty: "Empty" };
-  } catch (err2) {
-    console.error(err2);
-    return { success: false, error: err2 };
-  }
-};
-var generateParams = (params = {}) => {
-  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(err);
-  }
-};
-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;
-  }
-}
-
-// src/StoreManager/pomStateManagement.js
-function createPomStore(piniaStore = "7286204094", callBack = null) {
-  const storeId = "POM" + piniaStore;
-  const piniaData = (0, import_pinia.defineStore)(storeId, {
-    state: () => {
-      const StateObjectsContainer = {
-        CheckQueriesInQue: {},
-        StateValue: {},
-        Loading: true,
-        isThereAnyDataChangeInAform: false
-      };
-      return StateObjectsContainer;
-    },
-    getters: {
-      stateItems: (state) => (TagetState) => {
-        return state[TagetState] = state[TagetState];
-      }
-    },
-    actions: {
-      validateObjectLength(object) {
-        if (Array.isArray(object)) {
-          return object.length;
-        } else if (typeof object == "object") {
-          const lng = Object.keys(object);
-          return lng.length;
-        }
-        return 0;
-      },
-      pageNumber(pageUrl) {
-        const inputString = pageUrl;
-        const regex = /\?(page)+=\d+/;
-        const match = regex.exec(inputString);
-        if (match) {
-          const matchedPattern = match[0];
-          const dataBack = matchedPattern.split("?page=").join().replace(/[^\d]/, "");
-          return dataBack;
-        } else return "1";
-      },
-      sleep(timer) {
-        return new Promise((r) => setTimeout(r, timer));
-      },
-      async CallApiData(StateStore, callApi, dataParams, pagnated, mStore = {}) {
-        if (!this.CheckQueriesInQue[callApi]) {
-          this.CheckQueriesInQue[callApi] = callApi;
-          let [res] = await Promise.all([
-            useFetch(dataParams)
-          ]);
-          if (res) {
-            this[StateStore] = res;
-            if (mStore == null ? void 0 : mStore.mUse) {
-              const checkType = typeof res === "object" ? JSON.stringify(res) : res;
-              sessionStorage.setItem(StateStore, JSON.stringify(checkType));
-            }
-            delete this.CheckQueriesInQue[callApi];
-          } else {
-            delete this.CheckQueriesInQue[callApi];
-            console.error(res);
-          }
-          this.Loading = false;
-          return res;
-        }
-        this.Loading = false;
-        return this[StateStore] ?? [];
-      },
-      async parseData(dataResponseName = "xxx", mStore = { mUse: false, reset: false }) {
-        try {
-          if (mStore == null ? void 0 : mStore.reset) {
-            sessionStorage.removeItem(dataResponseName);
-          }
-          if (mStore == null ? void 0 : mStore.mUse) {
-            const thisData = JSON.parse(
-              JSON.parse(sessionStorage.getItem(dataResponseName) || {})
-            );
-            return thisData;
-          }
-        } catch (error) {
-        }
-        return this[dataResponseName];
-      },
-      async stateGenaratorApi(dd = { reload: true, StateStore: "", reqs: {}, time: 0, pagnated: false, mStore: { mUse: 0 } }, fasterDataCollection = null) {
-        this.Loading = true;
-        const { reload, StateStore, reqs, time, pagnated, mStore } = dd;
-        const callApi = JSON.stringify(reqs);
-        const StateVariable = await this.parseData(StateStore, mStore);
-        this[StateStore] = StateVariable ?? [];
-        if (this.StateValue[StateStore]) {
-          this.StateValue[StateStore] = false;
-          this[StateStore] = false;
-        }
-        if (this.CheckQueriesInQue[callApi]) {
-          console.warn(`************************************* dont call this api again ${reqs["url"]} \u{1F6E9}\uFE0F *************************************`, reqs);
-          return;
-        }
-        try {
-          const counters = this.validateObjectLength(StateVariable);
-          if (typeof fasterDataCollection == "function")
-            fasterDataCollection(StateVariable);
-          if (counters > 0) {
-            if (reload) {
-              const delay = await this.sleep(1e3 * time);
-              return await this.CallApiData(
-                StateStore,
-                callApi,
-                reqs,
-                pagnated,
-                mStore
-              );
-            }
-            this.Loading = false;
-            return this[StateStore];
-          } else {
-            this.Loading = true;
-          }
-          return await this.CallApiData(
-            StateStore,
-            callApi,
-            reqs,
-            pagnated,
-            mStore
-          );
-        } catch (error) {
-          if (this.CheckQueriesInQue[callApi])
-            delete this.CheckQueriesInQue[callApi];
-        }
-      },
-      Creator() {
-        if (typeof callBack === "function") {
-          return callBack(this);
-        }
-      },
-      DriveManual() {
-        return function() {
-          return this;
-        };
-      },
-      pagenatedData() {
-      }
-    }
-  });
-  return piniaData();
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  generateParams,
-  getBearerToken,
-  pomPinia,
-  setBearerToken,
-  useFetch
-});

package/dist/index.d.cts

@@ -1,306 +0,0 @@
-import { defineStore } from 'pinia';
-import axios from 'axios';
-
-const AbortHandler = {
-  abortController: new AbortController()};
-
-const baseURL = typeof import.meta !== 'undefined' ? (import.meta.env.VITE_BACKEND_URL ??""): "";
-
-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) => {
-  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;
-    }
-  }
-
-  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)
-);
-
-const useFetch = async ({ url, method, data }) => {
-  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={}) => {
-  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(err);
-    
-  }
-};
-
-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;
-  }
-}
-
-function createPomStore( piniaStore = "7286204094", callBack=null) {
-  const storeId = "POM" + piniaStore;
-  const piniaData = defineStore(storeId, {
-    state: () => {
-      const StateObjectsContainer = {
-        CheckQueriesInQue: {},
-        StateValue: {},
-        Loading: true,
-        isThereAnyDataChangeInAform: false,
-      };
-
-      return StateObjectsContainer; 
-    },
-
-    getters: {
-      stateItems: (state) => (TagetState) => {
-        /**
-       make data basing on state TagetState this acts as a clusure in ()()  read about it 
-       store.stateItems(key1) usage to ge the ge
-       * 
-       */
-        return (state[TagetState] = state[TagetState]);
-      },
-    
-    },
-    actions: {
-      validateObjectLength(object) {
-        if (Array.isArray(object)) {
-          return object.length;
-        } else if (typeof object == "object") {
-          const lng = Object.keys(object);
-          return lng.length;
-        }
-        return 0;
-      },
-      pageNumber(pageUrl) {
-        const inputString = pageUrl; //'?page=124234232&&';
-        const regex = /\?(page)+=\d+/;
-        const match = regex.exec(inputString);
-
-        if (match) {
-          // /according to the patern ' i expect 1 value /
-          const matchedPattern = match[0];
-          const dataBack = matchedPattern
-            .split("?page=")
-            .join()
-            .replace(/[^\d]/, "");
-
-          return dataBack;
-        } else return "1";
-      },
-      sleep(timer) {
-        return new Promise((r) => setTimeout(r, timer));
-      },
-
-      async CallApiData(
-        StateStore,
-        callApi,
-        dataParams,
-        pagnated ,
-        mStore={}
-      ) {
-        if (!this.CheckQueriesInQue[callApi]) {
-          this.CheckQueriesInQue[callApi] = callApi;
-          let [res] = await Promise.all([
-            useFetch (dataParams),
-          ]);
-
-          if (res) { 
-            this[StateStore] = res;
-            if (mStore?.mUse) { 
-              const checkType =typeof res === "object" ? JSON.stringify(res) : res;
-              sessionStorage.setItem(StateStore, JSON.stringify(checkType));
-            }
-
-            delete this.CheckQueriesInQue[callApi];
-          } else {
-            delete this.CheckQueriesInQue[callApi];
-            console.error(res);
-          }
-          this.Loading = false;
-          return res;
-        }
-        this.Loading = false;
-        return this[StateStore] ?? [];
-      },
-      async parseData(
-        dataResponseName = "xxx",
-        mStore = { mUse: false, reset: false }
-      ) {
-        try {
-          if (mStore?.reset) {
-            sessionStorage.removeItem(dataResponseName);
-          }
-
-          if (mStore?.mUse) {
-            const thisData = JSON.parse(
-              JSON.parse(sessionStorage.getItem(dataResponseName) || {})
-            );
-
-            return thisData;
-          }
-        } catch (error) {}
-
-        return this[dataResponseName];
-      },
-      async stateGenaratorApi(dd = {  reload: true,  StateStore: "",  reqs: {},  time: 0,  pagnated: false,  mStore: { mUse: 0 },},fasterDataCollection=null) {
-        this.Loading = true;
-        const { reload, StateStore, reqs, time, pagnated, mStore } = dd;
-        const callApi = JSON.stringify(reqs);
-        const StateVariable = await this.parseData(StateStore, mStore);
-        this[StateStore] = StateVariable ?? [];
-
-        if (this.StateValue[StateStore]) {
-          /**
-           *  dynamically lets create the state  store
-           **/
-          this.StateValue[StateStore] = false;
-          this[StateStore] = false;
-          //   this[StateStore] =null ;
-        }
-
-        if (this.CheckQueriesInQue[callApi]) {
-          console.warn(`************************************* dont call this api again ${reqs["url"]} 🛩️ *************************************`,reqs);
-          return;
-        }
-        try {
-          const counters = this.validateObjectLength(StateVariable);
-          if (typeof fasterDataCollection == "function")
-            fasterDataCollection(StateVariable);
-
-          if (counters > 0) {
-            if (reload) {
-              const delay = await this.sleep(1000 * time);
-              return await this.CallApiData(
-                StateStore,
-                callApi,
-                reqs,
-                pagnated,
-                mStore
-              );
-            }
-
-            this.Loading = false;
-            return this[StateStore];
-          } else {
-            this.Loading = true;
-          }
-
-          return await this.CallApiData(
-            StateStore,
-            callApi,
-            reqs,
-            pagnated,
-            mStore
-          );
-        } catch (error) {
-          // console.error(error);
-          if (this.CheckQueriesInQue[callApi])
-            delete this.CheckQueriesInQue[callApi];
-        }
-      },
-      Creator() {
-        /**
-         *
-         * this will retun a call back wth the full object
-         * **/
-        if (typeof callBack === "function") {
-          return callBack(this);
-        }
-      },
-      DriveManual() {
-        return function () {
-          return this;
-        };
-      },
-      pagenatedData() {},
-    },
-  });
-
-  return piniaData();
-}
-
-// module.e = createPomStore
-
-export { generateParams, getBearerToken, createPomStore as pomPinia, setBearerToken, useFetch };

package/dist/index.d.ts

@@ -1,306 +0,0 @@
-import { defineStore } from 'pinia';
-import axios from 'axios';
-
-const AbortHandler = {
-  abortController: new AbortController()};
-
-const baseURL = typeof import.meta !== 'undefined' ? (import.meta.env.VITE_BACKEND_URL ??""): "";
-
-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) => {
-  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;
-    }
-  }
-
-  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)
-);
-
-const useFetch = async ({ url, method, data }) => {
-  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={}) => {
-  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(err);
-    
-  }
-};
-
-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;
-  }
-}
-
-function createPomStore( piniaStore = "7286204094", callBack=null) {
-  const storeId = "POM" + piniaStore;
-  const piniaData = defineStore(storeId, {
-    state: () => {
-      const StateObjectsContainer = {
-        CheckQueriesInQue: {},
-        StateValue: {},
-        Loading: true,
-        isThereAnyDataChangeInAform: false,
-      };
-
-      return StateObjectsContainer; 
-    },
-
-    getters: {
-      stateItems: (state) => (TagetState) => {
-        /**
-       make data basing on state TagetState this acts as a clusure in ()()  read about it 
-       store.stateItems(key1) usage to ge the ge
-       * 
-       */
-        return (state[TagetState] = state[TagetState]);
-      },
-    
-    },
-    actions: {
-      validateObjectLength(object) {
-        if (Array.isArray(object)) {
-          return object.length;
-        } else if (typeof object == "object") {
-          const lng = Object.keys(object);
-          return lng.length;
-        }
-        return 0;
-      },
-      pageNumber(pageUrl) {
-        const inputString = pageUrl; //'?page=124234232&&';
-        const regex = /\?(page)+=\d+/;
-        const match = regex.exec(inputString);
-
-        if (match) {
-          // /according to the patern ' i expect 1 value /
-          const matchedPattern = match[0];
-          const dataBack = matchedPattern
-            .split("?page=")
-            .join()
-            .replace(/[^\d]/, "");
-
-          return dataBack;
-        } else return "1";
-      },
-      sleep(timer) {
-        return new Promise((r) => setTimeout(r, timer));
-      },
-
-      async CallApiData(
-        StateStore,
-        callApi,
-        dataParams,
-        pagnated ,
-        mStore={}
-      ) {
-        if (!this.CheckQueriesInQue[callApi]) {
-          this.CheckQueriesInQue[callApi] = callApi;
-          let [res] = await Promise.all([
-            useFetch (dataParams),
-          ]);
-
-          if (res) { 
-            this[StateStore] = res;
-            if (mStore?.mUse) { 
-              const checkType =typeof res === "object" ? JSON.stringify(res) : res;
-              sessionStorage.setItem(StateStore, JSON.stringify(checkType));
-            }
-
-            delete this.CheckQueriesInQue[callApi];
-          } else {
-            delete this.CheckQueriesInQue[callApi];
-            console.error(res);
-          }
-          this.Loading = false;
-          return res;
-        }
-        this.Loading = false;
-        return this[StateStore] ?? [];
-      },
-      async parseData(
-        dataResponseName = "xxx",
-        mStore = { mUse: false, reset: false }
-      ) {
-        try {
-          if (mStore?.reset) {
-            sessionStorage.removeItem(dataResponseName);
-          }
-
-          if (mStore?.mUse) {
-            const thisData = JSON.parse(
-              JSON.parse(sessionStorage.getItem(dataResponseName) || {})
-            );
-
-            return thisData;
-          }
-        } catch (error) {}
-
-        return this[dataResponseName];
-      },
-      async stateGenaratorApi(dd = {  reload: true,  StateStore: "",  reqs: {},  time: 0,  pagnated: false,  mStore: { mUse: 0 },},fasterDataCollection=null) {
-        this.Loading = true;
-        const { reload, StateStore, reqs, time, pagnated, mStore } = dd;
-        const callApi = JSON.stringify(reqs);
-        const StateVariable = await this.parseData(StateStore, mStore);
-        this[StateStore] = StateVariable ?? [];
-
-        if (this.StateValue[StateStore]) {
-          /**
-           *  dynamically lets create the state  store
-           **/
-          this.StateValue[StateStore] = false;
-          this[StateStore] = false;
-          //   this[StateStore] =null ;
-        }
-
-        if (this.CheckQueriesInQue[callApi]) {
-          console.warn(`************************************* dont call this api again ${reqs["url"]} 🛩️ *************************************`,reqs);
-          return;
-        }
-        try {
-          const counters = this.validateObjectLength(StateVariable);
-          if (typeof fasterDataCollection == "function")
-            fasterDataCollection(StateVariable);
-
-          if (counters > 0) {
-            if (reload) {
-              const delay = await this.sleep(1000 * time);
-              return await this.CallApiData(
-                StateStore,
-                callApi,
-                reqs,
-                pagnated,
-                mStore
-              );
-            }
-
-            this.Loading = false;
-            return this[StateStore];
-          } else {
-            this.Loading = true;
-          }
-
-          return await this.CallApiData(
-            StateStore,
-            callApi,
-            reqs,
-            pagnated,
-            mStore
-          );
-        } catch (error) {
-          // console.error(error);
-          if (this.CheckQueriesInQue[callApi])
-            delete this.CheckQueriesInQue[callApi];
-        }
-      },
-      Creator() {
-        /**
-         *
-         * this will retun a call back wth the full object
-         * **/
-        if (typeof callBack === "function") {
-          return callBack(this);
-        }
-      },
-      DriveManual() {
-        return function () {
-          return this;
-        };
-      },
-      pagenatedData() {},
-    },
-  });
-
-  return piniaData();
-}
-
-// module.e = createPomStore
-
-export { generateParams, getBearerToken, createPomStore as pomPinia, setBearerToken, useFetch };

package/dist/index.js

@@ -1,268 +0,0 @@
-// src/StoreManager/pomStateManagement.js
-import { defineStore } from "pinia";
-
-// src/utils/custom-axios.js
-import axios from "axios";
-
-// src/utils/abortHandler.js
-var AbortHandler = {
-  abortController: new AbortController(),
-  abortHttpRequests() {
-    this.abortController.abort();
-    this.abortController = new AbortController();
-    custom_axios_default.defaults.signal = this.abortController.signal;
-  }
-};
-var abortHandler_default = AbortHandler;
-
-// src/utils/custom-axios.js
-var baseURL = typeof import.meta !== "undefined" ? import.meta.env.VITE_BACKEND_URL ?? "" : "";
-var customAxios = axios.create({
-  baseURL,
-  signal: abortHandler_default.abortController.signal
-  // Signal that is assiciated with any request to be made with this axios instance
-});
-var requestHandler = (request) => {
-  const tokenData = getBearerToken();
-  const token = (tokenData == null ? void 0 : tokenData.token) ?? null;
-  const expiresIn = (tokenData == null ? void 0 : tokenData.expiresIn) ?? null;
-  if (expiresIn) {
-    const timestamp = (tokenData == null ? void 0 : tokenData.timestamp) ?? null;
-    const now = Date.now();
-    if (expiresIn && now - timestamp > expiresIn * 1e3) {
-      console.warn("Token has expired.");
-      localStorage.removeItem("logginToken");
-      return null;
-    }
-  }
-  if (token) {
-    request.headers.Authorization = `Bearer ${token}`;
-  }
-  if (request.data instanceof FormData) {
-    const formData = request.data;
-    request.data = formData;
-  } else if (request.data) {
-    request.data = { ...request.data ?? {} };
-  }
-  return request;
-};
-customAxios.interceptors.response.use(
-  (response) => response,
-  // Resolve response as is
-  (error) => {
-    var _a;
-    console.log("Error.....", error);
-    if (((_a = error.response) == null ? void 0 : _a.status) === 401) {
-    }
-    return Promise.reject(error);
-  }
-);
-customAxios.interceptors.request.use(
-  requestHandler,
-  (error) => Promise.reject(error)
-);
-var custom_axios_default = customAxios;
-
-// src/utils/useFetch.js
-var useFetch = async ({ url, method, data }) => {
-  let _data = data ?? {};
-  try {
-    let response = null;
-    const uniformMethod = method.toLowerCase();
-    if (uniformMethod === "get") {
-      const params = generateParams(_data ?? {});
-      response = await custom_axios_default.get(`${url}${params}`);
-    } else
-      response = await custom_axios_default.post(url, _data);
-    return (response == null ? void 0 : response.data) ?? { Empty: "Empty" };
-  } catch (err2) {
-    console.error(err2);
-    return { success: false, error: err2 };
-  }
-};
-var generateParams = (params = {}) => {
-  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(err);
-  }
-};
-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;
-  }
-}
-
-// src/StoreManager/pomStateManagement.js
-function createPomStore(piniaStore = "7286204094", callBack = null) {
-  const storeId = "POM" + piniaStore;
-  const piniaData = defineStore(storeId, {
-    state: () => {
-      const StateObjectsContainer = {
-        CheckQueriesInQue: {},
-        StateValue: {},
-        Loading: true,
-        isThereAnyDataChangeInAform: false
-      };
-      return StateObjectsContainer;
-    },
-    getters: {
-      stateItems: (state) => (TagetState) => {
-        return state[TagetState] = state[TagetState];
-      }
-    },
-    actions: {
-      validateObjectLength(object) {
-        if (Array.isArray(object)) {
-          return object.length;
-        } else if (typeof object == "object") {
-          const lng = Object.keys(object);
-          return lng.length;
-        }
-        return 0;
-      },
-      pageNumber(pageUrl) {
-        const inputString = pageUrl;
-        const regex = /\?(page)+=\d+/;
-        const match = regex.exec(inputString);
-        if (match) {
-          const matchedPattern = match[0];
-          const dataBack = matchedPattern.split("?page=").join().replace(/[^\d]/, "");
-          return dataBack;
-        } else return "1";
-      },
-      sleep(timer) {
-        return new Promise((r) => setTimeout(r, timer));
-      },
-      async CallApiData(StateStore, callApi, dataParams, pagnated, mStore = {}) {
-        if (!this.CheckQueriesInQue[callApi]) {
-          this.CheckQueriesInQue[callApi] = callApi;
-          let [res] = await Promise.all([
-            useFetch(dataParams)
-          ]);
-          if (res) {
-            this[StateStore] = res;
-            if (mStore == null ? void 0 : mStore.mUse) {
-              const checkType = typeof res === "object" ? JSON.stringify(res) : res;
-              sessionStorage.setItem(StateStore, JSON.stringify(checkType));
-            }
-            delete this.CheckQueriesInQue[callApi];
-          } else {
-            delete this.CheckQueriesInQue[callApi];
-            console.error(res);
-          }
-          this.Loading = false;
-          return res;
-        }
-        this.Loading = false;
-        return this[StateStore] ?? [];
-      },
-      async parseData(dataResponseName = "xxx", mStore = { mUse: false, reset: false }) {
-        try {
-          if (mStore == null ? void 0 : mStore.reset) {
-            sessionStorage.removeItem(dataResponseName);
-          }
-          if (mStore == null ? void 0 : mStore.mUse) {
-            const thisData = JSON.parse(
-              JSON.parse(sessionStorage.getItem(dataResponseName) || {})
-            );
-            return thisData;
-          }
-        } catch (error) {
-        }
-        return this[dataResponseName];
-      },
-      async stateGenaratorApi(dd = { reload: true, StateStore: "", reqs: {}, time: 0, pagnated: false, mStore: { mUse: 0 } }, fasterDataCollection = null) {
-        this.Loading = true;
-        const { reload, StateStore, reqs, time, pagnated, mStore } = dd;
-        const callApi = JSON.stringify(reqs);
-        const StateVariable = await this.parseData(StateStore, mStore);
-        this[StateStore] = StateVariable ?? [];
-        if (this.StateValue[StateStore]) {
-          this.StateValue[StateStore] = false;
-          this[StateStore] = false;
-        }
-        if (this.CheckQueriesInQue[callApi]) {
-          console.warn(`************************************* dont call this api again ${reqs["url"]} \u{1F6E9}\uFE0F *************************************`, reqs);
-          return;
-        }
-        try {
-          const counters = this.validateObjectLength(StateVariable);
-          if (typeof fasterDataCollection == "function")
-            fasterDataCollection(StateVariable);
-          if (counters > 0) {
-            if (reload) {
-              const delay = await this.sleep(1e3 * time);
-              return await this.CallApiData(
-                StateStore,
-                callApi,
-                reqs,
-                pagnated,
-                mStore
-              );
-            }
-            this.Loading = false;
-            return this[StateStore];
-          } else {
-            this.Loading = true;
-          }
-          return await this.CallApiData(
-            StateStore,
-            callApi,
-            reqs,
-            pagnated,
-            mStore
-          );
-        } catch (error) {
-          if (this.CheckQueriesInQue[callApi])
-            delete this.CheckQueriesInQue[callApi];
-        }
-      },
-      Creator() {
-        if (typeof callBack === "function") {
-          return callBack(this);
-        }
-      },
-      DriveManual() {
-        return function() {
-          return this;
-        };
-      },
-      pagenatedData() {
-      }
-    }
-  });
-  return piniaData();
-}
-export {
-  generateParams,
-  getBearerToken,
-  createPomStore as pomPinia,
-  setBearerToken,
-  useFetch
-};