@vc-shell/framework 1.0.70 → 1.0.72

package/dist/ui/components/organisms/vc-table/index.d.ts

@@ -23,7 +23,7 @@ export declare const VcTable: <T extends string | import("./vc-table.vue").Table
     reorderableColumns?: boolean;
     reorderableRows?: boolean;
     stateKey: string;
-    bulkDelete?: boolean;
+    selectAll?: boolean;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
     props: {
         columns: import("../../../..").ITableColumns[];
@@ -50,7 +50,7 @@ export declare const VcTable: <T extends string | import("./vc-table.vue").Table
         reorderableColumns?: boolean;
         reorderableRows?: boolean;
         stateKey: string;
-        bulkDelete?: boolean;
+        selectAll?: boolean;
     };
     expose(exposed: {}): void;
     attrs: any;
@@ -83,7 +83,7 @@ export declare const VcTable: <T extends string | import("./vc-table.vue").Table
             dropIndex: number;
             value: T[];
         }): void;
-        (event: "bulk:delete"): void;
+        (event: "select:all", values: boolean): void;
     };
 }, "slots" | "attrs" | "emit">, __VLS_setup?: {
     props: {
@@ -111,7 +111,7 @@ export declare const VcTable: <T extends string | import("./vc-table.vue").Table
         reorderableColumns?: boolean;
         reorderableRows?: boolean;
         stateKey: string;
-        bulkDelete?: boolean;
+        selectAll?: boolean;
     };
     expose(exposed: {}): void;
     attrs: any;
@@ -144,7 +144,7 @@ export declare const VcTable: <T extends string | import("./vc-table.vue").Table
             dropIndex: number;
             value: T[];
         }): void;
-        (event: "bulk:delete"): void;
+        (event: "select:all", values: boolean): void;
     };
 }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -175,7 +175,7 @@ export declare const VcTable: <T extends string | import("./vc-table.vue").Table
             reorderableColumns?: boolean;
             reorderableRows?: boolean;
             stateKey: string;
-            bulkDelete?: boolean;
+            selectAll?: boolean;
         };
         expose(exposed: {}): void;
         attrs: any;
@@ -208,7 +208,7 @@ export declare const VcTable: <T extends string | import("./vc-table.vue").Table
                 dropIndex: number;
                 value: T[];
             }): void;
-            (event: "bulk:delete"): void;
+            (event: "select:all", values: boolean): void;
         };
     };
 };

package/dist/ui/components/organisms/vc-table/vc-table.vue.d.ts

@@ -34,7 +34,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
     reorderableColumns?: boolean;
     reorderableRows?: boolean;
     stateKey: string;
-    bulkDelete?: boolean;
+    selectAll?: boolean;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
     props: {
         columns: ITableColumns[];
@@ -61,7 +61,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
         reorderableColumns?: boolean;
         reorderableRows?: boolean;
         stateKey: string;
-        bulkDelete?: boolean;
+        selectAll?: boolean;
     };
     expose(exposed: {}): void;
     attrs: any;
@@ -94,7 +94,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
             dropIndex: number;
             value: T[];
         }): void;
-        (event: "bulk:delete"): void;
+        (event: "select:all", values: boolean): void;
     };
 }, "slots" | "attrs" | "emit">, __VLS_setup?: {
     props: {
@@ -122,7 +122,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
         reorderableColumns?: boolean;
         reorderableRows?: boolean;
         stateKey: string;
-        bulkDelete?: boolean;
+        selectAll?: boolean;
     };
     expose(exposed: {}): void;
     attrs: any;
@@ -155,7 +155,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
             dropIndex: number;
             value: T[];
         }): void;
-        (event: "bulk:delete"): void;
+        (event: "select:all", values: boolean): void;
     };
 }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -186,7 +186,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
             reorderableColumns?: boolean;
             reorderableRows?: boolean;
             stateKey: string;
-            bulkDelete?: boolean;
+            selectAll?: boolean;
         };
         expose(exposed: {}): void;
         attrs: any;
@@ -219,7 +219,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
                 dropIndex: number;
                 value: T[];
             }): void;
-            (event: "bulk:delete"): void;
+            (event: "select:all", values: boolean): void;
         };
     };
 };

