@lukekaalim/act-three 6.1.0 → 6.2.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @lukekaalim/act-three
 
+## 6.2.0
+
+### Minor Changes
+
+- Scheduling refactor
+
+### Patch Changes
+
+- Updated dependencies
+  - @lukekaalim/act-backstage@2.0.0
+  - @lukekaalim/act-recon@2.0.0
+  - @lukekaalim/act-web@3.3.0
+
 ## 6.1.0
 
 ### Minor Changes

package/package.json

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

package/render.ts

@@ -1,14 +1,8 @@
-import { createRenderFunction, RenderSpace, Scheduler } from "@lukekaalim/act-backstage";
-import { createWebSpace } from '@lukekaalim/act-web';
-import { createFinaleSpace } from "./space";
+import { createRenderFunction } from "@lukekaalim/act-backstage";
+import { createDOMScheduler } from '@lukekaalim/act-web';
+import { createThreeWebSpace } from "./space";
 
-const intervalScheduler: Scheduler<NodeJS.Timeout> = {
-  duration: 10,
-  request: func => setInterval(func, 10),
-  cancel: id => clearInterval(id),
-}
-
-export const render = createRenderFunction<NodeJS.Timeout, HTMLElement>(intervalScheduler, (tree, root) => RenderSpace.combine([
-  createWebSpace(tree, root),
-  createFinaleSpace(tree),
-]));
+export const render = createRenderFunction<HTMLElement>(
+  createDOMScheduler(),
+  createThreeWebSpace
+);

package/space.ts

@@ -1,8 +1,10 @@
-import { createSimpleRenderSpace } from "@lukekaalim/act-backstage/mod.ts"
+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)
 
@@ -30,4 +32,11 @@ export const createFinaleSpace = (tree: recon.CommitTree) => {
   })
 }
 
+export const createThreeWebSpace = (tree: CommitTree, root: HTMLElement) => {
+  return RenderSpace.combine([
+    createWebSpace(tree, root),
+    createFinaleSpace(tree),
+  ]);
+}
+
 export const finale = createFinaleSpace;