@geode/opengeodeweb-front 10.32.1 → 10.32.2-rc.1

package/app/components/Screenshot.vue

@@ -1,10 +1,10 @@
 <script setup>
 import ToolPanel from "@ogw_front/components/ToolPanel";
 import fileDownload from "js-file-download";
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
-
+import { useClipboardItems } from "@vueuse/core";
 import { useFeedbackStore } from "@ogw_front/stores/feedback";
 import { useViewerStore } from "@ogw_front/stores/viewer";
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
 
 const show = defineModel({ type: Boolean, default: false });
 
@@ -19,6 +19,8 @@ const output_extension = ref("png");
 const include_background = ref(true);
 const screenshot_type = ref("file");
 
+const { copy } = useClipboardItems();
+
 async function takeScreenshot() {
   const viewerStore = useViewerStore();
   const feedbackStore = useFeedbackStore();
@@ -42,7 +44,7 @@ async function takeScreenshot() {
         } else {
           try {
             const pngBlob = new Blob([response.blob], { type: "image/png" });
-            await navigator.clipboard.write([new ClipboardItem({ "image/png": pngBlob })]);
+            await copy([new ClipboardItem({ "image/png": pngBlob })]);
             feedbackStore.add_success("Screenshot copied to clipboard");
           } catch (error) {
             feedbackStore.add_error(

package/app/components/Viewer/ContextMenu/InfoCard.vue

@@ -1,6 +1,7 @@
 <script setup>
 import GlassCard from "@ogw_front/components/GlassCard";
 import { middleTruncate } from "@ogw_front/utils/string";
+import { useClipboard } from "@vueuse/core";
 import { useDataStore } from "@ogw_front/stores/data";
 import { useMenuStore } from "@ogw_front/stores/menu";
 
@@ -19,6 +20,8 @@ const TRUNCATE_MAX_LENGTH = 22;
 const TRUNCATE_START_CHARS = 12;
 const TRUNCATE_END_CHARS = 7;
 
+const { copy, copied } = useClipboard({ copiedDuring: COPIED_TIMEOUT });
+
 const menuStore = useMenuStore();
 const dataStore = useDataStore();
 
@@ -78,17 +81,12 @@ const displayComponentTitle = computed(() => {
   );
 });
 
-const copied = ref(false);
 async function copyId(targetId) {
   if (!targetId) {
     return;
   }
   try {
-    await navigator.clipboard.writeText(targetId);
-    copied.value = true;
-    setTimeout(() => {
-      copied.value = false;
-    }, COPIED_TIMEOUT);
+    await copy(targetId);
   } catch (error) {
     console.error("Failed to copy ID:", error);
   }

package/app/components/Viewer/ObjectTree/Base/ItemLabel.vue

@@ -1,8 +1,10 @@
 <script setup>
 import { middleTruncate } from "@ogw_front/utils/string";
+import { useClipboard } from "@vueuse/core";
 import { useFeedbackStore } from "@ogw_front/stores/feedback";
 
 const feedbackStore = useFeedbackStore();
+const { copy } = useClipboard();
 
 const { item, isLeaf } = defineProps({
   item: { type: Object, required: true },
@@ -52,7 +54,7 @@ const tooltipDisabled = computed(() => {
 });
 
 async function copyToClipboard(text, label) {
-  await navigator.clipboard.writeText(text);
+  await copy(text);
   feedbackStore.add_success(`${label} copied to clipboard`);
 }
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geode/opengeodeweb-front",
-  "version": "10.32.1",
+  "version": "10.32.2-rc.1",
   "description": "OpenSource Vue/Nuxt/Pinia/Vuetify framework for web applications",
   "homepage": "https://github.com/Geode-solutions/OpenGeodeWeb-Front",
   "bugs": {
@@ -39,8 +39,8 @@
     "build": ""
   },
   "dependencies": {
-    "@geode/opengeodeweb-back": "latest",
-    "@geode/opengeodeweb-viewer": "latest",
+    "@geode/opengeodeweb-back": "next",
+    "@geode/opengeodeweb-viewer": "next",
     "@google-cloud/run": "3.2.0",
     "@kitware/vtk.js": "33.3.0",
     "@mdi/font": "7.4.47",