V2: Origin based animations, Gesture Builder, New Demo, non-url-based-routing. Massive improvements.

packages/core-v2/src/components/OriginScene.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import { onBeforeUnmount, ref, watchEffect } from "vue";
+import type { OriginSceneProps } from "../types";
+import OriginNodeHost from "./OriginNodeHost.vue";
+
+defineOptions({ name: "OriginScene" });
+
+const props = defineProps<OriginSceneProps>();
+
+const root = ref<HTMLElement | null>(null);
+watchEffect(() => props.scene.registerContainer(root.value));
+onBeforeUnmount(() => props.scene.registerContainer(null));
+</script>
+
+<template>
+  <!--
+    All component hosts are siblings. The operation graph is intentionally not
+    mirrored as DOM ancestry because promoting Y after X→Y must not remount Y.
+  -->
+  <main
+    ref="root"
+    class="nvo-scene"
+    :style="{
+      position: 'relative',
+      width: '100%',
+      height: '100%',
+      overflow: 'hidden',
+      isolation: 'isolate',
+    }"
+  >
+    <OriginNodeHost
+      v-for="node in scene.nodes.value"
+      :key="node.key"
+      :scene="scene"
+      :node="node"
+    />
+  </main>
+</template>