aleman 1.9.0 → 1.10.0

package/ChangeLog

@@ -1,3 +1,13 @@
+2025.09.14, v1.10.0
+
+feature:
+- d50edf7 aleman: menu: do not close menu when click on submenu name
+
+2025.09.14, v1.9.1
+
+feature:
+- f6f0d8d aleman: menu: add link fallback
+
 2025.09.14, v1.9.0
 
 feature:

package/menu/addons/click.js

@@ -1,6 +1,24 @@
+import jessy from 'jessy';
+import {getMenuPath} from './menu/get-menu-path.js';
+
+const isFn = (a) => typeof a === 'function';
+
 export const events = ['click'];
 
-export const filter = ({state}) => state.command === 'show';
+export const filter = ({event, state, options}) => {
+    const {menu} = options;
+    const menuPath = getMenuPath(event);
+    
+    if (!menuPath)
+        return true;
+    
+    const fn = jessy(menuPath, menu);
+    
+    if (!isFn(fn))
+        return false;
+    
+    return state.command === 'show';
+};
 
 export const listener = ({options, state}) => {
     options.beforeHide?.(state);
@@ -12,3 +30,4 @@ export const listener = ({options, state}) => {
         insideSubmenu: false,
     };
 };
+

package/menu/addons/item-click.js

@@ -1,12 +1,24 @@
 import jessy from 'jessy';
+import {getMenuPath as _getMenuPath} from './menu/get-menu-path.js';
+
+const isFn = (a) => typeof a === 'function';
 
 export const createItemClick = (name) => ({
     name,
     events: ['click'],
     listener,
+    filter,
 });
 
-const listener = ({event, options}) => {
+const filter = ({event, options, getMenuPath = _getMenuPath}) => {
+    const {menu} = options;
+    const menuPath = getMenuPath(event);
+    const fn = jessy(menuPath, menu);
+    
+    return isFn(fn);
+};
+
+const listener = ({event, options, getMenuPath = _getMenuPath}) => {
     const {menu} = options;
     const menuPath = getMenuPath(event);
     const fn = jessy(menuPath, menu);
@@ -21,12 +33,3 @@ const listener = ({event, options}) => {
     };
 };
 
-function getMenuPath(event) {
-    let menuItemElement = document.elementFromPoint(event.clientX, event.clientY);
-    const {menuPath} = menuItemElement.dataset;
-    
-    if (!menuPath)
-        menuItemElement = menuItemElement.querySelector('[data-menu-path]');
-    
-    return menuItemElement.dataset.menuPath;
-}

package/menu/addons/menu/get-menu-path.js

@@ -0,0 +1,13 @@
+export function getMenuPath(event) {
+    let menuItemElement = document.elementFromPoint(event.clientX, event.clientY);
+    const {menuPath} = menuItemElement.dataset;
+    
+    if (!menuPath)
+        menuItemElement = menuItemElement.querySelector('[data-menu-path]');
+    
+    if (!menuPath)
+        return '';
+    
+    return menuItemElement.dataset.menuPath;
+}
+

package/menu/addons/shift-g.js

@@ -1,6 +1,9 @@
 import {getSubmenu} from './submenu/index.js';
 
-export const keys = ['G', '$'];
+export const keys = [
+    'G',
+    '$',
+];
 
 export const preventDefault = true;
 

package/menu/menu.js

@@ -7,7 +7,7 @@ export const createMenu = async (elementName, options, menu) => {
     const hydrateElement = createHydrate(name);
     
     await createMap();
-    await createLink();
+    await loadStyle();
     
     createStateElement(name);
     const {hydrateMenu} = await import('./hydrate-menu.js');
@@ -19,21 +19,39 @@ export const createMenu = async (elementName, options, menu) => {
     });
 };
 
-async function createLink() {
+async function loadStyle() {
     const name = 'aleman-menu-style';
     
     if (findByName(name))
         return;
     
-    const style = document.createElement('style');
+    const [error] = await tryToCatch(importCSS);
     
-    style.dataset.name = name;
+    if (!error)
+        return;
+    
+    createLink();
+}
+
+function createLink() {
+    const link = document.createElement('link');
+    
+    link.rel = 'stylesheet';
+    link.href = new URL('menu.css', import.meta.url).pathname;
+    document.head.appendChild(link);
+}
+
+async function importCSS() {
     const content = await import('./menu.css', {
         with: {
             type: 'css',
         },
     });
     
+    const style = document.createElement('style');
+    
+    style.dataset.name = name;
+    
     for (const rule of content.default.cssRules) {
         style.innerHTML += rule.cssText;
     }
@@ -89,3 +107,11 @@ async function createMap() {
 function findByName(name) {
     return document.querySelector(`[data-name=${name}]`);
 }
+
+async function tryToCatch(fn, args) {
+    try {
+        return [null, await fn(...args)];
+    } catch(error) {
+        return [error];
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aleman",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "type": "module",
   "author": "coderaiser <mnemonic.enemy@gmail.com> (https://github.com/coderaiser)",
   "description": "🐊Putout-based framework for web",
@@ -29,7 +29,8 @@
     "html-escaper": "^3.0.3",
     "jessy": "^4.1.0",
     "once": "^1.4.0",
-    "putout": "^40.5.1"
+    "putout": "^40.5.1",
+    "try-to-catch": "^3.0.1"
   },
   "keywords": [
     "putout",