aleman 1.16.2 → 1.16.4

package/nemo/rules/unselect-all/fixture/unselect-all.js

@@ -0,0 +1,8 @@
+<ul data-name="menu" class="menu menu-hidden">
+    <li data-name="menu-item" className="menu-item icon icon-view menu-item-selected">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" className="menu-item icon icon-edit menu-item-selected">
+        <label data-menu-path="Edit">Edit</label>
+    </li>
+</ul>;

package/nemo/rules/unselect-all/index.js

@@ -0,0 +1,51 @@
+import {operator, types} from 'putout';
+
+const {
+    hasTagName,
+    removeClassName,
+    hasDataName,
+    containsClassName,
+} = operator;
+
+const {isJSXElement} = types;
+const SELECTED = 'menu-item-selected';
+
+export const report = () => `Unselect all`;
+
+export const fix = (path) => {
+    removeClassName(path, SELECTED);
+};
+
+export const traverse = ({push, options}) => ({
+    JSXElement(path) {
+        const {
+            index,
+            name = 'menu',
+            command,
+        } = options;
+        
+        if (command === 'hide')
+            return;
+        
+        if (index !== -1)
+            return;
+        
+        if (!hasTagName(path, 'li'))
+            return;
+        
+        if (!isJSXElement(path.parentPath))
+            return;
+        
+        if (!hasDataName(path.parentPath, name))
+            return;
+        
+        const children = path.parentPath
+            .get('children')
+            .filter(isJSXElement);
+        
+        for (const child of children) {
+            if (containsClassName(child, SELECTED))
+                push(child);
+        }
+    },
+});

package/nemo/rules/unselect-all-submenu-items/fixture/show-submenu-fix.js

@@ -0,0 +1,33 @@
+<ul data-name="menu" class="menu menu-hidden">
+    <li data-name="menu-item" className="menu-item icon icon-view menu-item-selected">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" className="menu-item icon icon-edit">
+        <label data-menu-path="New">New</label>
+        <ul class="menu menu-hidden">
+            <li data-name="menu-item" className="menu-item icon icon-view">
+                <label data-menu-path="New.File">File</label>
+            </li>
+            <li 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>;
+
+<ul data-name="menu" class="menu menu-hidden">
+    <li data-name="menu-item" className="menu-item icon icon-view menu-item-selected">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" className="menu-item icon icon-edit menu-show-submenu">
+        <label data-menu-path="New">New</label>
+        <ul data-name="menu" class="menu menu-hidden">
+            <li data-name="menu-item" className="menu-item icon icon-view menu-item-selected">
+                <label data-menu-path="New.File">File</label>
+            </li>
+            <li data-name="menu-item" className="menu-item icon icon-edit">
+                <label data-menu-path="New.Directory">Directory</label>
+            </li>
+        </ul>;
+    </li>
+</ul>;

package/nemo/rules/unselect-all-submenu-items/fixture/show-submenu.js

@@ -0,0 +1,34 @@
+<ul data-name="menu" class="menu menu-hidden">
+    <li data-name="menu-item" className="menu-item icon icon-view menu-item-selected">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" className="menu-item icon icon-edit">
+        <label data-menu-path="New">New</label>
+        <ul class="menu menu-hidden">
+            <li data-name="menu-item" className="menu-item icon icon-view">
+                <label data-menu-path="New.File">File</label>
+            </li>
+            <li 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>;
+
+<ul data-name="menu" class="menu menu-hidden">
+    <li data-name="menu-item" className="menu-item icon icon-view menu-item-selected">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" className="menu-item icon icon-edit menu-show-submenu">
+        <label data-menu-path="New">New</label>
+        <ul data-name="menu" class="menu menu-hidden">
+            <li data-name="menu-item" className="menu-item icon icon-view menu-item-selected">
+                <label data-menu-path="New.File">File</label>
+            </li>
+            <li data-name="menu-item" className="menu-item icon icon-edit">
+                <label data-menu-path="New.Directory">Directory</label>
+            </li>
+        </ul>;
+    </li>
+</ul>;
+

package/nemo/rules/unselect-all-submenu-items/fixture/unselect-all-submenu-items-fix.js

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

package/nemo/rules/unselect-all-submenu-items/fixture/unselect-all-submenu-items.js