package/dist/ui/components/organisms/vc-table/vc-table.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.70",
+  "version": "1.0.72",
   "main": "./dist/framework.mjs",
   "module": "./dist/framework.mjs",
   "types": "./dist/index.d.ts",
@@ -38,27 +38,30 @@
     "@vueuse/integrations": "^10.1.2",
     "buffer-esm": "^1.2.0",
     "client-oauth2": "^4.3.3",
+    "fetch-intercept": "^2.4.0",
     "moment": "^2.29.4",
     "normalize.css": "^8.0.1",
     "querystring-es3": "^0.2.1",
     "quill": "^1.3.7",
     "quill-image-uploader": "^1.3.0",
     "swiper": "^6.8.4",
+    "url-pattern": "^1.0.3",
     "vee-validate": "^4.9.3",
-    "vue": "^3.3.3",
+    "vue": "^3.3.4",
     "vue-currency-input": "~2.5.1",
     "vue-i18n": "^9.2.2",
-    "vue-router": "^4.2.0",
+    "vue-router": "^4.2.1",
     "vue3-ace-editor": "^2.2.2",
-    "vue3-touch-events": "^4.1.2"
+    "vue3-touch-events": "^4.1.2",
+    "whatwg-fetch": "^3.6.2"
   },
   "devDependencies": {
-    "@vc-shell/api-client-generator": "^1.0.70",
-    "@vc-shell/config-generator": "^1.0.70",
+    "@vc-shell/api-client-generator": "^1.0.72",
+    "@vc-shell/config-generator": "^1.0.72",
     "@vitejs/plugin-vue": "^4.2.3",
     "sass": "^1.62.1",
-    "typescript": "^5.0.4",
-    "vite": "^4.3.7",
+    "typescript": "~5.0.4",
+    "vite": "^4.3.9",
     "vue-tsc": "^1.6.5"
   },
   "publishConfig": {

package/shared/components/app-switcher/composables/useAppSwitcher/index.ts

@@ -5,7 +5,7 @@ import { notification } from "./../../../notifications";
 
 interface IUseAppSwitcher {
   readonly appsList: Ref<AppDescriptor[]>;
-  getApps: () => void;
+  getApps: () => Promise<void>;
   switchApp: (app: AppDescriptor) => void;
 }
 

package/shared/components/blade-navigation/components/vc-blade-navigation/vc-blade-navigation.vue

@@ -4,7 +4,7 @@
     capture
   >
     <router-view
-      v-slot="{ Component }: { Component: any }"
+      v-slot="{ Component }"
       :key="route.path"
       @vue:before-unmount="reset"
     >
@@ -14,19 +14,15 @@
         :key="route.path"
         :ref="(el: CoreBladeExposed) => setParentRef(el, Component)"
         :closable="false"
-        :options="parentBladeOptions"
+        :options="workspaceOptions"
         :expanded="blades.length === 0"
         :maximized="findStateById(0)"
         :blades="blades"
-        :param="resolveParam"
+        :param="workspaceParam"
+        :error="error"
         @expand:blade="handleMaximizeBlade(0, true)"
         @collapse:blade="handleMaximizeBlade(0, false)"
       >
-        <template
-          v-if="error"
-          #error
-          >{{ error }}</template
-        >
       </component>
     </router-view>
   </ErrorInterceptor>
@@ -48,17 +44,14 @@
         :expanded="i === blades.length - 1"
         :maximized="findStateById(blade.idx)"
         :options="blade.options"
+        :error="error"
+        :blades="blades"
         @close:blade="onBladeClose(i)"
         @close:children="$emit('onClose', i + 1)"
         @parent:call="$emit('onParentCall', { id: i, args: $event })"
         @expand:blade="handleMaximizeBlade(blade.idx, true)"
         @collapse:blade="handleMaximizeBlade(blade.idx, false)"
       >
-        <template
-          v-if="error"
-          #error
-          >{{ error }}</template
-        >
       </component>
     </ErrorInterceptor>
   </template>
@@ -79,8 +72,8 @@ import { ErrorInterceptor } from "./../../../error-interceptor";
 
 export interface Props {
   blades: IBladeContainer[];
-  parentBladeOptions: Record<string, unknown>;
-  parentBladeParam?: string | undefined;
+  workspaceOptions?: Record<string, unknown>;
+  workspaceParam?: string;
 }
 
 export interface Emits {
@@ -91,9 +84,9 @@ export interface Emits {
 
 const emit = defineEmits<Emits>();
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   blades: () => [],
-  parentBladeOptions: () => ({}),
+  workspaceOptions: () => ({}),
 });
 
 const route = useRoute();
@@ -143,10 +136,6 @@ function onBladeClose(index: number) {
   emit("onClose", index);
 }
 
-const resolveParam = computed(() => {
-  return props.parentBladeParam ? props.parentBladeParam : route.params.param;
-});
-
 defineExpose({
   bladesRefs,
 });

package/shared/components/blade-navigation/composables/useBladeNavigation/index.ts

@@ -11,7 +11,7 @@ import {
   nextTick,
 } from "vue";
 import * as _ from "lodash-es";
-import { useRouter, useRoute } from "vue-router";
+import { useRouter, RouteLocationNormalized } from "vue-router";
 import { usePermissions } from "../../../../../core/composables";
 import {
   IBladeContainer,
@@ -22,100 +22,136 @@ import {
   BladeComponentInternalInstance,
   BladeNavigationPlugin,
   notification,
+  BladePageComponent,
 } from "../../../..";
 import { bladeNavigationInstance } from "./../../plugin";
+import pattern from "url-pattern";
+import { useLocalStorage } from "@vueuse/core";
 
+interface BladeData {
+  blade?: string;
+  param?: string;
+  options?: string;
+}
 interface IUseBladeNavigation {
   readonly blades: Ref<IBladeContainer[]>;
-  readonly parentBladeOptions: Ref<Record<string, unknown>>;
-  readonly parentBladeParam: Ref<string>;
+  readonly workspaceOptions: Ref<Record<string, unknown>>;
+  readonly workspaceParam: Ref<string>;
+  readonly lastBladeData: Ref<BladeData>;
   bladesRefs: Ref<IBladeRef[]>;
-  openBlade: <Blade extends ComponentPublicInstance = ComponentPublicInstance>({
-    blade,
-    param,
-    options,
-    onOpen,
-    onClose,
-  }: IBladeEvent<Blade>) => void;
-  closeBlade: (index: number) => void;
+  openBlade: <Blade extends ComponentPublicInstance = ComponentPublicInstance>(
+    { blade, param, options, onOpen, onClose }: IBladeEvent<Blade>,
+    isWorkspace?: boolean
+  ) => void;
+  closeBlade: (index: number) => Promise<boolean>;
   onParentCall: (index: number, args: IParentCallArgs) => void;
+  /**
+   * Resolves blades from vue-router's navigation guard 'to' param. Used to display blades after page reload or accessing via direct link.
+   * Returns a string containing the URL of the latest opened workspace.
+   * @param to
+   * @returns string
+   */
+  resolveBlades: (to: RouteLocationNormalized) => string;
+  resolveLastBlade: (pages: BladePageComponent[]) => void;
+  resolveUnknownRoutes: (to: RouteLocationNormalized) => string;
 }
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const parentBladeOptions: Ref<Record<string, any>> = ref();
-const parentBladeParam: Ref<string> = ref();
+const workspaceOptions: Ref<Record<string, any>> = ref();
+const workspaceParam: Ref<string> = ref();
+
+const lastBladeData = useLocalStorage<BladeData>("VC_BLADE_DATA", {});
 
 export function useBladeNavigation(): IUseBladeNavigation {
   const router = useRouter();
-  const route = useRoute();
+  const urlPattern = new pattern("(/:workspace(/:blade(/:param)))");
   const { checkPermission } = usePermissions();
   const isPrevented = ref(false);
+  const routes = router.getRoutes();
 
   const instance: BladeComponentInternalInstance = getCurrentInstance();
   const navigationInstance =
     (instance && inject<BladeNavigationPlugin>("bladeNavigationPlugin")) || bladeNavigationInstance;
 
-  const lastBladeUrl = ref();
   watch(
-    navigationInstance.blades,
+    navigationInstance?.blades,
     (newVal) => {
-      const lastBlade = newVal[newVal.length - 1];
+      if (newVal) {
+        const workspace = navigationInstance.bladesRefs.value[0]?.blade;
+        const lastBlade = newVal[newVal.length - 1];
 
-      if (lastBlade && lastBlade.blade.url) {
-        if (lastBlade.param) {
-          addEntryToLocation(lastBlade.blade.url + "/" + lastBlade.param);
-        } else {
-          addEntryToLocation(lastBlade.blade.url);
+        if (workspace && workspace.blade.url) {
+          if (lastBlade && lastBlade.blade.url) {
+            const url = urlPattern.stringify({
+              workspace: workspace?.blade.url.substring(1),
+              blade: lastBlade?.blade.url.substring(1),
+              param: lastBlade?.param,
+            });
+
+            addEntryToLocation(url);
+          } else {
+            const url = workspace?.blade.url;
+            if (url) {
+              clearParentData();
+              addEntryToLocation(url);
+            }
+          }
         }
-      } else if (!lastBlade) {
-        clearParentData();
-        addEntryToLocation(route.path);
       }
     },
     { deep: true }
   );
 
-  async function openBlade<Blade extends ComponentPublicInstance>({
-    blade,
-    param,
-    options,
-    onOpen,
-    onClose,
-  }: IBladeEvent<Blade>) {
-    const caller = instance && instance.vnode.type;
+  async function openWorkspace({ blade, param, options }: IBladeEvent) {
+    await closeBlade(0);
 
     const bladeComponent = unref(blade);
+
+    if (!isPrevented.value) {
+      workspaceOptions.value = unref(options);
+      workspaceParam.value = unref(param);
+
+      await router.replace(bladeComponent.url);
+    }
+  }
+
+  async function openBlade<Blade extends ComponentPublicInstance>(
+    { blade, param, options, onOpen, onClose }: IBladeEvent<Blade>,
+    isWorkspace = false
+  ) {
+    if (isWorkspace) {
+      openWorkspace({ blade, param, options });
+      return;
+    }
+
+    // caller blade component from instance
+    const instanceComponent = instance && instance.vnode.type;
+
+    // Caller blade index in blades array
     const callerIndex = navigationInstance.bladesRefs.value.findIndex((item) => {
-      return _.isEqual(item.blade.blade, caller);
+      return _.isEqual(item.blade.blade, instanceComponent);
     });
-    const existingChild =
-      callerIndex >= 0 ? navigationInstance.bladesRefs.value[callerIndex + 1]?.blade.blade : undefined;
-    const index = caller?.idx ? caller.idx : 0;
 
-    const initiator = caller?.url && navigationInstance.bladesRefs.value.find((x) => x.blade?.blade.url === caller.url);
+    // Trying to determine if the calling blade already has a child in order to replace it
+    const isBladeAlreadyExist =
+      callerIndex >= 0 ? navigationInstance.bladesRefs.value[callerIndex + 1]?.blade.blade : undefined;
 
-    if (!initiator && bladeComponent.url) {
-      await closeBlade(0);
+    // Blade we want to open
+    const bladeComponent = unref(blade);
 
-      if (!isPrevented.value) {
-        parentBladeOptions.value = unref(options);
-        parentBladeParam.value = unref(param);
+    // Check if caller blade has idx
+    const index = instanceComponent?.idx ? instanceComponent.idx : 0;
 
-        await router.push(bladeComponent.url);
-      }
-    } else {
-      let isPrevented;
-      if (existingChild === undefined) {
-        bladeComponent.idx = index ? index + 1 : 1;
-      } else if (existingChild) {
-        isPrevented = await closeBlade(
-          navigationInstance.blades.value.findIndex((x: IBladeContainer) => x.idx === existingChild.idx)
-        );
-        bladeComponent.idx = existingChild.idx;
-      }
-      if (!isPrevented) {
-        await addBlade(bladeComponent, param, options, onOpen, onClose, index);
-      }
+    if (isBladeAlreadyExist === undefined) {
+      bladeComponent.idx = index ? index + 1 : 1;
+    } else if (isBladeAlreadyExist) {
+      await closeBlade(
+        navigationInstance.blades.value.findIndex((x: IBladeContainer) => x.idx === isBladeAlreadyExist.idx)
+      );
+      bladeComponent.idx = isBladeAlreadyExist.idx;
+    }
+    if (!isPrevented.value) {
+      await addBlade(bladeComponent, param, options, onOpen, onClose, index);
     }
   }
 
@@ -133,13 +169,14 @@ export function useBladeNavigation(): IUseBladeNavigation {
           if (result === false) {
             isPrevented.value = true;
             console.debug(`[@vc-shell/framework#useBladeNavigation] - Navigation is prevented`);
-            return isPrevented;
+            return isPrevented.value;
           }
         }
       }
       if (!isPrevented.value) {
-        if (typeof navigationInstance.blades.value[index]?.onClose === "function") {
-          navigationInstance.blades.value[index]?.onClose?.();
+        const blade = navigationInstance.blades.value[index];
+        if (typeof blade?.onClose === "function") {
+          blade?.onClose?.();
         }
 
         navigationInstance.blades.value.splice(index);
@@ -201,24 +238,70 @@ export function useBladeNavigation(): IUseBladeNavigation {
   }
 
   function addEntryToLocation(params: string) {
-    history.pushState({}, null, "#" + params);
-    lastBladeUrl.value = params;
+    history.replaceState({}, null, "#" + params);
   }
 
   async function clearParentData() {
     nextTick(() => {
-      parentBladeOptions.value = undefined;
-      parentBladeParam.value = undefined;
+      workspaceOptions.value = undefined;
+      workspaceParam.value = undefined;
     });
   }
 
+  function resolveBlades(to: RouteLocationNormalized) {
+    const data = urlPattern.match(to.path);
+
+    const resolvedRoute = (bladeUrl: string) => routes.find((r) => r.path === "/" + bladeUrl);
+
+    if (resolvedRoute(data?.workspace) && to.path !== "/" + data.workspace) {
+      if (resolvedRoute(data?.blade)) {
+        lastBladeData.value = {
+          blade: "/" + data?.blade,
+          param: data?.param,
+        };
+      }
+
+      return "/" + data.workspace;
+    }
+  }
+
+  function resolveUnknownRoutes(to: RouteLocationNormalized) {
+    if (routes.find((r) => r.path !== to.path)) {
+      closeBlade(0);
+      return "/";
+    }
+  }
+
+  function clearSavedBladeData() {
+    lastBladeData.value = {};
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  async function setParentData({ param, options }: { param?: string; options?: Record<string, any> }) {
+    workspaceOptions.value = options;
+    workspaceParam.value = param;
+  }
+
+  function resolveLastBlade(pages: BladePageComponent[]) {
+    if (lastBladeData.value?.blade) {
+      const blade = pages?.find((b) => b.url === lastBladeData.value?.blade);
+      setParentData({ param: lastBladeData.value?.param });
+      openBlade({ blade, param: lastBladeData.value?.param });
+      clearSavedBladeData();
+    }
+  }
+
   return {
     blades: computed(() => navigationInstance.blades.value),
-    parentBladeOptions: computed(() => parentBladeOptions.value),
-    parentBladeParam: computed(() => parentBladeParam.value),
+    workspaceOptions: computed(() => workspaceOptions.value),
+    workspaceParam: computed(() => workspaceParam.value),
+    lastBladeData: computed(() => lastBladeData.value),
     bladesRefs: navigationInstance.bladesRefs,
     openBlade,
     closeBlade,
     onParentCall,
+    resolveBlades,
+    resolveUnknownRoutes,
+    resolveLastBlade,
   };
 }

package/shared/components/blade-navigation/types/index.ts

@@ -23,7 +23,7 @@ export type CoreBladeComponentProps = {
 export type BladePageComponent = BladeConstructor;
 
 export type CoreBladeAdditionalSettings = {
-  url?: string;
+  url?: `/${string}`;
   permissions?: string | string[];
   scope?: {
     notificationClick?: (notification: PushNotification | Record<string, any>) => IBladeEvent;