@quan-erp/base-frontend 1.0.0

package/dist-export/utils/axios-client.js

@@ -0,0 +1,84 @@
+import { Platforms } from "@quan-erp/shared-frontend-core";
+import axios, { HttpStatusCode } from "axios";
+import { useAppRegistry } from "../plugin/app-state";
+import { getNewAccessToken } from "../api/user/user.api";
+import { useWebEnvStore } from "../store/web-env/web-env.store";
+// const backend = `http://localhost:8080`
+export const BACKEND_API = useWebEnvStore.getState().env.VITE_BACKEND_API || (Platforms.isMobile() ? `http://10.0.2.2:8080` : `http://localhost:8080`);
+const axiosClient = axios.create({
+    baseURL: `${BACKEND_API}`, // ← change to your backend URL
+    headers: { "Content-Type": "application/json" },
+    withCredentials: true
+});
+export const refreshClient = axios.create({
+    baseURL: BACKEND_API,
+    headers: { "Content-Type": "application/json" },
+    withCredentials: true
+});
+let isRefreshing = false;
+let failedQueue = [];
+const processQueue = (error, token = null) => {
+    failedQueue.forEach(prom => {
+        console.log('retry', prom.url);
+        if (error)
+            prom.reject(error);
+        else
+            prom.resolve(token);
+    });
+    failedQueue = [];
+};
+axiosClient.interceptors.request.use((config) => {
+    const token = localStorage.getItem("access-token");
+    if (token) {
+        config.headers.Authorization = `Bearer ${token}`;
+    }
+    return config;
+});
+axiosClient.interceptors.response.use((response) => response, async (error) => {
+    const originalRequest = error.config;
+    // If unauthorized
+    if ((error.response?.status === HttpStatusCode.Unauthorized) && !originalRequest._retry) {
+        originalRequest._retry = true;
+        console.log('failed', originalRequest.url);
+        if (isRefreshing) {
+            return new Promise(function (resolve, reject) {
+                failedQueue.push({ resolve, reject, url: originalRequest.url });
+            })
+                .then((token) => {
+                originalRequest.headers.Authorization = "Bearer " + token;
+                return axiosClient(originalRequest);
+            })
+                .catch((err) => Promise.reject(err));
+        }
+        isRefreshing = true;
+        try {
+            const res = await getNewAccessToken();
+            const newAccessToken = res.accessToken;
+            localStorage.setItem("access-token", newAccessToken);
+            // Retry original request with new token
+            let original;
+            try {
+                originalRequest.headers.Authorization = "Bearer " + newAccessToken;
+                original = await axiosClient(originalRequest);
+                console.log('retry', originalRequest.url);
+            }
+            catch (err) {
+                original = Promise.reject(err);
+            }
+            // Continue all queued requests
+            processQueue(null, newAccessToken);
+            isRefreshing = false;
+            return original;
+        }
+        catch (err) {
+            processQueue(err, null);
+            isRefreshing = false;
+            // Optionally force logout
+            localStorage.removeItem("access-token");
+            useAppRegistry.getState().user.logout();
+            return Promise.reject(err);
+        }
+    }
+    return Promise.reject(error);
+});
+export default axiosClient;

package/dist-export/utils/common.d.ts

@@ -0,0 +1,6 @@
+export declare const BUILTIN_PLUGIN: {
+    name: string;
+    version: string;
+};
+export declare const DEFAULT_STALE_TIME: number;
+//# sourceMappingURL=common.d.ts.map

package/dist-export/utils/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/utils/common.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;CAG1B,CAAA;AAED,eAAO,MAAM,kBAAkB,QAAuE,CAAA"}

package/dist-export/utils/common.js

@@ -0,0 +1,5 @@
+export const BUILTIN_PLUGIN = {
+    name: 'builtin',
+    version: '1.0.0'
+};
+export const DEFAULT_STALE_TIME = Number(localStorage.getItem('DEFAULT_STALE_TIME')) || 1000 * 60 * 60;

package/dist-export/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types.utils';
+export * from './pagination';
+//# sourceMappingURL=index.d.ts.map

package/dist-export/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA"}

package/dist-export/utils/index.js

@@ -0,0 +1,2 @@
+export * from './types.utils';
+export * from './pagination';

package/dist-export/utils/pagination.d.ts

@@ -0,0 +1,11 @@
+import type { RequestIndexPaginationDto } from "@quan-erp/shared-frontend-core";
+export declare function resolveIndexPagination(query?: RequestIndexPaginationDto, defaults?: {
+    currentPage?: number;
+    pageSize?: number;
+}): {
+    currentPage: number;
+    pageSize: number;
+    skip: number;
+    query: string | undefined;
+};
+//# sourceMappingURL=pagination.d.ts.map

