Add viewer feature

Author: Clemamolette

components/Launcher.vue

@@ -18,7 +18,7 @@
 <script setup>
 import { VueRecaptcha } from "vue-recaptcha"
 
-// const ws_link_store = use_ws_link_store()
+const websocket_store = use_websocket_store()
 const cloud_store = use_cloud_store()
 const { is_cloud_running, is_captcha_validated, is_connexion_launched } = storeToRefs(cloud_store)
 
@@ -29,9 +29,9 @@ const props = defineProps({
 const { site_key } = toRefs(props)
 
 watch(is_captcha_validated, async (value) => {
-  if (value === true) {
+  if (value === true && process.client) {
     await cloud_store.create_connexion()
-    // await ws_link_store.ws_connect()
+    await websocket_store.ws_connect()
   }
 })
 

components/RemoteRenderingView.vue components/RemoteRenderingView.client.vuecomponents/RemoteRenderingView.vue renamed to components/RemoteRenderingView.client.vue

@@ -6,15 +6,15 @@
 
 <script setup>
 import vtkRemoteView from '@kitware/vtk.js/Rendering/Misc/RemoteView';
-import { vElementSize } from '@vueuse/components'
+import { useElementSize } from '@vueuse/core'
 
-const app_store = use_app_store()
-const { picking_mode } = storeToRefs(app_store)
+const viewer_store = use_viewer_store()
+const { picking_mode } = storeToRefs(viewer_store)
 
 function get_x_y (event) {
   if (picking_mode.value === true) {
     const { offsetX, offsetY } = event
-    app_store.set_picked_point(offsetX, offsetY)
+    viewer_store.set_picked_point(offsetX, offsetY)
   }
 }
 
@@ -27,7 +27,7 @@ const viewer = ref(null)
 const { width, height } = useElementSize(viewer)
 
 function resize () {
-  view.getCanvasView().setSize(0, 0) // hack to fit full size
+  view.getCanvasView().setSize(1, 1)
   view.resize();
 }