@3cr/viewer-browser 0.0.200 → 0.0.246

package/src/helpers/__tests__/layout-overlay-style.spec.ts

@@ -1,290 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { generateDivStyleForLayout } from "@/helpers/layoutOverlayStyle";
-import { AnchorPoint, ScanView } from "@3cr/types-ts";
-import { flushPromises } from "@vue/test-utils";
-import { spyOn } from "@vitest/spy";
-
-describe("generateDivStyleForLayout", () => {
-  const canvas = { clientWidth: 0, clientHeight: 0 } as HTMLCanvasElement;
-
-  it("should generateDivStyleForLayout AnchorPoint.TOP", () => {
-    expect(
-      generateDivStyleForLayout({
-        Anchor: AnchorPoint.TOP,
-        ActiveView: true,
-        AspectRatio: 0,
-        MaxSize: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        DefaultView: ScanView.Coronal,
-        Priority: 1,
-        Offset: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        Version: "1.0.0",
-      }, canvas)
-    ).toStrictEqual({
-      height: "calc(100% - 0px)",
-      left: "50%",
-      top: "0px",
-      transform: "translateX(-50%)",
-      width: "calc(100% - 0px)",
-    });
-  });
-
-  it("should generateDivStyleForLayout AnchorPoint.BOTTOM", () => {
-    expect(
-      generateDivStyleForLayout({
-        Anchor: AnchorPoint.BOTTOM,
-        ActiveView: true,
-        AspectRatio: 0,
-        MaxSize: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        DefaultView: ScanView.Coronal,
-        Priority: 1,
-        Offset: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        Version: "1.0.0",
-      }, canvas)
-    ).toStrictEqual({
-      height: "calc(100% - 0px)",
-      left: "50%",
-      bottom: "0px",
-      transform: "translateX(-50%)",
-      width: "calc(100% - 0px)",
-    });
-  });
-
-  it("should generateDivStyleForLayout AnchorPoint.LEFT", () => {
-    expect(
-      generateDivStyleForLayout({
-        Anchor: AnchorPoint.LEFT,
-        ActiveView: true,
-        AspectRatio: 0,
-        MaxSize: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        DefaultView: ScanView.Coronal,
-        Priority: 1,
-        Offset: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        Version: "1.0.0",
-      }, canvas)
-    ).toStrictEqual({
-      height: "calc(100% - 0px)",
-      left: "0px",
-      top: "50%",
-      transform: "translateY(-50%)",
-      width: "calc(100% - 0px)",
-    });
-  });
-
-  it("should generateDivStyleForLayout AnchorPoint.RIGHT", () => {
-    expect(
-      generateDivStyleForLayout({
-        Anchor: AnchorPoint.RIGHT,
-        ActiveView: true,
-        AspectRatio: 0,
-        MaxSize: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        DefaultView: ScanView.Coronal,
-        Priority: 1,
-        Offset: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        Version: "1.0.0",
-      }, canvas)
-    ).toStrictEqual({
-      height: "calc(100% - 0px)",
-      right: "0px",
-      top: "50%",
-      transform: "translateY(-50%)",
-      width: "calc(100% - 0px)",
-    });
-  });
-
-  it("should generateDivStyleForLayout AnchorPoint.TOP_LEFT", () => {
-    expect(
-      generateDivStyleForLayout({
-        Anchor: AnchorPoint.TOP_LEFT,
-        ActiveView: true,
-        AspectRatio: 0,
-        MaxSize: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        DefaultView: ScanView.Coronal,
-        Priority: 1,
-        Offset: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        Version: "1.0.0",
-      }, canvas)
-    ).toStrictEqual({
-      "border-top-left-radius": "0px",
-      height: "calc(100% - 0px)",
-      left: "0px",
-      top: "0px",
-      width: "calc(100% - 0px)",
-    });
-  });
-
-  it("should generateDivStyleForLayout AnchorPoint.CENTER", () => {
-    expect(
-      generateDivStyleForLayout({
-        Anchor: AnchorPoint.CENTER,
-        ActiveView: true,
-        AspectRatio: 0,
-        MaxSize: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        DefaultView: ScanView.Coronal,
-        Priority: 1,
-        Offset: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        Version: "1.0.0",
-      }, canvas)
-    ).toStrictEqual({
-      "border-bottom-left-radius": "0px",
-      "border-bottom-right-radius": "0px",
-      "border-top-left-radius": "0px",
-      "border-top-right-radius": "0px",
-      height: "calc(100% -  0px -  0px)",
-      left: "0px",
-      top: "0px",
-      width: "calc(100% - 0px - 0px - 0px)",
-    });
-  });
-
-  it("should generateDivStyleForLayout AspectRatio === 1", async () => {
-    spyOn(document, "getElementById").mockReturnValue({
-      id: "unity",
-      offsetWidth: 1,
-      offsetHeight: 2,
-    } as HTMLElement);
-    await flushPromises();
-    expect(
-      generateDivStyleForLayout({
-        Anchor: AnchorPoint.CENTER,
-        ActiveView: true,
-        AspectRatio: 1,
-        MaxSize: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        DefaultView: ScanView.Coronal,
-        Priority: 1,
-        Offset: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        Version: "1.0.0",
-      }, canvas)
-    ).toStrictEqual({
-      "border-bottom-left-radius": "0px",
-      "border-bottom-right-radius": "0px",
-      "border-top-left-radius": "0px",
-      "border-top-right-radius": "0px",
-      height: "calc(0px)",
-      left: "0px",
-      top: "0px",
-      width: "calc(0px)",
-    });
-  });
-
-  it("should generateDivStyleForLayout AspectRatio === 1", async () => {
-    spyOn(document, "getElementById").mockReturnValue(null);
-    await flushPromises();
-    expect(
-      generateDivStyleForLayout({
-        Anchor: AnchorPoint.CENTER,
-        ActiveView: true,
-        AspectRatio: 1,
-        MaxSize: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        DefaultView: ScanView.Coronal,
-        Priority: 1,
-        Offset: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        Version: "1.0.0",
-      }, canvas)
-    ).toStrictEqual({
-      "border-bottom-left-radius": "0px",
-      "border-bottom-right-radius": "0px",
-      "border-top-left-radius": "0px",
-      "border-top-right-radius": "0px",
-      height: "calc(0px)",
-      left: "0px",
-      top: "0px",
-      width: "calc(0px)",
-    });
-  });
-
-  it("should generateDivStyleForLayout AspectRatio === 1 | MaxSize === 0", async () => {
-    expect(
-      generateDivStyleForLayout({
-        Anchor: AnchorPoint.CENTER,
-        ActiveView: true,
-        AspectRatio: 1,
-        MaxSize: {
-          Version: "1.0.0",
-          X: 0,
-          Y: 0,
-        },
-        DefaultView: ScanView.Coronal,
-        Priority: 1,
-        Offset: {
-          Version: "1.0.0",
-          X: 1,
-          Y: 1,
-        },
-        Version: "1.0.0",
-      }, canvas)
-    ).toStrictEqual({
-      "border-bottom-left-radius": "0px",
-      "border-bottom-right-radius": "0px",
-      "border-top-left-radius": "0px",
-      "border-top-right-radius": "0px",
-      height: "calc(0% -  0px -  0px)",
-      left: "0px",
-      top: "0px",
-      width: "calc(0% - 0px - 0px - 0px)",
-    });
-  });
-});

