@3cr/viewer-browser 0.0.200 → 0.0.246

package/test/fakers/data-overlay-polygon.faker.ts

@@ -0,0 +1,39 @@
+import { DataOverlayPolygon, DataOverlayPolygonRaw } from '@/types/data-overlay-polygon';
+import { faker } from '@faker-js/faker';
+import { Vector3Faker } from '@test/fakers/vector3.faker';
+import { InvertTransformFaker } from '@test/fakers/invert-transform.faker';
+import { CallToActionFaker } from '@test/fakers/call-to-action.faker';
+
+export class DataOverlayPolygonFaker {
+  static random(): DataOverlayPolygon {
+    return {
+      ...DataOverlayPolygonFaker.randomBase(),
+      CallToAction: CallToActionFaker.random()
+    };
+  }
+
+  static randomRaw(): DataOverlayPolygonRaw {
+    return {
+      ...DataOverlayPolygonFaker.randomBase(),
+      CallToAction: JSON.stringify(CallToActionFaker.randomRaw())
+    };
+  }
+
+  private static randomBase() {
+    return {
+      Version: faker.system.semver(),
+      Id: faker.string.uuid(),
+      Title: faker.lorem.word(),
+      Description: faker.lorem.word(),
+      Points: faker.helpers.multiple(Vector3Faker.random, { count: 5 }),
+      Inverted: InvertTransformFaker.random(),
+      Visibility2d: faker.datatype.boolean(),
+      Visibility3d: faker.datatype.boolean(),
+      Area: faker.number.float(),
+      Perimeter: faker.number.float(),
+      AverageHU: faker.number.float(),
+      LowestHU: faker.number.float(),
+      HighestHU: faker.number.float()
+    };
+  }
+}

package/test/fakers/gpt-question.faker.ts

@@ -0,0 +1,11 @@
+import { faker } from '@faker-js/faker';
+import { GptQuestion } from '@/types/gpt-question';
+
+export class GptQuestionFaker {
+  static random(): GptQuestion {
+    return {
+      Question: faker.lorem.text(),
+      ApiPreFilledRequestKey: faker.number.int()
+    };
+  }
+}

package/test/fakers/gpt-response.faker.ts

@@ -0,0 +1,12 @@
+import { faker } from '@faker-js/faker';
+import { GptQuestionFaker } from '@test/fakers/gpt-question.faker';
+import { GptResponsePayload } from '@/types/gpt-response-payload';
+
+export class GptResponseFaker {
+  static random(): GptResponsePayload {
+    return {
+      GptResponse: faker.lorem.paragraph(),
+      FollowupQuestions: faker.helpers.multiple(GptQuestionFaker.random, { count: 3 })
+    };
+  }
+}

package/test/fakers/invert-transform.faker.ts

@@ -0,0 +1,16 @@
+import { InvertTransformData } from '@3cr/types-ts';
+import { faker } from '@faker-js/faker';
+
+/**
+ * Create fake InvertTransformData objects.
+ */
+export class InvertTransformFaker {
+  static random(): InvertTransformData {
+    return {
+      Version: faker.system.semver(),
+      InvertedCoronal: faker.datatype.boolean(),
+      InvertedSagittal: faker.datatype.boolean(),
+      InvertedTransverse: faker.datatype.boolean()
+    };
+  }
+}

package/test/fakers/mcad-object-interaction.faker.ts

@@ -0,0 +1,22 @@
+import { faker } from '@faker-js/faker';
+import { McadObjectInteraction, McadObjectInteractionRaw } from '@/types/mcad-object-interaction';
+import { DataOverlayMcadFaker } from '@test/fakers/data-overlay-mcad.faker';
+import { Interactiontype } from '@3cr/types-ts';
+
+export class McadObjectInteractionFaker {
+  static random(interaction: Interactiontype): McadObjectInteraction {
+    return {
+      Version: faker.system.semver(),
+      Mcad: DataOverlayMcadFaker.random(),
+      Interaction: interaction
+    };
+  }
+
+  static randomRaw(interaction: Interactiontype): McadObjectInteractionRaw {
+    return {
+      Version: faker.system.semver(),
+      Mcad: DataOverlayMcadFaker.randomRaw(),
+      Interaction: interaction
+    };
+  }
+}

