sygnal 2.4.0 → 2.5.0

package/dist/extra/classes.js

@@ -1,118 +0,0 @@
-'use strict';
-/**
- * return a validated and properly separated string of CSS class names from any number of strings, arrays, and objects
- *
- * @param  {...String|Array|Object} args any number of strings or arrays with valid CSS class names, or objects where the keys are valid class names and the values evaluate to true or false
- * @return {String} list of `active` classes separated by spaces
- *
- * any `string` or `array` arguments are simply validated and appended to the result
- * `objects` will evaluate the values (which can be booleans or functions), and the keys with `thruthy` values will be validated and appended to the result
- * this function makes it easier to set dynamic classes on HTML elements
- */
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-export default function classes() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  return args.reduce(function (acc, arg) {
-    if (typeof arg === 'string' && !acc.includes(arg)) {
-      acc.push.apply(acc, _toConsumableArray(classes_processString(arg)));
-    } else if (Array.isArray(arg)) {
-      acc.push.apply(acc, _toConsumableArray(classes_processArray(arg)));
-    } else if (_typeof(arg) === 'object') {
-      acc.push.apply(acc, _toConsumableArray(classes_processObject(arg)));
-    }
-
-    return acc;
-  }, []).join(' ');
-}
-/**
- * validate a string as a CSS class name
- *
- * @param {String} className CSS class name to validate
- * @return {Boolean} true if the name is a valid CSS class, false otherwise
- */
-
-function isValidClassName(className) {
-  return /^[a-zA-Z0-9-_]+$/.test(className);
-}
-/**
- * find and validate CSS class names in a string
- *
- * @param {String} str string containing one or more CSS class names
- * @return {Array} valid CSS classnames from the provided string
- */
-
-
-function classes_processString(str) {
-  if (typeof str !== 'string') throw new Error('Class name must be a string');
-  return str.trim().split(' ').reduce(function (acc, item) {
-    if (item.trim().length === 0) return acc;
-    if (!isValidClassName(item)) throw new Error("".concat(item, " is not a valid CSS class name"));
-    acc.push(item);
-    return acc;
-  }, []);
-}
-/**
- * find and validate CSS class names in an array of strings
- *
- * @param {Array} arr array containing one or more strings with valid CSS class names
- * @return {Array} valid CSS class names from the provided array
- */
-
-
-function classes_processArray(arr) {
-  return arr.map(classes_processString).flat();
-}
-/**
- * find and validate CSS class names in an object, and exclude keys whose value evaluates to `false`
- *
- * @param {Object} obj object with keys as CSS class names and values which if `truthy` cause the associated key to be returned
- * @return {Array} valid CSS class names from the keys of the provided object where the associated value evaluated to `true`
- *
- * the value for each key can be either a value that evaluates to a boolean or a function that returns a boolean
- * if the value is a function, it will be run and the returned value will be used
- */
-
-
-function classes_processObject(obj) {
-  var ret = Object.entries(obj).filter(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        key = _ref2[0],
-        predicate = _ref2[1];
-
-    return typeof predicate === 'function' ? predicate() : !!predicate;
-  }).map(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-        key = _ref4[0],
-        _ = _ref4[1];
-
-    var trimmed = key.trim();
-    if (!isValidClassName(trimmed)) throw new Error("".concat(trimmed, " is not a valid CSS class name"));
-    return trimmed;
-  });
-  return ret;
-}

package/dist/extra/eventDriver.js

@@ -1,38 +0,0 @@
-'use strict';
-
-import xs from 'xstream';
-import { adapt } from '@cycle/run/lib/adapt';
-export default function eventBusDriver(out$) {
-  var events = new EventTarget();
-  out$.subscribe({
-    next: function next(event) {
-      return events.dispatchEvent(new CustomEvent('data', {
-        detail: event
-      }));
-    }
-  });
-  return {
-    select: function select(type) {
-      var all = !type;
-
-      var _type = Array.isArray(type) ? type : [type];
-
-      var cb;
-      var in$ = xs.create({
-        start: function start(listener) {
-          cb = function cb(_ref) {
-            var event = _ref.detail;
-            var data = event && event.data || null;
-            if (all || _type.includes(event.type)) listener.next(data);
-          };
-
-          events.addEventListener('data', cb);
-        },
-        stop: function stop(_) {
-          return events.removeEventListener('data', cb);
-        }
-      });
-      return adapt(in$);
-    }
-  };
-}

