@3cr/viewer-browser 0.0.126 → 0.0.130

package/index.ts

@@ -8,9 +8,19 @@ import {
 } from "@/models/LoadViewerOptions";
 import { LoadViewerPayload } from "@/models/LoadViewerPayload";
 import { disableTheme } from "@/plugins/vuetify";
+import { injectedStyleId } from "./config";
 
 let mountedApp: ComponentPublicInstance | undefined = undefined;
 
+let modalId = `__${uuidv4()}__`;
+function uuidv4() {
+  return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (c) =>
+    (
+      +c ^
+      (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (+c / 4)))
+    ).toString(16)
+  );
+}
 export async function registerViewer(
   version: string,
   options = {
@@ -21,7 +31,7 @@ export async function registerViewer(
 
   newElement.style.width = "0";
   newElement.style.height = "0";
-  // newElement.style.all = "initial";
+  newElement.id = modalId;
 
   document.body.appendChild(newElement);
 
@@ -47,3 +57,11 @@ export async function loadViewer(
   }
   await (mountedApp as any).loadInstance(payload, options);
 }
+
+export async function ejectViewer() {
+  const modal = document.getElementById(modalId);
+  const styleSheet = document.getElementById(injectedStyleId);
+
+  modal?.remove();
+  styleSheet?.remove();
+}

package/package.json

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

package/vite.config.mts

@@ -7,8 +7,8 @@ import ViteFonts from 'unplugin-fonts/vite'
 // Utilities
 import { defineConfig } from 'vite'
 import { fileURLToPath, URL } from 'node:url'
-import {resolve} from "node:dns";
 import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
+import {injectedStyleId} from "./config";
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -19,7 +19,7 @@ export default defineConfig({
     // https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin#readme
     Vuetify(),
     Components(),
-    cssInjectedByJsPlugin(),
+    cssInjectedByJsPlugin({styleId: injectedStyleId}),
     ViteFonts({
       google: {
         families: [{