@3cr/viewer-browser 0.0.144 → 0.0.146

package/index.html

@@ -6,6 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
   <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
+  <script src="https://cdn.jsdelivr.net/npm/@statsig/js-client@latest/build/statsig-js-client+session-replay+web-analytics.min.js"></script>
+<!--  <script src="https://cdn.jsdelivr.net/npm/statsig-js/build/statsig-prod-web-sdk.min.js" ></script>-->
 
   <title>Welcome to Vuetify 3</title>
 </head>
@@ -15,9 +17,25 @@
   <script type="module">
     import {registerViewer, loadViewer} from './index.ts';
 
-    registerViewer('1.0.0').then(() => {
-      loadViewer().then()
-    })
+    const { StatsigClient, runStatsigAutoCapture, runStatsigSessionReplay } = window.Statsig;
+    const client = new StatsigClient(
+        "client-YaAjxOTTRbuSN3peDAwXEzErieXpI744a3OHDgonzvV",
+        { userID: undefined },
+    );
+    runStatsigAutoCapture(client);
+    window.playgroundStatsigClient = client
+    runStatsigSessionReplay(client);
+
+
+    const dynamicConfig = window.playgroundStatsigClient.getDynamicConfig("3cr_viewer_version");
+    const version = dynamicConfig.value["sdkVersion"] ?? "1.0.0";
+
+    client.initializeAsync().then(() => {
+      registerViewer(version).then(() => {
+        loadViewer().then()
+      })
+    }).catch((err) => console.error(err));
+
   </script>
 </body>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@3cr/viewer-browser",
-  "version": "0.0.144",
+  "version": "0.0.146",
   "main": "./dist/Viewer3CR.umd.js",
   "module": "dist/Viewer3CR.umd.js",
   "homepage": "https://docs.3cr.singular.health",

package/playground/index.html

@@ -31,6 +31,7 @@
   <script src="https://cdn.jsdelivr.net/npm/@3cr/viewer-browser@{{version}}/dist/Viewer3CR.umd.js"> </script>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
   <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
+  <script src="https://cdn.jsdelivr.net/npm/@statsig/js-client@latest/build/statsig-js-client+session-replay+web-analytics.min.js"></script>
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>3CR Viewer Playground</title>
 
@@ -40,9 +41,27 @@
   <div id="app"></div>
   <script type="module">
 
-    window.registerViewer('1.0.0').then(() => {
-      window.loadViewer().then()
-    })
+    const { StatsigClient, runStatsigAutoCapture, runStatsigSessionReplay } = window.Statsig;
+    const client = new StatsigClient(
+        "client-YaAjxOTTRbuSN3peDAwXEzErieXpI744a3OHDgonzvV",
+        { userID: undefined },
+    );
+    runStatsigAutoCapture(client);
+    window.playgroundStatsigClient = client
+    runStatsigSessionReplay(client);
+
+    const dynamicConfig = window.playgroundStatsigClient.getDynamicConfig("3cr_viewer_version");
+    const version = dynamicConfig.value["sdkVersion"] ?? "1.0.0";
+
+
+    client.initializeAsync().initialize(
+        "client-YaAjxOTTRbuSN3peDAwXEzErieXpI744a3OHDgonzvV",
+    ).then(() => {
+      window.registerViewer(version).then(() => {
+        window.loadViewer().then()
+      })
+    }).catch((err) => console.error(err));
+
   </script>
 </body>
 

package/src/demo/options.ts

@@ -71,6 +71,7 @@ export const demoLicenceOptions: LoadViewerOptions = {
     // m_demo.value = true;
   },
   OnScreenshot: undefined,
+  OnErrorClose: () => Promise.resolve(),
 };
 
 export const demoPatientOptions: LoadViewerOptions = {
@@ -132,6 +133,7 @@ export const demoPatientOptions: LoadViewerOptions = {
     // m_demoPatient.value = true;
   },
   OnScreenshot: undefined,
+  OnErrorClose: () => Promise.resolve(),
 };
 
 const optionalTypes = ["licence", "patient"];

package/src/models/LoadViewerOptions.ts

@@ -11,6 +11,7 @@ export interface LoadViewerOptions {
   OnSaveSession?: ViewerCallback | ViewerAsyncCallback | undefined;
   OnClosePopup?: ViewerCallback | ViewerAsyncCallback | undefined;
   OnExitViewer?: ViewerCallback | ViewerAsyncCallback | undefined;
+  OnErrorClose?: ViewerCallback | ViewerAsyncCallback | undefined;
 }
 
 export const defaultLoadViewerOptions: LoadViewerOptions = {
@@ -24,4 +25,5 @@ export const defaultLoadViewerOptions: LoadViewerOptions = {
   OnShareToMobile: () => Promise.resolve(),
   OnShare: () => Promise.resolve(),
   OnScreenshot: () => Promise.resolve(),
+  OnErrorClose: () => Promise.resolve(),
 };