aleman 1.3.0 → 1.3.2

package/ChangeLog

@@ -1,3 +1,14 @@
+2025.09.04, v1.3.2
+
+feature:
+- a94f8d9 aleman: menu: jsx-operator: add
+- 6a18625 aleman: menu: operator: add
+
+2025.09.04, v1.3.1
+
+feature:
+- 314e4f9 aleman: menu: hide-submenu
+
 2025.09.04, v1.3.0
 
 feature:

package/aleman/state.js

@@ -39,6 +39,7 @@ export const createState = (state, {options, listener, stateName = 'aleman-state
     
     history[str] = true;
     stateElement.textContent = str;
+    window.alemanSync = fn;
     
     document.addEventListener('keydown', ({key}) => {
         if (key === '`')

package/menu/README.md

@@ -8,6 +8,7 @@
 - ✅[`build-menu`](https://putout.cloudcmd.io/#/gist/329dccd5fdc7f8b220be79af405dc9bb/b56df53f52bbe2a300ede38a96d1d2242e60679f);
 - ✅[`set-position`](https://putout.cloudcmd.io/#/gist/215bb4654a27f15235f3e380a3035138/7f4af88aaa4863be4f1b8a90b9f0f4b1cf4744a0);
 - ✅[`submenu`](https://putout.cloudcmd.io/#/gist/b0a3b64d14f3497869a345e7e438d66e/feb671c4a59a555ff408af92fab602bae3a94e2f);
+- ✅[`hide-submenu`](https://putout.cloudcmd.io/#/gist/fdf6cf60a7fdfa2bae64279eda2ab023/ce0d5e24dc5e0b3436b7e87585c62e8a5132a9ab);
 
 ## License
 

package/menu/addons/click.js

@@ -9,5 +9,6 @@ export const listener = ({options, state}) => {
         command: 'hide',
         index: -1,
         showSubmenu: false,
+        insideSubmenu: false,
     };
 };

package/menu/addons/mouse-enter.js

@@ -3,5 +3,8 @@ export const createMouseEnter = (name) => ({
     events: ['mouseenter'],
     listener: () => ({
         index: -1,
+        showSubmenu: false,
+        insideSubmenu: false,
+        submenuIndex: 0,
     }),
 });

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

@@ -1,7 +1,10 @@
-import {template, operator} from 'putout';
+import {template} from 'putout';
 import {checkDataName} from '../check-data-name.js';
+import {
+    appendAttributeValue,
+    setAttributeValue,
+} from '../jsx-operator.js';
 
-const {setLiteralValue} = operator;
 const {entries} = Object;
 
 const noop = () => {};
@@ -80,37 +83,16 @@ export const traverse = ({options, push}) => ({
 });
 
 function setSubmenu(menuItem) {
-    const {attributes} = menuItem.openingElement;
-    
-    for (const attr of attributes) {
-        if (attr.name.name === 'className') {
-            setLiteralValue(attr.value, `${attr.value.value} menu-submenu`);
-            break;
-        }
-    }
+    appendAttributeValue(menuItem, 'className', 'menu-submenu');
 }
 
 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;
-        }
-    }
+    setAttributeValue(menuItem, 'data-menu-path', dataMenuPath);
 }
 
 function setIcon(name, menuItem) {
-    const {attributes} = menuItem.openingElement;
-    
-    for (const attr of attributes) {
-        if (attr.name.name === 'className') {
-            setLiteralValue(attr.value, `${attr.value.value} icon ${getIconName(name)}`);
-            break;
-        }
-    }
+    appendAttributeValue(menuItem, 'className', `icon ${getIconName(name)}`);
 }
 
 function getIconName(name) {

package/menu/rules/check-data-name.js

@@ -1,10 +1,7 @@
-export function checkDataName(path, dataName = 'menu') {
-    const {attributes} = path.node;
+import {getAttributeValue} from './jsx-operator.js';
+
+export function checkDataName(path, value = 'menu') {
+    const attribute = getAttributeValue(path, 'data-name');
     
-    for (const {name, value} of attributes) {
-        if (name.name === 'data-name')
-            return value.value === dataName;
-    }
-    
-    return false;
+    return attribute === value;
 }

package/menu/rules/hide-submenu/fixture/hide-submenu-fix.js

@@ -0,0 +1,17 @@
+// second selected
+<ul data-name="menu" className="menu menu-hidden">
+    <li data-menu-path="Upload" data-name="menu-item" className="menu-item icon icon-view">
+    <label data-menu-path="Upload">Upload</label>
+</li>
+    <li data-menu-path="New" data-name="menu-item" className='menu-item icon icon-edit menu-item-selected'>
+    <label data-menu-path="New">New</label>
+    <ul data-name="menu" className="menu menu-hidden">
+        <li data-menu-path="New.File" data-name="menu-item" className="menu-item icon icon-view">
+        <label data-menu-path="New.File">File</label>
+    </li>
+        <li data-menu-path="New.Directory" data-name="menu-item" className="menu-item icon icon-edit">
+        <label data-menu-path="New.Directory">Directory</label>
+    </li>
+    </ul>
+</li>
+</ul>;

package/menu/rules/hide-submenu/fixture/hide-submenu.js

@@ -0,0 +1,18 @@
+// second selected
+<ul data-name="menu" className="menu menu-hidden">
+    <li data-menu-path="Upload" data-name="menu-item" className="menu-item icon icon-view">
+        <label data-menu-path="Upload">Upload</label>
+    </li>
+    <li data-menu-path="New" data-name="menu-item" className="menu-item icon icon-edit menu-item-selected menu-submenu-show">
+        <label data-menu-path="New">New</label>
+            <ul data-name="menu" className="menu menu-hidden">
+                <li data-menu-path="New.File" data-name="menu-item" className="menu-item icon icon-view">
+                    <label data-menu-path="New.File">File</label>
+                </li>
+                <li data-menu-path="New.Directory" data-name="menu-item" className="menu-item icon icon-edit">
+                    <label data-menu-path="New.Directory">Directory</label>
+                </li>
+            </ul>
+    </li>
+</ul>;
+

package/menu/rules/hide-submenu/index.js

@@ -0,0 +1,41 @@
+import {operator} from 'putout';
+import {checkDataName} from '../check-data-name.js';
+import {getAttributePath} from '../jsx-operator.js';
+
+const {setLiteralValue} = operator;
+
+export const report = () => `Hide submenu`;
+
+export const fix = (path) => {
+    const {value} = path.node;
+    const newValue = value.value;
+    
+    setLiteralValue(value, newValue
+        .replace('menu-submenu-show', '')
+        .trim());
+};
+
+export const traverse = ({push, options}) => ({
+    JSXOpeningElement(path) {
+        const {name, showSubmenu} = options;
+        
+        if (path.node.name.name !== 'li')
+            return;
+        
+        if (showSubmenu)
+            return;
+        
+        const openingElementPath = path.parentPath.parentPath.get('openingElement');
+        
+        if (!checkDataName(openingElementPath, name))
+            return false;
+        
+        const attributePath = getAttributePath(path, 'className');
+        
+        if (!attributePath)
+            return;
+        
+        if (attributePath.node.value.value.includes('menu-submenu-show'))
+            push(attributePath);
+    },
+});

package/menu/rules/index.js

@@ -1,3 +1,4 @@
+import * as hideSubmenu from './hide-submenu/index.js';
 import * as submenu from './submenu/index.js';
 import * as setPosition from './set-position/index.js';
 import * as buildMenu from './build-menu/index.js';
@@ -12,4 +13,5 @@ export const rules = {
     'select': select,
     'unselect-all': unselectAll,
     'submenu': submenu,
+    'hide-submenu': hideSubmenu,
 };

package/menu/rules/jsx-operator.js

@@ -0,0 +1,56 @@
+import {operator} from 'putout';
+
+const {setLiteralValue} = operator;
+
+export function getAttributeValue(path, attributeName) {
+    const {attributes} = path.node;
+    
+    for (const {name, value} of attributes) {
+        if (name.name === attributeName)
+            return value.value;
+    }
+    
+    return '';
+}
+
+export function getAttributeNode(node, name) {
+    let result = null;
+    const {attributes} = node.openingElement;
+    
+    for (const attr of attributes) {
+        if (attr.name.name === name) {
+            result = attr;
+            break;
+        }
+    }
+    
+    return result;
+}
+
+export function getAttributePath(path, name) {
+    let result = null;
+    const attributes = path.get('attributes');
+    
+    for (const attr of attributes) {
+        if (attr.node.name.name === name) {
+            result = attr;
+            break;
+        }
+    }
+    
+    return result;
+}
+
+export function appendAttributeValue(node, name, value) {
+    const attributeNode = getAttributeNode(node, name);
+    
+    if (attributeNode)
+        setLiteralValue(attributeNode.value, `${attributeNode.value.value} ${value}`);
+}
+
+export function setAttributeValue(node, name, value) {
+    const attributeNode = getAttributeNode(node, name);
+    
+    if (attributeNode)
+        setLiteralValue(attributeNode.value, value);
+}

package/menu/rules/unselect-all/fixture/nested-fix.js

@@ -0,0 +1,17 @@
+// second selected
+<ul data-name="menu" className="menu menu-hidden">
+    <li data-menu-path="Upload" data-name="menu-item" className="menu-item icon icon-view">
+    <label data-menu-path="Upload">Upload</label>
+</li>
+    <li data-menu-path="New" data-name="menu-item" className='menu-item icon icon-edit menu-submenu-show'>
+    <label data-menu-path="New">New</label>
+    <ul data-name="menu" className="menu menu-hidden">
+        <li data-menu-path="New.File" data-name="menu-item" className="menu-item icon icon-view">
+        <label data-menu-path="New.File">File</label>
+    </li>
+        <li data-menu-path="New.Directory" data-name="menu-item" className='menu-item icon icon-edit'>
+        <label data-menu-path="New.Directory">Directory</label>
+    </li>
+    </ul>
+</li>
+</ul>;

package/menu/rules/unselect-all/fixture/nested.js

@@ -0,0 +1,18 @@
+// second selected
+<ul data-name="menu" className="menu menu-hidden">
+    <li data-menu-path="Upload" data-name="menu-item" className="menu-item icon icon-view">
+        <label data-menu-path="Upload">Upload</label>
+    </li>
+    <li data-menu-path="New" data-name="menu-item" className="menu-item icon icon-edit menu-item-selected menu-submenu-show">
+        <label data-menu-path="New">New</label>
+        <ul data-name="menu" className="menu menu-hidden">
+            <li data-menu-path="New.File" data-name="menu-item" className="menu-item icon icon-view">
+                <label data-menu-path="New.File">File</label>
+            </li>
+            <li data-menu-path="New.Directory" data-name="menu-item" className="menu-item icon icon-edit menu-item-selected">
+                <label data-menu-path="New.Directory">Directory</label>
+            </li>
+        </ul>
+    </li>
+</ul>;
+

package/package.json

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