@bimdata/bcf-components 6.2.1-rc.5 → 6.2.1-rc.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bimdata/bcf-components",
-  "version": "6.2.1-rc.5",
+  "version": "6.2.1-rc.6",
   "files": [
     "src",
     "vue3-plugin.js"

package/src/components/bcf-topic-overview/bcf-topic-comments/BcfTopicComments.vue

@@ -96,7 +96,7 @@
 <script>
 import { onMounted, inject, ref, watch, onBeforeUnmount } from "vue";
 import service from "../../../service.js";
-import { getViewerOptions, highlightViewer, unhighlightViewer } from "../../../utils/viewer.js";
+import { getViewerOptions, getViewerViewpoint, highlightViewer, unhighlightViewer } from "../../../utils/viewer.js";
 
 // Components
 import TopicComment from "./topic-comment/TopicComment.vue";
@@ -153,9 +153,7 @@ export default {
     const createViewpoint = async ({ context }) => {
       unhighlightViewer(context);
       viewerSelectVisible.value = false;
-      const vpt = context.getViewpoint();
-      vpt.snapshot = await context.getSnapshot();
-      viewpoint.value =  vpt;
+      viewpoint.value = await getViewerViewpoint(context);
     };
 
     const deleteViewpoint = () => {

package/src/components/bcf-topic-overview/bcf-topic-comments/topic-comment/TopicComment.vue

@@ -139,7 +139,7 @@
 <script>
 import { inject, onMounted, ref, onBeforeUnmount } from "vue";
 import service from "../../../../service.js";
-import { getViewerOptions, highlightViewer, unhighlightViewer } from "../../../../utils/viewer.js";
+import { getViewerOptions, getViewerViewpoint, highlightViewer, unhighlightViewer } from "../../../../utils/viewer.js";
 
 // TODO: should be imported from DS
 import UserAvatar from "../../../user-avatar/UserAvatar.vue";
@@ -218,9 +218,7 @@ export default {
     const createViewpoint = async ({ context }) => {
       unhighlightViewer(context);
       viewerSelectVisible.value = false;
-      const vpt = context.getViewpoint();
-      vpt.snapshot = await context.getSnapshot();
-      viewpoint.value =  vpt;
+      viewpoint.value = await getViewerViewpoint(context);
     };
 
     const canEditComment = comment => {

package/src/utils/viewer.js

@@ -4,16 +4,24 @@ export function getViewerOptions($viewer) {
     .map((ctx, i) => ({ key: ctx.id, index: i, name: ctx.viewer.$plugin.name, context: ctx }));
 }
 
+export async function getViewerViewpoint(context) {
+  const ctx = context.viewer.$viewer.localContext;
+  return {
+    ...ctx.getViewpoint(),
+    snapshot: await ctx.getSnapshot()
+  };
+}
+
 export function highlightViewer(context) {
-  const el = context.viewer.$viewer.localContext.el;
-  el.style.boxSizing = "border-box";
-  el.style.border = "2px solid var(--color-primary)";
-  el.style.opacity = ".85";
+  const ctx = context.viewer.$viewer.localContext;
+  ctx.el.style.boxSizing = "border-box";
+  ctx.el.style.border = "2px solid var(--color-primary)";
+  ctx.el.style.opacity = ".85";
 }
 
 export function unhighlightViewer(context) {
-  const el = context.viewer.$viewer.localContext.el;
-  el.style.boxSizing = "";
-  el.style.border = "";
-  el.style.opacity = "";
+  const ctx = context.viewer.$viewer.localContext;
+  ctx.el.style.boxSizing = "";
+  ctx.el.style.border = "";
+  ctx.el.style.opacity = "";
 }