@parafin/core 3.1.2 → 3.2.1

package/index.ts

@@ -59,6 +59,9 @@ export const openParafinDashboard = (
       ...('inWebView' in props &&
         props.inWebView !== undefined &&
         props.inWebView !== null && { inWebView: props.inWebView.toString() }),
+      ...(props.dashboardTargetElementId && {
+        isDashboardEmbedded: 'true',
+      }),
       ...Object.fromEntries(searchParams),
     }
 
@@ -196,6 +199,7 @@ export type WidgetProps = {
   openInNewTab?: boolean
   onLinkOpened?: (url: string, metadata: LinkOpenedMetadata) => void
   inWebView?: boolean
+  dashboardTargetElementId?: string
 }
 
 export const initializeParafinWidget = (
@@ -204,6 +208,7 @@ export const initializeParafinWidget = (
 ) => {
   let initStartTime = Date.now()
   let hasLoadedOnce = false
+  let wasEverHidden = document.hidden
 
   // @ts-ignore
   const url = new URL(props.widgetUrlOverride ?? 'https://widget.parafin.com')
@@ -283,7 +288,7 @@ export const initializeParafinWidget = (
           }
           break
         case 'widget-load-complete':
-          if (props.onEvent && !hasLoadedOnce) {
+          if (props.onEvent && !hasLoadedOnce && !wasEverHidden) {
             const timeToLoadInMs = Date.now() - initStartTime
             props.onEvent('widget_loaded', { timeToLoadInMs })
           }
@@ -293,7 +298,17 @@ export const initializeParafinWidget = (
     }
   }
 
+  const visibilityHandler = () => {
+    if (document.hidden) {
+      wasEverHidden = true
+    }
+  }
+
   window.addEventListener('message', messageListener)
+  document.addEventListener('visibilitychange', visibilityHandler)
 
-  return () => window.removeEventListener('message', messageListener)
+  return () => {
+    window.removeEventListener('message', messageListener)
+    document.removeEventListener('visibilitychange', visibilityHandler)
+  }
 }

package/out/index.d.ts

@@ -47,6 +47,7 @@ export type WidgetProps = {
     openInNewTab?: boolean;
     onLinkOpened?: (url: string, metadata: LinkOpenedMetadata) => void;
     inWebView?: boolean;
+    dashboardTargetElementId?: string;
 };
 export declare const initializeParafinWidget: (iframe: HTMLIFrameElement, props: WidgetProps) => () => void;
 export {};

package/out/index.js

@@ -29,6 +29,9 @@ export const openParafinDashboard = (props) => {
             ...('inWebView' in props &&
                 props.inWebView !== undefined &&
                 props.inWebView !== null && { inWebView: props.inWebView.toString() }),
+            ...(props.dashboardTargetElementId && {
+                isDashboardEmbedded: 'true',
+            }),
             ...Object.fromEntries(searchParams),
         };
         const url = `${origin}${route}?${new URLSearchParams(query).toString()}`;
@@ -133,6 +136,7 @@ const emptyMetadata = {
 export const initializeParafinWidget = (iframe, props) => {
     let initStartTime = Date.now();
     let hasLoadedOnce = false;
+    let wasEverHidden = document.hidden;
     // @ts-ignore
     const url = new URL(props.widgetUrlOverride ?? 'https://widget.parafin.com');
     const query = {
@@ -212,7 +216,7 @@ export const initializeParafinWidget = (iframe, props) => {
                     }
                     break;
                 case 'widget-load-complete':
-                    if (props.onEvent && !hasLoadedOnce) {
+                    if (props.onEvent && !hasLoadedOnce && !wasEverHidden) {
                         const timeToLoadInMs = Date.now() - initStartTime;
                         props.onEvent('widget_loaded', { timeToLoadInMs });
                     }
@@ -221,6 +225,15 @@ export const initializeParafinWidget = (iframe, props) => {
             }
         }
     };
+    const visibilityHandler = () => {
+        if (document.hidden) {
+            wasEverHidden = true;
+        }
+    };
     window.addEventListener('message', messageListener);
-    return () => window.removeEventListener('message', messageListener);
+    document.addEventListener('visibilitychange', visibilityHandler);
+    return () => {
+        window.removeEventListener('message', messageListener);
+        document.removeEventListener('visibilitychange', visibilityHandler);
+    };
 };

package/package.json

@@ -1,10 +1,19 @@
 {
   "name": "@parafin/core",
-  "version": "3.1.2",
+  "version": "3.2.1",
   "description": "Parafin embedded core",
   "author": "Parafin (https://www.parafin.com)",
-  "module": "out/index.js",
-  "types": "out/index.d.ts",
+  "main": "./out/index.js",
+  "module": "./out/index.js",
+  "types": "./out/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./out/index.d.ts",
+      "import": "./out/index.js",
+      "default": "./out/index.js"
+    }
+  },
   "license": "MIT",
   "scripts": {
     "build": "tsc"