@3cr/viewer-browser 0.0.132 → 0.0.134

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/Viewer3CR.js +1 -1
  2. package/dist/Viewer3CR.mjs +1 -1
  3. package/dist/Viewer3CR.umd.js +1 -1
  4. package/package.json +1 -1
  5. package/playground/index.html +25 -0
  6. package/playground/sw.js +24 -0
  7. package/src/App.vue +1 -1
  8. package/src/assets/styles.scss +0 -92
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@3cr/viewer-browser",
3
- "version": "0.0.132",
3
+ "version": "0.0.134",
4
4
  "main": "./dist/Viewer3CR.umd.js",
5
5
  "module": "dist/Viewer3CR.umd.js",
6
6
  "homepage": "https://docs.3cr.singular.health",
package/playground/index.html CHANGED
@@ -5,16 +5,41 @@
5
5
  <meta charset="UTF-8" />
6
6
  <link rel="icon" href="/favicon.ico" />
7
7
  <link rel="preconnect" href="https://fonts.googleapis.com" />
8
+ <script type="module">
9
+ function initServiceWorker() {
10
+ // Only enable service worker in production
11
+ if ("serviceWorker" in navigator) {
12
+ navigator.serviceWorker
13
+ .register("/sw.js", { scope: "/" })
14
+ .then((registration) => {
15
+ console.log(
16
+ "[CHECK]: Service_Worker_Registered_With_Scope",
17
+ registration.scope
18
+ );
19
+ })
20
+ .catch((error) => {
21
+ console.error("[ERR]: Service_Worker_Registration_Failed:", error);
22
+ });
23
+ }
24
+ }
25
+
26
+ // Call the initServiceWorker function when the page loads
27
+ window.addEventListener("load", () => {
28
+ initServiceWorker();
29
+ });
30
+ </script>
8
31
  <script src="https://cdn.jsdelivr.net/npm/@3cr/viewer-browser@{{version}}/dist/Viewer3CR.umd.js"> </script>
9
32
  <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" />
10
33
  <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
11
34
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
12
35
  <title>3CR Viewer Playground</title>
36
+
13
37
  </head>
14
38
 
15
39
  <body>
16
40
  <div id="app"></div>
17
41
  <script type="module">
42
+
18
43
  window.registerViewer('1.0.0').then(() => {
19
44
  window.loadViewer().then()
20
45
  })
