aleman 1.2.0 → 1.2.2

package/ChangeLog

@@ -1,3 +1,16 @@
+2025.09.02, v1.2.2
+
+fix:
+- 388bb33 menu: afterIf
+
+2025.09.02, v1.2.1
+
+fix:
+- b2e892b package: repository url
+
+feature:
+- cfea6cc aleman: menu: after, afterCondition
+
 2025.09.02, v1.2.0
 
 feature:

package/aleman/add-listeners.js

@@ -68,6 +68,8 @@ const createListener = ({options, addon, readState, writeState}) => (event) => {
         preventDefault,
         stopPropagation,
         filter,
+        after,
+        afterIf,
     } = addon;
     
     if (key && event.key !== key)
@@ -98,4 +100,18 @@ const createListener = ({options, addon, readState, writeState}) => (event) => {
     });
     
     writeState(newState);
+    
+    const isAfterIf = !afterIf || afterIf({
+        state: newState,
+        options,
+    });
+    
+    if (after && isAfterIf)
+        requestAnimationFrame(() => {
+            writeState(after({
+                event,
+                state: newState,
+                options,
+            }));
+        });
 };

package/aleman/index.js

@@ -53,9 +53,9 @@ export const hydrate = (element, config) => {
     });
     
     return {
-        run: (event, fn = id) => {
+        run: (event, addon) => {
             const state = readState();
-            const newState = fn({
+            const newState = addon.listener({
                 state,
                 event,
                 options,
@@ -66,6 +66,15 @@ export const hydrate = (element, config) => {
                 ...state,
                 ...newState,
             });
+            
+            if (addon.afterIf?.({state: newState, options}))
+                requestAnimationFrame(() => {
+                    writeState(addon.after({
+                        event,
+                        options,
+                        state: newState,
+                    }));
+                });
         },
     };
 };

package/menu/addons/context-menu.js

@@ -5,6 +5,8 @@ export const createContextMenu = (name) => {
         name,
         events,
         preventDefault,
+        after,
+        afterIf,
         listener,
     };
 };
@@ -16,7 +18,7 @@ const events = [
 const preventDefault = true;
 
 const listener = ({event, state, options, writeState}) => {
-    const {name, beforeShow} = options;
+    const {beforeShow} = options;
     const {x, y} = {
         x: event.clientX,
         y: event.clientY,
@@ -30,11 +32,6 @@ const listener = ({event, state, options, writeState}) => {
         },
     });
     
-    if (is)
-        requestAnimationFrame(() => {
-            writeState(setPosition(name, event));
-        }, 0);
-    
     const command = is ? 'show' : 'hide';
     
     return {
@@ -45,3 +42,12 @@ const listener = ({event, state, options, writeState}) => {
         },
     };
 };
+
+const after = ({event, options}) => {
+    const {name} = options;
+    return setPosition(name, event);
+};
+
+const afterIf = ({state}) => {
+    return state.command === 'show';
+};

package/menu/addons/set-position.js

@@ -3,7 +3,7 @@ export const setPosition = (name, event) => {
     const {x, y} = calculate(element, event);
     
     element.style.left = `${x}px`;
-    element.style.top = `${y - 14}px`;
+    element.style.top = `${y}px`;
     
     return {
         position: {

package/menu/hydrate-menu.js

@@ -39,8 +39,8 @@ export const hydrateMenu = (elementName, {hydrateElement, options, menu}) => {
                 clientY,
             };
             
-            run(event, contextMenu.listener, options.beforeShow);
+            run(event, contextMenu);
         },
-        hide: () => run({}, click.listener, options.beforeHide),
+        hide: () => run({}, click),
     };
 };

package/package.json

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