simplyview 2.1.0 → 3.0.0

package/js/simply.activate.js

@@ -1,79 +0,0 @@
-(function(global) {
-    'use strict';
-
-    var listeners = {};
-
-     var activate = {
-        addListener: function(name, callback) {
-            if (!listeners[name]) {
-                listeners[name] = [];
-            }
-            listeners[name].push(callback);
-            initialCall(name);
-        },
-        removeListener: function(name, callback) {
-            if (!listeners[name]) {
-                return false;
-            }
-            listeners[name] = listeners[name].filter(function(listener) {
-                return listener!=callback;
-            });
-        }
-    };
-
-    var initialCall = function(name) {
-        var nodes = document.querySelectorAll('[data-simply-activate="'+name+'"]');
-        if (nodes) {
-            [].forEach.call(nodes, function(node) {
-                callListeners(node);
-            });
-        }
-    };
-
-    var callListeners = function(node) {
-        if (node && node.dataset.simplyActivate 
-            && listeners[node.dataset.simplyActivate]
-        ) {
-            listeners[node.dataset.simplyActivate].forEach(function(callback) {
-                callback.call(node);
-            });
-        }
-    };
-
-    var handleChanges = function(changes) {
-        var activateNodes = [];
-        for (var change of changes) {
-            if (change.type=='childList') {
-                [].forEach.call(change.addedNodes, function(node) {
-                    if (node.querySelectorAll) {
-                        var toActivate = [].slice.call(node.querySelectorAll('[data-simply-activate]'));
-                        if (node.matches('[data-simply-activate]')) {
-                            toActivate.push(node);
-                        }
-                        activateNodes = activateNodes.concat(toActivate);
-                    }
-                });
-            }
-        }
-        if (activateNodes.length) {
-            activateNodes.forEach(function(node) {
-                callListeners(node);
-            });
-        }
-    };
-
-    var observer = new MutationObserver(handleChanges);
-    observer.observe(document, {
-        subtree: true,
-        childList: true
-    });
-
-    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
-        module.exports = activate;
-    } else {
-        if (!global.simply) {
-            global.simply = {};
-        }
-        global.simply.activate = activate;
-    }
-})(this);

package/js/simply.api.js

