simplyview 2.1.1 → 3.0.1

package/js/simply.render.js

@@ -1,125 +0,0 @@
-(function(global) {
-    'use strict';
-
-    var render = function(options) {
-        if (!options) {
-            options = {};
-        }
-        options = Object.assign({
-            attribute: 'data-simply-field',
-            selector: '[data-simply-field]',
-            twoway: true,
-            model: {}
-        }, options);
-
-        options.fieldTypes = Object.assign({
-            '*': {
-                set: function(value) {
-                    this.innerHTML = value;
-                },
-                get: function() {
-                    return this.innerHTML;
-                }
-            },
-            'input,textarea,select': {
-                init: function(binding) {
-                    this.addEventListener('input', function() {
-                        if (binding.observing) {
-                            this.dispatchEvent(new Event('simply.bind.update', {
-                                bubbles: true,
-                                cancelable: true
-                            }));
-                        }
-                    });
-                },
-                set: function(value) {
-                    this.value = value;
-                },
-                get: function() {
-                    return this.value;
-                }
-            },
-            'input[type=radio]': {
-                init: function(binding) {
-                    this.addEventListener('change', function() {
-                        if (binding.observing) {
-                            this.dispatchEvent(new Event('simply.bind.update', {
-                                bubbles: true,
-                                cancelable: true
-                            }));
-                        }
-                    });
-                },
-                set: function(value) {
-                    this.checked = (value==this.value);
-                },
-                get: function() {
-                    var checked;
-                    if (this.form) {
-                        return this.form[this.name].value;
-                    } else if (checked=document.body.querySelector('input[name="'+this.name+'"][checked]')) { 
-                        return checked.value;
-                    } else {
-                        return null;
-                    }
-                }
-            },
-            'input[type=checkbox]': {
-                init: function(binding) {
-                    this.addEventListener('change', function() {
-                        if (binding.observing) {
-                            this.dispatchEvent(new Event('simply.bind.update', {
-                                bubbles: true,
-                                cancelable: true
-                            }));
-                        }
-                    });
-                },
-                set: function(value) {
-                    this.checked = (value.checked);
-                    this.value = value.value;
-                },
-                get: function() {
-                    return {
-                        checked: this.checked,
-                        value: this.value
-                    };
-                }
-            },
-            'select[multiple]': {
-                init: function(binding) {
-                    this.addEventListener('change', function() {
-                        if (binding.observing) {
-                            this.dispatchEvent(new Event('simply.bind.update', {
-                                bubbles: true,
-                                cancelable: true
-                            }));
-                        }
-                    });
-                },
-                set: function(value) {
-                    for (var i=0,l=this.options.length;i<l;i++) {
-                        this.options[i].selected = (value.indexOf(this.options[i].value)>=0);
-                    }
-                },
-                get: function() {
-                    return this.value;
-                }
-            },
-//            '[data-simply-content="template"]': {
-//                 allowNesting: true
-//            },
-        }, options.fieldTypes);
-
-        return options;
-    };
-
-    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
-        module.exports = render;
-    } else {
-        if (!global.simply) {
-            global.simply = {};
-        }
-        global.simply.render = render;
-    }
-})(this);

package/js/simply.resize.js

@@ -1,80 +0,0 @@
-(function(global) {
-    'use strict';
-
-    var resize = function(app, config) {
-        if (!config) {
-            config = {};
-        }
-        if (!config.sizes) {
-            config.sizes     = {
-                'simply-tiny'   : 0,
-                'simply-xsmall' : 480,
-                'simply-small'  : 768,
-                'simply-medium' : 992,
-                'simply-large'  : 1200
-            };
-        }
-
-        var lastSize = 0;
-        function resizeSniffer() {
-            var size = app.container.getBoundingClientRect().width;
-            if ( lastSize==size ) {
-                return;
-            }
-            lastSize  = size;
-            var sizes = Object.keys(config.sizes);
-            var match = sizes.pop();
-            while (match) {
-                if ( size<config.sizes[match] ) {
-                    if ( app.container.classList.contains(match)) {
-                        app.container.classList.remove(match);
-                    }
-                } else {
-                    if ( !app.container.classList.contains(match) ) {
-                        app.container.classList.add(match);
-                        match = sizes.pop(); // skip to next match to remove these
-                    }
-                    break;
-                }
-                match = sizes.pop();
-            }
-            while (match) {
-                if ( app.container.classList.contains(match)) {
-                    app.container.classList.remove(match);
-                }
-                match = sizes.pop();
-            }
-            var toolbars = app.container.querySelectorAll('.simply-toolbar');
-            [].forEach.call(toolbars, function(toolbar) {
-                toolbar.style.transform = '';
-            });
-        }
-
-        if ( global.attachEvent ) {
-            app.container.attachEvent('onresize', resizeSniffer);
-        } else {
-            global.setInterval(resizeSniffer, 200);
-        }
-
-        if ( simply.toolbar ) {
-            var toolbars = app.container.querySelectorAll('.simply-toolbar');
-            [].forEach.call(toolbars, function(toolbar) {
-                simply.toolbar.init(toolbar);
-                if (simply.toolbar.scroll) {
-                    simply.toolbar.scroll(toolbar);
-                }
-            });
-        }
-
-        return resizeSniffer;
-    };
-
-    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
-        module.exports = resize;
-    } else {
-        if (!global.simply) {
-            global.simply = {};
-        }
-        global.simply.resize = resize;
-    }
-})(this);

