qword 0.1.0

package/client/loadremote.js

@@ -0,0 +1,93 @@
+import load from 'load.js';
+import {tryToCatch} from 'try-to-catch';
+import once from 'once';
+
+const isString = (a) => typeof a === 'string';
+
+const loadModules = once(async (prefix) => {
+    const url = `${prefix}/modules.json`;
+    return await load.json(url);
+});
+
+const loadOptions = once(async (prefix) => {
+    const url = `${prefix}/options.json`;
+    return await load.json(url);
+});
+
+const on = async (remote) => {
+    const [error] = await tryToCatch(load.parallel, remote);
+    
+    if (error)
+        await off();
+};
+
+const off = async function(local) {
+    await load.parallel(local);
+};
+
+export default async (name, options = {}) => {
+    const o = options;
+    
+    const {prefix = ''} = o;
+    
+    if (o.name && global[o.name])
+        return;
+    
+    const promises = [
+        loadModules(prefix),
+        loadOptions(prefix),
+    ];
+    
+    const [error, [modules, config]] = await tryToCatch(Promise.all.bind(Promise), promises);
+    
+    let remoteTmpls;
+    let local;
+    
+    if (error)
+        return alert(`Error: could not load module or config: ${error.message}`);
+    
+    const online = config.online && navigator.onLine;
+    const module = binom(name, modules);
+    const isArray = Array.isArray(module.local);
+    const {version} = module;
+    
+    if (isArray) {
+        remoteTmpls = module.remote;
+        ({local} = module);
+    } else {
+        remoteTmpls = [module.remote];
+        local = [module.local];
+    }
+    
+    local = local.map((url) => prefix + url);
+    
+    const remote = remoteTmpls.map((tmpl) => {
+        return tmpl.replace(/{{\sversion\s}}/g, version);
+    });
+    
+    if (!online)
+        return await off(local);
+    
+    await on(remote);
+};
+
+function binom(name, array) {
+    let ret;
+    
+    if (!isString(name))
+        throw Error('name should be string!');
+    
+    if (!Array.isArray(array))
+        throw Error('array should be array!');
+    
+    array.some((item) => {
+        const is = item.name === name;
+        
+        if (is)
+            ret = item;
+        
+        return is;
+    });
+    
+    return ret;
+}

package/client/save.js

@@ -0,0 +1,53 @@
+import wraptile from 'wraptile';
+import {promisify} from 'es6-promisify';
+import _zipio from 'zipio';
+
+const isString = (a) => typeof a === 'string';
+const zipio = promisify(_zipio);
+
+const setValue = wraptile(_setValue);
+
+export default function() {
+    save
+        .call(this)
+        .then(setValue(this))
+        .catch(this._onSave.bind(this));
+    
+    return this;
+}
+
+async function save() {
+    const value = this.getValue();
+    const {length} = value;
+    const {_FileName: _filename, _maxSize} = this;
+    
+    const {diff, zip} = await this._loadOptions();
+    
+    if (diff) {
+        const patch = await this._doDiff(_filename);
+        const isPatch = checkPatch(length, _maxSize, patch);
+        
+        if (isPatch)
+            return this._patch(_filename, patch);
+    }
+    
+    if (!zip)
+        return this._write(_filename, value);
+    
+    const zipedValue = await zipio(value);
+    
+    return this._write(`${_filename}?unzip`, zipedValue);
+}
+
+function _setValue(ctx) {
+    ctx._Value = ctx.getValue();
+}
+
+function checkPatch(length, maxSize, patch) {
+    const patchLength = patch?.length || 0;
+    const isLessMaxLength = length < maxSize;
+    const isLessLength = isLessMaxLength && patchLength < length;
+    const isStr = isString(patch);
+    
+    return patch && isStr && isLessLength;
+}

package/client/set-key-map.js

@@ -0,0 +1,3 @@
+export default function(keyMap) {
+    this.setOption('keyMap', keyMap);
+}

package/client/show-message.js

