septor-store 0.0.3 → 0.0.6

package/README.md

@@ -7,7 +7,6 @@
 
 # septor-store
 
-Description (Full)
 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 maintain.
 
 ### Features
@@ -262,9 +261,12 @@ const handleSubmit = async () => {
   const res = await store.stateGenaratorApi(config, (oldData) => {
     console.log('Previous post result if any:', oldData)
   })
-
   result.value = res
 }
 </script>
 
 ```
+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/dist/index.cjs

@@ -0,0 +1,309 @@
+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

@@ -0,0 +1,306 @@
+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

@@ -0,0 +1,306 @@
+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

@@ -0,0 +1,268 @@
+// 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
+};

package/package.json

@@ -3,7 +3,7 @@
   "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.",
   "private": false,
   "license": "MIT",
-  "version": "0.0.3",
+  "version": "0.0.6",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -66,6 +66,12 @@
     "septor-store-vue",
     "reload-control"
   ],
+  "funding": [
+  {
+    "type": "ko-fi",
+    "url": "https://ko-fi.com/ssengedonazil"
+  }
+],
   "author": "Ssengendo Nazil",
   "repository": {
     "type": "git",

package/vite.config.ts

@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [vue()],
-})