@parafin/core 0.0.1

package/index.ts

@@ -0,0 +1,54 @@
+export const openParafinDashboard = (props: {
+  token: string
+  route?: string
+  product?: string
+  externalBusinessId?: string
+  onExit?: () => void
+  environment?: string
+}) => {
+  const iframe = document.createElement('iframe')
+  iframe.id = 'parafin-dashboard'
+  iframe.style.position = 'fixed'
+  iframe.style.top = '0'
+  iframe.style.left = '0'
+  iframe.style.width = '100%'
+  iframe.style.height = '100%'
+  iframe.style.border = 'none'
+  iframe.style.zIndex = '2147483647'
+  iframe.style.backgroundColor = '#fff'
+  iframe.style.opacity = '0'
+  iframe.style.transition = 'opacity 0.2s'
+
+  const getBaseUrl = () => {
+    switch (props.environment) {
+      case 'local':
+        return 'http://localhost:9000'
+      case 'development':
+        return 'https://app.dev.parafin.com'
+      default:
+        return 'https://app.parafin.com'
+    }
+  }
+
+  const baseUrl = getBaseUrl()
+  const route = props.route ?? '/'
+  const token = `?token=${props.token}`
+  const product = props.product ? `&product=${props.product}` : ''
+  const externalBusinessId = props.externalBusinessId
+    ? `&external_business_id=${props.externalBusinessId}`
+    : ''
+
+  const closeParafinDashboard = ({ data, origin }: MessageEvent) => {
+    if (origin === baseUrl && data?.message === 'close-dashboard') {
+      props.onExit?.()
+      window.removeEventListener('message', closeParafinDashboard)
+      iframe.style.opacity = '0'
+      setTimeout(() => document.body.removeChild(iframe), 200)
+    }
+  }
+
+  iframe.src = `${baseUrl}${route}${token}${product}${externalBusinessId}`
+  window.addEventListener('message', closeParafinDashboard)
+  document.body.appendChild(iframe)
+  setTimeout(() => iframe.style.opacity = '1', 1)
+}

package/out/index.d.ts

@@ -0,0 +1,8 @@
+export declare const openParafinDashboard: (props: {
+    token: string;
+    route?: string;
+    product?: string;
+    externalBusinessId?: string;
+    onExit?: () => void;
+    environment?: string;
+}) => void;

package/out/index.js

@@ -0,0 +1,43 @@
+export const openParafinDashboard = (props) => {
+    const iframe = document.createElement('iframe');
+    iframe.id = 'parafin-dashboard';
+    iframe.style.position = 'fixed';
+    iframe.style.top = '0';
+    iframe.style.left = '0';
+    iframe.style.width = '100%';
+    iframe.style.height = '100%';
+    iframe.style.border = 'none';
+    iframe.style.zIndex = '2147483647';
+    iframe.style.backgroundColor = '#fff';
+    iframe.style.opacity = '0';
+    iframe.style.transition = 'opacity 0.2s';
+    const getBaseUrl = () => {
+        switch (props.environment) {
+            case 'local':
+                return 'http://localhost:9000';
+            case 'development':
+                return 'https://app.dev.parafin.com';
+            default:
+                return 'https://app.parafin.com';
+        }
+    };
+    const baseUrl = getBaseUrl();
+    const route = props.route ?? '/';
+    const token = `?token=${props.token}`;
+    const product = props.product ? `&product=${props.product}` : '';
+    const externalBusinessId = props.externalBusinessId
+        ? `&external_business_id=${props.externalBusinessId}`
+        : '';
+    const closeParafinDashboard = ({ data, origin }) => {
+        if (origin === baseUrl && data?.message === 'close-dashboard') {
+            props.onExit?.();
+            window.removeEventListener('message', closeParafinDashboard);
+            iframe.style.opacity = '0';
+            setTimeout(() => document.body.removeChild(iframe), 200);
+        }
+    };
+    iframe.src = `${baseUrl}${route}${token}${product}${externalBusinessId}`;
+    window.addEventListener('message', closeParafinDashboard);
+    document.body.appendChild(iframe);
+    setTimeout(() => iframe.style.opacity = '1', 1);
+};

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@parafin/core",
+  "version": "0.0.1",
+  "type": "module",
+  "description": "Parafin embedded core",
+  "author": "Parafin (https://www.parafin.com)",
+  "registry": "https://registry.npmjs.org",
+  "files": [
+    "index.ts",
+    "out"
+  ],
+  "main": "out/index.js",
+  "module": "out/index.js",
+  "types": "out/index.d.ts",
+  "license": "MIT",
+  "scripts": {
+    "build": "tsc"
+  },
+  "devDependencies": {
+    "typescript": "^4.9.5"
+  }
+}