@@ -0,0 +1,30 @@
+import createElement from '@cloudcmd/create-element';
+
+function createMsg() {
+    const innerHTML = '<div class="dword-msg">/div>';
+    const wrapper = createElement('div', {
+        innerHTML,
+    });
+    
+    return wrapper.firstChild;
+}
+
+export default showMessage;
+
+function showMessage(text) {
+    const HIDE_TIME = 2000;
+    
+    if (!this._ElementMsg) {
+        this._ElementMsg = createMsg();
+        this._Element.appendChild(this._ElementMsg);
+    }
+    
+    this._ElementMsg.textContent = text;
+    this._ElementMsg.hidden = false;
+    
+    setTimeout(() => {
+        this._ElementMsg.hidden = true;
+    }, HIDE_TIME);
+    
+    return this;
+}

package/client/story.js

@@ -0,0 +1,55 @@
+import {promisify} from 'es6-promisify';
+import * as restafary from 'restafary/client';
+
+export default Story;
+
+function Story() {
+    if (!(this instanceof Story))
+        return new Story();
+}
+
+Story.prototype.checkHash = async function(name) {
+    const loadHash = await this.loadHash(name);
+    const nameHash = `${name}-hash`;
+    const storeHash = localStorage.getItem(nameHash);
+    
+    return loadHash === storeHash;
+};
+
+Story.prototype.loadHash = promisify(function(name, callback) {
+    const query = '?hash';
+    
+    restafary.read(name + query, callback);
+    
+    return this;
+});
+
+Story.prototype.setData = function(name, data) {
+    const nameData = `${name}-data`;
+    
+    localStorage.setItem(nameData, data);
+    
+    return this;
+};
+
+Story.prototype.setHash = function(name, hash) {
+    const nameHash = `${name}-hash`;
+    
+    localStorage.setItem(nameHash, hash);
+    
+    return this;
+};
+
+Story.prototype.getData = function(name) {
+    const nameData = `${name}-data`;
+    const data = localStorage.getItem(nameData);
+    
+    return data || '';
+};
+
+Story.prototype.getHash = function(name) {
+    const item = `${name}-hash`;
+    const data = localStorage.getItem(item);
+    
+    return data || '';
+};

package/codemirror/codemirror.js

@@ -0,0 +1,3 @@
+import codemirror from 'codemirror';
+export default codemirror;
+

package/css/dword.css

@@ -0,0 +1,20 @@
+.dword-msg {
+    z-index: 2;
+    background-color: #7285b7;
+    color: #d1f1a9;
+    position: fixed;
+    left: 40%;
+    top: 25px;
+    padding: 5px;
+    opacity: 0.9;
+    transition: ease 0.5s;
+}
+
+.CodeMirror {
+    height: 100%;
+    font-family: 'Droid Sans Mono';
+}
+
+.CodeMirror.cm-s-pastel-on-dark {
+    font-size: 16px;
+}

package/dist/2b22a33a0a80bb926bbc.png

@@ -0,0 +1 @@
+export default "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAAUklEQVR4XqXPYQrAIAhAYW/gXd8NJxTopVqsGEhtf+L9/ERU2k/HSMFQpKcYJeNFI9Be0LCMij8cYyjj5EHIivGBkwLfrbX3IF8PqumVmnDpEG+eDsKibPG2JwAAAABJRU5ErkJggg=="

package/dist/8e9019bd86255ac9a618.png

@@ -0,0 +1 @@
+export default "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAAnUlEQVR4XoWQQQ6CQAxFewjkJkMCyXgJPMk7AiYczyBeZEAX6AKctGIaN+bt+trk9wtGQc/IkhnoKGxqqiWxOSZalapWFZ6VrIUDExsN0a5JRBq9LoVOR0eEQMoEhKizXhhsn0p1sCWVo7CwOf1RytPL8CPvwuBUoHL6ugeK30CVD1TqK7V/hdpe+VNChhOzV8xWny/+xosHF8578W/Hmc1OOC3wmwAAAABJRU5ErkJggg=="