npm - aleman - Versions diffs - 2.0.2 → 2.0.4 - Mend

aleman 2.0.2 → 2.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (104) hide show

package/ChangeLog +27 -0
package/example/lunes/index.html +3 -0
package/example/lunes/index.js +22 -0
package/example/menu/index.html +1 -0
package/example/menu/index.js +13 -2
package/lunes/actions/index.js +7 -0
package/lunes/actions/up.json +5 -0
package/lunes/compiler/compiler.js +5 -0
package/lunes/engine/engine.js +16 -0
package/lunes/engine/listen.js +61 -0
package/lunes/engine/position/get-position.js +35 -0
package/lunes/hydrate-menu.js +34 -0
package/lunes/importmap.js +9 -0
package/lunes/lunes.js +102 -0
package/lunes/menu.css +65 -0
package/lunes/render/render.js +16 -0
package/lunes/render/rules/README.md +3 -0
package/lunes/render/rules/build-menu/fixture/build-menu-fix.js +22 -0
package/lunes/render/rules/build-menu/fixture/build-menu.js +9 -0
package/lunes/render/rules/build-menu/fixture/no-cursor-fix.js +9 -0
package/lunes/render/rules/build-menu/fixture/no-cursor.js +9 -0
package/lunes/render/rules/build-menu/index.js +132 -0
package/lunes/render/rules/index.js +5 -0
package/lunes/state/convert-menu-to-state/convert-menu-to-state.js +21 -0
package/lunes/state/rules/README.md +5 -0
package/lunes/state/rules/add-cursor/fixture/add-cursor.js +9 -0
package/lunes/state/rules/add-cursor/fixture/down-fix.js +9 -0
package/lunes/state/rules/add-cursor/fixture/down.js +9 -0
package/lunes/state/rules/add-cursor/fixture/up-fix.js +9 -0
package/lunes/state/rules/add-cursor/fixture/up.js +9 -0
package/lunes/state/rules/add-cursor/index.js +34 -0
package/lunes/state/rules/apply-visibility/fixture/apply-visibility-fix.js +9 -0
package/lunes/state/rules/apply-visibility/fixture/apply-visibility.js +9 -0
package/lunes/state/rules/apply-visibility/index.js +29 -0
package/lunes/state/rules/cursor.js +77 -0
package/lunes/state/rules/move-cursor/fixture/move-cursor-fix.js +9 -0
package/lunes/state/rules/move-cursor/fixture/move-cursor.js +9 -0
package/lunes/state/rules/move-cursor/index.js +49 -0
package/lunes/state/state.js +34 -0
package/menu/addons/set-position/set-position.js +1 -1
package/menu/hydrate-menu.js +0 -2
package/menu/importmap.js +1 -1
package/nemo/addons/escape/escape.js +3 -9
package/nemo/hydrate-menu.js +0 -2
package/nemo/importmap.js +1 -1
package/nemo/rules/index.js +0 -16
package/package.json +3 -2
package/nemo/addons/up.json +0 -5
package/nemo/rules/hide-submenu/fixture/hide-submenu-fix.js +0 -17
package/nemo/rules/hide-submenu/fixture/hide-submenu.js +0 -18
package/nemo/rules/hide-submenu/fixture/no-menu.js +0 -16
package/nemo/rules/hide-submenu/fixture/show-submenu.js +0 -18
package/nemo/rules/hide-submenu/index.js +0 -35
package/nemo/rules/menu/fixture/hide-menu-fix.js +0 -3
package/nemo/rules/menu/fixture/hide-menu.js +0 -3
package/nemo/rules/menu/fixture/no-menu.js +0 -3
package/nemo/rules/menu/fixture/show-menu-fix.js +0 -1
package/nemo/rules/menu/fixture/show-menu.js +0 -1
package/nemo/rules/menu/index.js +0 -40
package/nemo/rules/select/fixture/no-current.js +0 -8
package/nemo/rules/select/fixture/no-data-name.js +0 -4
package/nemo/rules/select/fixture/no-index.js +0 -8
package/nemo/rules/select/fixture/no-next.js +0 -5
package/nemo/rules/select/fixture/no-parent.js +0 -2
package/nemo/rules/select/fixture/select-fix.js +0 -8
package/nemo/rules/select/fixture/select.js +0 -8
package/nemo/rules/select/fixture/submenu-fix.js +0 -17
package/nemo/rules/select/fixture/submenu.js +0 -18
package/nemo/rules/select/fixture/wrong-data-name.js +0 -4
package/nemo/rules/select/index.js +0 -94
package/nemo/rules/set-position/fixture/no-style-fix.js +0 -2
package/nemo/rules/set-position/fixture/no-style.js +0 -2
package/nemo/rules/set-position/fixture/not-menu.js +0 -2
package/nemo/rules/set-position/fixture/same-position.js +0 -2
package/nemo/rules/set-position/fixture/set-position-fix.js +0 -2
package/nemo/rules/set-position/fixture/set-position.js +0 -2
package/nemo/rules/set-position/index.js +0 -83
package/nemo/rules/submenu/fixture/last-selected-fix.js +0 -53
package/nemo/rules/submenu/fixture/last-selected.js +0 -54
package/nemo/rules/submenu/fixture/li.js +0 -3
package/nemo/rules/submenu/fixture/no-submenu-selected.js +0 -17
package/nemo/rules/submenu/fixture/no-submenu.js +0 -54
package/nemo/rules/submenu/fixture/not-menu.js +0 -17
package/nemo/rules/submenu/fixture/submenu-fix.js +0 -53
package/nemo/rules/submenu/fixture/submenu.js +0 -54
package/nemo/rules/submenu/index.js +0 -80
package/nemo/rules/unselect-all/fixture/hide.js +0 -8
package/nemo/rules/unselect-all/fixture/nested-fix.js +0 -17
package/nemo/rules/unselect-all/fixture/nested.js +0 -18
package/nemo/rules/unselect-all/fixture/no-data-name.js +0 -4
package/nemo/rules/unselect-all/fixture/no-parent.js +0 -2
package/nemo/rules/unselect-all/fixture/unselect-all-fix.js +0 -8
package/nemo/rules/unselect-all/fixture/unselect-all.js +0 -8
package/nemo/rules/unselect-all/index.js +0 -51
package/nemo/rules/unselect-all-submenu-items/fixture/show-submenu-fix.js +0 -33
package/nemo/rules/unselect-all-submenu-items/fixture/show-submenu.js +0 -34
package/nemo/rules/unselect-all-submenu-items/fixture/unselect-all-submenu-items-fix.js +0 -33
package/nemo/rules/unselect-all-submenu-items/fixture/unselect-all-submenu-items.js +0 -33
package/nemo/rules/unselect-all-submenu-items/index.js +0 -30
package/nemo/rules/unselect-wrongly-selected/fixture/hide.js +0 -17
package/nemo/rules/unselect-wrongly-selected/fixture/unselect-wrongly-selected-fix.js +0 -17
package/nemo/rules/unselect-wrongly-selected/fixture/unselect-wrongly-selected.js +0 -17
package/nemo/rules/unselect-wrongly-selected/index.js +0 -39
/package/{menu/addons/set-position → lunes/engine/position}/calculate.js +0 -0

