feat: apply global config

.github/workflows/dispatch_make_helm_chart.yaml

@@ -5,7 +5,7 @@ on:
     types: [make_helm_chart]
 
 env:
-  SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
+  SLACK_WEBHOOK_URL: ${{ secrets.SLACK_GITHUB_HELM_CHART_WEBHOOK_URL }}
 
 jobs:
   helm_cloudforet:
@@ -75,4 +75,4 @@ jobs:
         with:
           status: ${{job.status}}
           fields: repo,message,commit,author,action,eventName,ref,workflow,job,took
-          author_name: Github Action Slack
+          author_name: Github Action Slack

.github/workflows/pull_request_random_reviewer_assignment.yaml

@@ -19,8 +19,7 @@ jobs:
     runs-on: ubuntu-latest
 
     env:
-      GROUP1: '["WANZARGEN", "sulmoJ", "skdud4659", "piggggggggy"]'
-      GROUP2: '["kkdy21", "seungyeoneeee", "Hansoo-mzc"]'
+      REVIEWERS: '["WANZARGEN", "seungyeoneeee", "skdud4659", "piggggggggy"]'
 
     steps:
       - uses: actions/checkout@v3
@@ -30,12 +29,13 @@ jobs:
         uses: actions/github-script@v6
         with:
           script: |
-            const group1 = JSON.parse(process.env.GROUP1).filter(user => user !== context.payload.pull_request.user.login);
-            const group2 = JSON.parse(process.env.GROUP2).filter(user => user !== context.payload.pull_request.user.login);
-            console.log('group1:', group1, 'group2:', group2);
+            const reviewers = JSON.parse(process.env.REVIEWERS).filter(user => user !== context.payload.pull_request.user?.login);
+            console.log('available reviewers:', reviewers);
 
-            const randomReviewer1 = group1[Math.floor(Math.random() * group1.length)];
-            const randomReviewer2 = group2[Math.floor(Math.random() * group2.length)];
+            // Shuffle array and pick first two reviewers
+            const shuffled = reviewers.sort(() => 0.5 - Math.random());
+            const randomReviewer1 = shuffled[0];
+            const randomReviewer2 = shuffled[1];
             console.log('randomReviewer1:', randomReviewer1, 'randomReviewer2:', randomReviewer2);
 
             core.setOutput('randomReviewer1', randomReviewer1);
@@ -68,7 +68,7 @@ jobs:
         uses: actions/github-script@v6
         with:
           script: |
-            const prAuthor = context.payload.pull_request.user.login;
+            const prAuthor = context.payload.pull_request.user?.login;
             const org = context.repo.owner;
             const prNumber = context.payload.pull_request.number;
 

.github/workflows/pull_request_review.yaml

@@ -18,6 +18,7 @@ on:
       - '**/*.env'
     branches:
       - master
+      - develop
       - feature-*
   workflow_dispatch:
 

apps/web-storybook/package.json

@@ -11,9 +11,9 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
+    "@cloudforet/mirinae": "*",
     "@cloudforet/core-lib": "*",
     "@cloudforet/language-pack": "*",
-    "@cloudforet/mirinae": "*",
     "@cloudforet/utils": "*",
     "eslint-config-custom": "*",
     "mirinae-foundation": "*",

apps/web/cli/api-doc-gen.js

@@ -0,0 +1,78 @@
+import fs from 'fs';
+import path from 'path';
+
+const API_DIR = './src/api-clients';
+const OUTPUT_PATH = './src/api-clients/_common/constants/api-doc.ts';
+
+
+const generateAPIDocumentation = (basePath) => {
+    const result = {};
+
+    const traverse = (dirPath) => {
+        const parts = dirPath.split(path.sep).slice(-5);
+        if (parts.length !== 5) return;
+        if (parts[3] !== 'api-verbs' || parts[1] === '_common') return;
+
+        const [serviceName, resourceName, , , verb] = parts;
+
+        if (!result[serviceName]) result[serviceName] = {};
+        if (!result[serviceName][resourceName]) result[serviceName][resourceName] = [];
+
+        result[serviceName][resourceName].push(verb.replace('.ts', ''));
+    };
+
+    const walk = (currentPath) => {
+        const files = fs.readdirSync(currentPath);
+
+        files.forEach((file) => {
+            const fullPath = path.join(currentPath, file);
+
+            const stat = fs.statSync(fullPath);
+
+            if (stat.isDirectory()) {
+                walk(fullPath);
+            } else if (file.endsWith('.ts')) {
+                traverse(fullPath);
+            }
+        });
+    };
+
+    walk(basePath);
+    return result;
+};
+
+const API_DOC = generateAPIDocumentation(API_DIR);
+
+const tsContent = `/**
+ * 🚀 AUTO-GENERATED API DOCUMENTATION
+ * 
+ * This file is **automatically generated** by the API documentation script.
+ * **DO NOT** modify this file manually, as changes will be overwritten.
+ * 
+ * ## Purpose:
+ * - Provides a structured mapping of API endpoints based on the directory structure.
+ * - Used for **query key generation**, **caching strategies**, and **API reference**.
+ * - Helps maintain consistency and prevents hardcoded API keys.
+ * 
+ * ## How It Works:
+ * - The script scans the \`api-clients/{service-name}/{resource-name}/schema/api-verbs/\` directory.
+ * - Extracts \`{service-name}\`, \`{resource-name}\`, and \`{verb}.ts\` files.
+ * - Generates a structured **API_DOC** constant.
+ * 
+ * ## Regenerate:
+ * If you need to update this file, run:
+ * 
+ * \`\`\`sh
+ * npm run api-doc
+ * \`\`\`
+ * 
+ * 🚨 Any manual modifications will be lost on regeneration!
+ */
+
+export const API_DOC = ${JSON.stringify(API_DOC, null, 4)} as const;
+export type APIDoc = typeof API_DOC;
+`;
+fs.writeFileSync(OUTPUT_PATH, tsContent);
+
+
+console.log('✅ API Keys generated successfully!');

