aleman 2.0.2 → 2.0.4

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,34 @@
+import {operator} from 'putout';
+import {
+    first,
+    last,
+    setCursor,
+} from '../cursor.js';
+
+const {remove} = 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);
+    remove(path);
+};

package/lunes/state/rules/apply-visibility/fixture/apply-visibility-fix.js

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

package/lunes/state/rules/apply-visibility/fixture/apply-visibility.js

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

package/lunes/state/rules/apply-visibility/index.js

@@ -0,0 +1,29 @@
+import {types} from 'putout';
+
+const {isExpressionStatement} = types;
+
+export const report = () => `Apply visibility`;
+
+export const match = ({options}) => {
+    const {operation = 'show'} = options;
+    
+    return {
+        '"off"': (vars, path) => {
+            if (operation !== 'show')
+                return false;
+            
+            return isExpressionStatement(path.parentPath.parentPath);
+        },
+        '"on"': (vars, path) => {
+            if (operation !== 'hide')
+                return false;
+            
+            return isExpressionStatement(path.parentPath.parentPath);
+        },
+    };
+};
+
+export const replace = () => ({
+    '"off"': '"on"',
+    '"on"': '"off"',
+});

package/lunes/state/rules/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.splice(1, 0, 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/rules/move-cursor/fixture/move-cursor-fix.js

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

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

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

package/lunes/state/rules/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,34 @@
+import {putout} from 'putout';
+import {convertMenuToState} from './convert-menu-to-state/convert-menu-to-state.js';
+import * as addCursor from './rules/add-cursor/index.js';
+import * as moveCursor from './rules/move-cursor/index.js';
+import * as applyVisibility from './rules/apply-visibility/index.js';
+
+export const createState = (menu) => {
+    const state = convertMenuToState(menu);
+    
+    return {
+        commit: createCommit(state),
+    };
+};
+
+const createCommit = (state) => (operation) => {
+    const options = {
+        operation,
+    };
+    
+    const {code} = putout(state, {
+        rules: {
+            'add-cursor': ['on', options],
+            'move-cursor': ['on', options],
+            'apply-visibility': ['on', options],
+        },
+        plugins: [
+            ['add-cursor', addCursor],
+            ['move-cursor', moveCursor],
+            ['apply-visibility', applyVisibility],
+        ],
+    });
+    
+    return code;
+};

package/menu/addons/set-position/set-position.js

@@ -1,4 +1,4 @@
-import {calculate} from './calculate.js';
+import {calculate} from '../../../lunes/engine/position/calculate.js';
 
 export const setPosition = (name, event) => {
     const element = document.querySelector(`[data-name="${name}"]`);

package/menu/hydrate-menu.js

@@ -6,7 +6,6 @@ import {createMouseEnter} from './addons/mouse-leave/index.js';
 import {createItemClick} from './addons/item-click/item-click.js';
 import * as click from './addons/click/click.js';
 import {createContextMenu} from './addons/context-menu.js';
-import {setPosition} from './addons/set-position/set-position.js';
 
 const {assign} = Object;
 
@@ -29,7 +28,6 @@ export const hydrateMenu = (elementName, {hydrateElement, options, menu}) => {
             ...addons,
         ],
         rules,
-        afterHydrate: setPosition,
         stateName: `aleman-state-${name}`,
     });
     

package/menu/importmap.js

@@ -1,6 +1,6 @@
 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/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/hydrate-menu.js

@@ -6,7 +6,6 @@ import {createMouseEnter} from './addons/mouse-leave/index.js';
 import {createItemClick} from './addons/item-click/item-click.js';
 import * as click from './addons/click/click.js';
 import {createContextMenu} from './addons/context-menu.js';
-import {setPosition} from './addons/set-position/set-position.js';
 
 const {assign} = Object;
 
@@ -29,7 +28,6 @@ export const hydrateMenu = (elementName, {hydrateElement, options, menu}) => {
             ...addons,
         ],
         rules,
-        afterHydrate: setPosition,
         stateName: `aleman-state-${name}`,
     });
     

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.2",
+  "version": "2.0.4",
   "type": "module",
   "author": "coderaiser <mnemonic.enemy@gmail.com> (https://github.com/coderaiser)",
   "description": "🐊Putout-based framework for web",
