aleman 2.0.1 → 2.0.3

package/ChangeLog

@@ -1,3 +1,21 @@
+2026.05.24, v2.0.3
+
+feature:
+- 5afafd1 importmap: @putout/bundle@5.5.0
+- 1c86e51 lunes: move-cursor: options: cursor
+- d862a0e lunes: build-menu: position
+- 54353ab lunes: build-menu: add
+- f2f2e3a aleman: lunes: put cursor to AST
+- 0274408 lunes: rules -> state
+- d2a55a8 aleman: lunes: add
+- ac3c8a1 nemo: rules: simplify
+
+2026.05.20, v2.0.2
+
+feature:
+- 7f9bf78 aleman: montag v2.0.1
+- 2d9be72 aleman: supertape v13.2.0
+
 2026.04.04, v2.0.1
 
 fix:

package/README.md

@@ -27,12 +27,12 @@ Aleman supports two main concepts:
 - ✅ addons - events;
 - ✅ rules - 🐊**Putout** rules that changes HTML;
 
-All interaction with DOM made using rules, and we interact not with DOM directly, but with JSX AST.
+All interaction with DOM made by using the rules, and we interact not with DOM directly, but with JSX AST.
 It makes testing simple, states predictable and independent.
 
 ### Addons
 
-Addon responsible for UI and interfaction with outer world: clicks, fetches and everything like this.
+Addon responsible for UI and interaction with outer world: clicks, fetches and everything like this.
 Aleman supports next types of addons:
 
 - ✅ [Global](#globals);

package/example/menu/index.js

@@ -1,4 +1,4 @@
-import {createMenu} from '../nemo/nemo.js';
+import {createMenu} from '../../menu/menu.js';
 
 const menuData = {
     hello: () => alert('x'),

package/lunes/rules/README.md

@@ -0,0 +1,3 @@
+# Rules
+
+- [build-menu](https://putout.cloudcmd.io/#/gist/8330c5ff0203b109f9e77c992b133d0c/ba4f1deb28448d33df5dee1647297178864c5741)

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

@@ -0,0 +1,22 @@
+<ul className="menu" style="left: 100px; top: 20px">
+    <li data-name="menu-item" className="menu-item">
+        <label>view</label>
+    </li>
+    <li data-name="menu-item" className="menu-item">
+        <label>edit</label>
+    </li>
+    <li data-name="menu-item" className="menu-item">
+        <label>rename</label>
+    </li>
+    <li data-name="menu-item" className="menu-item  menu-item-selected">
+        <label>new</label>
+        <ul className="menu">
+            <li data-name="menu-item" className="menu-item">
+                <label>file</label>
+            </li>
+            <li data-name="menu-item" className="menu-item">
+                <label>directory</label>
+            </li>
+        </ul>
+    </li>
+</ul>;

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

@@ -0,0 +1,9 @@
+['open', '100:20', {
+    view,
+    edit,
+    rename,
+    new: ['open', 'cursor', {
+        file,
+        directory,
+    }]
+}];

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

@@ -0,0 +1,138 @@
+import {
+    template,
+    types,
+    operator,
+} from 'putout';
+
+const {
+    isExpressionStatement,
+    isObjectProperty,
+    jsxText,
+    isArrayExpression,
+} = types;
+
+const {
+    replaceWith,
+    removeClassName,
+    setAttributeValue,
+} = operator;
+
+export const report = () => `Build menu`;
+export const include = () => [
+    'ObjectProperty',
+    'ArrayExpression',
+];
+
+const createMenuItem = (path) => {
+    const {name} = path.node.key;
+    const valuePath = path.get('value');
+    
+    if (isArrayExpression(valuePath)) {
+        const objectPath = valuePath.get('elements').at(-1);
+        const children = [];
+        
+        for (const prop of objectPath.get('properties').map(createMenuItem)) {
+            children.push(prop);
+            children.push(jsxText('\n'));
+        }
+        
+        const submenu = createSubmenu(valuePath);
+        
+        submenu.children[3].children = [
+            jsxText('\n'),
+            ...children,
+        ];
+        
+        return submenu;
+    }
+    
+    const selected = path.node.value.value === 'cursor';
+    const classSelected = selected ? ' menu-item-selected' : '';
+    
+    const node = template.ast.fresh(`
+        <li data-name="menu-item" className="menu-item${classSelected}">
+            <label>${name}</label>
+        </li>
+    `);
+    
+    return node;
+};
+
+const createUL = (path) => {
+    const show = path.node.elements[0].value === 'open';
+    const node = template.ast.fresh(`
+        <ul className="menu menu-hidden"></ul>
+    `);
+    
+    if (show)
+        removeClassName(node, 'menu-hidden');
+    
+    return node;
+};
+
+const createSubmenu = (path) => {
+    const {name} = path.parentPath.node.key;
+    
+    const selected = path.node.elements[1].value === 'cursor';
+    const show = path.node.elements[0].value === 'open';
+    
+    const menuHidden = show ? '' : ' menu-hidden';
+    const classSelected = selected ? '  menu-item-selected' : '';
+    
+    const node = template.ast.fresh(`
+        <li data-name="menu-item" className="menu-item${classSelected}">
+            <label>${name}</label>
+            <ul className="menu${menuHidden}"></ul>
+        </li>
+    `);
+    
+    return node;
+};
+
+const parsePosition = (path) => {
+    const [left, top] = path
+        .node
+        .elements
+        .at(-2)
+        .value
+        .split(':');
+    
+    return {
+        left,
+        top,
+    };
+};
+
+export const fix = (path) => {
+    if (isObjectProperty(path)) {
+        replaceWith(path, createMenuItem(path));
+        return;
+    }
+    
+    if (isArrayExpression(path)) {
+        const ul = createUL(path);
+        
+        if (isExpressionStatement(path.parentPath)) {
+            replaceWith(path, ul);
+            
+            const {left, top} = parsePosition(path);
+            
+            setAttributeValue(ul, 'style', `left: ${left}px; top: ${top}px`);
+        }
+        
+        const {properties} = path.node.elements.at(-1);
+        const children = [];
+        
+        for (const prop of properties) {
+            children.push(prop);
+            children.push(jsxText('\n'));
+        }
+        
+        ul.children = [
+            jsxText('\n'),
+            ...children,
+        ];
+        
+        return;
+    }
+};

package/lunes/state/README.md

@@ -0,0 +1,4 @@
+## Rules
+
+- [add-cursor](https://putout.cloudcmd.io/#/gist/0d0be0b7d19949be48c4122416654936/0cf8e1c512a0503f8c4bd0abf2af221b6680630b);
+- [move-cursor](https://putout.cloudcmd.io/#/gist/54ff76b9673e0caf216b0f0f33d9f8bb/dad16ba0f861073a3ab7549e553dd2b97d252729);

package/lunes/state/add-cursor/fixture/add-cursor.js

@@ -0,0 +1,9 @@
+['open', 'no-cursor', {
+    view,
+    edit,
+    rename,
+    new: ['close', {
+        file,
+        directory,
+    }]
+}];

package/lunes/state/add-cursor/fixture/down-fix.js

@@ -0,0 +1,9 @@
+['open', 'view', {
+    view: 'cursor',
+    edit,
+    rename,
+    new: ['close', {
+        file,
+        directory,
+    }],
+}];

package/lunes/state/add-cursor/fixture/down.js

@@ -0,0 +1,9 @@
+['open', 'no-cursor', {
+    view,
+    edit,
+    rename,
+    new: ['close', {
+        file,
+        directory,
+    }]
+}];

package/lunes/state/add-cursor/fixture/up-fix.js

@@ -0,0 +1,9 @@
+['open', 'new', {
+    view,
+    edit,
+    rename,
+    new: ['cursor', 'close', {
+        file,
+        directory,
+    }],
+}];

package/lunes/state/add-cursor/fixture/up.js

@@ -0,0 +1,9 @@
+['open', 'no-cursor', {
+    view,
+    edit,
+    rename,
+    new: ['close', {
+        file,
+        directory,
+    }]
+}];

package/lunes/state/add-cursor/index.js

@@ -0,0 +1,38 @@
+import {operator} from 'putout';
+import {
+    first,
+    last,
+    setCursor,
+} from '../cursor.js';
+
+const {setLiteralValue} = operator;
+
+const operations = {
+    last,
+    first,
+};
+
+export const report = () => `Add cursor`;
+
+export const include = () => [
+    '"no-cursor"',
+];
+
+export const filter = (path, {options}) => {
+    const {operation} = options;
+    return operations[operation];
+};
+
+export const fix = (path, {options}) => {
+    const {operation} = options;
+    
+    const getCursor = operations[operation];
+    const cursorPath = getCursor(path);
+    
+    setCursor(cursorPath);
+    
+    const keyPath = cursorPath.get('key');
+    const {name} = keyPath.node;
+    
+    setLiteralValue(path.node, name);
+};

package/lunes/state/convert-menu-to-state/convert-menu-to-state.js

@@ -0,0 +1,17 @@
+const {entries} = Object;
+const isObject = (a) => a && typeof a === 'object';
+
+export function convertMenuToState(menu) {
+    const result = [];
+    
+    for (const [key, value] of entries(menu)) {
+        if (!isObject(value)) {
+            result.push(key);
+            continue;
+        }
+        
+        result.push(`${key}: ${convertMenuToState(value)}`);
+    }
+    
+    return `['close',{${result.join(',')}}]`;
+}

package/lunes/state/cursor.js

@@ -0,0 +1,77 @@
+import {types, operator} from 'putout';
+
+const {remove} = operator;
+
+const {
+    stringLiteral,
+    isArrayExpression,
+    isIdentifier,
+    identifier,
+    isObjectProperty,
+    isObjectExpression,
+} = types;
+
+export function last(path) {
+    return path
+        .getNextSibling()
+        .get('properties')
+        .at(-1);
+}
+
+export function first(path) {
+    return path
+        .getNextSibling()
+        .get('properties')
+        .at(0);
+}
+
+export function setCursor(path) {
+    const valuePath = path.get('value');
+    
+    if (isIdentifier(valuePath)) {
+        path.node.value = stringLiteral('cursor');
+        path.node.shorthand = false;
+        
+        return;
+    }
+    
+    if (isArrayExpression(valuePath))
+        valuePath.node.elements.unshift(stringLiteral('cursor'));
+}
+
+export function prev(path) {
+    const nextCursor = path.getNextSibling();
+    
+    if (nextCursor.node)
+        return nextCursor;
+    
+    return path.parentPath.get('properties.0');
+}
+
+export function next(path) {
+    const prevCursor = path.getPrevSibling();
+    
+    if (prevCursor.node)
+        return prevCursor;
+    
+    const {parentPath} = path;
+    
+    if (isObjectExpression(parentPath))
+        return parentPath.get('properties').at(-1);
+    
+    return parentPath.parentPath
+        .get('properties')
+        .at(-1);
+}
+
+export function clearCursor({parentPath}) {
+    if (isObjectProperty(parentPath)) {
+        parentPath.node.value = identifier(parentPath.node.key.name);
+        parentPath.node.shorthand = true;
+        
+        return;
+    }
+    
+    if (isArrayExpression(parentPath))
+        remove(parentPath.get('elements.0'));
+}

package/lunes/state/move-cursor/fixture/move-cursor-fix.js

@@ -0,0 +1,9 @@
+['open', '10:20', {
+    view,
+    edit,
+    rename,
+    new: ['cursor', 'close', {
+        file,
+        directory,
+    }],
+}];

package/lunes/state/move-cursor/fixture/move-cursor.js

@@ -0,0 +1,9 @@
+['open', '10:20', {
+    view: 'cursor',
+    edit,
+    rename,
+    new: ['close', {
+        file,
+        directory,
+    }],
+}];

package/lunes/state/move-cursor/index.js

@@ -0,0 +1,49 @@
+import {types} from 'putout';
+import {
+    next,
+    prev,
+    setCursor,
+    clearCursor,
+} from '../cursor.js';
+
+const operations = {
+    prev,
+    next,
+};
+
+const {isArrayExpression} = types;
+
+export const report = () => `Move cursor`;
+
+export const include = () => [
+    '"cursor"',
+];
+
+export const filter = (path, {options}) => {
+    const {operation = 'next', cursor} = options;
+    const {parentPath} = path;
+    
+    if (!operations[operation])
+        return false;
+    
+    if (isArrayExpression(parentPath))
+        return parentPath.parentPath.node.key.name === cursor;
+    
+    return parentPath.node.key.name === cursor;
+};
+
+export const fix = (path, options) => {
+    const {
+        operation = 'next',
+        count = 1,
+    } = options;
+    
+    const getCursor = operations[operation];
+    let cursorPath = path.parentPath;
+    
+    for (let i = 0; i < count; i++)
+        cursorPath = getCursor(cursorPath);
+    
+    clearCursor(path);
+    setCursor(cursorPath);
+};

package/lunes/state/state.js

@@ -0,0 +1,27 @@
+import {putout} from 'putout';
+import {convertMenuToState} from './convert-menu-to-state/convert-menu-to-state.js';
+import * as addCursor from './add-cursor/index.js';
+import * as moveCursor from './move-cursor/index.js';
+
+export const createState = (menu) => {
+    const state = convertMenuToState(menu);
+    
+    return {
+        updateState: createUpdateState(state),
+    };
+};
+
+function createUpdateState(state, options) {
+    const {code} = putout(state, {
+        rules: {
+            'add-cursor': ['on', options],
+            'move-cursor': ['on', options],
+        },
+        plugins: [
+            ['add-cursor', addCursor],
+            ['move-cursor', moveCursor],
+        ],
+    });
+    
+    return code;
+}

package/menu/importmap.js

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

package/menu/rules/set-position/index.js

@@ -35,6 +35,7 @@ export const traverse = ({options, push}) => ({
             name = 'menu',
             position = {},
         } = options;
+        
         const {
             x = 0,
             y = 20,

package/menu/rules/submenu/index.js

@@ -36,6 +36,7 @@ export const traverse = ({options, push}) => ({
             insideSubmenu = true,
             submenuIndex = 1,
         } = options;
+        
         const parentMenu = path.parentPath.parentPath.parentPath;
         
         if (!isJSXElement(parentMenu))

package/nemo/addons/escape/escape.js

@@ -1,11 +1,5 @@
+import {updateState} from '../../state/state.js';
+
 export const keys = ['Escape'];
 
-export const listener = ({state, options}) => {
-    options.beforeHide?.(state);
-    
-    return {
-        command: 'hide',
-        showSubmenu: false,
-        index: -1,
-    };
-};
+export const listener = ({state, options}) => updateState('esc', state, options);

package/nemo/addons/index.js

@@ -1,7 +1,6 @@
 import * as click from './click/click.js';
 import * as escape from './escape/escape.js';
 import * as down from './down/down.js';
-import * as up from './up.js';
 import * as enter from './enter/enter.js';
 import * as left from './left.js';
 import * as right from './right.js';
@@ -9,6 +8,9 @@ import * as shiftG from './shift-g/shift-g.js';
 import * as gg from './gg/gg.js';
 import * as j from './j/j.js';
 import * as k from './k/k.js';
+import up from './up.json' with {
+    type: 'json',
+};
 
 export const addons = [
     click,

package/nemo/addons/up.js

@@ -3,5 +3,6 @@ import {updateState} from '../state/state.js';
 export const keys = ['ArrowUp'];
 
 export const preventDefault = true;
+export const action = 'up';
 
 export const listener = ({state, options}) => updateState('up', state, options);

package/nemo/importmap.js

@@ -1,6 +1,6 @@
 export const importmap = {
     imports: {
-        'putout': 'https://esm.sh/@putout/bundle@5.2.4',
+        'putout': 'https://esm.sh/@putout/bundle@5.5.1',
         '@putout/processor-html': 'https://esm.sh/@putout/processor-html',
         'fullstore': 'https://esm.sh/fullstore',
         'jessy': 'https://esm.sh/jessy',

package/nemo/rules/index.js

@@ -1,21 +1,5 @@
-import * as unselectAllSubmenuItems from './unselect-all-submenu-items/index.js';
-import * as unselectWronglySelected from './unselect-wrongly-selected/index.js';
-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';
-import * as menu from './menu/index.js';
-import * as select from './select/index.js';
-import * as unselectAll from './unselect-all/index.js';
 
 export const rules = {
-    'menu': menu,
     'build-menu': buildMenu,
-    'set-position': setPosition,
-    'select': select,
-    'unselect-all': unselectAll,
-    'submenu': submenu,
-    'hide-submenu': hideSubmenu,
-    'unselect-wrongly-selected': unselectWronglySelected,
-    'unselect-all-submenu-items': unselectAllSubmenuItems,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aleman",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "type": "module",
   "author": "coderaiser <mnemonic.enemy@gmail.com> (https://github.com/coderaiser)",
   "description": "🐊Putout-based framework for web",
@@ -49,10 +49,10 @@
     "eslint-plugin-putout": "^31.1.2",
     "just-kebab-case": "^4.2.0",
     "madrun": "^13.0.1",
-    "montag": "^1.2.1",
+    "montag": "^2.0.1",
     "nodemon": "^3.0.1",
     "superc8": "^12.3.1",
-    "supertape": "^12.0.12",
+    "supertape": "^13.2.0",
     "try-catch": "^4.0.7"
   },
   "license": "MIT",

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

@@ -1,17 +0,0 @@
-// 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>;