package/ChangeLog CHANGED Viewed

@@ -1,3 +1,30 @@
+2026.05.27, v2.0.4
+fix:
+- 79ad4aa aleman: menu: rm afterHydrate
+- 98c1d80 example: menu
+feature:
+- fe3cf8c lunes: Escape
+- b592739 lunes: apply-visibility: add
+- f2b6589 lunes: render
+- 17ac3a2 lunes: event loop
+- af911e2 lunes: hydrate
+- ed3bf43 lunes: cursor
+- 6408584 lunes: build-menu: open/close -> on/off
+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:

package/example/lunes/index.html ADDED Viewed

@@ -0,0 +1,3 @@
+<script src="index.js" type="module"></script>
+<body data-name="lunes"></body>

package/example/lunes/index.js ADDED Viewed

@@ -0,0 +1,22 @@
+import {createMenu} from '../../lunes/lunes.js';
+const menuData = {
+    hello: () => alert('x'),
+    world: () => alert('y'),
+};
+const options = {
+    name: 'menu',
+    infiniteScroll: true,
+};
+const {name} = document.body.dataset;
+const menu = await createMenu(name, options, menuData);
+globalThis.addEventListener('keydown', (event) => {
+    if (event.key === 'F9')
+        menu.show();
+    if (event.key === 'Escape')
+        menu.hide();
+});

