simplyview 2.1.0 → 3.0.0

package/js/simply.path.js

@@ -1,48 +0,0 @@
-(function(global) {
-    'us strict';
-
-    var path = {
-        get: function(model, path) {
-            if (!path) {
-                return model;
-            }
-            return path.split('.').reduce(function(acc, name) {
-                return (acc && acc[name] ? acc[name] : null);
-            }, model);
-        },
-        set: function(model, path, value) {
-            var lastName   = simply.path.pop(path);
-            var parentPath = simply.path.parent(path);
-            var parentOb   = simply.path.get(model, parentPath);
-            parentOb[lastName] = value;
-        },
-        pop: function(path) {
-            return path.split('.').pop();
-        },
-        push: function(path, name) {
-            return (path ? path + '.' : '') + name;
-        },
-        parent: function(path) {
-            var p = path.split('.');
-            p.pop();
-            return p.join('.');
-        },
-        parents: function(path) {
-            var result = [];
-            path.split('.').reduce(function(acc, name) {
-                acc.push( (acc.length ? acc[acc.length-1] + '.' : '') + name );
-                return acc;
-            },result);
-            return result;
-        }
-    };
-
-    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
-        module.exports = path;
-    } else {
-        if (!global.simply) {
-            global.simply = {};
-        }
-        global.simply.path = path;
-    }
-})(this);

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