apps/web/package.json

@@ -13,11 +13,13 @@
     "test:coverage": "vitest run --coverage",
     "eslint": "eslint --max-warnings=0 --ext .js,.vue,.ts .",
     "stylelint": "stylelint \"src/**/*.{css,vue,pcss,scss}\"",
-    "lint": "npm run eslint && npm run stylelint",
+    "ts-check": "tsc -p tsconfig.json --noEmit",
+    "lint": "npm run eslint && npm run ts-check && npm run stylelint",
     "eslint:fix": "eslint --fix --ext .js,.vue,.ts .",
     "stylelint:fix": "stylelint --fix \"src/**/*.{css,vue,pcss,scss}\"",
     "format": "npm run eslint:fix && npm run stylelint:fix",
-    "postcss": "node build/reset-css.js"
+    "postcss": "node build/reset-css.js",
+    "api-doc": "node ./cli/api-doc-gen.js && npx eslint ./src/api-clients/_common/constants/api-doc.ts --fix"
   },
   "main": "dist/cloudforet-component.common.js",
   "dependencies": {
@@ -45,15 +47,15 @@
     "@vueuse/integrations": "^11.1.0",
     "@vvo/tzdb": "^6.4.1",
     "animated-number-vue": "^1.0.0",
-    "axios": "^1.7.4",
+    "axios": "^1.8.2",
     "axios-auth-refresh": "^3.2.2",
     "bytes": "^3.1.2",
     "cashify": "^2.5.0",
     "color": "^3.1.2",
     "currency.js": "^2.0.4",
     "dayjs": "^1.11.7",
     "diff-match-patch": "^1.0.5",
-    "dompurify": "^3.2.3",
+    "dompurify": "^3.2.4",
     "echarts": "^5.5.0",
     "ejs": "^3.1.10",
     "hangul-js": "^0.2.6",
@@ -101,8 +103,6 @@
     "@types/uuid": "^8.3.0",
     "@vitejs/plugin-vue2": "^2.2.0",
     "@vitest/coverage-c8": "^0.24.3",
-    "@vitest/coverage-istanbul": "^0.34.5",
-    "@vitest/ui": "^0.26.3",
     "@vue/test-utils": "^1.3.3",
     "axios-mock-adapter": "^1.17.0",
     "dotenv": "^16.0.3",
@@ -112,10 +112,10 @@
     "postcss-config-custom": "*",
     "rollup-plugin-visualizer": "^5.9.0",
     "tsconfig": "*",
-    "vite": "^4.5.6",
+    "vite": "^4.5.10",
     "vite-plugin-stylelint": "^3.3.3",
     "vite-plugin-vue-type-imports": "^0.2.4",
-    "vitest": "^0.34.5",
+    "vitest": "^3.0.8",
     "vue-template-compiler": "2.7.16"
   },
   "browserslist": [

apps/web/src/api-clients/_common/composables/use-api-query-key.ts

@@ -0,0 +1,54 @@
+import { computed, reactive } from 'vue';
+
+import type {
+    ResourceName, ServiceName, Verb,
+} from '@/api-clients/_common/types/query-key-type';
+
+import { useAppContextStore } from '@/store/app-context/app-context-store';
+import { useUserWorkspaceStore } from '@/store/app-context/workspace/user-workspace-store';
+
+/**
+ * Generates a computed query key for API requests, incorporating global parameters.
+ *
+ * @param service - The service name, representing the API service scope (e.g., 'dashboard').
+ * @param resource - The resource name, specifying the target API resource (e.g., 'public-data-table').
+ * @param verb - The API action verb, defining the type of request (e.g., 'get', 'list', 'update').
+ * @param additionalGlobalParams - Optional additional global parameters (e.g., workspace ID, admin mode).
+ * @returns A computed reference to the query key array, structured as `[service, resource, verb, { globalParams }]`.
+ *
+ * ### Example Usage:
+ * ```ts
+ *  const queryKey = useAPIQueryKey('dashboard', 'public-data-table', 'get');
+ * ```
+ * The generated query key ensures:
+ * - **Type safety**: Prevents invalid API calls by enforcing a valid `service/resource/verb` combination.
+ * - **Auto-completion**: Provides intelligent suggestions based on predefined API structure.
+ * - **Cache management**: Enables precise cache invalidation and data synchronization.
+ */
+
+interface GlobalQueryParams {
+    workspaceId?: string;
+    isAdminMode?: boolean;
+}
+export const useAPIQueryKey = <S extends ServiceName, R extends ResourceName<S>, V extends Verb<S, R>>(
+    service: S,
+    resource: R,
+    verb: V,
+    additionalGlobalParams?: Partial<GlobalQueryParams>,
+) => {
+    const appContextStore = useAppContextStore();
+    const userWorkspaceStore = useUserWorkspaceStore();
+
+    const _state = reactive({
+        currentWorkdpaceId: computed<string|undefined>(() => userWorkspaceStore.getters.currentWorkspaceId),
+        isAdminMode: computed<boolean>(() => appContextStore.getters.isAdminMode),
+    });
+
+    const globalQueryParams = reactive<GlobalQueryParams>({
+        workspaceId: _state.currentWorkdpaceId,
+        isAdminMode: _state.isAdminMode,
+        ...additionalGlobalParams,
+    });
+
+    return computed(() => [service, resource, verb, { ...globalQueryParams }]);
+};