@dasidev/dasi-ui 1.0.0

package/package.json

@@ -0,0 +1,178 @@
+{
+  "name": "@dasidev/dasi-ui",
+  "version": "1.0.0",
+  "private": false,
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "package.json",
+    "bin"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles.css": "./dist/style.css",
+    "./components": "./src/components/index.ts",
+    "./composables": "./src/composables/index.ts",
+    "./utils": "./src/utils/index.ts"
+  },
+  "bin": {
+    "dasi-ui": "./bin/dasi-cli.cjs"
+  },
+  "keywords": [
+    "vue3",
+    "admin",
+    "template",
+    "dashboard",
+    "typescript",
+    "tailwindcss",
+    "framework",
+    "enterprise",
+    "configuration-driven"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dasi-developer/framework-web-app.git"
+  },
+  "homepage": "https://github.com/dasi-developer/framework-web-app#readme",
+  "bugs": {
+    "url": "https://github.com/dasi-developer/framework-web-app/issues"
+  },
+  "author": "DASI Development Team",
+  "license": "MIT",
+  "engines": {
+    "node": ">=20.0.0",
+    "npm": ">=10.0.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "build-lib": "vite build --config vite.lib.config.ts",
+    "build-docs": "vite build --config vite.docs.config.ts",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:unit": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest --watch",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "format": "prettier --write \"src/**/*.{vue,js,ts,jsx,tsx,json,md}\"",
+    "cli": "node bin/dasi-cli.cjs",
+    "prepublishOnly": "npm run build-lib && npm run test:run",
+    "release": "npm version patch && npm publish",
+    "release:minor": "npm version minor && npm publish",
+    "release:major": "npm version major && npm publish"
+  },
+  "peerDependencies": {
+    "@vueuse/core": "^10.9.0",
+    "axios": "^1.6.0",
+    "pinia": "^2.1.0",
+    "tailwindcss": "^3.4.0",
+    "vue": "^3.4.0",
+    "vue-router": "^4.2.0"
+  },
+  "dependencies": {
+    "@passwordless-id/webauthn": "^1.6.1",
+    "@radix-icons/vue": "^1.0.0",
+    "@tanstack/vue-table": "^8.13.2",
+    "@vee-validate/zod": "^4.12.6",
+    "@vueform/plugin-mask": "^1.0.7",
+    "@vueform/vueform": "^1.12.10",
+    "@vuepic/vue-datepicker": "^8.8.1",
+    "@vueuse/core": "^10.9.0",
+    "axios": "^1.6.0",
+    "chalk": "^5.6.2",
+    "chart.js": "^4.4.2",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "commander": "^14.0.2",
+    "core-js": "^3.40.0",
+    "curl-generator": "^0.4.1",
+    "date-fns": "^3.6.0",
+    "echarts": "^5.5.0",
+    "file-saver": "^2.0.5",
+    "flowbite": "^2.3.0",
+    "flowbite-vue": "^0.1.4",
+    "fs-extra": "^11.3.3",
+    "go-captcha-vue": "^2.0.6",
+    "highlight.js": "^11.9.0",
+    "inquirer": "^13.2.1",
+    "jspdf": "^3.0.2",
+    "jspdf-autotable": "^5.0.2",
+    "lucide-vue-next": "^0.542.0",
+    "marked": "^13.0.3",
+    "moment": "^2.30.1",
+    "nanoid": "^5.0.9",
+    "ol": "^9.2.4",
+    "ol-contextmenu": "^5.5.0",
+    "ol-ext": "^4.0.21",
+    "ora": "^9.1.0",
+    "pdfjs-dist": "^5.3.31",
+    "peerjs": "^1.5.2",
+    "pinia": "^2.1.0",
+    "radix-vue": "^1.5.1",
+    "sortablejs": "^1.15.6",
+    "tailwind-merge": "^2.2.1",
+    "tailwindcss-animate": "^1.0.7",
+    "v-calendar": "^3.1.2",
+    "v3-infinite-loading": "^1.3.1",
+    "vee-validate": "^4.12.6",
+    "vite-raw-plugin": "^1.0.2",
+    "vue": "^3.4.0",
+    "vue-chartjs": "^5.3.1",
+    "vue-final-modal": "^4.5.4",
+    "vue-loading-overlay": "^6.0.4",
+    "vue-pdf-embed": "^2.1.0",
+    "vue-router": "^4.2.0",
+    "vue-sonner": "^1.1.2",
+    "vue-speech": "^0.1.0",
+    "vue3-apexcharts": "^1.8.0",
+    "vue3-circle-progress": "^1.0.7",
+    "vue3-colorpicker": "^2.3.0",
+    "vue3-echarts": "^1.1.0",
+    "vue3-openlayers": "^8.1.0",
+    "vue3-perfect-scrollbar": "^2.0.0",
+    "vue3-radial-progress": "^1.1.1",
+    "vuedraggable": "^4.1.0",
+    "xlsx": "^0.18.5",
+    "zod": "^3.22.4"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "^1.3.3",
+    "@tsconfig/node20": "^20.1.2",
+    "@types/file-saver": "^2.0.7",
+    "@types/jsdom": "^21.1.6",
+    "@types/jspdf": "^1.3.3",
+    "@types/node": "^20.11.25",
+    "@vitejs/plugin-vue": "^5.0.3",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vue/eslint-config-prettier": "^8.0.0",
+    "@vue/eslint-config-typescript": "^12.0.0",
+    "@vue/test-utils": "^2.4.4",
+    "@vue/tsconfig": "^0.5.1",
+    "autoprefixer": "^10.4.18",
+    "eslint": "^8.49.0",
+    "eslint-plugin-vue": "^9.17.0",
+    "jsdom": "^24.0.0",
+    "npm-run-all2": "^6.1.1",
+    "prettier": "^3.2.5",
+    "prettier-plugin-tailwindcss": "^0.5.12",
+    "sass": "^1.71.1",
+    "tailwindcss": "^3.4.1",
+    "typescript": "~5.3.0",
+    "vite": "^5.0.11",
+    "vitest": "^1.2.2",
+    "vue-tsc": "^1.8.27"
+  }
+}

