@data-fair/frame 0.16.0 → 0.17.1

package/lib/vue/use-parent-urls.js

@@ -1,5 +1,6 @@
 import { onScopeDispose, toRef, reactive } from 'vue';
 export const useDFrameParentUrls = (dFrameContent, router) => {
+    console.warn('useDFrameParentUrls is deprecated, it is replaced by useParentUrl from @data-fair/frame/vue-router/use-parent-url.js');
     let parentUrls = reactive({});
     let listeners = {};
     const get = (childHref) => {

package/lib/vue-router/use-parent-url.d.ts

@@ -0,0 +1,5 @@
+import { type MaybeRefOrGetter } from 'vue';
+import type { RouteLocationRaw, Router } from 'vue-router';
+import type DFrameContent from '../DFrameContent.js';
+export declare const useParentUrl: (location: MaybeRefOrGetter<RouteLocationRaw>, router: Router, dFrameContent?: DFrameContent) => import("vue").Ref<string | null, string | null>;
+export default useParentUrl;

package/lib/vue-router/use-parent-url.js

@@ -0,0 +1,26 @@
+import { onScopeDispose } from 'vue';
+import { useVueRouterDFrameContent } from './d-frame-content.js';
+import { toValue, ref, watch } from 'vue';
+import inIframe from '../utils/in-iframe.js';
+export const useParentUrl = (location, router, dFrameContent) => {
+    const parentUrl = ref(null);
+    if (!inIframe)
+        return parentUrl;
+    dFrameContent = dFrameContent ?? useVueRouterDFrameContent();
+    let resolved = null;
+    let listener = null;
+    watch(() => toValue(location), (to) => {
+        if (listener && resolved)
+            dFrameContent.removeParentUrlListener(resolved, listener);
+        parentUrl.value = null;
+        resolved = router.resolve(to).href;
+        listener = (result) => { parentUrl.value = result; };
+        dFrameContent.addParentUrlListener(resolved, listener);
+    }, { immediate: true });
+    onScopeDispose(() => {
+        if (listener && resolved)
+            dFrameContent.removeParentUrlListener(resolved, listener);
+    });
+    return parentUrl;
+};
+export default useParentUrl;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-fair/frame",
-  "version": "0.16.0",
+  "version": "0.17.1",
   "description": "An iframe wrapper for powerful web app integrations.",
   "main": "dist/frame.min.js",
   "directories": {