@@ -1,228 +0,0 @@
-(function(global) {
-    'use strict';
-
-    var api = {
-        /**
-         * Returns a Proxy object that translates property access to a URL in the api
-         * and method calls to a fetch on that URL.
-         * @param options: a list of options for fetch(), 
-		 * see the 'init' parameter at https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch#parameters 
-         * additionally:
-         * - baseURL: (required) the endpoint of the API
-         * - path: the current path in the API, is appended to the baseURL
-         * - verbs: list of http verbs to allow as methods, default ['get','post']
-         * - handlers.fetch: alternative fetch method
-         * - handlers.result: alternative getResult method
-         * - handlers.error: alternative error method
-         * - user (and password): if set, a basic authentication header will be added
-         * - paramsFormat: either 'formData', 'json' or 'search'. Default is search.
-         * - responseFormat: test, formData, blob, json, arrayBuffer or unbuffered. Default is json.
-         * @return Proxy
-         */
-        proxy: function(options) {
-            var cache = () => {};
-            cache.$options = Object.assign({}, options);
-            return new Proxy( cache, getApiHandler(cache.$options) );
-        },
-
-        /**
-         * Fetches the options.baseURL using the fetch api and returns a promise
-         * Extra options in addition to those of global.fetch():
-         * - user (and password): if set, a basic authentication header will be added
-         * - paramsFormat: either 'formData', 'json' or 'search'
-         * By default params, if set, will be added to the baseURL as searchParams
-         * @param method one of the http verbs, e.g. get, post, etc.
-         * @param options the options for fetch(), with some additions
-         * @param params the parameters to send with the request, as javascript/json data
-         * @return Promise
-         */
-        fetch: function(method, params, options) {
-            if (!options.url) {
-                if (!options.baseURL) {
-                    throw new Error('No url or baseURL in options object');
-                }
-                while (options.baseURL[options.baseURL.length-1]=='/') {
-                    options.baseURL = options.baseURL.substr(0, options.baseURL.length-1);
-                }
-                var url = new URL(options.baseURL+options.path);
-            } else {
-                var url = options.url;
-            }
-            var fetchOptions = Object.assign({}, options);
-            if (!fetchOptions.headers) {
-                fetchOptions.headers = {};
-            }
-            if (params) {
-                if (method=='GET') {
-                    var paramsFormat = 'search';
-                } else {
-                    var paramsFormat = options.paramsFormat;
-                }
-                switch(paramsFormat) {
-                    case 'formData':
-                        var formData = new FormData();
-                        for (const name in params) {
-                            formData.append(name, params[name]);
-                        }
-                        if (!fetchOptions.headers['Content-Type']) {
-                            fetchOptions.headers['Content-Type'] = 'application/x-www-form-urlencoded';
-                        }
-                        break;
-                    case 'json':
-                        var formData = JSON.stringify(params);
-                        if (!fetchOptions.headers['Content-Type']) {
-                            fetchOptions.headers['Content-Type'] = 'application/json';
-                        }
-                        break;
-                    case 'search':
-                        var searchParams = url.searchParams; //new URLSearchParams(url.search.slice(1));
-                        for (const name in params) {
-                            searchParams.set(name, params[name]);
-                        }
-                        url.search = searchParams.toString();
-                        break;
-                    default:
-                        throw Error('Unknown options.paramsFormat '+options.paramsFormat+'. Select one of formData, json or search.');
-                        break;
-                }
-            }
-            if (formData) {
-                fetchOptions.body = formData
-            }
-            if (options.user) {
-                fetchOptions.headers['Authorization'] = 'Basic '+btoa(options.user+':'+options.password);
-            }
-            fetchOptions.method = method.toUpperCase();
-            var fetchURL = url.toString()
-            return fetch(fetchURL, fetchOptions);
-        },
-        /**
-         * Creates a function to call one or more graphql queries
-         */
-        graphqlQuery: function(url, query, options) {
-            options = Object.assign({ paramsFormat: 'json', url: url, responseFormat: 'json' }, options);
-            return function(params, operationName) {
-                let postParams = {
-                    query: query
-                };
-                if (operationName) {
-                    postParams.operationName = operationName;
-                }
-                postParams.variables = params || {};
-                return simply.api.fetch('POST', postParams, options )
-                .then(function(response) {
-                    return simply.api.getResult(response, options);
-                });
-            }  
-        },
-        /**
-         * Handles the response and returns a Promise with the response data as specified
-         * @param response Response
-         * @param options
-         * - responseFormat: one of 'text', 'formData', 'blob', 'arrayBuffer', 'unbuffered' or 'json'.
-         * The default is json.
-         */
-        getResult: function(response, options) {
-            if (response.ok) {
-                switch(options.responseFormat) {
-                    case 'text':
-                        return response.text();
-                    break;
-                    case 'formData':
-                        return response.formData();
-                    break;
-                    case 'blob':
-                        return response.blob();
-                    break;
-                    case 'arrayBuffer':
-                        return response.arrayBuffer();
-                    break;
-                    case 'unbuffered':
-                        return response.body;
-                    break;
-                    case 'json':
-                    default:
-                        return response.json();
-                    break;
-                }
-            } else {
-                throw {
-                    status: response.status,
-                    message: response.statusText,
-                    response: response
-                }
-            }
-        },
-        logError: function(error, options) {
-            console.error(error.status, error.message);
-        }
-    }
-
-    var defaultOptions = {
-        path: '',
-        responseFormat: 'json',
-        paramsFormat: 'search',
-        verbs: ['get','post'],
-        handlers: {
-            fetch:  api.fetch,
-            result: api.getResult,
-            error:  api.logError
-        }
-    };
-
-    function cd(path, name) {
-        name = name.replace(/\//g,'');
-        if (!path.length || path[path.length-1]!=='/') {
-            path+='/';
-        }
-        return path+encodeURIComponent(name);
-    }
-
-    function fetchChain(prop, params) {
-        var options = this;
-        return this.handlers.fetch
-            .call(this, prop, params, options)
-            .then(function(res) {
-                return options.handlers.result.call(options, res, options);
-            })
-            .catch(function(error) {
-                return options.handlers.error.call(options, error, options);
-            });
-    }
-
-    function getApiHandler(options) {
-        options.handlers = Object.assign({}, defaultOptions.handlers, options.handlers);
-        options = Object.assign({}, defaultOptions, options);
-
-        return {
-            get: function(cache, prop) {
-                if (!cache[prop]) {
-                    if (options.verbs.indexOf(prop)!=-1) { 
-                        cache[prop] = function(params) {
-                            return fetchChain.call(options, prop, params);
-                        }
-                    } else {
-                        cache[prop] = api.proxy(Object.assign({}, options, {
-                            path: cd(options.path, prop)
-                        }));
-                    }
-                }
-                return cache[prop];
-            },
-            apply: function(cache, thisArg, params) {
-                return fetchChain.call(options, 'get', params[0] ? params[0] : null)
-            }
-        }
-    }
-
-
-    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
-        module.exports = api;
-    } else {
-        if (!global.simply) {
-            global.simply = {};
-        }
-        global.simply.api = api;
-    }
-
-})(this);

package/js/simply.app.js