@@ -0,0 +1,33 @@
+<ul data-name="menu" class="menu menu-hidden">
+    <li data-name="menu-item" className="menu-item icon icon-view menu-item-selected">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" className="menu-item icon icon-edit">
+        <label data-menu-path="New">New</label>
+        <ul class="menu menu-hidden">
+            <li data-name="menu-item" className="menu-item icon icon-view">
+                <label data-menu-path="New.File">File</label>
+            </li>
+            <li 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>;
+
+<ul data-name="menu" class="menu menu-hidden">
+    <li data-name="menu-item" className="menu-item icon icon-view menu-item-selected">
+        <label data-menu-path="View">View</label>
+    </li>
+    <li data-name="menu-item" className="menu-item icon icon-edit menu-show-submenu">
+        <label data-menu-path="New">New</label>
+        <ul data-name="menu" class="menu menu-hidden">
+            <li data-name="menu-item" className="menu-item icon icon-view menu-item-selected">
+                <label data-menu-path="New.File">File</label>
+            </li>
+            <li data-name="menu-item" className="menu-item icon icon-edit">
+                <label data-menu-path="New.Directory">Directory</label>
+            </li>
+        </ul>;
+    </li>
+</ul>;

package/nemo/rules/unselect-all-submenu-items/index.js

@@ -0,0 +1,30 @@
+import {operator, types} from 'putout';
+
+const {isJSXElement} = types;
+const {
+    hasTagName,
+    removeClassName,
+} = operator;
+
+export const report = () => `Unselect all submenu items`;
+
+export const fix = (path) => {
+    removeClassName(path, 'menu-item-selected');
+};
+
+export const traverse = ({push, options}) => ({
+    JSXElement(path) {
+        const {showSubmenu} = options;
+        
+        if (showSubmenu)
+            return;
+        
+        if (!hasTagName(path, 'li'))
+            return;
+        
+        if (!isJSXElement(path.parentPath.parentPath.parentPath))
+            return;
+        
+        push(path);
+    },
+});

package/nemo/rules/unselect-wrongly-selected/fixture/hide.js

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

package/nemo/rules/unselect-wrongly-selected/fixture/unselect-wrongly-selected-fix.js

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

package/nemo/rules/unselect-wrongly-selected/fixture/unselect-wrongly-selected.js

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

package/nemo/rules/unselect-wrongly-selected/index.js

@@ -0,0 +1,39 @@
+import {operator} from 'putout';
+
+const {
+    getAttributeValue,
+    hasTagName,
+    removeClassName,
+    containsClassName,
+} = operator;
+
+export const report = () => `Unselect wrongly selected`;
+
+export const fix = (path) => {
+    removeClassName(path, 'menu-item-selected');
+};
+
+export const traverse = ({push, options}) => ({
+    JSXElement(path) {
+        const {index = 1, command} = options;
+        
+        if (command === 'hide')
+            return;
+        
+        if (!hasTagName(path, 'li'))
+            return;
+        
+        if (hasTagName(path.parentPath.parentPath, 'li'))
+            return;
+        
+        if (!containsClassName(path, 'menu-item-selected'))
+            return;
+        
+        const dataMenuIndex = Number(getAttributeValue(path, 'data-menu-index'));
+        
+        if (index === dataMenuIndex)
+            return;
+        
+        push(path);
+    },
+});

package/nemo/state/parse-state.js

@@ -0,0 +1,91 @@
+const {assign} = Object;
+
+export const parseState = (source) => {
+    const lines = source.split('\n');
+    const items = [];
+    const state = {
+        index: -1,
+        submenuIndex: -1,
+        insideSubmenu: false,
+        show: true,
+        position: {
+            x: 0,
+            y: 20,
+        },
+        items,
+    };
+    
+    for (let index = 0; index < lines.length; index++) {
+        const line = lines[index];
+        const {
+            mark,
+            name,
+            hasSubmenu,
+            show,
+        } = parseLine(line);
+        
+        const selected = mark === '+';
+        
+        if (selected)
+            state.index = index;
+        
+        const current = {
+            selected,
+            name,
+            path: name,
+        };
+        
+        if (hasSubmenu) {
+            assign(current, {
+                submenu: {
+                    show,
+                    items: [],
+                },
+            });
+            
+            for (; index < lines.length; index++) {
+                const line = lines[index];
+                const {mark, name: submenuName} = parseLine(line);
+                
+                const selected = mark === '+';
+                
+                if (selected)
+                    state.index = index;
+                
+                current.submenu.items.push({
+                    selected,
+                    name,
+                    path: `${name}.${submenuName}`,
+                });
+            }
+        }
+        
+        items.push(current);
+    }
+    
+    return state;
+};
+
+function parseLine(line) {
+    let hasSubmenu = false;
+    let show = false;
+    
+    if (line.endsWith('*')) {
+        line = line.slice(0, -1);
+        hasSubmenu = true;
+    } else if (line.endsWith('>')) {
+        line = line.slice(0, -1);
+        hasSubmenu = true;
+        show = true;
+    }
+    
+    const [mark, ...nameChars] = line;
+    const name = nameChars.join('');
+    
+    return {
+        mark,
+        name,
+        hasSubmenu,
+        show,
+    };
+}