package/test/fakers/orientation.faker.ts

@@ -0,0 +1,17 @@
+import { OrientationSetting } from '@3cr/types-ts/types/OrientationSetting';
+import { faker } from '@faker-js/faker';
+import { Orientation } from '@3cr/types-ts';
+import { Vector3Faker } from '@test/fakers/vector3.faker';
+
+export class OrientationFaker {
+  static random(): OrientationSetting {
+    return {
+      Version: faker.system.semver(),
+      Modifiers: faker.helpers.enumValue(Orientation),
+      ReferencePoint: Vector3Faker.random(),
+      Position: Vector3Faker.random(),
+      Rotation: Vector3Faker.random(),
+      Scale: Vector3Faker.random()
+    };
+  }
+}

package/test/fakers/segment-angle.faker.ts

@@ -0,0 +1,12 @@
+import { SegmentAngle } from '@/types/segment-angle';
+import { faker } from '@faker-js/faker';
+
+export class SegmentAngleFaker {
+  static random(): SegmentAngle {
+    return {
+      Version: faker.system.semver(),
+      Acute: faker.number.float(),
+      Reflex: faker.number.float()
+    };
+  }
+}

package/test/fakers/vector2.faker.ts

@@ -0,0 +1,12 @@
+import { faker } from '@faker-js/faker';
+import { Vector2Data } from '@3cr/types-ts';
+
+export class Vector2Faker {
+  static random(): Vector2Data {
+    return {
+      Version: faker.system.semver(),
+      X: faker.number.float(),
+      Y: faker.number.float()
+    };
+  }
+}

package/test/fakers/vector3.faker.ts

@@ -0,0 +1,16 @@
+import { Vector3Data } from '@3cr/types-ts';
+import { faker } from '@faker-js/faker';
+
+/**
+ * Create fake Vector3Data objects.
+ */
+export class Vector3Faker {
+  static random(): Vector3Data {
+    return {
+      Version: faker.system.semver(),
+      X: faker.number.float(),
+      Y: faker.number.float(),
+      Z: faker.number.float()
+    };
+  }
+}

package/test/plugins/findByTestId.ts

@@ -0,0 +1,25 @@
+import { config, DOMWrapper, VueWrapper } from '@vue/test-utils';
+import { ComponentOptions } from 'vue';
+
+declare module '@vue/test-utils' {
+  interface VueWrapper {
+    findByTestId(selector: string): DOMWrapper<HTMLElement>;
+    findComponentByTestId<T extends ComponentOptions>(selector: string): VueWrapper<T>;
+  }
+}
+
+const findByTestIdPlugin = (wrapper: VueWrapper<unknown>) => {
+  function findByTestId(selector: string): DOMWrapper<HTMLElement> {
+    const testId = `[data-testid="${selector}"]`;
+    return wrapper.find(testId);
+  }
+
+  function findComponentByTestId<T extends ComponentOptions>(selector: string) {
+    const testId = `[data-testid="${selector}"]`;
+    return wrapper.findComponent<T>(testId);
+  }
+
+  return { findByTestId, findComponentByTestId };
+};
+
+config.plugins.VueWrapper.install(findByTestIdPlugin);

package/test/plugins/vuetify.ts

@@ -0,0 +1,16 @@
+import { config } from '@vue/test-utils';
+import { createVuetify } from 'vuetify';
+import * as components from 'vuetify/components';
+import * as directives from 'vuetify/directives';
+import { VTreeview, VTreeviewItem } from 'vuetify/labs/components';
+
+config.global.plugins.push(
+  createVuetify({
+    components: {
+      ...components,
+      VTreeview,
+      VTreeviewItem
+    },
+    directives
+  })
+);

package/test/setup.ts

@@ -1,14 +1,25 @@
-import {vi} from "vitest";
+import '@test/plugins/findByTestId';
+import '@test/plugins/vuetify';
 
-global.ResizeObserver = require("resize-observer-polyfill");
+global.ResizeObserver = require('resize-observer-polyfill');
 