@@ -1,63 +0,0 @@
-(function(global) {
-    'use strict';
-
-    var app = function(options) {
-        if (!options) {
-            options = {};
-        }
-        if (!options.container) {
-            console.warn('No simply.app application container element specified, using document.body.');
-        }
-        
-        function simplyApp(options) {
-            if (!options) {
-                options = {};
-            }
-            if ( options.routes ) {
-                simply.route.load(options.routes);
-                if (options.routeEvents) {
-                    Object.keys(options.routeEvents).forEach(function(action) {
-                        Object.keys(options.routeEvents[action]).forEach(function(route) {
-                            options.routeEvents[action][route].forEach(function(callback) {
-                                simply.route.addListener(action, route, callback);
-                            });
-                        });
-                    });
-                }
-                simply.route.handleEvents();
-                global.setTimeout(function() {
-                    simply.route.match(global.location.pathname+global.location.hash);
-                });
-            }
-            this.container = options.container || document.body;
-            this.keyboard  = simply.keyboard ? simply.keyboard(this, options.keyboard || {}) : false;
-            this.actions   = simply.action ? simply.action(this, options.actions) : false;
-            this.commands  = simply.command ? simply.command(this, options.commands) : false;
-            this.resize    = simply.resize ? simply.resize(this, options.resize) : false;
-            this.view      = simply.view ? simply.view(this, options.view) : false;
-            if (!(global.editor && global.editor.field) && simply.bind) {
-                // skip simplyview databinding if SimplyEdit is loaded
-                options.bind = simply.render(options.bind || {});
-                options.bind.model = this.view;
-                options.bind.container = this.container;
-                this.bind = options.bindings = simply.bind(options.bind);
-            }
-        }
-
-        simplyApp.prototype.get = function(id) {
-            return this.container.querySelector('[data-simply-id='+id+']') || document.getElementById(id);
-        };
-
-        return new simplyApp(options);
-    };
-
-    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
-        module.exports = app;
-    } else {
-        if (!global.simply) {
-            global.simply = {};
-        }
-        global.simply.app = app;
-    }
-
-})(this);

package/js/simply.collect.js

@@ -1,72 +0,0 @@
-(function(global) {
-    'use strict';
-
-    var knownCollections = {};
-    
-    var collect = {
-        addListener: function(name, callback) {
-            if (!knownCollections[name]) {
-                knownCollections[name] = [];
-            }
-            if (knownCollections[name].indexOf(callback) == -1) {
-                knownCollections[name].push(callback);
-            }
-        },
-        removeListener: function(name, callback) {
-            if (knownCollections[name]) {
-                var index = knownCollections[name].indexOf(callback);
-                if (index>=0) {
-                    knownCollections[name].splice(index, 1);
-                }
-            }
-        },
-        update: function(element, value) {
-            element.value = value;
-            element.dispatchEvent(new Event('change', {
-                bubbles: true,
-                cancelable: true
-            }));
-        }
-    };
-
-    function findCollection(el) {
-        while (el && !el.dataset.simplyCollection) {
-            el = el.parentElement;
-        }
-        return el;
-    }
-    
-    global.addEventListener('change', function(evt) {
-        var root = null;
-        var name = '';
-        if (evt.target.dataset.simplyElement) {
-            root = findCollection(evt.target);
-            if (root && root.dataset) {
-                name = root.dataset.simplyCollection;
-            }
-        }
-        if (name && knownCollections[name]) {
-            var inputs = root.querySelectorAll('[data-simply-element]');
-            var elements = [].reduce.call(inputs, function(elements, input) {
-                elements[input.dataset.simplyElement] = input;
-                return elements;
-            }, {});
-            for (var i=knownCollections[name].length-1; i>=0; i--) {
-                var result = knownCollections[name][i].call(evt.target.form, elements);
-                if (result === false) {
-                    break;
-                }
-            }
-        }
-    }, true);
-
-    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
-        module.exports = collect;
-    } else {
-        if (!global.simply) {
-            global.simply = {};
-        }
-        global.simply.collect = collect;
-    }
-
-})(this);

package/js/simply.command.js