package/src/helpers/__tests__/utils.spec.ts

@@ -1,70 +0,0 @@
-import { describe, expect, it, vi, beforeEach, afterEach } from "vitest";
-import { fn } from "@vitest/spy";
-import { MockRunOnNewThread, registerEvents, toNumber } from "@/helpers/utils";
-
-describe("MockRunOnNewThread", () => {
-  beforeEach(() => {
-    vi.useFakeTimers();
-  });
-
-  afterEach(() => {
-    vi.useRealTimers();
-  });
-
-  it("should MockRunOnNewThread", () => {
-    const callback = fn();
-
-    MockRunOnNewThread(callback);
-
-    expect(callback).not.toHaveBeenCalledOnce();
-
-    vi.advanceTimersByTime(1);
-    expect(callback).toHaveBeenCalledOnce();
-  });
-});
-
-describe("toNumber", () => {
-  it("should '1'", () => {
-    expect(toNumber("1")).toBe(1);
-  });
-
-  it("should '100'", () => {
-    expect(toNumber("100")).toBe(100);
-  });
-
-  it("should 1 ", () => {
-    expect(toNumber(1)).toBe(1);
-  });
-
-  it("should undefined ", () => {
-    expect(toNumber(undefined)).toBe(0);
-  });
-
-  it("should test ", () => {
-    expect(toNumber("test")).toBe(NaN);
-  });
-});
-
-describe("registerEvents", () => {
-  it("should registerEvents", () => {
-    const fakeEvents = ["drag", "drop"];
-    const fakeListener = () => {};
-    const fakeElement = {
-      addEventListener: fn(),
-    } as unknown as HTMLElement;
-
-    registerEvents(fakeElement, fakeEvents, fakeListener);
-
-    expect(fakeElement.addEventListener).toHaveBeenCalledTimes(2);
-    expect(fakeElement.addEventListener).toHaveBeenNthCalledWith(
-      1,
-      fakeEvents[0],
-      fakeListener
-    );
-    expect(fakeElement.addEventListener).toHaveBeenNthCalledWith(
-      2,
-      fakeEvents[1],
-      fakeListener
-    );
-  });
-});

