@bimdata/bcf-components 6.2.0 → 6.2.1-rc.2

package/package.json

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

package/src/components/bcf-topic-form/BcfTopicForm.vue

@@ -346,11 +346,13 @@ export default {
 
     const createViewpoints = () => {
       Promise.all(
-        ($viewer?.globalContext.getViewers() ?? [])
-          .filter(viewer => viewer.getLoadedModels().length > 0)
-          .map(viewer =>
-            viewer.getViewpoint().then(viewpoint => viewpointsToCreate.value.push(viewpoint))
-          )
+        ($viewer?.globalContext.localContexts ?? [])
+          .filter(ctx => ctx.viewer && ctx.loadedModels.length > 0)
+          .map(async ctx => {
+            const viewpoint = ctx.getViewpoint();
+            viewpoint.snapshot = await ctx.viewer.getSnapshot();
+            viewpointsToCreate.value.push(viewpoint);
+          })
       );
     };
 
@@ -449,8 +451,9 @@ export default {
         let newTopic;
         if (isCreation.value) {
           if ($viewer) {
-            data.models = $viewer.globalContext.getViewers()
-              .flatMap(v => v.getLoadedModels().map(m => m.id));
+            data.models = $viewer.globalContext.localContexts
+              .filter(ctx => ctx.viewer)
+              .flatMap(ctx => ctx.loadedModelIds);
           }
           newTopic = await service.createTopic(props.project, data);
         } else {

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

@@ -150,10 +150,12 @@ export default {
       }
     };
 
-    const createViewpoint = async ({ viewer }) => {
-      unhighlightViewer(viewer);
+    const createViewpoint = async ({ context }) => {
+      unhighlightViewer(context);
       viewerSelectVisible.value = false;
-      viewpoint.value = await viewer.getViewpoint();
+      const vpt = context.getViewpoint();
+      vpt.snapshot = await context.viewer.getSnapshot();
+      viewpoint.value =  vpt;
     };
 
     const deleteViewpoint = () => {

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

@@ -215,10 +215,12 @@ export default {
       }
     };
 
-    const createViewpoint = async ({ viewer }) => {
-      unhighlightViewer(viewer);
+    const createViewpoint = async ({ context }) => {
+      unhighlightViewer(context);
       viewerSelectVisible.value = false;
-      viewpoint.value = await viewer.getViewpoint();
+      const vpt = context.getViewpoint();
+      vpt.snapshot = await context.viewer.getSnapshot();
+      viewpoint.value =  vpt;
     };
 
     const canEditComment = comment => {

package/src/utils/viewer.js

@@ -1,16 +1,17 @@
 export function getViewerOptions($viewer) {
-  return $viewer.globalContext.getViewers()
-    .map((v, i) => ({ key: `${i}-${v.plugin.name}`, index: i, name: v.plugin.name, viewer: v }));
+  return $viewer.globalContext.localContexts
+    .filter(ctx => ctx.viewer)
+    .map((ctx, i) => ({ key: ctx.id, index: i, name: ctx.viewer.$plugin.name, context: ctx }));
 }
 
-export function highlightViewer(viewer) {
-  viewer.$viewer.localContext.el.style.boxSizing = "border-box";
-  viewer.$viewer.localContext.el.style.border = "2px solid var(--color-primary)";
-  viewer.$viewer.localContext.el.style.opacity = ".85";
+export function highlightViewer(context) {
+  context.el.style.boxSizing = "border-box";
+  context.el.style.border = "2px solid var(--color-primary)";
+  context.el.style.opacity = ".85";
 }
 
-export function unhighlightViewer(viewer) {
-  viewer.$viewer.localContext.el.style.boxSizing = "";
-  viewer.$viewer.localContext.el.style.border = "";
-  viewer.$viewer.localContext.el.style.opacity = "";
+export function unhighlightViewer(context) {
+  context.el.style.boxSizing = "";
+  context.el.style.border = "";
+  context.el.style.opacity = "";
 }