package/src/App.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import { RouterView } from 'vue-router'
+import { onMounted } from 'vue'
+import Header from '@/components/pages/Header.vue'
+import { useDarkMode } from './composables/useDarkMode'
+
+const { initializeDarkMode } = useDarkMode()
+
+onMounted(() => {
+  initializeDarkMode()
+})
+</script>
+
+<template>
+  <RouterView />
+</template>
+
+<style scoped></style>

package/src/__tests__/index.test.ts

@@ -0,0 +1,9 @@
+import { describe, it, expect } from 'vitest'
+import { useAppConfig } from '@/composables/useAppConfig';
+
+describe('DasiUI', () => {
+    it('should be export useAppConfig', () => {
+        expect(useAppConfig).toBeDefined();
+        expect(typeof useAppConfig).toBe('function');
+    });
+});

package/src/api/api.ts

@@ -0,0 +1,117 @@
+import axios from "axios";
+import { useAuthStore } from "@/stores/auth";
+import { useAppConfig } from "@/composables/useAppConfig";
+
+// Get configuration values
+const { tokenKey, apiBaseUrl, apiEndpoints } = useAppConfig();
+
+const jwtToken = localStorage.getItem(tokenKey.value) || "";
+const api = axios.create({
+  baseURL: apiBaseUrl.value,
+  timeout: 30000,
+  withCredentials: true,
+  headers: {
+    // 'X-API-Key': import.meta.env.VITE_API_KEY,
+    Authorization: `Bearer ${jwtToken}`,
+  },
+});
+
+// Debug configuration in development
+if (import.meta.env.DEV) {
+  console.log('🔧 API Configuration:')
+  console.log('- Base URL:', apiBaseUrl.value)
+  console.log('- Token Key:', tokenKey.value)
+  console.log('- Auth Endpoints:', apiEndpoints.value.auth)
+}
+
+// UNSED
+// api.interceptors.request.use(
+//   (config) => {
+//     const isDashboard = config.url?.includes("dashboard");
+//     config.baseURL = isDashboard
+//       ? import.meta.env.VITE_DASHBOARD_API_URL
+//       : import.meta.env.VITE_API_URL;
+
+//     return config;
+//   },
+//   (error) => Promise.reject(error)
+// );
+
+/**
+ * Auto change refresh token
+ * if server returned token expired with http status 401
+ *
+ */
+
+api.interceptors.response.use((response) => {
+  /**
+   * Check if this is auth status endpoint and extract auth_token from response data
+   */
+  if (response.config.url?.includes(apiEndpoints.value.auth.status) && response.data?.auth_token) {
+    const authStore = useAuthStore();
+    authStore.setAuthToken(response.data.auth_token);
+  }
+  
+  return response;
+}, (err: any) => {
+  /**
+   * Check logged out
+   *
+   */
+  if (err.response && err.response.status === 403) {
+    // const uri = `${window.location.pathname}${window.location.search}`;
+    // window.location.href = `/login?next=${encodeURIComponent(uri)}`;
+  }
+
+  /**
+   * Check if error is due to expired access token
+   * Temporary disabled
+   *
+   */
+  if (
+    err.config &&
+    err.response &&
+    err.response.status === 401 &&
+    !err.config.__retry &&
+    1 > 2
+  ) {
+    /**
+     * Set custom variable __retry to prevent from infinite loop
+     * geting update token
+     *
+     */
+    err.config.__retry = true;
+
+    /**
+     * Call refresh token endpoint
+     *
+     */
+    return api
+      .get(apiEndpoints.value.auth.refresh)
+      .then((res) => {
+        /**
+         * Retry the original request
+         * with previous config
+         *
+         */
+        return api(err.config);
+      })
+      .catch((err) => {
+        return Promise.reject(getErrMsg(err));
+      });
+  }
+  return Promise.reject(getErrMsg(err));
+});
+
+function getErrMsg(err: any) {
+  const _err =
+    err.response && err.response.data && err.response.data.message
+      ? new Error(err.response.data.message)
+      : err.response && err.response.data && err.response.data.error
+        ? new Error(err.response.data.error)
+        : err;
+  _err.response = err.response;
+  return _err;
+}
+
+export default api;