package/playground/sw.js ADDED
@@ -0,0 +1,24 @@
1
+ self.addEventListener("fetch", (event) => {
2
+ event.respondWith(handleServerRequest(event.request));
3
+ });
4
+
5
+ async function handleServerRequest(request) {
6
+ // Define the name for the cache related to GeoServer requests
7
+ const cacheName = "playground-cache";
8
+ // Open or create the cache
9
+ const cache = await caches.open(cacheName);
10
+
11
+ // Try to find the response in the cache
12
+ const cachedResponse = await cache.match(request);
13
+ if (cachedResponse) {
14
+ console.log("[CHECK]: Serving_From_Cache:", request.url);
15
+ return cachedResponse; // If found in cache, return the cached response
16
+ }
17
+
18
+ console.log("[CHECK]: Cache_Miss! Fetching_From_Network:", request.url);
19
+ // If not in cache, fetch from the network
20
+ const networkResponse = await fetch(request);
21
+ // Save the fetched response in the cache for future use
22
+ cache.put(request, networkResponse.clone());
23
+ return networkResponse; // Return the fetched response
24
+ }
package/src/App.vue CHANGED
@@ -81,7 +81,7 @@ async function loadInstance(
81
81
  .transparent {
82
82
  background-color: transparent;
83
83
  }
84
- .v-dialog.v-overlay--active {
84
+ .v-dialog.v-overlay--active:not(.v-tooltip) {
85
85
  backdrop-filter: blur(4px);
86
86
  }
87
87
  .card-bg-border {
package/src/assets/styles.scss CHANGED
@@ -1,98 +1,6 @@
1
1
  @use "sass:meta";
2
- //* {
3
- // @include meta.load-css("vuetify/styles");
4
- //}
5
2
 
6
- // TODO: fix styling for vuetifycss with sass scoping
7
3
  [data-vuetify] {
8
4
  @import "vuetify/_styles.scss";
9
- // @import "vuetify/lib/styles/main";
10
5
  }
11
6
  @import "vuetify/_styles.scss";
12
-
13
- //@import "vuetify/lib/components/VAlert/VAlert.css";
14
- //@import "vuetify/lib/components/VApp/VApp.css";
15
- //@import "vuetify/lib/components/VAppBar/VAppBar.css";
16
- //@import "vuetify/lib/components/VAutocomplete/VAutocomplete.css";
17
- //@import "vuetify/lib/components/VAvatar/VAvatar.css";
18
- //@import "vuetify/lib/components/VBadge/VBadge.css";
19
- //@import "vuetify/lib/components/VBanner/VBanner.css";
20
- //@import "vuetify/lib/components/VBottomNavigation/VBottomNavigation.css";
21
- //@import "vuetify/lib/components/VBottomSheet/VBottomSheet.css";
22
- //@import "vuetify/lib/components/VBreadcrumbs/VBreadcrumbs.css";
23
- //@import "vuetify/lib/components/VBtn/VBtn.css";
24
- //@import "vuetify/lib/components/VBtnGroup/VBtnGroup.css";
25
- //@import "vuetify/lib/components/VBtnToggle/VBtnToggle.css";
26
- //@import "vuetify/lib/components/VCard/VCard.css";
27
- //@import "vuetify/lib/components/VCarousel/VCarousel.css";
28
- //@import "vuetify/lib/components/VCheckbox/VCheckbox.css";
29
- //@import "vuetify/lib/components/VChip/VChip.css";
30
- //@import "vuetify/lib/components/VChipGroup/VChipGroup.css";
31
- //@import "vuetify/lib/components/VCode/VCode.css";
32
- //@import "vuetify/lib/components/VColorPicker/VColorPicker.css";
33
- //@import "vuetify/lib/components/VCombobox/VCombobox.css";
34
- //@import "vuetify/lib/components/VCounter/VCounter.css";
35
- //@import "vuetify/lib/components/VDataTable/VDataTable.css";
36
- //@import "vuetify/lib/components/VDatePicker/VDatePicker.css";
37
- //@import "vuetify/lib/components/VDialog/VDialog.css";
38
- //@import "vuetify/lib/components/VDivider/VDivider.css";
39
- //@import "vuetify/lib/components/VExpansionPanel/VExpansionPanel.css";
40
- //@import "vuetify/lib/components/VField/VField.css";
41
- //@import "vuetify/lib/components/VFileInput/VFileInput.css";
42
- //@import "vuetify/lib/components/VFooter/VFooter.css";
43
- //@import "vuetify/lib/components/VGrid/VGrid.css";
44
- //@import "vuetify/lib/components/VIcon/VIcon.css";
45
- //@import "vuetify/lib/components/VImg/VImg.css";
46
- //@import "vuetify/lib/components/VInfiniteScroll/VInfiniteScroll.css";
47
- //@import "vuetify/lib/components/VInput/VInput.css";
48
- //@import "vuetify/lib/components/VItemGroup/VItemGroup.css";
49
- //@import "vuetify/lib/components/VKbd/VKbd.css";
50
- //@import "vuetify/lib/components/VLabel/VLabel.css";
51
- //@import "vuetify/lib/components/VLayout/VLayout.css";
52
- //@import "vuetify/lib/components/VList/VList.css";
53
- //@import "vuetify/lib/components/VLocaleProvider/VLocaleProvider.css";
54
- //@import "vuetify/lib/components/VMain/VMain.css";
55
- //@import "vuetify/lib/components/VMenu/VMenu.css";
56
- //@import "vuetify/lib/components/VMessages/VMessages.css";
57
- //@import "vuetify/lib/components/VNavigationDrawer/VNavigationDrawer.css";
58
- //@import "vuetify/lib/components/VOtpInput/VOtpInput.css";
59
- //@import "vuetify/lib/components/VOverlay/VOverlay.css";
60
- //@import "vuetify/lib/components/VPagination/VPagination.css";
61
- //@import "vuetify/lib/components/VParallax/VParallax.css";
62
- //@import "vuetify/lib/components/VProgressCircular/VProgressCircular.css";
63
- //@import "vuetify/lib/components/VProgressLinear/VProgressLinear.css";
64
- //@import "vuetify/lib/components/VRadioGroup/VRadioGroup.css";
65
- //@import "vuetify/lib/components/VRating/VRating.css";
66
- //@import "vuetify/lib/components/VResponsive/VResponsive.css";
67
- //@import "vuetify/lib/components/VSelect/VSelect.css";
68
- //@import "vuetify/lib/components/VSelectionControl/VSelectionControl.css";
69
- //@import "vuetify/lib/components/VSelectionControlGroup/VSelectionControlGroup.css";
70
- //@import "vuetify/lib/components/VSheet/VSheet.css";
71
- //@import "vuetify/lib/components/VSkeletonLoader/VSkeletonLoader.css";
72
- //@import "vuetify/lib/components/VSlideGroup/VSlideGroup.css";
73
- //@import "vuetify/lib/components/VSlider/VSlider.css";
74
- //@import "vuetify/lib/components/VSnackbar/VSnackbar.css";
75
- //@import "vuetify/lib/components/VStepper/VStepper.css";
76
- //@import "vuetify/lib/components/VSwitch/VSwitch.css";
77
- //@import "vuetify/lib/components/VSystemBar/VSystemBar.css";
78
- //@import "vuetify/lib/components/VTable/VTable.css";
79
- //@import "vuetify/lib/components/VTabs/VTabs.css";
80
- //@import "vuetify/lib/components/VTextarea/VTextarea.css";
81
- //@import "vuetify/lib/components/VTextField/VTextField.css";
82
- //@import "vuetify/lib/components/VThemeProvider/VThemeProvider.css";
83
- //@import "vuetify/lib/components/VTimeline/VTimeline.css";
84
- //@import "vuetify/lib/components/VToolbar/VToolbar.css";
85
- //@import "vuetify/lib/components/VTooltip/VTooltip.css";
86
- //@import "vuetify/lib/components/VVirtualScroll/VVirtualScroll.css";
87
- //@import "vuetify/lib/components/VWindow/VWindow.css";
88
- //}
89
- //html [data-vuetify] {
90
- // font-family: "Roboto", sans-serif;
91
- // line-height: 1.5;
92
- // font-size: 1rem;
93
- // overflow-x: hidden;
94
- // text-rendering: optimizeLegibility;
95
- // -webkit-font-smoothing: antialiased;
96
- // -moz-osx-font-smoothing: grayscale;
97
- // -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
98
- //}