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>

vendor/fxnode/examples/blender/parity/main.ts

@@ -0,0 +1,20 @@
+import { createApplicationFxNode } from "../application-browser.js";
+import { prepareFxNodeBrowserHost } from "../../shared/browser-host.js";
+import initialLayout from "./initialLayout.json" with { type: "json" };
+const canvas = document.querySelector("canvas")!;
+const host = prepareFxNodeBrowserHost({ canvas });
+let root: Awaited<ReturnType<typeof createApplicationFxNode>> | undefined,
+  view: Awaited<ReturnType<NonNullable<typeof root>["attachView"]>> | undefined;
+try {
+  root = await createApplicationFxNode();
+  await root.setState(initialLayout);
+  view = await root.attachView({ canvas, viewport: host.initialViewport });
+  host.attach(root, view);
+  await view.whenRendered();
+  window.parityExample = { root, view };
+} catch (error) {
+  host.destroy();
+  await view?.detach();
+  root?.destroy();
+  throw error;
+}