package/example/menu/index.html CHANGED Viewed

	@@ -1 +1,2 @@
1 1	<script src="index.js" type="module"></script>
2	+ <body data-name="aleman-example"></body>

package/example/menu/index.js CHANGED Viewed

@@ -1,8 +1,19 @@
-import {createMenu} from '../nemo/nemo.js';
+import {createMenu} from '../../menu/menu.js';
 const menuData = {
     hello: () => alert('x'),
     world: () => alert('y'),
 };
-await createMenu(document.body, {}, menuData);
+const options = {
+    name: 'menu',
+    infiniteScroll: true,
+};
+const {name} = document.body.dataset;
+const menu = await createMenu(name, options, menuData);
+globalThis.addEventListener('keydown', (event) => {
+    if (event.key === 'F9')
+        menu.show();
+});

package/lunes/actions/index.js ADDED Viewed

@@ -0,0 +1,7 @@
+import up from './up.json' with {
+    type: 'json',
+};
+export const actions = [
+    up,
+];

package/lunes/actions/up.json ADDED Viewed

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

package/lunes/compiler/compiler.js ADDED Viewed

@@ -0,0 +1,5 @@
+export const createCompiler = (element, {commit, render}) => (operation, cursor) => {
+    const state = commit(operation);
+    element.innerHTML = render(state, cursor);
+};

package/lunes/engine/engine.js ADDED Viewed

@@ -0,0 +1,16 @@
+import {listen} from './listen.js';
+export const createLoop = (element, {actions, compile}) => {
+    setTimeout(async () => {
+        await loop({
+            actions,
+            compile,
+        });
+    });
+};
+const loop = async ({actions, compile}) => {
+    for await (const [operation, cursor] of listen(actions)) {
+        compile(operation, cursor);
+    }
+};

package/lunes/engine/listen.js ADDED Viewed

@@ -0,0 +1,61 @@
+export const listen = (events = ['click'], overrides = {}) => ({
+    [Symbol.asyncIterator]() {
+        const {
+            addEventListener = globalThis.addEventListener,
+            removeEventListener = globalThis.removeEventListener,
+        } = overrides;
+        const queue = [];
+        let resolveNext;
+        const handlers = events.map((event) => {
+            const fn = () => {
+                if (resolveNext) {
+                    resolveNext({
+                        value: event,
+                        done: false,
+                    });
+                    resolveNext = null;
+                    return;
+                }
+                queue.push(event);
+            };
+            addEventListener(event, fn);
+            return {
+                event,
+                fn,
+            };
+        });
+        const cleanup = () => {
+            for (const h of handlers) {
+                removeEventListener(h.event, h.fn);
+            }
+        };
+        return {
+            next() {
+                if (queue.length)
+                    return Promise.resolve({
+                        value: queue.shift(),
+                        done: false,
+                    });
+                return new Promise((resolve) => {
+                    resolveNext = resolve;
+                });
+            },
+            return() {
+                cleanup();
+                return Promise.resolve({
+                    done: true,
+                });
+            },
+        };
+    },
+});

package/lunes/engine/position/get-position.js ADDED Viewed