@@ -1,196 +0,0 @@
-(function(global) {
-    'use strict';
-
-    var defaultCommands = {
-        'simply-hide': function(el, value) {
-            var target = this.app.get(value);
-            if (target) {
-                this.action('simply-hide',target);
-            }
-        },
-        'simply-show': function(el, value) {
-            var target = this.app.get(value);
-            if (target) {
-                this.action('simply-show',target);
-            }
-        },
-        'simply-select': function(el, value) {
-            var group = el.dataset.simplyGroup;
-            var target = this.app.get(value);
-            var targetGroup = (target ? target.dataset.simplyGroup : null);
-            this.action('simply-select', el, group, target, targetGroup);
-        },
-        'simply-toggle-select': function(el, value) {
-            var group = el.dataset.simplyGroup;
-            var target = this.app.get(value);
-            var targetGroup = (target ? target.dataset.simplyTarget : null);
-            this.action('simply-toggle-select',el,group,target,targetGroup);
-        },
-        'simply-toggle-class': function(el, value) {
-            var target = this.app.get(el.dataset.simplyTarget);
-            this.action('simply-toggle-class',el,value,target);
-        },
-        'simply-deselect': function(el, value) {
-            var target = this.app.get(value);
-            this.action('simply-deselect',el,target);
-        },
-        'simply-fullscreen': function(el, value) {
-            var target = this.app.get(value);
-            this.action('simply-fullscreen',target);
-        }
-    };
-
-
-    var handlers = [
-        {
-            match: 'input,select,textarea',
-            get: function(el) {
-                if (el.tagName==='SELECT' && el.multiple) {
-                    var values = [], opt;
-                    for (var i=0,l=el.options.length;i<l;i++) {
-                        var opt = el.options[i];
-                        if (opt.selected) {
-                            values.push(opt.value);
-                        }
-                    }
-                    return values;
-                }
-                return el.dataset.simplyValue || el.value;
-            },
-            check: function(el, evt) {
-                return evt.type=='change' || (el.dataset.simplyImmediate && evt.type=='input');
-            }
-        },
-        {
-            match: 'a,button',
-            get: function(el) {
-                return el.dataset.simplyValue || el.href || el.value;
-            },
-            check: function(el,evt) {
-                return evt.type=='click' && evt.ctrlKey==false && evt.button==0;
-            }
-        },
-        {
-            match: 'form',
-            get: function(el) {
-                var data = {};
-                [].forEach.call(el.elements, function(el) {
-                    if (el.tagName=='INPUT' && (el.type=='checkbox' || el.type=='radio')) {
-                        if (!el.checked) {
-                            return;
-                        }
-                    }
-                    if (data[el.name] && !Array.isArray(data[el.name])) {
-                        data[el.name] = [data[el.name]];
-                    }
-                    if (Array.isArray(data[el.name])) {
-                        data[el.name].push(el.value);
-                    } else {
-                        data[el.name] = el.value;
-                    }
-                });
-                return data;//new FormData(el);
-            },
-            check: function(el,evt) {
-                return evt.type=='submit';
-            }
-        }
-    ];
-
-    var fallbackHandler = {
-        get: function(el) {
-            return el.dataset.simplyValue;
-        },
-        check: function(el, evt) {
-            return evt.type=='click' && evt.ctrlKey==false && evt.button==0;
-        }
-    };
-
-    function getCommand(evt) {
-        var el = evt.target.closest('[data-simply-command]');
-        if (el) {
-            var matched = false;
-            for (var i=handlers.length-1; i>=0; i--) {
-                if (el.matches(handlers[i].match)) {
-                    matched = true;
-                    if (handlers[i].check(el, evt)) {
-                        return {
-                            name:   el.dataset.simplyCommand,
-                            source: el,
-                            value:  handlers[i].get(el)
-                        };
-                    }
-                }
-            }
-            if (!matched && fallbackHandler.check(el,evt)) {
-                return {
-                    name:   el.dataset.simplyCommand,
-                    source: el,
-                    value: fallbackHandler.get(el)
-                };
-            }
-        }
-        return null;
-    }
-
-    var command = function(app, inCommands) {
-
-        var commands = Object.create(defaultCommands);
-        for (var i in inCommands) {
-            commands[i] = inCommands[i];
-        }
-
-        commands.app = app;
-
-        commands.action = function(name) {
-            var params = Array.prototype.slice.call(arguments);
-            params.shift();
-            return app.actions[name].apply(app.actions,params);
-        };
-
-        commands.call = function(name) {
-            var params = Array.prototype.slice.call(arguments);
-            params.shift();
-            return this[name].apply(this,params);            
-        };
-
-        commands.appendHandler = function(handler) {
-            handlers.push(handler);
-        };
-
-        commands.prependHandler = function(handler) {
-            handlers.unshift(handler);
-        };
-
-        var commandHandler = function(evt) {
-            var command = getCommand(evt);
-            if ( command ) {
-                if (!commands[command.name]) {
-                    console.error('simply.command: undefined command '+command.name, command.source);
-                } else {
-                    commands.call(command.name, command.source, command.value);
-                    evt.preventDefault();
-                    evt.stopPropagation();
-                    return false;
-                }
-            }
-        };
-
-        app.container.addEventListener('click', commandHandler);
-        app.container.addEventListener('submit', commandHandler);
-        app.container.addEventListener('change', commandHandler);
-        app.container.addEventListener('input', commandHandler);
-
-        return commands;
-    };
-
-    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
-        module.exports = command;
-    } else {
-        if (!global.simply) {
-            global.simply = {};
-        }
-        global.simply.command = command;
-    }
- 
-})(this);