@lukekaalim/act-three 6.2.0 → 7.0.0

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # @lukekaalim/act-three
 
+## 7.0.0
+
+### Major Changes
+
+- afd247e: Another major refactor! So everything is broken. Good luck!
+
+### Minor Changes
+
+- b3f6c49: Added debug capabilities and protocol
+
+### Patch Changes
+
+- Updated dependencies [6658c01]
+- Updated dependencies [bd0a076]
+- Updated dependencies [fdf1557]
+- Updated dependencies [7597a8f]
+- Updated dependencies [ccb3900]
+- Updated dependencies [afd247e]
+- Updated dependencies [2984273]
+- Updated dependencies [b3f6c49]
+- Updated dependencies [c5e8775]
+  - @lukekaalim/act-backstage@3.0.0
+  - @lukekaalim/act-web@4.0.0
+  - @lukekaalim/act-recon@3.0.0
+  - @lukekaalim/act@4.0.0
+
+## 6.3.0-alpha.0
+
+### Minor Changes
+
+- b3f6c49: Added debug capabilities and protocol
+
+### Patch Changes
+
+- Updated dependencies [b3f6c49]
+  - @lukekaalim/act-backstage@3.0.0-alpha.0
+  - @lukekaalim/act-recon@3.0.0-alpha.0
+  - @lukekaalim/act-web@3.4.0-alpha.0
+
 ## 6.2.0
 
 ### Minor Changes

package/README.md

@@ -0,0 +1,2 @@
+# @lukekaalim/act-three
+

package/builder.ts

@@ -0,0 +1,32 @@
+import { NodeBuilder } from "@lukekaalim/act-backstage";
+import { Object3D } from "three";
+import { getElementHandler } from "./elements";
+import { Component, h, specialNodeTypes } from "@lukekaalim/act";
+
+export const ThreeJSRoot: Component = ({ children }) => h(specialNodeTypes.render, { type: 'threejs' }, children);
+
+export const createThreeJSBuilder = (rootObject: Object3D | null = null): NodeBuilder<Object3D, 'threejs'> => ({
+  roots: new Set(['threejs']),
+
+  create(element) {
+    const handler = getElementHandler(element.type);
+    if (handler)
+      return handler.create(element.props);
+    return null;
+  },
+  update(el, next, prev) {
+    const handler = getElementHandler(next.type);
+    if (handler)
+      handler.setProps(el, prev && prev.props, next.props);
+  },
+  linkRoot: rootObject && ((child) => {
+    rootObject.add(child);
+  }) || undefined,
+  link(el, parent) {
+    parent && parent.add(el)
+  },
+  destroy(el) {
+    if (el.parent)
+      el.removeFromParent()
+  },
+})

package/mod.ts

@@ -1,5 +1,5 @@
 export { three } from './deps.ts';
-export * from './space.ts';
 export * from './render.ts';
 export * from './props.ts';
 export * from './elements.ts';
+export * from './builder.ts';

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@lukekaalim/act-three",
   "main": "mod.ts",
-  "version": "6.2.0",
+  "version": "7.0.0",
   "dependencies": {
     "@types/three": ">= 0.171.0",
-    "@lukekaalim/act-web": "^3.3.0",
-    "@lukekaalim/act": "^3.1.0",
-    "@lukekaalim/act-recon": "^2.0.0",
-    "@lukekaalim/act-backstage": "^2.0.0"
+    "@lukekaalim/act-web": "^4.0.0",
+    "@lukekaalim/act": "^4.0.0",
+    "@lukekaalim/act-recon": "^3.0.0",
+    "@lukekaalim/act-backstage": "^3.0.0"
   },
   "peerDependencies": {
     "three": ">= 0.171.0"

package/render.ts

@@ -1,8 +1,39 @@
-import { createRenderFunction } from "@lukekaalim/act-backstage";
-import { createDOMScheduler } from '@lukekaalim/act-web';
-import { createThreeWebSpace } from "./space";
-
-export const render = createRenderFunction<HTMLElement>(
-  createDOMScheduler(),
-  createThreeWebSpace
-);
+import { h, Node } from "@lukekaalim/act";
+import { RenderSpace2 } from "@lukekaalim/act-backstage";
+import { Reconciler2 } from "@lukekaalim/act-recon";
+import { createDOMScheduler, createWebNodeBuilder, HTML } from "@lukekaalim/act-web";
+import { createThreeJSBuilder, ThreeJSRoot } from "./builder";
+import { Object3D } from "three";
+
+type Options = {
+  web?: {}
+};
+
+export const render = (node: Node, root: HTMLElement, options: Options = {}) => {
+  const scheduler = createDOMScheduler();
+  const reconciler = new Reconciler2(scheduler);
+
+  const webSpace = new RenderSpace2(reconciler.tree, createWebNodeBuilder(root));
+  const threeSpace = new RenderSpace2(reconciler.tree, createThreeJSBuilder());
+
+  reconciler.bus = {
+    render(delta) {
+      webSpace.create(delta);
+      threeSpace.create(delta);
+
+      webSpace.update(delta);
+      threeSpace.update(delta);
+    },
+  }
+  reconciler.mount(h(HTML, {}, node));
+}
+
+export const renderToObject = (node: Node, root: Object3D) => {
+  const scheduler = createDOMScheduler();
+  const reconciler = new Reconciler2(scheduler);
+  const threeSpace = new RenderSpace2(reconciler.tree, createThreeJSBuilder(root));
+
+  reconciler.bus = threeSpace.bus;
+
+  reconciler.mount(h(ThreeJSRoot, {}, node));
+}

package/space.ts

@@ -1,42 +0,0 @@
-import { createSimpleRenderSpace, RenderSpace } from "@lukekaalim/act-backstage"
-import { act, recon, three } from "./deps"
-import { setProps } from "./props";
-import { primitiveNodeTypes, renderNodeType } from "@lukekaalim/act";
-import { getElementHandler } from "./elements";
-import { createWebSpace } from "@lukekaalim/act-web";
-import { CommitTree } from "@lukekaalim/act-recon";
-
-export const ThreeJS: act.Component = ({ children }) => act.h(renderNodeType, { type: 'threejs' }, children)
-
-export const createFinaleSpace = (tree: recon.CommitTree) => {
-  return createSimpleRenderSpace(tree, {
-    rootTypes: new Set(['threejs']),
-    create(element) {
-      const handler = getElementHandler(element.type);
-      if (handler)
-        return handler.create(element.props);
-      return null;
-    },
-    update(el, next, prev) {
-      const handler = getElementHandler(next.type);
-      if (handler)
-        handler.setProps(el, prev && prev.props, next.props);
-    },
-    link(el, parent) {
-      parent && parent.add(el)
-    },
-    destroy(el) {
-      if (el.parent)
-        el.removeFromParent()
-    },
-  })
-}
-
-export const createThreeWebSpace = (tree: CommitTree, root: HTMLElement) => {
-  return RenderSpace.combine([
-    createWebSpace(tree, root),
-    createFinaleSpace(tree),
-  ]);
-}
-
-export const finale = createFinaleSpace;