package/dist/extra/logDriver.js

@@ -1,9 +0,0 @@
-'use strict';
-
-export default function logDriver(out$) {
-  out$.addListener({
-    next: function next(val) {
-      console.log(val);
-    }
-  });
-}

package/dist/extra/processForm.js

@@ -1,71 +0,0 @@
-'use strict';
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-import { default as xs } from 'xstream';
-export default function processForm(form) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var _options$events = options.events,
-      events = _options$events === void 0 ? ['input', 'submit'] : _options$events,
-      _options$preventDefau = options.preventDefault,
-      preventDefault = _options$preventDefau === void 0 ? true : _options$preventDefau;
-  if (typeof events === 'string') events = [events];
-  var eventStream$ = events.map(function (event) {
-    return form.events(event);
-  });
-  var merged$ = xs.merge.apply(xs, _toConsumableArray(eventStream$));
-  return merged$.map(function (e) {
-    if (preventDefault) e.preventDefault();
-    var form = e.type === 'submit' ? e.srcElement : e.currentTarget;
-    var formData = new FormData(form);
-    var entries = {};
-    entries.event = e;
-    entries.eventType = e.type;
-    var submitBtn = form.querySelector('input[type=submit]:focus');
-
-    if (submitBtn) {
-      var name = submitBtn.name,
-          value = submitBtn.value;
-      entries[name || 'submit'] = value;
-    }
-
-    var _iterator = _createForOfIteratorHelper(formData.entries()),
-        _step;
-
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var _step$value = _slicedToArray(_step.value, 2),
-            _name = _step$value[0],
-            _value = _step$value[1];
-
-        entries[_name] = _value;
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-
-    return entries;
-  });
-}

package/dist/extra/run.js

@@ -1,35 +0,0 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-import { run as _run } from "@cycle/run";
-import { withState } from "@cycle/state";
-import { makeDOMDriver } from "@cycle/dom";
-import eventBusDriver from "./eventDriver";
-import logDriver from "./logDriver";
-export default function run(app) {
-  var drivers = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var _options$mountPoint = options.mountPoint,
-      mountPoint = _options$mountPoint === void 0 ? '#root' : _options$mountPoint,
-      _options$fragments = options.fragments,
-      fragments = _options$fragments === void 0 ? true : _options$fragments;
-  var wrapped = withState(app, 'STATE');
-  var baseDrivers = {
-    EVENTS: eventBusDriver,
-    DOM: makeDOMDriver(mountPoint, {
-      snabbdomOptions: {
-        experimental: {
-          fragments: fragments
-        }
-      }
-    }),
-    LOG: logDriver
-  };
-
-  var combinedDrivers = _objectSpread(_objectSpread({}, baseDrivers), drivers);
-
-  return _run(wrapped, combinedDrivers);
-}

package/dist/index.js

@@ -1,17 +0,0 @@
-'use strict'; // export sygnal core functions
-
-export { default as component, ABORT } from "./component";
-export { default as collection } from "./collection";
-export { default as switchable } from "./switchable";
-export { default as processForm } from "./extra/processForm";
-export { default as run } from './extra/run';
-export { default as classes } from './extra/classes'; // export dom helper functions (h, div, ...)
-
-export * from '@cycle/dom'; // export xstream and most used extra operators
-
-export { default as xs } from 'xstream';
-export { default as debounce } from "xstream/extra/debounce";
-export { default as throttle } from 'xstream/extra/throttle';
-export { default as delay } from "xstream/extra/delay";
-export { default as dropRepeats } from "xstream/extra/dropRepeats";
-export { default as sampleCombine } from 'xstream/extra/sampleCombine';

