@dative-gpi/foundation-shared-services 1.0.106 → 1.0.108

package/composables/app/index.ts

@@ -1,4 +1,5 @@
 export * from "./useAppLanguageCode";
 export * from "./useAppLanguages";
 export * from "./useAppTimeZone";
-export * from "./useAppAuthToken";
+export * from "./useAppAuthToken";
+export * from "./useAppHost";

package/composables/app/useAppHost.ts

@@ -0,0 +1,17 @@
+import { computed, ref } from "vue";
+
+const host = ref<string | undefined>(undefined);
+
+export const useAppHost = () => {
+  const setAppHost = (payload: string) => {
+    host.value = payload;
+  };
+
+  const ready = computed(() => host.value !== null);
+
+  return {
+    host,
+    ready,
+    setAppHost
+  };
+}

package/composables/index.ts

@@ -1,6 +1,7 @@
 export * from "./services";
 export * from "./app";
 
+export * from "./useDateFormat";
 export * from "./useFiles";
 export * from "./useFoundationShared";
-export * from "./useDateFormat";
+export * from "./useRouting";

package/composables/useFiles.ts

@@ -1,12 +1,13 @@
 import { FILE_URL } from "../config/urls";
 
-import { useAppAuthToken } from "@dative-gpi/foundation-shared-services/composables";
+import { useAppAuthToken, useRouting } from "@dative-gpi/foundation-shared-services/composables";
 
 export const useFiles = () => {
   const { authToken } = useAppAuthToken();
+  const { openTab } = useRouting();
 
   const downloadFile = (id: string): void => {
-    window.open(FILE_URL(id, authToken.value), "_blank");
+    openTab(FILE_URL(id, authToken.value));
   };
 
   const readFile = (file: File): Promise<string | ArrayBuffer | null> => {

package/composables/useRouting.ts

@@ -0,0 +1,37 @@
+import { type RouteLocation, useRouter } from "vue-router";
+
+import { useAppHost } from "@dative-gpi/foundation-shared-services/composables";
+
+export const useRouting = () => {
+  const { host } = useAppHost();
+  const router = useRouter();
+
+  const handleRoutingEvent = (event: MouseEvent, target: string | RouteLocation, handleDefaultBehavior: boolean = false): void => {
+    // If a redirection is requested, check if it comes from an extension and act accordingly
+    if (event.ctrlKey || event.metaKey || event.button === 1) {
+      event.preventDefault();
+      openTab(target);
+    }
+    else if (handleDefaultBehavior) {
+      router.push(target);
+    }
+  };
+
+  const openTab = (target: string | RouteLocation): void => {
+    // Check if target is a href (string) or a to (RouteLocation), get the absolute url in either case
+    const href = typeof target === "string" ? target : router.resolve(target).href;
+
+    // If the app is in an iframe, open the link in a new tab with the parent iframe host
+    if (window.top != window.self && host.value) {
+      window.open(host.value + href, "_blank");
+    }
+    else {
+      window.open(href, "_blank");
+    }
+  };
+
+  return {
+    handleRoutingEvent,
+    openTab
+  };
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-services",
   "sideEffects": false,
-  "version": "1.0.106",
+  "version": "1.0.108",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,7 +10,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.0.106"
+    "@dative-gpi/foundation-shared-domain": "1.0.108"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -18,5 +18,5 @@
     "vue": "^3.4.29",
     "vue-router": "^4.3.0"
   },
-  "gitHead": "fb324520ec8843026617f468957858c6f5dbc8b4"
+  "gitHead": "f5ec01bfa6108f5140a55273e0abfc6b9b2e69bc"
 }