package/src/helpers/layoutOverlayStyle.ts

@@ -1,96 +0,0 @@
-import { AnchorPoint, PositionData } from "@3cr/types-ts";
-import { isFullscreen } from "@/dataLayer/scanState";
-
-export function generateDivStyleForLayout(layout: PositionData, canvas: HTMLCanvasElement) {
-  const padding: string = "0px";
-  const props: Record<string, any> = {} as any;
-
-  if (layout.Anchor === AnchorPoint.TOP) {
-    props["left"] = "50%";
-    props["transform"] = "translateX(-50%)";
-  } else if (layout.Anchor === AnchorPoint.BOTTOM) {
-    props["left"] = "50%";
-    props["transform"] = "translateX(-50%)";
-  } else if (layout.Anchor === AnchorPoint.LEFT) {
-    props["top"] = "50%";
-    props["transform"] = "translateY(-50%)";
-  } else if (layout.Anchor === AnchorPoint.RIGHT) {
-    props["top"] = "50%";
-    props["transform"] = "translateY(-50%)";
-  }
-
-  if (
-    layout.Anchor === AnchorPoint.TOP_LEFT ||
-    layout.Anchor === AnchorPoint.TOP ||
-    layout.Anchor === AnchorPoint.TOP_RIGHT ||
-    layout.Anchor === AnchorPoint.CENTER
-  ) {
-    props["top"] = padding;
-  }
-  if (
-    layout.Anchor === AnchorPoint.LEFT ||
-    layout.Anchor === AnchorPoint.BOTTOM_LEFT ||
-    layout.Anchor === AnchorPoint.TOP_LEFT ||
-    layout.Anchor === AnchorPoint.CENTER
-  ) {
-    props["left"] = padding;
-  }
-  if (
-    layout.Anchor === AnchorPoint.RIGHT ||
-    layout.Anchor === AnchorPoint.TOP_RIGHT ||
-    layout.Anchor === AnchorPoint.BOTTOM_RIGHT
-  ) {
-    props["right"] = padding;
-  }
-  if (
-    layout.Anchor === AnchorPoint.BOTTOM ||
-    layout.Anchor === AnchorPoint.BOTTOM_LEFT ||
-    layout.Anchor === AnchorPoint.BOTTOM_RIGHT
-  ) {
-    props["bottom"] = padding;
-  }
-  if (
-    layout.Anchor === AnchorPoint.TOP_LEFT ||
-    layout.Anchor === AnchorPoint.CENTER
-  ) {
-    props["border-top-left-radius"] = padding;
-  }
-  if (
-    layout.Anchor === AnchorPoint.TOP_RIGHT ||
-    layout.Anchor === AnchorPoint.CENTER
-  ) {
-    props["border-top-right-radius"] = padding;
-  }
-  if (
-    layout.Anchor === AnchorPoint.BOTTOM_LEFT ||
-    layout.Anchor === AnchorPoint.CENTER
-  ) {
-    props["border-bottom-left-radius"] = padding;
-  }
-  if (
-    layout.Anchor === AnchorPoint.BOTTOM_RIGHT ||
-    layout.Anchor === AnchorPoint.CENTER
-  ) {
-    props["border-bottom-right-radius"] = padding;
-  }
-
-  props["width"] = `calc(${layout.MaxSize.X * 100}% - ${padding})`;
-  props["height"] = `calc(${layout.MaxSize.Y * 100}% - ${padding})`;
-
-  if (layout.Anchor === AnchorPoint.CENTER) {
-    const adjustment = !isFullscreen.value ? canvas.clientHeight / 3 : 0;
-    props["width"] = `calc(${ layout.MaxSize.X * 100 }% - ${adjustment}px - ${padding} - ${padding})`;
-    props["height"] = `calc(${ layout.MaxSize.Y * 100 }% -  ${padding} -  ${padding})`;
-  }
-
-  if (layout.AspectRatio === 1) {
-    if (layout.MaxSize.X === 1) {
-      props["width"] = `calc(${layout.MaxSize.Y * canvas.clientHeight}px)`;
-    }
-    if (layout.MaxSize.Y === 1) {
-      props["height"] = `calc(${layout.MaxSize.X * canvas.clientWidth}px)`;
-    }
-  }
-
-  return props;
-}

