aleman 1.2.1 → 1.2.3

package/ChangeLog

@@ -1,3 +1,13 @@
+2025.09.03, v1.2.3
+
+feature:
+- ae911f9 aleman: menu: key -> keys
+
+2025.09.02, v1.2.2
+
+fix:
+- 388bb33 menu: afterIf
+
 2025.09.02, v1.2.1
 
 fix:

package/aleman/add-listeners.js

@@ -63,16 +63,16 @@ export const addGlobalListeners = ({globalAddons, options, readState, writeState
 
 const createListener = ({options, addon, readState, writeState}) => (event) => {
     const {
-        key,
+        keys,
         listener,
         preventDefault,
         stopPropagation,
         filter,
         after,
-        conditionAfter,
+        afterIf,
     } = addon;
     
-    if (key && event.key !== key)
+    if (keys && !keys.includes(event.key))
         return;
     
     const state = readState();
@@ -101,7 +101,12 @@ const createListener = ({options, addon, readState, writeState}) => (event) => {
     
     writeState(newState);
     
-    if (after && conditionAfter?.({state: newState, options}))
+    const isAfterIf = !afterIf || afterIf({
+        state: newState,
+        options,
+    });
+    
+    if (after && isAfterIf)
         requestAnimationFrame(() => {
             writeState(after({
                 event,

package/aleman/index.js

@@ -67,7 +67,7 @@ export const hydrate = (element, config) => {
                 ...newState,
             });
             
-            if (addon.conditionAfter?.({state: newState, options}))
+            if (addon.afterIf?.({state: newState, options}))
                 requestAnimationFrame(() => {
                     writeState(addon.after({
                         event,

package/menu/addons/context-menu.js

@@ -6,8 +6,8 @@ export const createContextMenu = (name) => {
         events,
         preventDefault,
         after,
+        afterIf,
         listener,
-        conditionAfter,
     };
 };
 
@@ -48,6 +48,6 @@ const after = ({event, options}) => {
     return setPosition(name, event);
 };
 
-const conditionAfter = ({state}) => {
+const afterIf = ({state}) => {
     return state.command === 'show';
 };

package/menu/addons/down.js

@@ -1,12 +1,13 @@
-const {keys} = Object;
-
-export const key = 'ArrowDown';
+export const keys = [
+    'ArrowDown',
+    'j',
+];
 export const preventDefault = true;
 
 export const listener = ({state, options}) => {
     let {index} = state;
     const {menu} = options;
-    const n = keys(menu).length - 1;
+    const n = Object.keys(menu).length - 1;
     
     if (index < n)
         ++index;

package/menu/addons/enter.js

@@ -1,6 +1,6 @@
 const {values} = Object;
 
-export const key = 'Enter';
+export const keys = ['Enter'];
 
 export const filter = ({state}) => state.command === 'show';
 

package/menu/addons/escape.js

@@ -1,4 +1,4 @@
-export const key = 'Escape';
+export const keys = ['Escape'];
 
 export const listener = ({state, options}) => {
     options.beforeHide?.(state);

package/menu/addons/up.js

@@ -1,4 +1,7 @@
-export const key = 'ArrowUp';
+export const keys = [
+    'ArrowUp',
+    'k',
+];
 
 export const preventDefault = true;
 

package/menu/hydrate-menu.js

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

package/package.json

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