aleman 1.1.8 → 1.1.10

package/aleman/index.js

@@ -41,4 +41,26 @@ export const hydrate = (element, {addons, options, state, rules, stateName = 'al
         globalAddons,
         options,
     });
+    
+    return {
+        run: (partialState) => {
+            const state = {
+                ...readState(),
+                ...partialState,
+            };
+            
+            const [is, result] = render(state);
+            
+            if (!is)
+                return;
+            
+            element.innerHTML = result;
+            addListeners({
+                readState,
+                writeState,
+                namedAddons,
+                options,
+            });
+        },
+    };
 };

package/menu/addons/click.js

@@ -1,6 +1,9 @@
 export const events = ['click'];
 
-export const listener = () => ({
-    command: 'hide',
-    index: -1,
-});
+export const listener = ({options}) => {
+    options.beforeClick?.();
+    return {
+        command: 'hide',
+        index: -1,
+    };
+};

package/menu/addons/context-menu.js

@@ -4,10 +4,13 @@ export const events = [
 
 export const preventDefault = true;
 
-export const listener = ({event}) => ({
-    command: 'show',
-    position: {
-        left: event.clientX,
-        top: event.clientY - 14,
-    },
-});
+export const listener = ({event, options}) => {
+    options.beforeShow?.();
+    return {
+        command: 'show',
+        position: {
+            left: event.clientX,
+            top: event.clientY - 14,
+        },
+    };
+};

package/menu/addons/escape.js

@@ -1,6 +1,9 @@
 export const key = 'Escape';
 
-export const listener = () => ({
-    command: 'hide',
-    index: -1,
-});
+export const listener = ({options}) => {
+    options.beforeHide?.();
+    return {
+        command: 'hide',
+        index: -1,
+    };
+};

package/menu/addons/f9.js

@@ -1,9 +1,12 @@
 export const key = 'F9';
 
-export const listener = () => ({
-    command: 'show',
-    position: {
-        left: 0,
-        top: 0,
-    },
-});
+export const listener = ({options}) => {
+    options.beforeShow?.();
+    return {
+        command: 'show',
+        position: {
+            left: 0,
+            top: 0,
+        },
+    };
+};

package/menu/addons/item-click.js

@@ -8,6 +8,7 @@ export const listener = ({event, options}) => {
     const fn = menu[name];
     
     setTimeout(fn);
+    options.beforeClose?.();
     
     return {
         index: -1,

package/menu/hydrate-menu.js

@@ -11,12 +11,24 @@ export const hydrateMenu = (element, options, menu) => {
     });
     
     const state = initState(options);
-    
-    hydrate(element, {
+    const {run} = hydrate(element, {
         options,
         state,
         addons,
         rules,
         stateName: 'aleman-state-menu',
     });
+    
+    const show = run.bind(null, {
+        command: 'show',
+    });
+    
+    const hide = run.bind(null, {
+        command: 'hide',
+    });
+    
+    return {
+        show,
+        hide,
+    };
 };

package/menu/menu.js

@@ -9,7 +9,7 @@ export const createMenu = async (element, options, menuData) => {
     createStateElement();
     const {hydrateMenu} = await import('./hydrate-menu.js');
     
-    hydrateMenu(hydrateElement, options, menuData);
+    return hydrateMenu(hydrateElement, options, menuData);
 };
 
 async function createLink() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aleman",
-  "version": "1.1.8",
+  "version": "1.1.10",
   "type": "module",
   "author": "coderaiser <mnemonic.enemy@gmail.com> (https://github.com/coderaiser)",
   "description": "🐊Putout-based framework for web",