package/src/helpers/utils.ts

@@ -1,16 +0,0 @@
-
-export function toNumber(value: any): number {
-  return parseInt((value || 0) + '');
-}
-export function MockRunOnNewThread(callback: () => void) {
-  setTimeout(callback, 1);
-}
-export function registerEvents(
-  domElement: HTMLElement,
-  eventList: Array<string>,
-  listener: EventListenerOrEventListenerObject,
-) {
-  for (const event of eventList) {
-    domElement.addEventListener(event, listener);
-  }
-}

package/src/models/Callbacks.ts

@@ -1,2 +0,0 @@
-export type ViewerCallback = (...args: any[]) => void;
-export type ViewerAsyncCallback = (...args: any[]) => Promise<void>;

package/src/models/LoadViewerOptions.ts

@@ -1,31 +0,0 @@
-import { ViewerAsyncCallback, ViewerCallback } from "@/models/Callbacks";
-
-export interface LoadViewerOptions {
-  OnShare?: ViewerCallback | ViewerAsyncCallback | undefined;
-  OnScreenshot?: ViewerCallback | ViewerAsyncCallback | undefined;
-  OnLoadNewDicomSeries?: ViewerCallback | ViewerAsyncCallback | undefined;
-  OnDownloadDicomSeries?: ViewerCallback | ViewerAsyncCallback | undefined;
-  OnLoadSavedSession?: ViewerCallback | ViewerAsyncCallback | undefined;
-  OnShareToMobile?: ViewerCallback | ViewerAsyncCallback | undefined;
-  OnSendTo3rdParty?: ViewerCallback | ViewerAsyncCallback | undefined;
-  OnEnableCloudStorage?: ViewerCallback | ViewerAsyncCallback | undefined;
-  OnSaveSession?: ViewerCallback | ViewerAsyncCallback | undefined;
-  OnClosePopup?: ViewerCallback | ViewerAsyncCallback | undefined;
-  OnExitViewer?: ViewerCallback | ViewerAsyncCallback | undefined;
-  OnErrorClose?: ViewerCallback | ViewerAsyncCallback | undefined;
-}
-
-export const defaultLoadViewerOptions: LoadViewerOptions = {
-  OnClosePopup: () => Promise.resolve(),
-  OnExitViewer: () => Promise.resolve(),
-  OnLoadNewDicomSeries: () => Promise.resolve(),
-  OnDownloadDicomSeries: () => Promise.resolve(),
-  OnLoadSavedSession: () => Promise.resolve(),
-  OnSaveSession: () => Promise.resolve(),
-  OnSendTo3rdParty: () => Promise.resolve(),
-  OnShareToMobile: () => Promise.resolve(),
-  OnEnableCloudStorage: () => Promise.resolve(),
-  OnShare: () => Promise.resolve(),
-  OnScreenshot: () => Promise.resolve(),
-  OnErrorClose: () => Promise.resolve(),
-};

package/src/models/LoadViewerPayload.ts

@@ -1,9 +0,0 @@
-export interface LoadViewerPayload {
-  Url: string;
-  DecryptionKey: MftpDecryptionKey;
-}
-
-export interface MftpDecryptionKey {
-  Key: string;
-  Iv: string;
-}

package/src/models/__tests__/load-viewer-options.spec.ts