package/nemo/state/print-state.js

@@ -0,0 +1,14 @@
+export const printState = ({items}) => {
+    const result = [];
+    
+    for (const {selected, name, submenu} of items) {
+        const selectionMark = selected ? '+' : '-';
+        const submenuMark = submenu ? submenu.show ? '>' : '*' : '';
+        
+        const current = `${selectionMark}${name}${submenuMark}`;
+        
+        result.push(current);
+    }
+    
+    return result.join('\n');
+};

package/nemo/state/state.js

@@ -0,0 +1,123 @@
+const isObject = (a) => a && typeof a === 'object';
+const {entries} = Object;
+
+export const createState = ({name = 'menu', menu = {}}) => {
+    const items = createMenuItems(menu);
+    const result = {
+        name,
+        infiniteScroll: false,
+        index: -1,
+        submenuIndex: -1,
+        insideSubmenu: false,
+        show: true,
+        position: {
+            x: 0,
+            y: 20,
+        },
+        items,
+    };
+    
+    return result;
+};
+
+function createMenuItems(menu, path = '') {
+    const items = [];
+    
+    for (const [name, submenu] of entries(menu)) {
+        const current = {
+            name,
+            path: !path ? name : `${path}.${name}`,
+            selected: false,
+        };
+        
+        if (isObject(submenu))
+            current.submenu = {
+                show: false,
+                items: createMenuItems(submenu, name),
+            };
+        
+        items.push(current);
+    }
+    
+    return items;
+}
+
+export const updateState = (command, state, options = {}) => {
+    const {count = 1, infiniteScroll = state.infiniteScroll} = options;
+    
+    for (let i = 0; i < count; i++) {
+        if (command === 'down') {
+            down(state, {
+                infiniteScroll,
+            });
+            continue;
+        }
+        
+        if (command === 'up') {
+            up(state, {
+                infiniteScroll,
+            });
+            continue;
+        }
+    }
+    
+    return state;
+};
+
+function down(state, {infiniteScroll}) {
+    let {index, items} = state;
+    const current = items[index];
+    
+    if (index === -1) {
+        const [first] = items;
+        ++index;
+        first.selected = true;
+    } else if (index < items.length - 1) {
+        current.selected = false;
+        ++index;
+        const next = items[index];
+        
+        next.selected = true;
+        
+        if (next.submenu)
+            next.submenu.show = true;
+    }
+    
+    if (infiniteScroll && index === items.length - 1) {
+        items[index].selected = false;
+        index = 0;
+        items[index].selected = true;
+    }
+    
+    state.index = index;
+    
+    return state;
+}
+
+function up(state, {infiniteScroll}) {
+    let {index, items} = state;
+    const current = items[index];
+    
+    if (index > 0) {
+        current.selected = false;
+        
+        if (current.submenu)
+            current.submenu.show = false;
+        
+        --index;
+        items[index].selected = true;
+        
+        state.index = index;
+        return state;
+    }
+    
+    if (infiniteScroll) {
+        items[index].selected = false;
+        index = items.length - 1;
+        items[index].selected = true;
+        
+        state.index = index;
+    }
+    
+    return state;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aleman",
-  "version": "1.16.2",
+  "version": "1.16.4",
   "type": "module",
   "author": "coderaiser <mnemonic.enemy@gmail.com> (https://github.com/coderaiser)",
   "description": "🐊Putout-based framework for web",
@@ -11,7 +11,8 @@
     "url": "git+https://github.com/putoutjs/aleman.git"
   },
   "exports": {
-    "./menu": "./menu/menu.js"
+    "./menu": "./menu/menu.js",
+    "./nemo": "./menu/nemo.js"
   },
   "scripts": {
     "test": "madrun test",
@@ -50,6 +51,7 @@
     "eslint-plugin-putout": "^28.0.0",
     "just-kebab-case": "^4.2.0",
     "madrun": "^11.0.0",
+    "montag": "^1.2.1",
     "nodemon": "^3.0.1",
     "supertape": "^11.3.0",
     "try-catch": "^3.0.1"