package/dist/jsx.js

@@ -1,2 +0,0 @@
-export { createElement as jsx } from './pragma/index';
-export { Fragment } from "snabbdom";

package/dist/pragma/fn.js

@@ -1,66 +0,0 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-// TODO: stop using extend here
-import _extend from 'extend';
-import * as is from './is';
-export var extend = function extend() {
-  for (var _len = arguments.length, objs = new Array(_len), _key = 0; _key < _len; _key++) {
-    objs[_key] = arguments[_key];
-  }
-
-  return _extend.apply(void 0, [true].concat(objs));
-};
-export var assign = function assign() {
-  for (var _len2 = arguments.length, objs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    objs[_key2] = arguments[_key2];
-  }
-
-  return _extend.apply(void 0, [false].concat(objs));
-};
-export var reduceDeep = function reduceDeep(arr, fn, initial) {
-  var result = initial;
-
-  for (var i = 0; i < arr.length; i++) {
-    var value = arr[i];
-
-    if (is.array(value)) {
-      result = reduceDeep(value, fn, result);
-    } else {
-      result = fn(result, value);
-    }
-  }
-
-  return result;
-};
-export var mapObject = function mapObject(obj, fn) {
-  return Object.keys(obj).map(function (key) {
-    return fn(key, obj[key]);
-  }).reduce(function (acc, curr) {
-    return extend(acc, curr);
-  }, {});
-};
-export var deepifyKeys = function deepifyKeys(obj, modules) {
-  return mapObject(obj, function (key, val) {
-    var dashIndex = key.indexOf('-');
-
-    if (dashIndex > -1 && modules[key.slice(0, dashIndex)] !== undefined) {
-      var moduleData = _defineProperty({}, key.slice(dashIndex + 1), val);
-
-      return _defineProperty({}, key.slice(0, dashIndex), moduleData);
-    }
-
-    return _defineProperty({}, key, val);
-  });
-};
-export var flatifyKeys = function flatifyKeys(obj) {
-  return mapObject(obj, function (mod, data) {
-    return !is.object(data) ? _defineProperty({}, mod, data) : mapObject(flatifyKeys(data), function (key, val) {
-      return _defineProperty({}, "".concat(mod, "-").concat(key), val);
-    });
-  });
-};
-export var omit = function omit(key, obj) {
-  return mapObject(obj, function (mod, data) {
-    return mod !== key ? _defineProperty({}, mod, data) : {};
-  });
-};

package/dist/pragma/index.js