package/dist-export/utils/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/utils/pagination.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAEhF,wBAAgB,sBAAsB,CAClC,KAAK,GAAE,yBAA8B,EACrC,QAAQ,CAAC,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE;;;;;EAMzD"}

package/dist-export/utils/pagination.js

@@ -0,0 +1,6 @@
+export function resolveIndexPagination(query = {}, defaults) {
+    const currentPage = query.currentPage ?? defaults?.currentPage ?? 1;
+    const pageSize = query.pageSize ?? defaults?.pageSize ?? 100;
+    const skip = Math.max(0, (currentPage - 1) * pageSize);
+    return { currentPage, pageSize, skip, query: query.query ?? undefined };
+}

package/dist-export/utils/react-query-indexed-db-persister.d.ts

@@ -0,0 +1,7 @@
+import { type PersistedClient } from '@tanstack/react-query-persist-client';
+export declare const reactQueryIndexedDBPersister: {
+    persistClient: (client: PersistedClient) => Promise<void>;
+    restoreClient: () => Promise<any>;
+    removeClient: () => Promise<void>;
+};
+//# sourceMappingURL=react-query-indexed-db-persister.d.ts.map

package/dist-export/utils/react-query-indexed-db-persister.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-query-indexed-db-persister.d.ts","sourceRoot":"","sources":["../../src/utils/react-query-indexed-db-persister.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAA;AAS3E,eAAO,MAAM,4BAA4B;4BACP,eAAe;;;CAchD,CAAA"}

package/dist-export/utils/react-query-indexed-db-persister.js

@@ -0,0 +1,21 @@
+// indexeddb-persister.ts
+import { openDB } from 'idb';
+const dbPromise = openDB('query-cache', 1, {
+    upgrade(db) {
+        db.createObjectStore('cache');
+    }
+});
+export const reactQueryIndexedDBPersister = {
+    persistClient: async (client) => {
+        const db = await dbPromise;
+        await db.put('cache', client, 'react-query');
+    },
+    restoreClient: async () => {
+        const db = await dbPromise;
+        return db.get('cache', 'react-query');
+    },
+    removeClient: async () => {
+        const db = await dbPromise;
+        await db.delete('cache', 'react-query');
+    }
+};

package/dist-export/utils/types.utils.d.ts

@@ -0,0 +1,2 @@
+export type TakeAndPartialRest<T, K extends keyof T> = Pick<T, K> & Partial<Omit<T, K>>;
+//# sourceMappingURL=types.utils.d.ts.map

package/dist-export/utils/types.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.utils.d.ts","sourceRoot":"","sources":["../../src/utils/types.utils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA"}

