@makano/rew 1.2.59 → 1.2.62

package/lib/rew/pkgs/web.js

@@ -304,6 +304,14 @@ class Page extends Node {
           el.style.setProperty(i, value[i]);
         }
         return;
+      } else if(key.startsWith('on')){
+        if(!el.listeners) el.listeners = [];
+        if(el.listeners.includes(value)) return;
+        el.listeners.push(value);
+        el.addEventListener(key.replace('on', '').toLowerCase(), (event) => {
+          new Function('event', value).call(event.target, event);
+        });
+        return;
       }
       el.setAttribute(key, defVal);
     }
@@ -443,9 +451,9 @@ module.exports = (context, importOptions) => {
     state(value) {
       return new State(value);
     }
-    useState(states, callback){
-      const statesMapped = states.map(i => `getState('${i.id}')`);
-      return `((${callback})(...[${statesMapped}]))`;
+    invokeState(states, callback){
+      const statesMapped = states.map(i => i instanceof State ? `getState('${i.id}')` : (typeof i == "function" ? i.toString() : JSON.stringify(i)));
+      return `((${callback})(event, ...[${statesMapped}]))`;
     }
     async bundle(filepath, options = {}) {
       const virtualModuleId = `virtual:${filepath}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@makano/rew",
-  "version": "1.2.59",
+  "version": "1.2.62",
   "description": "A simple coffescript runtime and app manager",
   "main": "main.js",
   "directories": {

package/runtime.d.ts

@@ -492,7 +492,7 @@ declare class ModuleWeb {
 
   state(value): ModuleWebState | any;
   // @ts-ignore
-  useState(states: State[], callback: CallableFunction): any;
+  invokeState(states: State[], callback: CallableFunction): any;
 
   bundle(filePath: string, options?: Record<string, any>): string;
 }