@@ -1,138 +0,0 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-import * as is from './is';
-import * as fn from './fn'; // Const fnName = (...params) => guard ? default : ...
-
-var createTextElement = function createTextElement(text) {
-  return !is.text(text) ? undefined : {
-    text: text,
-    sel: undefined,
-    data: undefined,
-    children: undefined,
-    elm: undefined,
-    key: undefined
-  };
-};
-
-var considerSvg = function considerSvg(vnode) {
-  return !is.svg(vnode) ? vnode : fn.assign(vnode, {
-    data: fn.omit('props', fn.extend(vnode.data, {
-      ns: 'http://www.w3.org/2000/svg',
-      attrs: fn.omit('className', fn.extend(vnode.data.props, {
-        "class": vnode.data.props ? vnode.data.props.className : undefined
-      }))
-    }))
-  }, {
-    children: is.undefinedv(vnode.children) ? undefined : vnode.children.map(function (child) {
-      return considerSvg(child);
-    })
-  });
-};
-
-var rewrites = {
-  "for": 'attrs',
-  role: 'attrs',
-  tabindex: 'attrs',
-  'aria-*': 'attrs',
-  key: null
-};
-
-var rewriteModules = function rewriteModules(data, modules) {
-  return fn.mapObject(data, function (key, val) {
-    var inner = _defineProperty({}, key, val);
-
-    if (rewrites[key] && modules[rewrites[key]] !== undefined) {
-      return _defineProperty({}, rewrites[key], inner);
-    }
-
-    if (rewrites[key] === null) {
-      return {};
-    }
-
-    var keys = Object.keys(rewrites);
-
-    for (var i = 0; i < keys.length; i++) {
-      var k = keys[i];
-
-      if (k.charAt(k.length - 1) === '*' && key.indexOf(k.slice(0, -1)) === 0 && modules[rewrites[k]] !== undefined) {
-        return _defineProperty({}, rewrites[k], inner);
-      }
-    }
-
-    if (modules[key] !== undefined) {
-      return _defineProperty({}, modules[key] ? modules[key] : key, val);
-    }
-
-    if (modules.props !== undefined) {
-      return {
-        props: inner
-      };
-    }
-
-    return inner;
-  });
-};
-
-var sanitizeData = function sanitizeData(data, modules) {
-  return considerSvg(rewriteModules(fn.deepifyKeys(data, modules), modules));
-};
-
-var sanitizeText = function sanitizeText(children) {
-  return children.length > 1 || !is.text(children[0]) ? undefined : children[0].toString();
-};
-
-var sanitizeChildren = function sanitizeChildren(children) {
-  return fn.reduceDeep(children, function (acc, child) {
-    var vnode = is.vnode(child) ? child : createTextElement(child);
-    acc.push(vnode);
-    return acc;
-  }, []);
-};
-
-var defaultModules = {
-  attrs: '',
-  props: '',
-  "class": '',
-  data: 'dataset',
-  style: '',
-  hook: '',
-  on: ''
-};
-export var createElementWithModules = function createElementWithModules(modules) {
-  return function (sel, data) {
-    if (typeof sel === 'undefined') {
-      sel = 'UNDEFINED';
-      cnosole.error('JSX Error: Capitalized HTML element without corresponding Sygnal factory.  Components with names where the first letter is capital MUST be defined or included at the parent component\'s file scope.');
-    }
-
-    for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-      children[_key - 2] = arguments[_key];
-    }
-
-    if (is.fun(sel)) {
-      if (sel.name === 'Fragment') {
-        return sel(data || {}, children);
-      }
-
-      var factory = sel;
-      sel = sel.name || 'sygnal-factory';
-      data || (data = {});
-      data.sygnalFactory = factory;
-    }
-
-    var text = sanitizeText(children, modules);
-    return considerSvg({
-      sel: sel,
-      data: data ? sanitizeData(data, modules) : {},
-      children: typeof text !== 'undefined' ? undefined : sanitizeChildren(children),
-      text: text,
-      elm: undefined,
-      key: data ? data.key : undefined
-    });
-  };
-};
-export var createElement = createElementWithModules(defaultModules);
-export default {
-  createElement: createElement,
-  createElementWithModules: createElementWithModules
-};

package/dist/pragma/is.js

@@ -1,44 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-export var nullv = function nullv(v) {
-  return v === null;
-};
-export var undefinedv = function undefinedv(v) {
-  return v === undefined;
-};
-export var number = function number(v) {
-  return typeof v === 'number';
-};
-export var string = function string(v) {
-  return typeof v === 'string';
-};
-export var text = function text(v) {
-  return string(v) || number(v);
-};
-export var array = function array(v) {
-  return Array.isArray(v);
-};
-export var object = function object(v) {
-  return _typeof(v) === 'object' && v !== null;
-};
-export var fun = function fun(v) {
-  return typeof v === 'function';
-};
-export var vnode = function vnode(v) {
-  return object(v) && 'sel' in v && 'data' in v && 'children' in v && 'text' in v;
-};
-var svgPropsMap = {
-  svg: 1,
-  circle: 1,
-  ellipse: 1,
-  line: 1,
-  polygon: 1,
-  polyline: 1,
-  rect: 1,
-  g: 1,
-  path: 1,
-  text: 1
-};
-export var svg = function svg(v) {
-  return v.sel in svgPropsMap;
-};