@@ -0,0 +1,35 @@
+import {calculate} from './calculate.js';
+export const getPosition = (name, event) => {
+    const element = document.querySelector(`[data-name="${name}"]`);
+    const heightMenu = getMenuHeight(element);
+    const widthMenu = getMenuWidth(element);
+    const {innerHeight, innerWidth} = globalThis;
+    const {x, y} = calculate(event, {
+        heightMenu,
+        widthMenu,
+        innerWidth,
+        innerHeight,
+    });
+    const left = x;
+    const top = y;
+    return {
+        position: {
+            left,
+            top,
+        },
+    };
+};
+function getMenuHeight(element) {
+    const {height} = getComputedStyle(element);
+    return parseInt(height, 10);
+}
+function getMenuWidth(element) {
+    const {width} = getComputedStyle(element);
+    return parseInt(width, 10);
+}

package/lunes/hydrate-menu.js ADDED Viewed

@@ -0,0 +1,34 @@
+import {createState} from './state/state.js';
+import {render} from './render/render.js';
+import {actions} from './actions/index.js';
+import {createLoop} from './engine/engine.js';
+import {createCompiler} from './compiler/compiler.js';
+export const hydrateMenu = (elementName, {hydrateElement, menu}) => {
+    const {commit} = createState(menu);
+    const compile = createCompiler(hydrateElement, {
+        commit,
+        render,
+    });
+    createLoop(hydrateElement, {
+        compile,
+        actions,
+    });
+    return {
+        show: (top = 0, left = 0) => {
+            compile('show', {
+                position: {
+                    top,
+                    left,
+                },
+            });
+        },
+        hide: () => {
+            compile('hide', {
+                position: {},
+            });
+        },
+    };
+};

package/lunes/importmap.js ADDED Viewed

@@ -0,0 +1,9 @@
+export const importmap = {
+    imports: {
+        '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',
+        '#aleman': '../aleman/aleman.js',
+    },
+};

package/lunes/lunes.js ADDED Viewed

@@ -0,0 +1,102 @@
+const {stringify} = JSON;
+export const createMenu = async (elementName, options, menu) => {
+    options.name = options.name || 'menu';
+    const {name} = options;
+    const hydrateElement = createHydrate(name);
+    await createMap();
+    await loadStyle();
+    const {hydrateMenu} = await import('./hydrate-menu.js');
+    return hydrateMenu(elementName, {
+        hydrateElement,
+        options,
+        menu,
+    });
+};
+async function loadStyle() {
+    const name = 'aleman-menu-style';
+    if (findByName(name))
+        return;
+    const [error] = await tryToCatch(importCSS);
+    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;
+    }
+    document.head.appendChild(style);
+}
+function createHydrate(name) {
+    const hydrateElement = findByName(name);
+    if (hydrateElement)
+        return hydrateElement;
+    const section = document.createElement('section');
+    section.dataset.name = `aleman-hydrate-${name}`;
+    section.innerHTML = `<ul data-name="${name}" class="menu menu-hidden"></ul>`;
+    document.body.append(section);
+    return section;
+}
+async function createMap() {
+    const name = 'aleman-importmap';
+    if (findByName(name))
+        return;
+    const script = document.createElement('script');
+    const {importmap} = await import('./importmap.js');
+    script.dataset.name = name;
+    script.type = 'importmap';
+    script.innerHTML = stringify(importmap, null, 4);
+    document.body.append(script);
+}
+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/lunes/menu.css ADDED Viewed

