@lukekaalim/act-web 3.3.0 → 3.4.0-alpha.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @lukekaalim/act-web
 
+## 3.4.0-alpha.1
+
+### Patch Changes
+
+- Added "Style" prop support to SVG
+
+## 3.4.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
+
 ## 3.3.0
 
 ### Minor Changes

package/mod.ts

@@ -2,3 +2,4 @@ export * from './space.ts';
 export * from './element.ts';
 export * from './props.ts';
 export * from './render.ts';
+export * from './scheduler.ts';

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@lukekaalim/act-web",
-  "version": "3.3.0",
+  "version": "3.4.0-alpha.1",
   "type": "module",
   "main": "mod.ts",
   "dependencies": {
     "@lukekaalim/act": "^3.1.0",
-    "@lukekaalim/act-recon": "^2.0.0",
-    "@lukekaalim/act-backstage": "^2.0.0"
+    "@lukekaalim/act-recon": "^3.0.0-alpha.0",
+    "@lukekaalim/act-backstage": "^3.0.0-alpha.0"
   }
 }

package/props.ts

@@ -43,6 +43,8 @@ export const setSVGElementProps = (
       case 'ref':
         (next as any).current = node;
         return true;
+      case 'style':
+        return (setStyleProp(node.style, next as any, prev as any), true);
       default:
         node.setAttribute(name, next as any);
         return true;

package/render.ts

@@ -1,31 +1,7 @@
-import { createId, h } from "@lukekaalim/act";
+import { h } from "@lukekaalim/act";
 import { createWebSpace, HTML } from "./space";
 import { createRenderFunction, RenderFunction } from "@lukekaalim/act-backstage";
-import { Scheduler } from "@lukekaalim/act-recon";
-
-export const createDOMScheduler = (): Scheduler => {
-  const workMap = new Map();
-  let id: number | null = null;
-  const work = () => {
-    id = null;
-    for (const [,callback] of workMap)
-      callback();
-
-    workMap.clear();
-  };
-  return {
-    requestWork(callback) {
-      const workId = createId<'WorkID'>();
-      workMap.set(workId, callback);
-      if (!id)
-        id = setTimeout(work, 1) as any;
-      return workId;
-    },
-    cancelWork(workId) {
-      workMap.delete(workId);
-    },
-  }
-}
+import { createDOMScheduler } from "./scheduler";
 
 
 export const render: RenderFunction<HTMLElement> = (node, root) => 

package/scheduler.ts

@@ -0,0 +1,26 @@
+import { createId } from "@lukekaalim/act";
+import { Scheduler } from "@lukekaalim/act-recon";
+
+export const createDOMScheduler = (): Scheduler => {
+  const workMap = new Map();
+  let id: number | null = null;
+  const work = () => {
+    id = null;
+    for (const [,callback] of workMap)
+      callback();
+
+    workMap.clear();
+  };
+  return {
+    requestWork(callback) {
+      const workId = createId<'WorkID'>();
+      workMap.set(workId, callback);
+      if (!id)
+        id = setTimeout(work, 1) as any;
+      return workId;
+    },
+    cancelWork(workId) {
+      workMap.delete(workId);
+    },
+  }
+}