@3cr/viewer-browser 0.0.248 → 0.0.293

package/src/plugins/vuetify.ts

@@ -1,13 +1,13 @@
-import '@/assets/styles.scss';
 import { createVuetify } from 'vuetify';
-import { aliases, md } from 'vuetify/iconsets/md';
-import { mdi } from 'vuetify/iconsets/mdi';
-import { VTreeview, VTreeviewItem } from 'vuetify/labs/components';
-
-export default createVuetify({
-  components: {
-    VTreeview,
-    VTreeviewItem
+import { aliases } from '@/plugins/material-symbols/aliases';
+import { outlined } from '@/plugins/material-symbols/material-symbols-outlined';
+import { filled } from '@/plugins/material-symbols/material-symbols-filled';
+
+export const vuetify = createVuetify({
+  defaults: {
+    VDialog: {
+      retainFocus: false
+    }
   },
   theme: {
     defaultTheme: 'light',
@@ -15,27 +15,159 @@ export default createVuetify({
       light: {
         dark: false,
         colors: {
-          background: '#FFFFFF',
-          surface: '#FFFFFF',
-          'surface-bright': '#FFFFFF',
-          'surface-light': '#EEEEEE',
-          'surface-variant': '#424242',
-          'on-surface-variant': '#EEEEEE',
-          primary: '#1867C0',
-          'primary-darken-1': '#1F5592',
-          secondary: '#48A9A6',
-          'secondary-darken-1': '#018786',
-          error: '#B00020',
-          info: '#2196F3',
-          success: '#4CAF50',
-          warning: '#FB8C00'
+          primary: '#8483e8',
+          secondary: '#50a5de',
+          background: '#f7f7f8',
+          surface: '#ffffff',
+          info: '#50cddf',
+          success: '#5dbe50',
+          warning: '#f5e130',
+          error: '#de504f',
+          text: '#1d1d20',
+          subtext: '#92939e',
+
+          // --
+          // TEXT
+          shark_050: '#f7f7f8',
+          shark_200: '#d9d9de',
+          shark_300: '#B9BAC0',
+          shark_400: '#92939e',
+          shark_600: '#5e5e6b',
+          shark_950: '#1d1d20',
+
+          // PRIMARY
+          minsk_050: '#eff3fe',
+          minsk_100: '#e1eafe',
+          minsk_200: '#c9d7fc',
+          minsk_300: '#A8BCF9',
+          minsk_500: '#6875ec',
+          minsk_900: '#2e3176',
+          minsk_950: '#1d1d49',
+
+          // SECONDARY
+          picton_050: '#f2f8fd',
+          picton_200: '#c3def4',
+          picton_400: '#50a5de',
+          picton_500: '#2b8bcc',
+
+          // SUCCESS
+          malachite_050: '#f2fdf0',
+          malachite_200: '#c1f7bb',
+          malachite_500: '#2fc423',
+          malachite_600: '#21a217',
+          malachite_700: '#1D7F16',
+          malachite_900: '#175314',
+
+          // INFO
+          viking_050: '#eefcfd',
+          viking_200: '#aeedf3',
+          viking_500: '#1ba9bf',
+          viking_600: '#1988a1',
+          viking_900: '#1e4b5b',
+
+          // WARNING
+          lightning_050: '#FFFEE7',
+          lightning_200: '#FFF686',
+          lightning_400: '#f5e12f',
+          lightning_500: '#e4c50e',
+          lightning_600: '#D19100',
+          lightning_700: '#A66702',
+          lightning_800: '#89500a',
+          lightning_900: '#402608',
+
+          // DANGER
+          amaranth_050: '#fdf4f3',
+          amaranth_200: '#f8d3d4',
+          amaranth_500: '#dc4756',
+          amaranth_600: '#ca344a',
+          amaranth_700: '#aa263d',
+          amaranth_900: '#7a2136',
+
+          //SURFACES
+          white: '#ffffff',
+          neutral: '#F7F7F8',
+          dark: '#14141A'
+        }
+      },
+      dark: {
+        dark: true,
+        colors: {
+          primary: '#5e5cbd',
+          secondary: '#50a5de',
+          background: '#2d2d2f',
+          surface: '#1d1d1f',
+          info: '#189fb2',
+          success: '#1cc60d',
+          warning: '#f58e2f',
+          error: '#b11717',
+          text: '#f7f7f8',
+          subtext: '#b9bac0',
+
+          // --
+          // TEXT
+          shark_050: '#f7f7f8',
+          shark_200: '#d9d9de',
+          shark_300: '#B9BAC0',
+          shark_400: '#92939e',
+          shark_600: '#5e5e6b',
+          shark_950: '#1d1d20',
+
+          // PRIMARY
+          minsk_050: '#eff3fe',
+          minsk_100: '#e1eafe',
+          minsk_200: '#c9d7fc',
+          minsk_300: '#A8BCF9',
+          minsk_500: '#6875ec',
+          minsk_900: '#2e3176',
+          minsk_950: '#1d1d49',
+
+          // SECONDARY
+          picton_050: '#f2f8fd',
+          picton_200: '#c3def4',
+          picton_400: '#50a5de',
+          picton_500: '#2b8bcc',
+
+          // SUCCESS
+          malachite_050: '#f2fdf0',
+          malachite_200: '#c1f7bb',
+          malachite_500: '#2fc423',
+          malachite_600: '#21a217',
+          malachite_700: '#1D7F16',
+          malachite_900: '#175314',
+
+          // INFO
+          viking_050: '#eefcfd',
+          viking_200: '#aeedf3',
+          viking_500: '#1ba9bf',
+          viking_600: '#1988a1',
+          viking_900: '#1e4b5b',
+
+          // WARNING
+          lightning_050: '#FFFEE7',
+          lightning_200: '#FFF686',
+          lightning_400: '#f5e12f',
+          lightning_500: '#e4c50e',
+          lightning_800: '#89500a',
+          lightning_900: '#402608',
+
+          // DANGER
+          amaranth_050: '#fdf4f3',
+          amaranth_200: '#f8d3d4',
+          amaranth_500: '#dc4756',
+          amaranth_600: '#ca344a',
+          amaranth_700: '#aa263d',
+
+          //SURFACES
+          white: '#ffffff',
+          neutral: '#F7F7F8',
+          dark: '#14141A'
         }
       }
     }
   },
   icons: {
-    defaultSet: 'md',
+    defaultSet: 'outlined',
     aliases,
-    sets: { md, mdi }
+    sets: { outlined, filled }
   }
 });

package/src/services/__tests__/features.service.spec.ts

@@ -0,0 +1,14 @@
+import { faker } from '@faker-js/faker';
+import { FeatureFaker } from '@test/fakers/feature.faker';
+import { FeaturesService } from '@/services/features.service';
+
+describe('should get latest features', () => {
+  it('should get latest features', async () => {
+    const features = faker.helpers.multiple(() => FeatureFaker.random());
+    const getLatestFeaturesSpy = vi.spyOn(FeaturesService.prototype, 'getLatestFeatures').mockResolvedValue(features);
+    const featuresService = FeaturesService.Instantiate();
+    const result = await featuresService.getLatestFeatures();
+    expect(result).toEqual(features);
+    getLatestFeaturesSpy.mockRestore();
+  });
+});

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

@@ -1,9 +1,10 @@
 import { GptService } from '@/services/gpt.service';
-import { GptResponsePayload } from '@/types/gpt-response-payload';
+import { GptResponsePayload } from '@3cr/viewer-types-ts';
+import { MockImportOriginal } from '@test/MockImportOriginal';
 
-vi.mock('axios', async (importOriginal) => {
+vi.mock('axios', async (importOriginal: MockImportOriginal<typeof import('axios')>) => {
   return {
-    ...(await importOriginal<typeof import('axios')>()),
+    ...(await importOriginal()),
     create: () => ({
       post: vi.fn()
     })
@@ -24,4 +25,64 @@ describe('GptService tests', () => {
     expect(response).toBeDefined();
     expect(response).toStrictEqual({ data });
   });
+
+  it('should generate response as localhost', async () => {
+    vi.spyOn(window, 'location', 'get').mockReturnValue({ href: 'https://localhost' } as Location);
+    const data: GptResponsePayload = { GptResponse: 'test', FollowupQuestions: [] };
+    const service = GptService.Instantiate();
+    const spy = vi.spyOn(service.client, 'post').mockResolvedValue({ data });
+
+    const response = await service.GenerateAnnotations('test');
+    expect(response).toBeDefined();
+    expect(response).toStrictEqual({ data });
+    expect(spy).toHaveBeenCalledWith(
+      'https://test.api.singular.health/api/GPT/Smart/Annotation',
+      null,
+      expect.anything()
+    );
+  });
+
+  it('should generate response as test', async () => {
+    vi.spyOn(window, 'location', 'get').mockReturnValue({ href: 'https://test.playground' } as Location);
+    const data: GptResponsePayload = { GptResponse: 'test', FollowupQuestions: [] };
+    const service = GptService.Instantiate();
+    const spy = vi.spyOn(service.client, 'post').mockResolvedValue({ data });
+
+    const response = await service.GenerateAnnotations('test');
+    expect(response).toBeDefined();
+    expect(response).toStrictEqual({ data });
+    expect(spy).toHaveBeenCalledWith(
+      'https://test.api.singular.health/api/GPT/Smart/Annotation',
+      null,
+      expect.anything()
+    );
+  });
+
+  it('should generate response as next', async () => {
+    vi.spyOn(window, 'location', 'get').mockReturnValue({ href: 'https://next.playground' } as Location);
+    const data: GptResponsePayload = { GptResponse: 'test', FollowupQuestions: [] };
+    const service = GptService.Instantiate();
+    const spy = vi.spyOn(service.client, 'post').mockResolvedValue({ data });
+
+    const response = await service.GenerateAnnotations('test');
+    expect(response).toBeDefined();
+    expect(response).toStrictEqual({ data });
+    expect(spy).toHaveBeenCalledWith(
+      'https://test.api.singular.health/api/GPT/Smart/Annotation',
+      null,
+      expect.anything()
+    );
+  });
+
+  it('should generate response as prod', async () => {
+    vi.spyOn(window, 'location', 'get').mockReturnValue({ href: 'https://playground' } as Location);
+    const data: GptResponsePayload = { GptResponse: 'test', FollowupQuestions: [] };
+    const service = GptService.Instantiate();
+    const spy = vi.spyOn(service.client, 'post').mockResolvedValue({ data });
+
+    const response = await service.GenerateAnnotations('test');
+    expect(response).toBeDefined();
+    expect(response).toStrictEqual({ data });
+    expect(spy).toHaveBeenCalledWith('https://api.singular.health/api/GPT/Smart/Annotation', null, expect.anything());
+  });
 });