aleman 1.1.42 → 1.1.44

package/ChangeLog

@@ -1,3 +1,13 @@
+2025.09.02, v1.1.44
+
+feature:
+- b9af387 aleman: menu: element -> selector
+
+2025.09.01, v1.1.43
+
+feature:
+- 6f1ae4b aleman: jessy
+
 2025.08.30, v1.1.42
 
 feature:

package/menu/addons/context-menu.js

@@ -1,10 +1,19 @@
-export const events = [
+export const createContextMenu = (name) => {
+    return {
+        name,
+        events,
+        preventDefault,
+        listener,
+    };
+};
+
+const events = [
     'contextmenu',
 ];
 
-export const preventDefault = true;
+const preventDefault = true;
 
-export const listener = ({event, state, options}) => {
+const listener = ({event, state, options}) => {
     const {beforeShow} = options;
     
     const is = !beforeShow || beforeShow?.({

package/menu/addons/index.js

@@ -1,4 +1,3 @@
-import * as contextMenu from './context-menu.js';
 import * as click from './click.js';
 import * as escape from './escape.js';
 import * as down from './down.js';
@@ -6,7 +5,6 @@ import * as up from './up.js';
 import * as enter from './enter.js';
 
 export const addons = [
-    contextMenu,
     click,
     escape,
     down,

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/hydrate-menu.js

@@ -6,19 +6,22 @@ import {createMouseEnter} from './addons/mouse-enter.js';
 import {createItemClick} from './addons/item-click.js';
 import * as contextMenu from './addons/context-menu.js';
 import * as click from './addons/click.js';
+import {createContextMenu} from './addons/context-menu.js';
 
 const {assign} = Object;
 
-export const hydrateMenu = (element, options, menu) => {
+export const hydrateMenu = (name, {hydrateElement, options, menu}) => {
     assign(options, {
         menu,
     });
     
     const state = initState(options);
-    const {run} = hydrate(element, {
+    const contextMenu = createContextMenu(name);
+    const {run} = hydrate(hydrateElement, {
         options,
         state,
         addons: [
+            contextMenu,
             createMouseEnter(options.name),
             createItemClick(options.name),
             ...addons,

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/menu.js

@@ -1,6 +1,6 @@
 const {stringify} = JSON;
 
-export const createMenu = async (element, options, menuData) => {
+export const createMenu = async (elementName, options, menu) => {
     options.name = options.name || 'menu';
     const {name} = options;
     
@@ -12,7 +12,11 @@ export const createMenu = async (element, options, menuData) => {
     createStateElement(name);
     const {hydrateMenu} = await import('./hydrate-menu.js');
     
-    return hydrateMenu(hydrateElement, options, menuData);
+    return hydrateMenu(elementName, {
+        hydrateElement,
+        options,
+        menu,
+    });
 };
 
 async function createLink() {

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 data-menu-path="">NAME</label></li>
+    <li data-name="menu-item" className="menu-item" data-menu-path=""><label data-menu-path="">NAME</label></li>
 `);
 
 const createMenu = template(`
@@ -34,6 +34,7 @@ export const fix = ({path, menu, icon, name = ''}) => {
             setIcon(key, menuItem);
         
         setDataMenuPath(key, name, menuItem);
+        setDataMenuPath(key, name, menuItem.children[0]);
         
         children.push(menuItem);
         
@@ -90,7 +91,7 @@ function setSubmenu(menuItem) {
 }
 
 function setDataMenuPath(key, name, menuItem) {
-    const {attributes} = menuItem.children[0].openingElement;
+    const {attributes} = menuItem.openingElement;
     const dataMenuPath = name ? `${name}.${key}` : key;
     
     for (const attr of attributes) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aleman",
-  "version": "1.1.42",
+  "version": "1.1.44",
   "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"
   },