package/src/assets/app-selector.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.61539 3.23077C1.29589 3.23077 0.983574 3.13603 0.717926 2.95853C0.452277 2.78103 0.245229 2.52874 0.122965 2.23357C0.000699922 1.93839 -0.0312901 1.61359 0.0310399 1.30024C0.0933699 0.986886 0.24722 0.699052 0.473136 0.473136C0.699052 0.24722 0.986886 0.0933699 1.30024 0.0310399C1.61359 -0.0312901 1.93839 0.000699922 2.23357 0.122965C2.52874 0.245229 2.78103 0.452277 2.95853 0.717926C3.13603 0.983574 3.23077 1.29589 3.23077 1.61539C3.23031 2.04367 3.05997 2.45428 2.75713 2.75713C2.45428 3.05997 2.04367 3.23031 1.61539 3.23077ZM6 3.23077C5.68051 3.23077 5.36819 3.13603 5.10254 2.95853C4.83689 2.78103 4.62984 2.52874 4.50758 2.23357C4.38531 1.93839 4.35333 1.61359 4.41566 1.30024C4.47798 0.986886 4.63184 0.699052 4.85775 0.473136C5.08367 0.24722 5.3715 0.0933699 5.68485 0.0310399C5.99821 -0.0312901 6.32301 0.000699922 6.61818 0.122965C6.91335 0.245229 7.16564 0.452277 7.34314 0.717926C7.52064 0.983574 7.61539 1.29589 7.61539 1.61539C7.61493 2.04367 7.44459 2.45428 7.14174 2.75713C6.8389 3.05997 6.42829 3.23031 6 3.23077ZM10.3846 3.23077C10.0651 3.23077 9.7528 3.13603 9.48716 2.95853C9.22151 2.78103 9.01446 2.52874 8.8922 2.23357C8.76993 1.93839 8.73794 1.61359 8.80027 1.30024C8.8626 0.986886 9.01645 0.699052 9.24237 0.473136C9.46828 0.24722 9.75612 0.0933699 10.0695 0.0310399C10.3828 -0.0312901 10.7076 0.000699922 11.0028 0.122965C11.298 0.245229 11.5503 0.452277 11.7278 0.717926C11.9053 0.983574 12 1.29589 12 1.61539C11.9995 2.04367 11.8292 2.45428 11.5264 2.75713C11.2235 3.05997 10.8129 3.23031 10.3846 3.23077ZM1.61539 7.61539C1.29589 7.61539 0.983574 7.52064 0.717926 7.34314C0.452277 7.16564 0.245229 6.91335 0.122965 6.61818C0.000699922 6.32301 -0.0312901 5.99821 0.0310399 5.68485C0.0933699 5.3715 0.24722 5.08367 0.473136 4.85775C0.699052 4.63184 0.986886 4.47798 1.30024 4.41566C1.61359 4.35333 1.93839 4.38531 2.23357 4.50758C2.52874 4.62984 2.78103 4.83689 2.95853 5.10254C3.13603 5.36819 3.23077 5.68051 3.23077 6C3.23031 6.42829 3.05997 6.8389 2.75713 7.14174C2.45428 7.44459 2.04367 7.61493 1.61539 7.61539ZM6 7.61539C5.68051 7.61539 5.36819 7.52064 5.10254 7.34314C4.83689 7.16564 4.62984 6.91335 4.50758 6.61818C4.38531 6.32301 4.35333 5.99821 4.41566 5.68485C4.47798 5.3715 4.63184 5.08367 4.85775 4.85775C5.08367 4.63184 5.3715 4.47798 5.68485 4.41566C5.99821 4.35333 6.32301 4.38531 6.61818 4.50758C6.91335 4.62984 7.16564 4.83689 7.34314 5.10254C7.52064 5.36819 7.61539 5.68051 7.61539 6C7.61493 6.42829 7.44459 6.8389 7.14174 7.14174C6.8389 7.44459 6.42829 7.61493 6 7.61539ZM10.3846 7.61539C10.0651 7.61539 9.7528 7.52064 9.48716 7.34314C9.22151 7.16564 9.01446 6.91335 8.8922 6.61818C8.76993 6.32301 8.73794 5.99821 8.80027 5.68485C8.8626 5.3715 9.01645 5.08367 9.24237 4.85775C9.46828 4.63184 9.75612 4.47798 10.0695 4.41566C10.3828 4.35333 10.7076 4.38531 11.0028 4.50758C11.298 4.62984 11.5503 4.83689 11.7278 5.10254C11.9053 5.36819 12 5.68051 12 6C11.9995 6.42829 11.8292 6.8389 11.5264 7.14174C11.2235 7.44459 10.8129 7.61493 10.3846 7.61539ZM1.61539 12C1.29589 12 0.983574 11.9053 0.717926 11.7278C0.452277 11.5503 0.245229 11.298 0.122965 11.0028C0.000699922 10.7076 -0.0312901 10.3828 0.0310399 10.0695C0.0933699 9.75612 0.24722 9.46828 0.473136 9.24237C0.699052 9.01645 0.986886 8.8626 1.30024 8.80027C1.61359 8.73794 1.93839 8.76993 2.23357 8.8922C2.52874 9.01446 2.78103 9.22151 2.95853 9.48716C3.13603 9.7528 3.23077 10.0651 3.23077 10.3846C3.23031 10.8129 3.05997 11.2235 2.75713 11.5264C2.45428 11.8292 2.04367 11.9995 1.61539 12ZM6 12C5.68051 12 5.36819 11.9053 5.10254 11.7278C4.83689 11.5503 4.62984 11.298 4.50758 11.0028C4.38531 10.7076 4.35333 10.3828 4.41566 10.0695C4.47798 9.75612 4.63184 9.46828 4.85775 9.24237C5.08367 9.01645 5.3715 8.8626 5.68485 8.80027C5.99821 8.73794 6.32301 8.76993 6.61818 8.8922C6.91335 9.01446 7.16564 9.22151 7.34314 9.48716C7.52064 9.7528 7.61539 10.0651 7.61539 10.3846C7.61493 10.8129 7.44459 11.2235 7.14174 11.5264C6.8389 11.8292 6.42829 11.9995 6 12ZM10.3846 12C10.0651 12 9.7528 11.9053 9.48716 11.7278C9.22151 11.5503 9.01446 11.298 8.8922 11.0028C8.76993 10.7076 8.73794 10.3828 8.80027 10.0695C8.8626 9.75612 9.01645 9.46828 9.24237 9.24237C9.46828 9.01645 9.75612 8.8626 10.0695 8.80027C10.3828 8.73794 10.7076 8.76993 11.0028 8.8922C11.298 9.01446 11.5503 9.22151 11.7278 9.48716C11.9053 9.7528 12 10.0651 12 10.3846C11.9995 10.8129 11.8292 11.2235 11.5264 11.5264C11.2235 11.8292 10.8129 11.9995 10.3846 12Z"/>
+</svg>