@@ -1,22 +0,0 @@
-import { describe, expect, it } from "vitest";
-
-import {
-  defaultLoadViewerOptions,
-  LoadViewerOptions,
-} from "@/models/LoadViewerOptions";
-
-describe("LoadViewerOptions.ts", () => {
-  for (const option of Object.keys(defaultLoadViewerOptions)) {
-    it(`should call default ${option}`, () => {
-      expect(
-        callDefaultLoadViewerOptions(option as keyof LoadViewerOptions)
-      ).toStrictEqual(Promise.resolve());
-    });
-  }
-});
-
-function callDefaultLoadViewerOptions(key: keyof LoadViewerOptions) {
-  const foundDeclaration = defaultLoadViewerOptions[key];
-  if (foundDeclaration) return foundDeclaration();
-  return undefined;
-}

package/src/notifications/notification.ts

@@ -1,50 +0,0 @@
-import {
-  InteractivityActions,
-  NavigationCubeActions,
-  NotificationPayload,
-  NotificationsActions,
-} from "@3cr/types-ts";
-import { useNotification } from "@kyvg/vue3-notification";
-const { notify } = useNotification();
-
-export async function handleNotification(action: NotificationsActions, message: string) {
-  const notification = JSON.parse(message) as NotificationPayload;
-
-  switch (notification.Action) {
-    case InteractivityActions.in01:
-    case InteractivityActions.in02:
-    case InteractivityActions.in03:
-    case InteractivityActions.in04:
-    case NavigationCubeActions.nc01:
-      return;
-    default:
-  }
-  if (notification.Action.startsWith("sl")) return;
-
-  let type = "success";
-  switch (action) {
-    // Muting no01
-    case NotificationsActions.no01:
-      type = "success";
-      return;
-
-    case NotificationsActions.no02:
-      type = "warn";
-      break;
-
-    case NotificationsActions.no03:
-      type = "error";
-      break;
-
-    // Muting no04
-    case NotificationsActions.no04:
-      type = "info";
-      return;
-  }
-
-  notify({
-    title: notification.Code,
-    text: notification.Action,
-    type,
-  });
-}

package/src/plugins/__tests__/index.spec.ts

@@ -1,19 +0,0 @@
-import { describe, expect, it } from "vitest";
-import vuetify from "@/plugins/vuetify";
-import { fn } from "@vitest/spy";
-import { registerPlugins } from "@/plugins";
-import { App } from "vue";
-
-describe("index.ts", () => {
-  it("should registerPlugins", () => {
-    const app = {
-      use: fn(),
-    } as unknown as App;
-
-    expect(app.use).not.toHaveBeenCalledWith(vuetify);
-
-    registerPlugins(app);
-
-    expect(app.use).toHaveBeenCalledWith(vuetify);
-  });
-});

package/src/plugins/index.ts

@@ -1,17 +0,0 @@
-/**
- * plugins/index.ts
- *
- * Automatically included in `./src/main.ts`
- */
-
-// Plugins
-import vuetify from "./vuetify";
-
-// Types
-import type { App } from "vue";
-import Notifications from "@kyvg/vue3-notification";
-
-export function registerPlugins(app: App) {
-  app.use(vuetify);
-  app.use(Notifications);
-}

package/src/services/gpt/gpt.service.ts

@@ -1,35 +0,0 @@
-import axios, { AxiosInstance, AxiosResponse } from "axios";
-
-export class GptService {
-  static Instantiate() {
-    return new GptService();
-  }
-
-  client: AxiosInstance = axios.create();
-
-  async GenerateAnnotations(
-    title: string,
-    question: number = 0
-  ): Promise<AxiosResponse<GptResponsePayload>> {
-    const testVersion =
-      window.location.href.includes("test.") ||
-      window.location.href.includes("localhost");
-    return this.client.post(
-      `https://${
-        testVersion ? "test." : ""
-      }api.singular.health/api/GPT/Smart/Annotation`,
-      null,
-      { params: { annotationTitle: title, question } }
-    );
-  }
-}
-
-export interface GptResponsePayload {
-  GptResponse: string;
-  FollowupQuestions: GptQuestion[];
-}
-
-export interface GptQuestion {
-  Question: string;
-  ApiPreFilledRequestKey: number;
-}