aleman 1.1.41 → 1.1.43

package/ChangeLog

@@ -1,3 +1,13 @@
+2025.09.01, v1.1.43
+
+feature:
+- 6f1ae4b aleman: jessy
+
+2025.08.30, v1.1.42
+
+feature:
+- 5fcb0ae aleman: menu: data-menu-path
+
 2025.08.30, v1.1.41
 
 fix:

package/menu/addons/item-click.js

@@ -1,3 +1,5 @@
+import jessy from 'jessy';
+
 export const createItemClick = (name) => ({
     name,
     events: ['click'],
@@ -6,9 +8,9 @@ export const createItemClick = (name) => ({
 
 const listener = ({event, options}) => {
     const menuItemElement = document.elementFromPoint(event.clientX, event.clientY);
-    const name = menuItemElement.textContent.trim();
+    const {menuPath} = menuItemElement.dataset;
     const {menu} = options;
-    const fn = menu[name];
+    const fn = jessy(menuPath, menu);
     
     setTimeout(fn);
     options.beforeHide?.();
@@ -18,3 +20,4 @@ const listener = ({event, options}) => {
         command: 'hide',
     };
 };
+

package/menu/importmap.js

@@ -1,7 +1,8 @@
 export const importmap = {
     imports: {
-        'putout': 'https://esm.sh/@putout/bundle',
+        'putout': 'https://esm.sh/@putout/bundle@4.5.3',
         '@putout/processor-html': 'https://esm.sh/@putout/processor-html',
         'fullstore': 'https://esm.sh/fullstore',
+        'jessy': 'https://esm.sh/jessy',
     },
 };

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" data-menu-path=""><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,9 @@ export const fix = ({path, menu, icon}) => {
         if (icon)
             setIcon(key, menuItem);
         
+        setDataMenuPath(key, name, menuItem);
+        setDataMenuPath(key, name, menuItem.children[0]);
+        
         children.push(menuItem);
         
         if (isObject(value)) {
@@ -48,6 +51,7 @@ export const fix = ({path, menu, icon}) => {
                 path: openingElement,
                 icon,
                 menu: value,
+                name: key,
             });
         }
     }
@@ -86,6 +90,18 @@ function setSubmenu(menuItem) {
     }
 }
 
+function setDataMenuPath(key, name, menuItem) {
+    const {attributes} = menuItem.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.41",
+  "version": "1.1.43",
   "type": "module",
   "author": "coderaiser <mnemonic.enemy@gmail.com> (https://github.com/coderaiser)",
   "description": "🐊Putout-based framework for web",
@@ -27,6 +27,7 @@
     "@putout/processor-html": "^14.0.2",
     "fullstore": "^3.0.0",
     "html-escaper": "^3.0.3",
+    "jessy": "^4.1.0",
     "once": "^1.4.0",
     "putout": "^40.5.1"
   },