@@ -0,0 +1,65 @@
+.menu-hidden {
+    display: none;
+}
+.menu {
+    position            : absolute;
+    z-index             : 2;
+    padding             : 0;
+    font-size           : 14px;
+    list-style          : none;
+    color               : #222;
+    background          : rgb(255 255 255 / 90%);
+    border-color        : rgb(49 123 249 / 40%);
+    border-style        : solid;
+    border-width        : 1px;
+    border-radius       : 5px;
+    -webkit-user-select : none;
+    -moz-user-select    : none;
+    -ms-user-select     : none;
+    user-select         : none;
+}
+.menu-button {
+    background: white;
+    border: 0;
+}
+.menu-item {
+    position: relative;
+    padding: 3px 20px;
+    white-space: nowrap;
+}
+.menu-item::after {
+    content: attr(data-key);
+    float: right;
+}
+.menu-item:hover, .menu-item-selected {
+    background-color: #e3f2ff;
+}
+.menu-item > .menu {
+    top: 0;
+    left: 100%;
+    display: none;
+}
+.menu-submenu-show > .menu, .menu-item:hover > .menu  {
+    display: block;
+}
+.menu-submenu > label::after {
+    display: block;
+    float: right;
+    width: 0;
+    height: 0;
+    margin-top: 3px;
+    margin-right: -10px;
+    border-color: transparent;
+    border-left-color: rgb(49 123 249);
+    border-style: solid;
+    border-width: 5px 0 5px 5px;
+    content: ' ';
+}

package/lunes/render/render.js ADDED Viewed

@@ -0,0 +1,16 @@
+import {putout} from 'putout';
+import {merge} from '@putout/processor-html';
+import * as buildMenu from './rules/build-menu/index.js';
+export const render = (state, options) => {
+    const {code} = putout(state, {
+        rules: {
+            'lunes/build-menu': ['on', options],
+        },
+        plugins: [
+            ['lunes/build-menu', buildMenu],
+        ],
+    });
+    return merge('', [code]);
+};

package/lunes/render/rules/README.md ADDED Viewed

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

package/lunes/render/rules/build-menu/fixture/build-menu-fix.js ADDED Viewed

@@ -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/render/rules/build-menu/fixture/build-menu.js ADDED Viewed

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

package/lunes/render/rules/build-menu/fixture/no-cursor-fix.js ADDED Viewed

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

package/lunes/render/rules/build-menu/fixture/no-cursor.js ADDED Viewed

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

package/lunes/render/rules/build-menu/index.js ADDED Viewed

@@ -0,0 +1,132 @@
+import {
+    template,
+    types,
+    operator,
+} from 'putout';
+const {
+    isExpressionStatement,
+    isObjectProperty,
+    jsxText,
+    isArrayExpression,
+} = types;
+const {
+    replaceWith,
+    removeClassName,
+    setAttributeValue,
+} = operator;
+const isOn = ({node}) => {
+    if (isObjectProperty(node))
+        return node.value.value;
+    return node.elements[0].value === 'on';
+};
+const isSelected = ({node}) => {
+    if (isObjectProperty(node))
+        return node.value.value;
+    return node.elements[1].value === 'cursor';
+};
+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 classSelected = isSelected(path) ? '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 node = template.ast.fresh(`
+        <ul className="menu menu-hidden"></ul>
+    `);
+    if (isOn(path))
+        removeClassName(node, 'menu-hidden');
+    return node;
+};
+const createSubmenu = (path) => {
+    const {name} = path.parentPath.node.key;
+    const menuHidden = isOn(path) ? '' : ' menu-hidden';
+    const classSelected = isSelected(path) ? '  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;
+};
+export const fix = (path, {options}) => {
+    const {position} = options;
+    const {top, left} = position;
+    if (isObjectProperty(path)) {
+        replaceWith(path, createMenuItem(path));
+        return;
+    }
+    if (isArrayExpression(path)) {
+        const ul = createUL(path);
+        if (isExpressionStatement(path.parentPath)) {
+            replaceWith(path, ul);
+            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/render/rules/index.js ADDED Viewed

@@ -0,0 +1,5 @@
+import * as buildMenu from './build-menu/index.js';
+export const rules = {
+    'build-menu': buildMenu,
+};

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

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

package/lunes/state/rules/README.md ADDED Viewed

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