-vi.mock("@3cr/sdk-browser", async (importOriginal) => {
-  const mod = (await importOriginal()) as object;
+vi.mock('@3cr/sdk-browser', async (importOriginal) => {
+  const mod = await importOriginal<typeof import('@3cr/sdk-browser')>();
   return {
     ...mod,
     registerVersion: vi.fn(),
     createInstance: vi.fn(),
     executePayload: vi.fn(),
-    registerOnPayloadHandler: vi.fn(),
+    registerOnPayloadHandler: vi.fn()
+  };
+});
+
+vi.mock('@kyvg/vue3-notification', async (importOriginal) => {
+  const mod = await importOriginal<typeof import('@kyvg/vue3-notification')>();
+  return {
+    ...mod,
+    useNotification: vi.fn().mockReturnValue({
+      notify: vi.fn()
+    })
   };
 });

package/tsconfig.json

@@ -2,22 +2,16 @@
   "compilerOptions": {
     "target": "ESNext",
     "jsx": "preserve",
-    "lib": ["esnext.intl", "ESNext","es2017.object", "es6", "dom", "dom.iterable", "es2015.promise", "es2015.core"],
-    "types": [
-
-    ],
-    "typeRoots": ["./node_modules/vuetify/types"],
-
+    "lib": ["esnext", "esnext.intl", "dom", "dom.iterable"],
+    "types": ["vitest/globals"],
     "baseUrl": ".",
     "module": "ESNext",
     "moduleResolution": "node",
     "paths": {
-      "@3cr/types-ts": ["static/3cr-types-browser"],
       "@/*": ["src/*"],
-      "~/*": ["test/*"]
+      "@test/*": ["test/*"]
     },
     "resolveJsonModule": true,
-
     "allowJs": true,
     "strict": true,
     "strictNullChecks": true,
@@ -27,12 +21,7 @@
     "isolatedModules": false,
     "skipLibCheck": true
   },
-  "include": [
-    "./src/typed-router.d.ts",
-    "**/*.ts",
-    "**/*.spec.ts",
-    "**/*.vue",
-  ],
+  "include": ["**/*.ts", "**/*.vue"],
   "exclude": ["dist", "node_modules", "cypress"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

package/vite.config.mts

@@ -1,25 +1,22 @@
-// Plugins
-import Components from 'unplugin-vue-components/vite'
-import Vue from '@vitejs/plugin-vue'
-import Vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
-import ViteFonts from 'unplugin-fonts/vite'
+import Components from 'unplugin-vue-components/vite';
+import Vue from '@vitejs/plugin-vue';
+import Vuetify, { transformAssetUrls } from 'vite-plugin-vuetify';
+import ViteFonts from 'unplugin-fonts/vite';
+import { defineConfig } from 'vite';
+import { fileURLToPath, URL } from 'node:url';
+import { injectedStyleId } from './src/config';
+import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
 
-// Utilities
-import { defineConfig } from 'vite'
-import { fileURLToPath, URL } from 'node:url'
-import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
-import {injectedStyleId} from "./config";
-
-// https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     Vue({
       template: { transformAssetUrls },
     }),
-    // https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin#readme
     Vuetify(),
     Components(),
-    cssInjectedByJsPlugin({styleId: injectedStyleId}),
+    cssInjectedByJsPlugin({
+      styleId: injectedStyleId
+    }),
     ViteFonts({
       google: {
         families: [{
@@ -32,28 +29,15 @@ export default defineConfig({
   define: { 'process.env': {} },
   build: {
     target: 'esnext',
-    lib: { // tell the build process to treat this project as library
-      entry: './index.ts',
+    lib: {
+      entry: 'src/main.ts',
       name: 'Viewer3CR',
-      fileName: "Viewer3CR",
+      fileName: 'Viewer3CR',
       formats: ['cjs', 'es', 'umd'],
     },
     rollupOptions: {
-      // make sure to externalize deps that shouldn't be bundled
-      // into your library
-      external: [
-        // "vue",
-        // "vuetify",
-        // "vite/client",
-        // "vite-plugin-vue-layouts/client",
-        // "unplugin-vue-router/client"
-      ],
       output: {
-        // Provide global variables to use in the UMD build
-        // for externalized deps
-        globals: {
-          vue: 'Vue',
-        },
+        globals: { vue: 'Vue' },
         footer: `
 if (globalThis.Viewer3CR) {    
   for (const key of Object.keys(globalThis.Viewer3CR)) {
@@ -63,25 +47,15 @@ if (globalThis.Viewer3CR) {
 `
       },
     },
-
   },
   resolve: {
-    alias: {
-      '@3cr/types-ts': fileURLToPath(new URL('./static/3cr-types-browser', import.meta.url)),
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-      '~': fileURLToPath(new URL('./test', import.meta.url)),
-    },
-    extensions: [
-      '.js',
-      '.json',
-      '.jsx',
-      '.mjs',
-      '.ts',
-      '.tsx',
-      '.vue',
+    alias: [
+      { find: '@test', replacement: fileURLToPath(new URL('./test', import.meta.url)) },
+      { find: '@', replacement: fileURLToPath(new URL('./src', import.meta.url)) }
     ],
+    extensions: ['.js', '.json', '.jsx', '.mjs', '.ts', '.tsx', '.vue'],
   },
   server: {
     port: 3000,
   },
-})
+});

package/vitest.config.mts

@@ -1,45 +1,26 @@
-/// <reference types="vitest" />
-// vitest.config.ts
-import {defineConfig, mergeConfig} from 'vite'
-import viteConfig from "./vite.config.mjs";
+import { defineConfig, mergeConfig } from 'vite';
+import viteConfig from './vite.config.mjs';
 
-export default mergeConfig(viteConfig, defineConfig({
-  test: {
-    globals: true,
-    environment: 'jsdom',
-    server: {
-      deps: {
-        inline: ['vuetify'],
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    test: {
+      globals: true,
+      environment: 'jsdom',
+      server: {
+        deps: {
+          inline: ['vuetify']
+        }
       },
-    },
-    exclude: ['node_modules/**'],
-    include: ['**/*.spec.ts'],
-    setupFiles: ['/test/setup.ts'],
-    coverage: {
-      provider: 'v8', // or 'v8',
-      enabled: true,
-      reporter: ['html'],
-      include: ['src/**/*', 'index.ts'],
-      exclude: [
-        'src/demo/**',
-        'coverage/**',
-        'dist/**',
-        'scripts/**',
-        '**/[.]**',
-        'packages/*/test?(s)/**',
-        '**/*.d.ts',
-        '**/virtual:*',
-        '**/__x00__*',
-        '**/\x00*',
-        'cypress/**',
-        'test?(s)/**',
-        'test?(-*).?(c|m)[jt]s?(x)',
-        '**/*{.,-}{test,spec}.?(c|m)[jt]s?(x)',
-        '**/__tests__/**',
-        '**/{karma,rollup,webpack,vite,vitest,jest,ava,babel,nyc,cypress,tsup,build}.config.*',
-        '**/vitest.{workspace,projects}.[jt]s?(on)',
-        '**/.{eslint,mocha,prettier}rc.{?(c|m)js,yml}',
-      ],
-    },
-  },
-}))
+      include: ['src/**/*.spec.ts'],
+      setupFiles: ['test/setup.ts'],
+      coverage: {
+        provider: 'istanbul',
+        enabled: true,
+        reporter: ['html'],
+        include: ['src/**/*.{ts,vue}', 'test/**/*.{ts}'],
+        exclude: ['src/**/*.spec.ts']
+      }
+    }
+  })
+);

package/index.ts

@@ -1,72 +0,0 @@
-import { registerVersion } from "@3cr/sdk-browser";
-import { ComponentPublicInstance, createApp } from "vue";
-import { registerPlugins } from "@/plugins";
-import { App as BrowserViewer } from "./src/main";
-import {
-  defaultLoadViewerOptions,
-  LoadViewerOptions,
-} from "@/models/LoadViewerOptions";
-import { LoadViewerPayload } from "@/models/LoadViewerPayload";
-import { disableTheme } from "@/plugins/vuetify";
-import { injectedStyleId } from "./config";
-
-let mountedApp: ComponentPublicInstance | undefined = undefined;
-
-let modalId = `__modal_set__`;
-// 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 = {
-    disableTheme: false,
-  }
-) {
-  const newElement = document.createElement("div");
-
-  newElement.style.width = "0";
-  newElement.style.height = "0";
-  newElement.id = modalId;
-
-  document.body.appendChild(newElement);
-
-  const app = createApp(BrowserViewer);
-  if (options.disableTheme) {
-    disableTheme.value = true;
-  }
-
-  registerPlugins(app);
-
-  mountedApp = app.mount(newElement);
-
-  await registerVersion(version);
-}
-
-export async function loadViewer(
-  payload: LoadViewerPayload | undefined = undefined,
-  options: LoadViewerOptions = defaultLoadViewerOptions
-): Promise<void> {
-  if (!mountedApp) {
-    throw new Error("Please call `registerViewer(version: string)` first");
-  }
-  await (mountedApp as any).loadInstance(payload, options);
-}
-
-export async function loadSession(url: string): Promise<void> {
-  if (!mountedApp) {
-    throw new Error("Please call `registerViewer(version: string)` first");
-  }
-  await (mountedApp as any).loadSession(url);
-}
-
-export async function ejectViewer() {
-  const modal = document.getElementById(modalId);
-  const styleSheet = document.getElementById(injectedStyleId);
-  modal?.remove();
-  styleSheet?.remove();
-}

package/src/assets/images/dark/3dicom-logo.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 150 46" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path fill="#FFFFFF" d="M13.982,11.87c-0,-2.007 -0.331,-3.363 -0.992,-4.068c-0.662,-0.704 -1.547,-1.056 -2.656,-1.056c-1.109,-0 -1.994,0.331 -2.656,0.992c-0.661,0.662 -0.991,1.804 -0.991,3.427l-0,2.882l-6.655,0l-0,-2.434c-0,-3.629 0.885,-6.415 2.655,-8.358c1.771,-1.943 4.384,-2.914 7.839,-2.914c3.456,-0 6.068,0.971 7.839,2.914c1.77,1.943 2.655,4.729 2.655,8.358l0,1.153c0,4.782 -1.642,7.857 -4.927,9.223c1.792,0.769 3.061,1.954 3.808,3.555c0.746,1.601 1.119,3.554 1.119,5.86l0,3.523c0,3.629 -0.885,6.415 -2.655,8.358c-1.771,1.943 -4.383,2.914 -7.839,2.914c-3.455,0 -6.068,-0.971 -7.839,-2.914c-1.77,-1.943 -2.655,-4.729 -2.655,-8.358l-0,-3.715l6.655,0l-0,4.163c-0,1.623 0.33,2.765 0.991,3.427c0.662,0.662 1.547,0.992 2.656,0.992c1.109,0 1.994,-0.341 2.656,-1.024c0.661,-0.683 0.992,-2.028 0.992,-4.035l-0,-3.523c-0,-2.092 -0.363,-3.565 -1.088,-4.419c-0.726,-0.854 -1.899,-1.281 -3.52,-1.281l-2.367,-0l-0,-6.405l2.751,-0c1.323,-0 2.357,-0.342 3.104,-1.025c0.746,-0.683 1.12,-1.921 1.12,-3.715l-0,-2.497Z" style="fill-rule:nonzero;"></path><path fill="#FFFFFF" d="M27.036,0.853l11.134,0c3.541,0 6.175,0.94 7.903,2.818c1.727,1.879 2.591,4.633 2.591,8.263l0,22.673c0,3.629 -0.864,6.383 -2.591,8.262c-1.728,1.879 -4.362,2.818 -7.903,2.818l-11.134,-0l-0,-44.834Zm7.038,6.405l0,32.024l3.968,0c1.109,0 1.984,-0.32 2.623,-0.961c0.64,-0.64 0.96,-1.772 0.96,-3.394l0,-23.314c0,-1.622 -0.32,-2.754 -0.96,-3.394c-0.639,-0.641 -1.514,-0.961 -2.623,-0.961l-3.968,0Z" style="fill-rule:nonzero;"></path><rect fill="#FFFFFF" x="54.423" y="0.853" width="7.039" height="44.834" style="fill-rule:nonzero;"></rect><path fill="#FFFFFF" d="M88.274,28.97l0,5.957c0,3.629 -0.885,6.415 -2.655,8.358c-1.771,1.943 -4.384,2.914 -7.839,2.914c-3.456,0 -6.069,-0.971 -7.839,-2.914c-1.77,-1.943 -2.656,-4.729 -2.656,-8.358l0,-23.314c0,-3.629 0.886,-6.415 2.656,-8.358c1.77,-1.943 4.383,-2.914 7.839,-2.914c3.455,-0 6.068,0.971 7.839,2.914c1.77,1.943 2.655,4.729 2.655,8.358l0,4.356l-6.655,-0l0,-4.804c0,-1.623 -0.33,-2.765 -0.992,-3.427c-0.661,-0.661 -1.546,-0.992 -2.655,-0.992c-1.109,-0 -1.995,0.331 -2.656,0.992c-0.661,0.662 -0.992,1.804 -0.992,3.427l0,24.21c0,1.623 0.331,2.754 0.992,3.395c0.661,0.64 1.547,0.96 2.656,0.96c1.109,0 1.994,-0.32 2.655,-0.96c0.662,-0.641 0.992,-1.772 0.992,-3.395l0,-6.405l6.655,0Z" style="fill-rule:nonzero;"></path><path fill="#FFFFFF" d="M100.304,35.375c0,1.623 0.331,2.765 0.992,3.427c0.661,0.662 1.547,0.992 2.656,0.992c1.109,0 1.994,-0.33 2.655,-0.992c0.662,-0.662 0.992,-1.804 0.992,-3.427l0,-24.21c0,-1.623 -0.33,-2.765 -0.992,-3.427c-0.661,-0.661 -1.546,-0.992 -2.655,-0.992c-1.109,-0 -1.995,0.331 -2.656,0.992c-0.661,0.662 -0.992,1.804 -0.992,3.427l0,24.21Zm-7.039,-23.762c0,-3.629 0.918,-6.415 2.752,-8.358c1.834,-1.943 4.479,-2.914 7.935,-2.914c3.455,-0 6.1,0.971 7.935,2.914c1.834,1.943 2.751,4.729 2.751,8.358l0,23.314c0,3.629 -0.917,6.415 -2.751,8.358c-1.835,1.943 -4.48,2.914 -7.935,2.914c-3.456,0 -6.101,-0.971 -7.935,-2.914c-1.834,-1.943 -2.752,-4.729 -2.752,-8.358l0,-23.314Z" style="fill-rule:nonzero;"></path><path fill="#FFFFFF" d="M135.371,32.685l4.799,-31.832l9.791,0l-0,44.834l-6.655,-0l-0,-32.152l-4.863,32.152l-6.655,-0l-5.248,-31.704l0,31.704l-6.143,-0l0,-44.834l9.791,0l5.183,31.832Z" style="fill-rule:nonzero;"></path></svg>

package/src/assets/images/light/3dicom-logo.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 150 46" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M13.982,11.87c-0,-2.007 -0.331,-3.363 -0.992,-4.068c-0.662,-0.704 -1.547,-1.056 -2.656,-1.056c-1.109,-0 -1.994,0.331 -2.656,0.992c-0.661,0.662 -0.991,1.804 -0.991,3.427l-0,2.882l-6.655,0l-0,-2.434c-0,-3.629 0.885,-6.415 2.655,-8.358c1.771,-1.943 4.384,-2.914 7.839,-2.914c3.456,-0 6.068,0.971 7.839,2.914c1.77,1.943 2.655,4.729 2.655,8.358l0,1.153c0,4.782 -1.642,7.857 -4.927,9.223c1.792,0.769 3.061,1.954 3.808,3.555c0.746,1.601 1.119,3.554 1.119,5.86l0,3.523c0,3.629 -0.885,6.415 -2.655,8.358c-1.771,1.943 -4.383,2.914 -7.839,2.914c-3.455,0 -6.068,-0.971 -7.839,-2.914c-1.77,-1.943 -2.655,-4.729 -2.655,-8.358l-0,-3.715l6.655,0l-0,4.163c-0,1.623 0.33,2.765 0.991,3.427c0.662,0.662 1.547,0.992 2.656,0.992c1.109,0 1.994,-0.341 2.656,-1.024c0.661,-0.683 0.992,-2.028 0.992,-4.035l-0,-3.523c-0,-2.092 -0.363,-3.565 -1.088,-4.419c-0.726,-0.854 -1.899,-1.281 -3.52,-1.281l-2.367,-0l-0,-6.405l2.751,-0c1.323,-0 2.357,-0.342 3.104,-1.025c0.746,-0.683 1.12,-1.921 1.12,-3.715l-0,-2.497Z" style="fill-rule:nonzero;"></path><path d="M27.036,0.853l11.134,0c3.541,0 6.175,0.94 7.903,2.818c1.727,1.879 2.591,4.633 2.591,8.263l0,22.673c0,3.629 -0.864,6.383 -2.591,8.262c-1.728,1.879 -4.362,2.818 -7.903,2.818l-11.134,-0l-0,-44.834Zm7.038,6.405l0,32.024l3.968,0c1.109,0 1.984,-0.32 2.623,-0.961c0.64,-0.64 0.96,-1.772 0.96,-3.394l0,-23.314c0,-1.622 -0.32,-2.754 -0.96,-3.394c-0.639,-0.641 -1.514,-0.961 -2.623,-0.961l-3.968,0Z" style="fill-rule:nonzero;"></path><rect x="54.423" y="0.853" width="7.039" height="44.834" style="fill-rule:nonzero;"></rect><path d="M88.274,28.97l0,5.957c0,3.629 -0.885,6.415 -2.655,8.358c-1.771,1.943 -4.384,2.914 -7.839,2.914c-3.456,0 -6.069,-0.971 -7.839,-2.914c-1.77,-1.943 -2.656,-4.729 -2.656,-8.358l0,-23.314c0,-3.629 0.886,-6.415 2.656,-8.358c1.77,-1.943 4.383,-2.914 7.839,-2.914c3.455,-0 6.068,0.971 7.839,2.914c1.77,1.943 2.655,4.729 2.655,8.358l0,4.356l-6.655,-0l0,-4.804c0,-1.623 -0.33,-2.765 -0.992,-3.427c-0.661,-0.661 -1.546,-0.992 -2.655,-0.992c-1.109,-0 -1.995,0.331 -2.656,0.992c-0.661,0.662 -0.992,1.804 -0.992,3.427l0,24.21c0,1.623 0.331,2.754 0.992,3.395c0.661,0.64 1.547,0.96 2.656,0.96c1.109,0 1.994,-0.32 2.655,-0.96c0.662,-0.641 0.992,-1.772 0.992,-3.395l0,-6.405l6.655,0Z" style="fill-rule:nonzero;"></path><path d="M100.304,35.375c0,1.623 0.331,2.765 0.992,3.427c0.661,0.662 1.547,0.992 2.656,0.992c1.109,0 1.994,-0.33 2.655,-0.992c0.662,-0.662 0.992,-1.804 0.992,-3.427l0,-24.21c0,-1.623 -0.33,-2.765 -0.992,-3.427c-0.661,-0.661 -1.546,-0.992 -2.655,-0.992c-1.109,-0 -1.995,0.331 -2.656,0.992c-0.661,0.662 -0.992,1.804 -0.992,3.427l0,24.21Zm-7.039,-23.762c0,-3.629 0.918,-6.415 2.752,-8.358c1.834,-1.943 4.479,-2.914 7.935,-2.914c3.455,-0 6.1,0.971 7.935,2.914c1.834,1.943 2.751,4.729 2.751,8.358l0,23.314c0,3.629 -0.917,6.415 -2.751,8.358c-1.835,1.943 -4.48,2.914 -7.935,2.914c-3.456,0 -6.101,-0.971 -7.935,-2.914c-1.834,-1.943 -2.752,-4.729 -2.752,-8.358l0,-23.314Z" style="fill-rule:nonzero;"></path><path d="M135.371,32.685l4.799,-31.832l9.791,0l-0,44.834l-6.655,-0l-0,-32.152l-4.863,32.152l-6.655,-0l-5.248,-31.704l0,31.704l-6.143,-0l0,-44.834l9.791,0l5.183,31.832Z" style="fill-rule:nonzero;"></path></svg> 

package/src/assets/logo.svg

@@ -1,6 +0,0 @@
-<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M261.126 140.65L164.624 307.732L256.001 466L377.028 256.5L498.001 47H315.192L261.126 140.65Z" fill="#1697F6"/>
-<path d="M135.027 256.5L141.365 267.518L231.64 111.178L268.731 47H256H14L135.027 256.5Z" fill="#AEDDFF"/>
-<path d="M315.191 47C360.935 197.446 256 466 256 466L164.624 307.732L315.191 47Z" fill="#1867C0"/>
-<path d="M268.731 47C76.0026 47 141.366 267.518 141.366 267.518L268.731 47Z" fill="#7BC6FF"/>
-</svg>

package/src/components/WebGL3DR.vue

@@ -1,102 +0,0 @@
-<template>
-  <div id="webgl-container">
-    <canvas
-      id="canvas"
-      ref="canvas"
-      width="100%"
-      height="100%"
-      tabindex="-1"
-    >
-    </canvas>
-    <div id="overlay" ref="overlay">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, ref } from "vue";
-import { useViewer3cr } from '@/dataLayer/useViewer3cr';
-
-const viewer3cr = useViewer3cr();
-const canvas = ref<HTMLCanvasElement>();
-const overlay = ref<HTMLDivElement>();
-
-const emit = defineEmits<{
-  instance_loaded: [void];
-}>();
-
-onMounted(async () => {
-  if (!canvas.value || !overlay.value) {
-    throw new Error('One or more canvases failed to load');
-  }
-
-  /* c8 ignore start */
-  if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
-    // Mobile device style: fill the whole browser client area with the game canvas:
-    const meta = document.createElement("meta");
-    meta.name = "viewport";
-    meta.content = "width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, shrink-to-fit=yes";
-    document.getElementsByTagName("head")[0].appendChild(meta);
-  }
-
-  if (navigator.storage && navigator.storage.estimate) {
-    const quota = await navigator.storage.estimate();
-    if (quota) {
-      const percentageUsed = (quota.usage! / quota.quota!) * 100;
-      console.log(`You've used ${percentageUsed}% of the available storage.`);
-      const remaining = quota.quota! - quota.usage!;
-      console.log(`You can write up to ${remaining} more bytes.`);
-    }
-  }
-  /* c8 ignore stop */
-
-  // Overlay scroll events to the container instance
-  /* c8 ignore start */
-  function injectEventListener(type: keyof HTMLElementEventMap) {
-    overlay.value!.addEventListener(type, (e: Event) => {
-      e.preventDefault();
-      canvas.value!.dispatchEvent(new MouseEvent(type, e));
-    });
-  }
-
-  overlay.value!.addEventListener("wheel", (e: WheelEvent) => {
-    e.preventDefault();
-    canvas.value!.dispatchEvent(new WheelEvent(e.type, e));
-  });
-
-  injectEventListener('click');
-  injectEventListener('dblclick');
-  injectEventListener('auxclick');
-  injectEventListener('mousedown');
-  injectEventListener('mousemove');
-  injectEventListener('mouseup');
-  injectEventListener('mouseout');
-  injectEventListener('mouseover');
-  injectEventListener('mouseenter');
-  injectEventListener('mouseleave');
-  injectEventListener('contextmenu');
-
-  await viewer3cr.register(canvas.value);
-  emit("instance_loaded");
-
-  /* c8 ignore stop */
-});
-
-defineExpose({ canvas });
-</script>
-
-<style scoped lang="scss">
-#webgl-container {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-
-#canvas, #overlay {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-}
-</style>