package/js/simply.route.js

@@ -1,234 +0,0 @@
-(function(global) {
-    'use strict';
-
-    var routeInfo = [];
-    var listeners = {
-        goto: {},
-        match: {},
-        call: {},
-        finish: {}
-    };
-
-    function getRegexpFromRoute(route) {
-        return new RegExp('^'+route.replace(/:\w+/g, '([^/]+)').replace(/:\*/, '(.*)'));
-    }
-
-    function parseRoutes(routes) {
-        var paths = Object.keys(routes);
-        var matchParams = /:(\w+|\*)/g;
-        var matches, params, path;
-        for (var i=0; i<paths.length; i++) {
-            path    = paths[i];
-            matches = [];
-            params  = [];
-            do {
-                matches = matchParams.exec(path);
-                if (matches) {
-                    params.push(matches[1]);
-                }
-            } while(matches);
-            routeInfo.push({
-                match:  getRegexpFromRoute(path),
-                params: params,
-                action: routes[path]
-            });
-        }
-    }
-
-    var linkHandler = function(evt) {
-        if (evt.ctrlKey) {
-            return;
-        }
-        if (evt.which != 1) {
-            return; // not a 'left' mouse click
-        }
-        var link = evt.target;
-        while (link && link.tagName!='A') {
-            link = link.parentElement;
-        }
-        if (link 
-            && link.pathname 
-            && link.hostname==global.location.hostname 
-            && !link.link
-            && !link.dataset.simplyCommand
-        ) {
-            let path = getPath(link.pathname+link.hash);
-            if ( !route.has(path) ) {
-                path = getPath(link.pathname);
-            }
-            if ( route.has(path) ) {
-                let params = runListeners('goto', { path: path});
-                if (params.path) {
-                    route.goto(params.path);
-                }
-                evt.preventDefault();
-                return false;
-            }
-        }
-    };
-
-    var options = {
-        root: '/'
-    };
-
-    var getPath = function(path) {
-        if (path.substring(0,options.root.length)==options.root
-            ||
-            ( options.root[options.root.length-1]=='/' 
-                && path.length==(options.root.length-1)
-                && path == options.root.substring(0,path.length)
-            )
-        ) {
-            path = path.substring(options.root.length);
-        }
-        if (path[0]!='/' && path[0]!='#') {
-            path = '/'+path;
-        }
-        return path;
-    };
-
-    var getUrl = function(path) {
-        path = getPath(path);
-        if (options.root[options.root.length-1]==='/' && path[0]==='/') {
-            path = path.substring(1);
-        }
-        return options.root + path;
-    };
-
-    function runListeners(action, params) {
-        if (!Object.keys(listeners[action])) {
-            return;
-        }
-        Object.keys(listeners[action]).forEach(function(route) {
-            var routeRe = getRegexpFromRoute(route);
-            if (routeRe.exec(params.path)) {
-                var result;
-                listeners[action][route].forEach(function(callback) {
-                    result = callback.call(global, params);
-                    if (result) {
-                        params = result;
-                    }
-                });
-            }
-        });
-        return params;
-    }
-
-    var route = {
-        handleEvents: function() {
-            global.addEventListener('popstate', function() {
-                if (route.match(getPath(document.location.pathname + document.location.hash)) === false) {
-                    route.match(getPath(document.location.pathname));
-                }
-            });
-            global.document.addEventListener('click', linkHandler);
-        },
-        load: function(routes) {
-            parseRoutes(routes);
-        },
-        clear: function() {
-            routeInfo = [];
-            listeners = {
-                match: {},
-                call: {},
-                finish: {}
-            };
-        },
-        match: function(path, options) {
-            var args = {
-                path: path,
-                options: options
-            };
-            args = runListeners('match',args);
-            path = args.path ? args.path : path;
-
-            var matches;
-            if (!path) {
-                if (route.match(document.location.pathname+document.location.hash)) {
-                    return true;
-                } else {
-                    return route.match(document.location.pathname);
-                }
-            }
-            path = getPath(path);
-            for ( var i=0; i<routeInfo.length; i++) {
-                matches = routeInfo[i].match.exec(path);
-                if (!matches || !matches.length) {
-                    if (path && path[path.length-1]!='/') {
-                        matches = routeInfo[i].match.exec(path+'/');
-                        if (matches) {
-                            path+='/';
-                            history.replaceState({}, '', getUrl(path));
-                        }
-                    }
-                }
-                if (matches && matches.length) {
-                    var params = {};
-                    routeInfo[i].params.forEach(function(key, i) {
-                        if (key=='*') {
-                            key = 'remainder';
-                        }
-                        params[key] = matches[i+1];
-                    });
-                    Object.assign(params, options);
-                    args.route = route;
-                    args.params = params;
-                    args = runListeners('call', args);
-                    params = args.params ? args.params : params;
-                    args.result = routeInfo[i].action.call(route, params);
-                    runListeners('finish', args);
-                    return args.result;
-                }
-            }
-            return false;
-        },
-        goto: function(path) {
-            history.pushState({},'',getUrl(path));
-            return route.match(path);
-        },
-        has: function(path) {
-            path = getPath(path);
-            for ( var i=0; i<routeInfo.length; i++) {
-                var matches = routeInfo[i].match.exec(path);
-                if (matches && matches.length) {
-                    return true;
-                }
-            }
-            return false;
-        },
-        addListener: function(action, route, callback) {
-            if (['goto','match','call','finish'].indexOf(action)==-1) {
-                throw new Error('Unknown action '+action);
-            }
-            if (!listeners[action][route]) {
-                listeners[action][route] = [];
-            }
-            listeners[action][route].push(callback);
-        },
-        removeListener: function(action, route, callback) {
-            if (['match','call','finish'].indexOf(action)==-1) {
-                throw new Error('Unknown action '+action);
-            }
-            if (!listeners[action][route]) {
-                return;
-            }
-            listeners[action][route] = listeners[action][route].filter(function(listener) {
-                return listener != callback;
-            });
-        },
-        init: function(params) {
-            if (params.root) {
-                options.root = params.root;
-            }
-        }
-    };
-
-    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
-        module.exports = route;
-    } else {
-        if (!global.simply) {
-            global.simply = {};
-        }
-        global.simply.route = route;
-    }
-})(this);

