aleman 1.1.40 → 1.1.42

package/ChangeLog

@@ -1,3 +1,13 @@
+2025.08.30, v1.1.42
+
+feature:
+- 5fcb0ae aleman: menu: data-menu-path
+
+2025.08.30, v1.1.41
+
+fix:
+- 48a8b59 menu: stopPropagation
+
 2025.08.30, v1.1.40
 
 feature:

package/aleman/add-listeners.js

@@ -66,12 +66,10 @@ const createListener = ({options, addon, readState, writeState}) => (event) => {
         key,
         listener,
         preventDefault,
+        stopPropagation,
         filter,
     } = addon;
     
-    if (preventDefault)
-        event.preventDefault();
-    
     if (key && event.key !== key)
         return;
     
@@ -86,6 +84,12 @@ const createListener = ({options, addon, readState, writeState}) => (event) => {
     if (filter && !is)
         return false;
     
+    if (preventDefault)
+        event.preventDefault();
+    
+    if (stopPropagation)
+        event.stopPropagation();
+    
     const newState = listener({
         event,
         state,

package/menu/addons/click.js

@@ -3,8 +3,7 @@ export const events = ['click'];
 export const filter = ({state}) => state.command === 'show';
 
 export const listener = ({options, state}) => {
-    options.beforeClick?.(state);
-    options.beforeClose?.(state);
+    options.beforeHide?.(state);
     
     return {
         command: 'hide',

package/menu/addons/enter.js

@@ -4,12 +4,15 @@ export const key = 'Enter';
 
 export const filter = ({state}) => state.command === 'show';
 
+export const stopPropagation = true;
+
 export const listener = ({options, state}) => {
     const {index} = state;
     const {menu} = options;
     
     const fn = values(menu)[index];
     setTimeout(fn);
+    options.beforeHide?.(state);
     
     return {
         command: 'hide',

package/menu/addons/escape.js

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

package/menu/addons/item-click.js

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

package/menu/rules/build-menu/fixture/build-menu-fix.js

@@ -1 +1 @@
-<ul data-name="menu" class="menu menu-hidden"><li data-name='menu-item' className='menu-item'><label>hello</label></li><li data-name='menu-item' className='menu-item'><label>world</label></li></ul>;
+<ul data-name="menu" class="menu menu-hidden"><li data-name='menu-item' className='menu-item'><label data-menu-path='hello'>hello</label></li><li data-name='menu-item' className='menu-item'><label data-menu-path='world'>world</label></li></ul>;

package/menu/rules/build-menu/fixture/icon-fix.js

@@ -1 +1 @@
-<ul data-name="menu" class="menu menu-hidden"><li data-name='menu-item' className="menu-item icon icon-hello"><label>hello</label></li><li data-name='menu-item' className="menu-item icon icon-world"><label>world</label></li></ul>;
+<ul data-name="menu" class="menu menu-hidden"><li data-name='menu-item' className="menu-item icon icon-hello"><label data-menu-path='hello'>hello</label></li><li data-name='menu-item' className="menu-item icon icon-world"><label data-menu-path='world'>world</label></li></ul>;

package/menu/rules/build-menu/fixture/nested-fix.js

@@ -1 +1 @@
-<ul data-name="menu" class="menu menu-hidden"><li data-name='menu-item' className="menu-item icon icon-hello"><label>hello</label><ul data-name='menu' className='menu menu-hidden'><li data-name='menu-item' className="menu-item icon icon-world"><label>world</label></li></ul></li></ul>;
+<ul data-name="menu" class="menu menu-hidden"><li data-name='menu-item' className='menu-item icon icon-hello menu-submenu'><label data-menu-path='hello'>hello</label><ul data-name='menu' className='menu menu-hidden'><li data-name='menu-item' className="menu-item icon icon-world"><label data-menu-path='hello.world'>world</label></li></ul></li></ul>;

package/menu/rules/build-menu/index.js

@@ -10,7 +10,7 @@ const isObject = (a) => a && typeof a === 'object';
 export const report = () => `Build menu`;
 
 const createMenuItem = template(`
-    <li data-name="menu-item" className="menu-item"><label>NAME</label></li>
+    <li data-name="menu-item" className="menu-item"><label data-menu-path="">NAME</label></li>
 `);
 
 const createMenu = template(`
@@ -22,7 +22,7 @@ const DefaultMenu = {
     world: noop,
 };
 
-export const fix = ({path, menu, icon}) => {
+export const fix = ({path, menu, icon, name = ''}) => {
     const {children} = path.parentPath.node;
     
     for (const [key, value] of entries(menu)) {
@@ -33,6 +33,8 @@ export const fix = ({path, menu, icon}) => {
         if (icon)
             setIcon(key, menuItem);
         
+        setDataMenuPath(key, name, menuItem);
+        
         children.push(menuItem);
         
         if (isObject(value)) {
@@ -48,6 +50,7 @@ export const fix = ({path, menu, icon}) => {
                 path: openingElement,
                 icon,
                 menu: value,
+                name: key,
             });
         }
     }
@@ -86,6 +89,18 @@ function setSubmenu(menuItem) {
     }
 }
 
+function setDataMenuPath(key, name, menuItem) {
+    const {attributes} = menuItem.children[0].openingElement;
+    const dataMenuPath = name ? `${name}.${key}` : key;
+    
+    for (const attr of attributes) {
+        if (attr.name.name === 'data-menu-path') {
+            setLiteralValue(attr.value, dataMenuPath);
+            break;
+        }
+    }
+}
+
 function setIcon(name, menuItem) {
     const {attributes} = menuItem.openingElement;
     

package/package.json

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