@@ -25,7 +25,8 @@
     "report": "madrun report"
   },
   "imports": {
-    "#test": "./test/create-test.js"
+    "#test": "./test/create-test.js",
+    "#aleman": "./aleman/lib/index.js"
   },
   "dependencies": {
     "@putout/processor-html": "^14.0.2",

package/nemo/addons/up.json

@@ -1,5 +0,0 @@
-{
-    "action": "up",
-    "keys": ["ArrowUp"],
-    "preventDefault": true
-}

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>;

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

@@ -1,18 +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 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/nemo/rules/hide-submenu/fixture/no-menu.js

@@ -1,16 +0,0 @@
-<ul data-name="hello" 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/nemo/rules/hide-submenu/fixture/show-submenu.js

@@ -1,18 +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 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/nemo/rules/hide-submenu/index.js

@@ -1,35 +0,0 @@
-import {operator} from 'putout';
-
-const {
-    hasTagName,
-    removeClassName,
-    hasDataName,
-    containsClassName,
-} = operator;
-
-const CLASS = 'menu-submenu-show';
-
-export const report = () => `Hide submenu`;
-
-export const fix = (path) => {
-    removeClassName(path, CLASS);
-};
-
-export const traverse = ({push, options}) => ({
-    JSXElement(path) {
-        const {name = 'menu', showSubmenu} = options;
-        const {parentPath} = path;
-        
-        if (showSubmenu)
-            return;
-        
-        if (!hasTagName(path, 'li'))
-            return;
-        
-        if (!hasDataName(parentPath, name))
-            return false;
-        
-        if (containsClassName(path, CLASS))
-            push(path);
-    },
-});

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

@@ -1,3 +0,0 @@
-<section data-name="aleman-hydrate-hello">
-    <ul data-name="menu" className="menu menu-hidden"><li></li><li></li></ul>;
-</section>;

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

@@ -1,3 +0,0 @@
-<section data-name="aleman-hydrate-hello">
-    <ul data-name="menu" className="menu"><li></li><li></li></ul>;
-</section>;

package/nemo/rules/menu/fixture/no-menu.js

@@ -1,3 +0,0 @@
-<section className="hidden">
-    <ul data-name="hello" className="menu"><li></li><li></li></ul>;
-</section>;

package/nemo/rules/menu/fixture/show-menu-fix.js

@@ -1 +0,0 @@
-<ul data-name="menu" className="menu"><li></li><li></li></ul>;

package/nemo/rules/menu/fixture/show-menu.js

@@ -1 +0,0 @@
-<ul data-name="menu" className="menu menu-hidden"><li></li><li></li></ul>;

package/nemo/rules/menu/index.js

@@ -1,40 +0,0 @@
-import {operator} from 'putout';
-
-const {
-    containsClassName,
-    hasDataName,
-    addClassName,
-    removeClassName,
-} = operator;
-
-export const report = ({command}) => {
-    const [first, ...rest] = command;
-    
-    return `${first.toUpperCase()}${rest.join('')} menu`;
-};
-
-export const fix = ({path, command}) => {
-    if (command === 'show') {
-        removeClassName(path, 'menu-hidden');
-        return;
-    }
-    
-    addClassName(path, 'menu-hidden');
-};
-
-export const traverse = ({push, options}) => ({
-    JSXElement(path) {
-        const {name, command} = options;
-        
-        if (!hasDataName(path, name))
-            return;
-        
-        const shown = !containsClassName(path, 'menu-hidden');
-        
-        if (command === 'show' && !shown || command === 'hide' && shown)
-            push({
-                command,
-                path,
-            });
-    },
-});

package/nemo/rules/select/fixture/no-current.js

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

package/nemo/rules/select/fixture/no-data-name.js

@@ -1,4 +0,0 @@
-<ul className="hello">
-    <li className="menu menu-hidden">
-    </li>
-</ul>;

package/nemo/rules/select/fixture/no-index.js

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

package/nemo/rules/select/fixture/no-next.js

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

package/nemo/rules/select/fixture/no-parent.js

@@ -1,2 +0,0 @@
-<li className="menu menu-hidden">
-</li>;