Xmas: Let it snow

packages/frontend-2/components/viewer/view-modes/Menu.vue

@@ -19,6 +19,11 @@
           @click="handleViewModeChange(shortcut.viewMode)"
         />
       </div>
+      <ViewerMenuItem
+        label="Let it snow"
+        :active="snowingEnabled"
+        @click="onSnowModeClick"
+      />
     </div>
   </ViewerMenu>
 </template>
@@ -32,7 +37,7 @@ import { ViewModeShortcuts } from '~/lib/viewer/helpers/shortcuts/shortcuts'
 
 const open = defineModel<boolean>('open', { default: false })
 
-const { setViewMode, currentViewMode } = useViewModeUtilities()
+const { setViewMode, currentViewMode, letItSnow } = useViewModeUtilities()
 const { getShortcutDisplayText, registerShortcuts } = useViewerShortcuts()
 const mp = useMixpanel()
 
@@ -55,9 +60,11 @@ registerShortcuts({
   SetViewModeColors: () => handleViewModeChange(ViewMode.COLORS, true)
 })
 
-const isActiveMode = (mode: ViewMode) => mode === currentViewMode.value
+const isActiveMode = (mode: ViewMode) =>
+  snowingEnabled.value ? false : mode === currentViewMode.value
 
 const viewModeShortcuts = Object.values(ViewModeShortcuts)
+const snowingEnabled = ref(false)
 
 const emit = defineEmits<{
   (e: 'force-close-others'): void
@@ -80,6 +87,11 @@ const handleViewModeChange = (mode: ViewMode, isShortcut = false) => {
   })
 }
 
+const onSnowModeClick = () => {
+  snowingEnabled.value = !snowingEnabled.value
+  letItSnow()
+}
+
 onUnmounted(() => {
   cancelCloseTimer()
 })

packages/frontend-2/lib/viewer/composables/ui.ts

@@ -27,6 +27,7 @@ import type {
   ViewerShortcutAction
 } from '~/lib/viewer/helpers/shortcuts/types'
 import { useActiveElement } from '@vueuse/core'
+import { SnowPipeline } from '@speckle/viewer-sandbox/src/Pipelines/Snow/SnowPipeline'
 
 export function useSectionBoxUtilities() {
   const { instance } = useInjectedViewer()
@@ -501,9 +502,16 @@ export function useViewModeUtilities() {
     }
   }
 
+  const letItSnow = () => {
+    const snowPipeline = new SnowPipeline(instance.getRenderer())
+    instance.getRenderer().pipeline = snowPipeline
+    void snowPipeline.start()
+  }
+
   return {
     currentViewMode,
-    setViewMode
+    setViewMode,
+    letItSnow
   }
 }