feat: add render graph driven renderer architecture

Amp-Thread-ID: https://ampcode.com/threads/T-019f9d91-77c1-7206-a60f-ed6554ce92ab Co-authored-by: Heaust Azure <heaust.azure@gmail.com>
2026-07-27 02:53:44 +00:00
parent 8a8369706b
commit d4e8634f67
290 changed files with 48804 additions and 1995 deletions
@@ -0,0 +1,30 @@
+import { createApplicationFxNode, type ApplicationFxNode } from "../application-browser.js";
+import type { FxNodeView } from "@lib/index.js";
+import { prepareFxNodeBrowserHost } from "../../shared/browser-host.js";
+import initialLayout from "./initialLayout.json" with { type: "json" };
+const canvas = document.querySelector<HTMLCanvasElement>("#link-tools");
+if (!canvas) throw new Error("Link tools test canvas missing");
+const host = prepareFxNodeBrowserHost({ canvas });
+const handle: { root: ApplicationFxNode | null; view: FxNodeView | null; ready: Promise<void> } = {
+  root: null,
+  view: null,
+  ready: Promise.resolve(),
+};
+window.linkToolsTest = handle;
+handle.ready = (async () => {
+  let root: ApplicationFxNode | undefined, view: FxNodeView | undefined;
+  try {
+    root = await createApplicationFxNode();
+    await root.setState(initialLayout);
+    view = await root.attachView({ canvas, viewport: host.initialViewport });
+    handle.root = root;
+    handle.view = view;
+    host.attach(root, view);
+    await view.whenRendered();
+  } catch (error) {
+    host.destroy();
+    await view?.detach();
+    root?.destroy();
+    throw error;
+  }
+})();