@converse/skeletor 0.0.8 → 0.0.9

package/src/history.js

@@ -1,301 +0,0 @@
-//  Backbone.js 1.4.0
-//  (c) 2010-2019 Jeremy Ashkenas and DocumentCloud
-//  Backbone may be freely distributed under the MIT license.
-
-import extend from 'lodash-es/extend.js';
-import some from 'lodash-es/some.js';
-import { Events } from './events.js';
-import { inherits } from './helpers.js';
-
-// History
-// -------
-
-// Handles cross-browser history management, based on either
-// [pushState](http://diveintohtml5.info/history.html) and real URLs, or
-// [onhashchange](https://developer.mozilla.org/en-US/docs/DOM/window.onhashchange)
-// and URL fragments. If the browser supports neither (old IE, natch),
-// falls back to polling.
-const History = function() {
-  this.handlers = [];
-  this.checkUrl = this.checkUrl.bind(this);
-
-  // Ensure that `History` can be used outside of the browser.
-  if (typeof window !== 'undefined') {
-    this.location = window.location;
-    this.history = window.history;
-  }
-};
-
-History.extend = inherits;
-
-// Cached regex for stripping a leading hash/slash and trailing space.
-const routeStripper = /^[#\/]|\s+$/g;
-// Cached regex for stripping leading and trailing slashes.
-const rootStripper = /^\/+|\/+$/g;
-// Cached regex for stripping urls of hash.
-const pathStripper = /#.*$/;
-
-// Has the history handling already been started?
-History.started = false;
-
-// Set up all inheritable **History** properties and methods.
-Object.assign(History.prototype, Events, {
-
-  // The default interval to poll for hash changes, if necessary, is
-  // twenty times a second.
-  interval: 50,
-
-  // Are we at the app root?
-  atRoot: function() {
-    const path = this.location.pathname.replace(/[^\/]$/, '$&/');
-    return path === this.root && !this.getSearch();
-  },
-
-  // Does the pathname match the root?
-  matchRoot: function() {
-    const path = this.decodeFragment(this.location.pathname);
-    const rootPath = path.slice(0, this.root.length - 1) + '/';
-    return rootPath === this.root;
-  },
-
-  // Unicode characters in `location.pathname` are percent encoded so they're
-  // decoded for comparison. `%25` should not be decoded since it may be part
-  // of an encoded parameter.
-  decodeFragment: function(fragment) {
-    return decodeURI(fragment.replace(/%25/g, '%2525'));
-  },
-
-  // In IE6, the hash fragment and search params are incorrect if the
-  // fragment contains `?`.
-  getSearch: function() {
-    const match = this.location.href.replace(/#.*/, '').match(/\?.+/);
-    return match ? match[0] : '';
-  },
-
-  // Gets the true hash value. Cannot use location.hash directly due to bug
-  // in Firefox where location.hash will always be decoded.
-  getHash: function(window) {
-    const match = (window || this).location.href.match(/#(.*)$/);
-    return match ? match[1] : '';
-  },
-
-  // Get the pathname and search params, without the root.
-  getPath: function() {
-    const path = this.decodeFragment(
-      this.location.pathname + this.getSearch()
-    ).slice(this.root.length - 1);
-    return path.charAt(0) === '/' ? path.slice(1) : path;
-  },
-
-  // Get the cross-browser normalized URL fragment from the path or hash.
-  getFragment: function(fragment) {
-    if (fragment == null) {
-      if (this._usePushState || !this._wantsHashChange) {
-        fragment = this.getPath();
-      } else {
-        fragment = this.getHash();
-      }
-    }
-    return fragment.replace(routeStripper, '');
-  },
-
-  // Start the hash change handling, returning `true` if the current URL matches
-  // an existing route, and `false` otherwise.
-  start: function(options) {
-    if (History.started) throw new Error('history has already been started');
-    History.started = true;
-
-    // Figure out the initial configuration. Do we need an iframe?
-    // Is pushState desired ... is it available?
-    this.options          = extend({root: '/'}, this.options, options);
-    this.root             = this.options.root;
-    this._wantsHashChange = this.options.hashChange !== false;
-    this._hasHashChange   = 'onhashchange' in window && (document.documentMode === undefined|| document.documentMode > 7);
-    this._useHashChange   = this._wantsHashChange && this._hasHashChange;
-    this._wantsPushState  = !!this.options.pushState;
-    this._hasPushState    = !!(this.history && this.history.pushState);
-    this._usePushState    = this._wantsPushState && this._hasPushState;
-    this.fragment         = this.getFragment();
-
-    // Normalize root to always include a leading and trailing slash.
-    this.root = ('/' + this.root + '/').replace(rootStripper, '/');
-
-    // Transition from hashChange to pushState or vice versa if both are
-    // requested.
-    if (this._wantsHashChange && this._wantsPushState) {
-
-      // If we've started off with a route from a `pushState`-enabled
-      // browser, but we're currently in a browser that doesn't support it...
-      if (!this._hasPushState && !this.atRoot()) {
-        const rootPath = this.root.slice(0, -1) || '/';
-        this.location.replace(rootPath + '#' + this.getPath());
-        // Return immediately as browser will do redirect to new url
-        return true;
-
-      // Or if we've started out with a hash-based route, but we're currently
-      // in a browser where it could be `pushState`-based instead...
-      } else if (this._hasPushState && this.atRoot()) {
-        this.navigate(this.getHash(), {replace: true});
-      }
-
-    }
-
-    // Proxy an iframe to handle location events if the browser doesn't
-    // support the `hashchange` event, HTML5 history, or the user wants
-    // `hashChange` but not `pushState`.
-    if (!this._hasHashChange && this._wantsHashChange && !this._usePushState) {
-      this.iframe = document.createElement('iframe');
-      this.iframe.src = 'javascript:0';
-      this.iframe.style.display = 'none';
-      this.iframe.tabIndex = -1;
-      const body = document.body;
-      // Using `appendChild` will throw on IE < 9 if the document is not ready.
-      const iWindow = body.insertBefore(this.iframe, body.firstChild).contentWindow;
-      iWindow.document.open();
-      iWindow.document.close();
-      iWindow.location.hash = '#' + this.fragment;
-    }
-
-    // Depending on whether we're using pushState or hashes, and whether
-    // 'onhashchange' is supported, determine how we check the URL state.
-    if (this._usePushState) {
-      addEventListener('popstate', this.checkUrl, false);
-    } else if (this._useHashChange && !this.iframe) {
-      addEventListener('hashchange', this.checkUrl, false);
-    } else if (this._wantsHashChange) {
-      this._checkUrlInterval = setInterval(this.checkUrl, this.interval);
-    }
-
-    if (!this.options.silent) return this.loadUrl();
-  },
-
-  // Disable history, perhaps temporarily. Not useful in a real app,
-  // but possibly useful for unit testing Routers.
-  stop: function() {
-    // Remove window listeners.
-    if (this._usePushState) {
-      removeEventListener('popstate', this.checkUrl, false);
-    } else if (this._useHashChange && !this.iframe) {
-      removeEventListener('hashchange', this.checkUrl, false);
-    }
-
-    // Clean up the iframe if necessary.
-    if (this.iframe) {
-      document.body.removeChild(this.iframe);
-      this.iframe = null;
-    }
-
-    // Some environments will throw when clearing an undefined interval.
-    if (this._checkUrlInterval) clearInterval(this._checkUrlInterval);
-    History.started = false;
-  },
-
-  // Add a route to be tested when the fragment changes. Routes added later
-  // may override previous routes.
-  route: function(route, callback) {
-    this.handlers.unshift({route: route, callback: callback});
-  },
-
-  // Checks the current URL to see if it has changed, and if it has,
-  // calls `loadUrl`, normalizing across the hidden iframe.
-  checkUrl: function(e) {
-    let current = this.getFragment();
-
-    // If the user pressed the back button, the iframe's hash will have
-    // changed and we should use that for comparison.
-    if (current === this.fragment && this.iframe) {
-      current = this.getHash(this.iframe.contentWindow);
-    }
-
-    if (current === this.fragment) return false;
-    if (this.iframe) this.navigate(current);
-    this.loadUrl();
-  },
-
-  // Attempt to load the current URL fragment. If a route succeeds with a
-  // match, returns `true`. If no defined routes matches the fragment,
-  // returns `false`.
-  loadUrl: function(fragment) {
-    // If the root doesn't match, no routes can match either.
-    if (!this.matchRoot()) return false;
-    fragment = this.fragment = this.getFragment(fragment);
-    return some(this.handlers, function(handler) {
-      if (handler.route.test(fragment)) {
-        handler.callback(fragment);
-        return true;
-      }
-    });
-  },
-
-  // Save a fragment into the hash history, or replace the URL state if the
-  // 'replace' option is passed. You are responsible for properly URL-encoding
-  // the fragment in advance.
-  //
-  // The options object can contain `trigger: true` if you wish to have the
-  // route callback be fired (not usually desirable), or `replace: true`, if
-  // you wish to modify the current URL without adding an entry to the history.
-  navigate: function(fragment, options) {
-    if (!History.started) return false;
-    if (!options || options === true) options = {trigger: !!options};
-
-    // Normalize the fragment.
-    fragment = this.getFragment(fragment || '');
-
-    // Don't include a trailing slash on the root.
-    let rootPath = this.root;
-    if (fragment === '' || fragment.charAt(0) === '?') {
-      rootPath = rootPath.slice(0, -1) || '/';
-    }
-    const url = rootPath + fragment;
-
-    // Strip the fragment of the query and hash for matching.
-    fragment = fragment.replace(pathStripper, '');
-
-    // Decode for matching.
-    const decodedFragment = this.decodeFragment(fragment);
-
-    if (this.fragment === decodedFragment) return;
-    this.fragment = decodedFragment;
-
-    // If pushState is available, we use it to set the fragment as a real URL.
-    if (this._usePushState) {
-      this.history[options.replace ? 'replaceState' : 'pushState']({}, document.title, url);
-
-    // If hash changes haven't been explicitly disabled, update the hash
-    // fragment to store history.
-    } else if (this._wantsHashChange) {
-      this._updateHash(this.location, fragment, options.replace);
-      if (this.iframe && fragment !== this.getHash(this.iframe.contentWindow)) {
-        const iWindow = this.iframe.contentWindow;
-
-        // Opening and closing the iframe tricks IE7 and earlier to push a
-        // history entry on hash-tag change.  When replace is true, we don't
-        // want this.
-        if (!options.replace) {
-          iWindow.document.open();
-          iWindow.document.close();
-        }
-        this._updateHash(iWindow.location, fragment, options.replace);
-      }
-    // If you've told us that you explicitly don't want fallback hashchange-
-    // based history, then `navigate` becomes a page refresh.
-    } else {
-      return this.location.assign(url);
-    }
-    if (options.trigger) return this.loadUrl(fragment);
-  },
-
-  // Update the hash location, either replacing the current entry, or adding
-  // a new one to the browser history.
-  _updateHash: function(location, fragment, replace) {
-    if (replace) {
-      const href = location.href.replace(/(javascript:|#).*$/, '');
-      location.replace(href + '#' + fragment);
-    } else {
-      // Some browsers require that `hash` contains a leading #.
-      location.hash = '#' + fragment;
-    }
-  }
-});
-
-export default History;

package/src/overview.js

@@ -1,191 +0,0 @@
-/*!
- * Copyright (c) JC Brand <jc@opkode.com>
- */
-import debounce from 'lodash-es/debounce.js';
-import difference from 'lodash-es/difference.js';
-import drop from 'lodash-es/drop.js';
-import every from 'lodash-es/every.js';
-import extend from 'lodash-es/extend.js';
-import filter from 'lodash-es/filter.js';
-import find from 'lodash-es/find.js';
-import first from 'lodash-es/first.js';
-import forEach from 'lodash-es/forEach.js';
-import get from 'lodash-es/get.js';
-import head from 'lodash-es/head.js';
-import includes from 'lodash-es/includes.js';
-import indexOf from 'lodash-es/indexOf.js';
-import initial from 'lodash-es/initial.js';
-import invoke from 'lodash-es/invoke.js';
-import isEmpty from 'lodash-es/isEmpty.js';
-import last from 'lodash-es/last.js';
-import lastIndexOf from 'lodash-es/lastIndexOf.js';
-import map from 'lodash-es/map.js';
-import max from 'lodash-es/max.js';
-import min from 'lodash-es/min.js';
-import reduce from 'lodash-es/reduce.js';
-import reduceRight from 'lodash-es/reduceRight.js';
-import reject from 'lodash-es/reject.js';
-import rest from 'lodash-es/rest.js';
-import sample from 'lodash-es/sample.js';
-import shuffle from 'lodash-es/shuffle.js';
-import size from 'lodash-es/size.js';
-import some from 'lodash-es/some.js';
-import sortBy from 'lodash-es/sortBy.js';
-import tail from 'lodash-es/tail.js';
-import take from 'lodash-es/take.js';
-import toArray from 'lodash-es/toArray.js';
-import without from 'lodash-es/without.js';
-import { View } from "./view";
-
-
-const Overview = function (options) {
-   /* An Overview is a View that contains and keeps track of sub-views.
-    * Kind of like what a Collection is to a Model.
-    */
-   this.views = {};
-   this.keys = () => Object.keys(this.views);
-   this.getAll = () => this.views;
-   this.get = id => this.views[id];
-
-   /* Exclusive get. Returns all instances except the given id. */
-   this.xget = id => {
-      return this.keys()
-         .filter(k => (k !== id))
-         .reduce((acc, k) => {
-            acc[k] = this.views[k]
-            return acc;
-         }, {});
-   }
-
-   this.add = (id, view) => {
-      this.views[id] = view;
-      return view;
-   };
-
-   this.remove = id => {
-      if (typeof id === "undefined") {
-            new View().remove.apply(this);
-      }
-      const view = this.views[id];
-      if (view) {
-            delete this.views[id];
-            view.remove();
-            return view;
-      }
-   };
-
-   this.removeAll = () => {
-      this.keys().forEach(id => this.remove(id));
-      return this;
-   }
-
-   View.apply(this, Array.prototype.slice.apply(arguments));
-};
-
-
-const methods = {
-   includes, difference, drop,
-   every, filter, find,
-   first, forEach, head,
-   indexOf, initial, invoke, isEmpty,
-   last, lastIndexOf, map, max, min, reduce,
-   reduceRight, reject, rest, sample,
-   shuffle, size, some, sortBy, tail, take,
-   toArray, without
-}
-Object.keys(methods).forEach(name => {
-   Overview.prototype[name] = function() {
-      const args = Array.prototype.slice.call(arguments);
-      args.unshift(this.views);
-      return methods[name].apply(this, args);
-   };
-});
-
-Object.assign(Overview.prototype, View.prototype);
-Overview.extend = View.extend;
-
-
-const OrderedListView = Overview.extend({
-   /* An OrderedListView is a special type of Overview which adds some
-    * methods and conventions for rendering an ordered list of elements.
-    */
-   // The `listItems` attribute denotes the path (from this View) to the
-   // list of items.
-   listItems: 'model',
-   // The `sortEvent` attribute specifies the event which should cause the
-   // ordered list to be sorted.
-   sortEvent: 'change',
-   // If false, we debounce sorting and inserting the new item
-   // (for improved performance when a large amount of items get added all at once)
-   // Otherwise we immediately sort the items and insert the new item.
-   sortImmediatelyOnAdd: false,
-   // The `listSelector` is the selector used to query for the DOM list
-   // element which contains the ordered items.
-   listSelector: '.ordered-items',
-   // The `itemView` is constructor which should be called to create a
-   // View for a new item.
-   ItemView: undefined,
-   // The `subviewIndex` is the attribute of the list element model which
-   // acts as the index of the subview in the overview.
-   // An overview is a "Collection" of views, and they can be retrieved
-   // via an index. By default this is the 'id' attribute, but it could be
-   // set to something else.
-   subviewIndex: 'id',
-
-   initialize () {
-      this.sortEventually = debounce(() => this.sortAndPositionAllItems(), 100);
-      this.items = get(this, this.listItems);
-      this.items.on('remove', this.removeView, this);
-      this.items.on('reset', this.removeAll, this);
-
-      this.items.on('add', (a, b) => {
-         if (this.sortImmediatelyOnAdd) {
-            this.sortAndPositionAllItems();
-         } else {
-            this.sortEventually();
-         }
-      });
-
-      if (this.sortEvent) {
-         this.items.on(this.sortEvent, this.sortEventually, this);
-      }
-   },
-
-   createItemView (item) {
-      let item_view = this.get(item.get(this.subviewIndex));
-      if (!item_view) {
-            item_view = new this.ItemView({model: item});
-            this.add(item.get(this.subviewIndex), item_view);
-      } else {
-            item_view.model = item;
-            item_view.initialize();
-      }
-      item_view.render();
-      return item_view;
-   },
-
-   removeView (item) {
-      this.remove(item.get(this.subviewIndex));
-   },
-
-   sortAndPositionAllItems () {
-      if (!this.items.length) {
-            return;
-      }
-      this.items.sort();
-
-      const list_el = this.el.querySelector(this.listSelector);
-      const div = document.createElement('div');
-      list_el.parentNode.replaceChild(div, list_el);
-      this.items.forEach(item => {
-            let view = this.get(item.get(this.subviewIndex));
-            if (!view) {
-               view = this.createItemView(item)
-            }
-            list_el.insertAdjacentElement('beforeend', view.el);
-      });
-      div.parentNode.replaceChild(list_el, div);
-   }
-});
-
-export { OrderedListView, Overview }

package/src/router.js

@@ -1,119 +0,0 @@
-//     Backbone.js 1.4.0
-//     (c) 2010-2019 Jeremy Ashkenas and DocumentCloud
-//     Backbone may be freely distributed under the MIT license.
-
-// Router
-// ------
-
-import History from './history.js';
-import extend from 'lodash-es/extend.js';
-import isFunction from 'lodash-es/isFunction.js';
-import isRegExp from 'lodash-es/isRegExp.js';
-import keys from 'lodash-es/keys.js';
-import result from 'lodash-es/result.js';
-import { Events } from './events.js';
-import { inherits } from './helpers.js';
-
-// Routers map faux-URLs to actions, and fire events when routes are
-// matched. Creating a new one sets its `routes` hash, if not set statically.
-export const Router = function(options={}) {
-  this.history = options.history || new History();
-  this.preinitialize.apply(this, arguments);
-  if (options.routes) this.routes = options.routes;
-  this._bindRoutes();
-  this.initialize.apply(this, arguments);
-};
-
-Router.extend = inherits;
-
-// Cached regular expressions for matching named param parts and splatted
-// parts of route strings.
-const optionalParam = /\((.*?)\)/g;
-const namedParam    = /(\(\?)?:\w+/g;
-const splatParam    = /\*\w+/g;
-const escapeRegExp  = /[\-{}\[\]+?.,\\\^$|#\s]/g;
-
-// Set up all inheritable **Router** properties and methods.
-Object.assign(Router.prototype, Events, {
-
-  // preinitialize is an empty function by default. You can override it with a function
-  // or object.  preinitialize will run before any instantiation logic is run in the Router.
-  preinitialize: function(){},
-
-  // Initialize is an empty function by default. Override it with your own
-  // initialization logic.
-  initialize: function(){},
-
-  // Manually bind a single named route to a callback. For example:
-  //
-  //     this.route('search/:query/p:num', 'search', function(query, num) {
-  //       ...
-  //     });
-  //
-  route: function(route, name, callback) {
-    if (!isRegExp(route)) route = this._routeToRegExp(route);
-    if (isFunction(name)) {
-      callback = name;
-      name = '';
-    }
-    if (!callback) callback = this[name];
-    this.history.route(route, (fragment) => {
-      const args = this._extractParameters(route, fragment);
-      if (this.execute(callback, args, name) !== false) {
-        this.trigger.apply(this, ['route:' + name].concat(args));
-        this.trigger('route', name, args);
-        this.history.trigger('route', this, name, args);
-      }
-    });
-    return this;
-  },
-
-  // Execute a route handler with the provided parameters.  This is an
-  // excellent place to do pre-route setup or post-route cleanup.
-  execute: function(callback, args, name) {
-    if (callback) callback.apply(this, args);
-  },
-
-  // Simple proxy to `history` to save a fragment into the history.
-  navigate: function(fragment, options) {
-    this.history.navigate(fragment, options);
-    return this;
-  },
-
-  // Bind all defined routes to `history`. We have to reverse the
-  // order of the routes here to support behavior where the most general
-  // routes can be defined at the bottom of the route map.
-  _bindRoutes: function() {
-    if (!this.routes) return;
-    this.routes = result(this, 'routes');
-    let route;
-    const routes = keys(this.routes);
-    while ((route = routes.pop()) != null) {
-      this.route(route, this.routes[route]);
-    }
-  },
-
-  // Convert a route string into a regular expression, suitable for matching
-  // against the current location hash.
-  _routeToRegExp: function(route) {
-    route = route.replace(escapeRegExp, '\\$&')
-      .replace(optionalParam, '(?:$1)?')
-      .replace(namedParam, function(match, optional) {
-        return optional ? match : '([^/?]+)';
-      })
-      .replace(splatParam, '([^?]*?)');
-    return new RegExp('^' + route + '(?:\\?([\\s\\S]*))?$');
-  },
-
-  // Given a route, and a URL fragment that it matches, return the array of
-  // extracted decoded parameters. Empty or unmatched parameters will be
-  // treated as `null` to normalize cross-browser behavior.
-  _extractParameters: function(route, fragment) {
-    const params = route.exec(fragment).slice(1);
-    return params.map(function(param, i) {
-      // Don't decode the search params.
-      if (i === params.length - 1) return param || null;
-      return param ? decodeURIComponent(param) : null;
-    });
-  }
-});