package/js/simply.view.js

@@ -1,35 +0,0 @@
-(function(global) {
-    'use strict';
-    var view = function(app, view) {
-
-        app.view = view || {};
-
-        var load = function() {
-            var data = app.view;
-            var path = global.editor.data.getDataPath(app.container);
-            app.view = global.editor.currentData[path];
-            Object.keys(data).forEach(function(key) {
-                app.view[key] = data[key];
-            });
-        };
-
-        if (global.editor && global.editor.currentData) {
-            load();
-        } else {
-            global.document.addEventListener('simply-content-loaded', function() {
-                load();
-            });
-        }
-        
-        return app.view;
-    };
-
-    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
-        module.exports = view;
-    } else {
-        if (!global.simply) {
-            global.simply = {};
-        }
-        global.simply.view = view;
-    }
-})(this);

package/js/simply.viewmodel.js

@@ -1,189 +0,0 @@
-(function(global) {
-    'use strict';
-
-    function etag() {
-        let d = '';
-        while (d.length < 32) d += Math.random().toString(16).substr(2);
-        const vr = ((parseInt(d.substr(16, 1), 16) & 0x3) | 0x8).toString(16);
-        return `${d.substr(0, 8)}-${d.substr(8, 4)}-4${d.substr(13, 3)}-${vr}${d.substr(17, 3)}-${d.substr(20, 12)}`;
-    }
-    
-    function ViewModel(name, data, options) {
-        this.name = name;
-        this.data = data || [];
-        this.data.etag = etag();
-        this.view = {
-            options: {},
-            data: [] //Array.from(this.data).slice()
-        };
-        this.options = options || {};
-        this.plugins = {
-            start: [],
-            select: [],
-            order: [],
-            render: [],
-            finish: []
-        };
-    }
-
-    ViewModel.prototype.update = function(params) {
-        if (!params) {
-            params = {};
-        }
-        if (params.data) {
-            // this.data is a reference to the data passed, so that any changes in it will get applied
-            // to the original
-            this.data = params.data;
-            this.data.etag = etag()
-        }
-        // the view is a shallow copy of the array, so that changes in sort order and filtering
-        // won't get applied to the original, but databindings on its children will still work
-        this.view.data = Array.from(this.data).slice();
-        this.view.data.etag = this.data.etag;
-        let data = this.view.data;
-        let plugins = this.plugins.start.concat(this.plugins.select, this.plugins.order, this.plugins.render, this.plugins.finish);
-        plugins.forEach(plugin => {
-            data = plugin.call(this, params, data);
-            if (!data) {
-                data = this.view.data;
-            }
-            this.view.data = data
-        });
-
-        if (global.editor) {
-            global.editor.addDataSource(this.name,{
-                load: function(el, callback) {
-                    callback(self.view.data);
-                }
-            });
-            updateDataSource(this.name);
-        }
-    };
-
-    ViewModel.prototype.addPlugin = function(pipe, plugin) {
-        if (typeof this.plugins[pipe] == 'undefined') {
-            throw new Error('Unknown pipeline '+pipe);
-        }
-        this.plugins[pipe].push(plugin);
-    };
-
-    ViewModel.prototype.removePlugin = function(pipe, plugin) {
-        if (typeof this.plugins[pipe] == 'undefined') {
-            throw new Error('Unknown pipeline '+pipe);
-        }
-        this.plugins[pipe] = this.plugins[pipe].filter(function(p) {
-            return p != plugin;
-        });
-    };
-
-    var updateDataSource = function(name) {
-        global.document.querySelectorAll('[data-simply-data="'+name+'"]').forEach(function(list) {
-            global.editor.list.applyDataSource(list, name);
-        });
-    };
-
-    var createSort = function(options) {
-        var defaultOptions = {
-            name: 'sort',
-            getSort: function(params) {
-                return Array.prototype.sort;
-            }
-        };
-        options = Object.assign(defaultOptions, options || {});
-
-        return function(params) {
-            this.options[options.name] = options;
-            if (params[options.name]) {
-                options = Object.assign(options, params[options.name]);
-            }
-            this.view.data.sort(options.getSort.call(this, options));
-        };
-    };
-
-    var createPaging = function(options) {
-        var defaultOptions = {
-            name: 'paging',
-            page: 1,
-            pageSize: 100,
-            max: 1,
-            prev: 0,
-            next: 0
-        };
-        options = Object.assign(defaultOptions, options || {});
-
-        return function(params) {
-            this.options[options.name] = options;
-            if (this.view.data) {
-                options.max = Math.max(1, Math.ceil(Array.from(this.view.data).length / options.pageSize));
-            } else {
-                options.max = 1;
-            }
-            if (this.view.changed) {
-                options.page = 1; // reset to page 1 when something in the view data has changed
-            }
-            if (params[options.name]) {
-                options = Object.assign(options, params[options.name]);
-            }
-            options.page = Math.max(1, Math.min(options.max, options.page)); // clamp page nr
-            options.prev = options.page - 1; // calculate previous page, 0 is allowed
-            if (options.page<options.max) {
-                options.next = options.page + 1;
-            } else {
-                options.next = 0; // no next page
-            }
-
-            var start = (options.page - 1) * options.pageSize;
-            var end   = start + options.pageSize;
-
-            this.view.data = this.view.data.slice(start, end);
-        };
-    };
-
-    var createFilter = function(options) {
-        var defaultOptions = {
-            name: 'filter',
-            label: 'A filter',
-            getMatch: function(entry) {
-                return false;
-            }
-        };
-        options = Object.assign(defaultOptions, options || {});
-        if (options.init) {
-            options.init.call(this, options);
-        }
-        return function(params) {
-            this.options[options.name] = options;
-            if (params[options.name]) {
-                options = Object.assign(options, params[options.name]);
-            }
-            var match = options.getMatch.call(this, options);
-            if (match) {
-                options.enabled = true;
-                this.view.data = this.view.data.filter(match);
-            } else if (options.enabled) {
-                options.enabled = false;
-            }
-        }
-    }
-
-    var viewmodel = {
-        create: function(name, data, options) {
-            return new ViewModel(name, data, options);
-        },
-        createFilter: createFilter,
-        createSort: createSort,
-        createPaging: createPaging,
-        updateDataSource: updateDataSource,
-        etag
-    };
-
-    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
-        module.exports = viewmodel;
-    } else {
-        if (!global.simply) {
-            global.simply = {};
-        }
-        global.simply.viewmodel = viewmodel;
-    }
-
-})(this);