package/dist-export/utils/types.utils.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,182 @@
+{
+  "name": "@quan-erp/base-frontend",
+  "version": "1.0.0",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "type": "module",
+  "main": "electron.js",
+  "types": "dist/export/export.d.ts",
+  "files": [
+    "dist-export",
+    "LICENSE.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist-export/export.js",
+      "default": "./dist-export/export.js"
+    }
+  },
+  "resolutions": {
+    "@tanstack/react-query": "5.90.10",
+    "@tanstack/query-core": "5.90.10"
+  },
+  "dependencies": {
+    "@awesome-cordova-plugins/core": "^8.1.0",
+    "@awesome-cordova-plugins/screen-orientation": "^8.1.0",
+    "@capacitor-community/bluetooth-le": "^7.2.0",
+    "@capacitor-community/camera-preview": "^7.0.2",
+    "@capacitor-community/contacts": "^7.2.0",
+    "@capacitor-community/sqlite": "^7.0.2",
+    "@capacitor/android": "^7.4.4",
+    "@capacitor/app": "^7.1.2",
+    "@capacitor/camera": "^7.0.2",
+    "@capacitor/clipboard": "^7.0.2",
+    "@capacitor/core": "^7.4.4",
+    "@capacitor/device": "^7.0.2",
+    "@capacitor/filesystem": "^7.1.4",
+    "@capacitor/geolocation": "^7.1.6",
+    "@capacitor/haptics": "^7.0.2",
+    "@capacitor/ios": "^7.4.4",
+    "@capacitor/local-notifications": "^7.0.3",
+    "@capacitor/network": "^7.0.2",
+    "@capacitor/preferences": "^7.0.2",
+    "@capacitor/push-notifications": "^7.0.6",
+    "@capacitor/share": "^7.0.4",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@fingerprintjs/fingerprintjs": "^4.6.2",
+    "@hookform/resolvers": "^5.2.2",
+    "@icon-park/react": "^1.4.2",
+    "@lexical/react": "^0.39.0",
+    "@lexical/rich-text": "^0.39.0",
+    "@quan-erp-capacitor-pluigins/background-location": "^0.0.1-beta.2",
+    "@quan-erp/shared-frontend-core": "^1.0.0-beta.65",
+    "@quan-erp/shared-types": "^1.0.0-beta.65",
+    "@quan-erp/shared-ui": "^1.0.0-beta.65",
+    "@quan-erp/web-thermal-printer": "^1.0.0-beta.2",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tailwindcss/vite": "^4.1.16",
+    "@tanstack/query-core": "^5.90.10",
+    "@tanstack/react-query": "^5.90.15",
+    "@tanstack/react-query-devtools": "^5.90.14",
+    "@tanstack/react-query-persist-client": "^5.101.0",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.23",
+    "@types/leaflet": "^1.9.21",
+    "@types/lodash": "^4.17.21",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@xyflow/react": "^12.10.0",
+    "axios": "^1.13.2",
+    "capacitor-file-picker": "^1.0.10",
+    "capacitor-plugin-safe-area": "^4.0.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "dayjs": "^1.11.19",
+    "electron": "^39.2.1",
+    "electron-store": "^11.0.2",
+    "embla-carousel-react": "^8.6.0",
+    "exceljs": "^4.4.0",
+    "firebase": "^12.8.0",
+    "framer-motion": "^12.23.24",
+    "html-to-image": "^1.11.13",
+    "html2canvas": "^1.4.1",
+    "i": "^0.3.7",
+    "idb": "^8.0.3",
+    "immer": "^11.1.3",
+    "input-otp": "^1.4.2",
+    "leaflet": "^1.9.4",
+    "leaflet-rotate": "^0.2.8",
+    "leaflet.markercluster": "^1.5.3",
+    "leaflet.vectorgrid": "^1.3.0",
+    "lexical": "^0.39.0",
+    "lodash": "^4.17.21",
+    "lucide-react": "^0.561.0",
+    "motion": "^12.23.24",
+    "next-themes": "^0.4.6",
+    "nextstepjs": "^2.2.0",
+    "npm": "^11.11.0",
+    "qrcode.react": "^4.2.0",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
+    "react-day-picker": "^9.11.1",
+    "react-hook-form": "^7.66.1",
+    "react-is": "19.2.6",
+    "react-leaflet": "^5.0.0",
+    "react-markdown": "^10.1.0",
+    "react-photo-view": "^1.2.7",
+    "react-qr-barcode-scanner": "^2.1.23",
+    "react-resizable-panels": "^3.0.6",
+    "react-router-dom": "^7.9.5",
+    "react-scan": "^0.5.7",
+    "react-syntax-highlighter": "^16.1.0",
+    "react-to-print": "^3.2.0",
+    "recharts": "^3.8.0",
+    "remark-gfm": "^4.0.1",
+    "rxjs": "^7.8.2",
+    "sonner": "^2.0.7",
+    "styled-components": "^6.1.19",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss-animate": "^1.0.7",
+    "tw-animate-css": "^1.4.0",
+    "ua-parser-js": "^2.0.8",
+    "uuid": "^13.0.0",
+    "vaul": "^1.1.2",
+    "vconsole": "^3.15.1",
+    "web-haptics": "^0.0.6",
+    "zod": "^4.1.12",
+    "zustand": "^5.0.8"
+  },
+  "devDependencies": {
+    "@capacitor/assets": "^3.0.5",
+    "@capacitor/cli": "^8.3.4",
+    "@eslint/js": "^9.36.0",
+    "@tailwindcss/postcss": "^4.2.1",
+    "@types/node": "^24.6.0",
+    "@types/react": "^19.1.16",
+    "@types/react-dom": "^19.1.9",
+    "@vitejs/plugin-react-swc": "^4.3.1",
+    "autoprefixer": "^10.4.27",
+    "cross-env": "^10.1.0",
+    "eslint": "^9.36.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.22",
+    "globals": "^16.4.0",
+    "patch-package": "^8.0.1",
+    "postcss": "^8.5.8",
+    "postcss-import": "^16.1.1",
+    "rollup-plugin-visualizer": "^6.0.11",
+    "tailwindcss": "^4.2.1",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.45.0",
+    "vite": "^7.2.2"
+  },
+  "optionalDependencies": {
+    "@tailwindcss/oxide-linux-x64-gnu": "^4.0.1",
+    "lightningcss-linux-x64-gnu": "^1.29.1"
+  }
+}