@data-fair/frame 0.15.0 → 0.16.0

package/lib/vue/use-parent-urls.d.ts

@@ -4,5 +4,6 @@ import type { Router } from 'vue-router';
 export declare const useDFrameParentUrls: (dFrameContent: DFrameContent, router?: Router) => {
     get: (childHref: string) => Ref<string | undefined>;
     clear: () => void;
+    parentUrls: Record<string, string | null>;
 };
 export default useDFrameParentUrls;

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

@@ -1,27 +1,27 @@
-import { onScopeDispose, ref } from 'vue';
+import { onScopeDispose, toRef, reactive } from 'vue';
 export const useDFrameParentUrls = (dFrameContent, router) => {
-    let computedParentUrls = {};
+    let parentUrls = reactive({});
     let listeners = {};
     const get = (childHref) => {
-        if (computedParentUrls[childHref])
-            return computedParentUrls[childHref];
-        const resolvedChildHref = router ? router.resolve(childHref).href : childHref;
-        const parentUrl = computedParentUrls[childHref] = ref();
-        const listener = (result) => {
-            parentUrl.value = result;
-        };
-        listeners[resolvedChildHref] = listener;
-        dFrameContent.addParentUrlListener(resolvedChildHref, listener);
-        return parentUrl;
+        if (parentUrls[childHref] === undefined) {
+            const resolvedChildHref = router ? router.resolve(childHref).href : childHref;
+            parentUrls[childHref] = null;
+            const listener = (result) => {
+                parentUrls[childHref] = result;
+            };
+            listeners[resolvedChildHref] = listener;
+            dFrameContent.addParentUrlListener(resolvedChildHref, listener);
+        }
+        return toRef(() => parentUrls[childHref] ?? undefined);
     };
     const clear = () => {
         for (const [resolvedChildHref, listener] of Object.entries(listeners)) {
             dFrameContent.removeParentUrlListener(resolvedChildHref, listener);
         }
-        computedParentUrls = {};
+        parentUrls = {};
         listeners = {};
     };
     onScopeDispose(clear);
-    return { get, clear };
+    return { get, clear, parentUrls };
 };
 export default useDFrameParentUrls;

package/lib/vue-router/d-frame-content.d.ts

@@ -1,5 +1,12 @@
+import { type App } from 'vue';
 import DFrameContent, { type DFrameContentOptions } from '../DFrameContent.js';
 import type { Router } from 'vue-router';
 type VueRouterDFrameContentOptions = Omit<DFrameContentOptions, 'updateSrc'>;
 export declare function vueRouterDFrameContent(router: Router, options?: VueRouterDFrameContentOptions): DFrameContent;
+export declare const vueRouterDFrameContentKey: unique symbol;
+export declare function createVueRouterDFrameContent(router: Router, options?: VueRouterDFrameContentOptions): {
+    dFrameContent: DFrameContent;
+    install(app: App): void;
+};
+export declare function useVueRouterDFrameContent(): DFrameContent;
 export default vueRouterDFrameContent;

package/lib/vue-router/d-frame-content.js

@@ -1,3 +1,4 @@
+import { inject } from 'vue';
 import DFrameContent from '../DFrameContent.js';
 let dFrameContent = null;
 export function vueRouterDFrameContent(router, options) {
@@ -31,4 +32,18 @@ export function vueRouterDFrameContent(router, options) {
     });
     return dFrameContent;
 }
+export const vueRouterDFrameContentKey = Symbol('vue-router-d-frame-content');
+export function createVueRouterDFrameContent(router, options) {
+    const dFrameContent = vueRouterDFrameContent(router, options);
+    return {
+        dFrameContent,
+        install(app) { app.provide(vueRouterDFrameContentKey, dFrameContent); },
+    };
+}
+export function useVueRouterDFrameContent() {
+    const dFrameContent = inject(vueRouterDFrameContentKey);
+    if (!dFrameContent)
+        throw new Error('useVueRouterDFrameContent requires using the plugin createVueRouterDFrameContent');
+    return dFrameContent;
+}
 export default vueRouterDFrameContent;

package/package.json

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