sygnal 2.6.2 → 2.6.4

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import isolate from '@cycle/isolate';
 import { makeCollection, StateSource, withState } from '@cycle/state';
-import xstream$1, { Stream as Stream$1 } from 'xstream';
+import xs$1, { Stream as Stream$1 } from 'xstream';
 export { default as xs } from 'xstream';
 import { run as run$1 } from '@cycle/run';
 import { makeDOMDriver } from '@cycle/dom';
@@ -72,9 +72,7 @@ var dropRepeats$1 = {};
 
 var xstream = {};
 
-var ponyfill$1 = {exports: {}};
-
-var ponyfill = {};
+var ponyfill$1 = {};
 
 (function (exports) {
 
@@ -108,11 +106,9 @@ var ponyfill = {};
 		}
 
 		return result;
-	}} (ponyfill));
+	}} (ponyfill$1));
 
-(function (module) {
-	module.exports = ponyfill;
-} (ponyfill$1));
+var ponyfill = ponyfill$1;
 
 var toStr$2 = Object.prototype.toString;
 
@@ -912,7 +908,7 @@ var __extends = (commonjsGlobal && commonjsGlobal.__extends) || (function () {
 })();
 Object.defineProperty(xstream, "__esModule", { value: true });
 xstream.NO_IL = xstream.NO = xstream.MemoryStream = xstream.Stream = void 0;
-var ponyfill_1 = ponyfill$1.exports;
+var ponyfill_1 = ponyfill;
 var globalthis_1 = globalthis;
 var $$observable = ponyfill_1.default(globalthis_1.getPolyfill());
 var NO$1 = {};
@@ -2816,7 +2812,7 @@ function _switchable (factories, sources, name$, switched=['DOM'], stateSourceNa
     .map(([name, factory]) => {
       if (sources[stateSourceName]) {
         const state$ = sources[stateSourceName].stream;
-        const switched = xstream$1.combine(name$, state$)
+        const switched = xs$1.combine(name$, state$)
                            .filter(([newComponentName, _]) => newComponentName == name)
                            .map(([_, state]) => state)
                            .remember();
@@ -2833,7 +2829,7 @@ function _switchable (factories, sources, name$, switched=['DOM'], stateSourceNa
         obj[sinkName] = name$
           .map( newComponentName => {
             const sink = sinks.find(([componentName, _]) => componentName === newComponentName);
-            return (sink && sink[1][sinkName]) || xstream$1.never()
+            return (sink && sink[1][sinkName]) || xs$1.never()
           })
           .flatten()
           .remember()
@@ -2841,7 +2837,7 @@ function _switchable (factories, sources, name$, switched=['DOM'], stateSourceNa
       } else {
         const definedSinks = sinks.filter(([_,sink]) => sink[sinkName] !== undefined)
                                   .map(([_,sink]) => sink[sinkName]);
-        obj[sinkName] = xstream$1.merge(...definedSinks);
+        obj[sinkName] = xs$1.merge(...definedSinks);
       }
       return obj
     }, {});
@@ -3145,17 +3141,6 @@ function debounce(period) {
 }
 var _default$2 = debounce$1.default = debounce;
 
-// import syntax has bugs for xstream in Node context
-// this attempts to normalize to work in both Node and browser
-// if (!xs.never && xs.default && xs.default.never) {
-//   xs.never = xs.default.never
-//   xs.merge = xs.default.merge
-//   xs.of    = xs.default.of
-// }
-// const concat = (Concat && Concat.default) ? Concat.default : Concat
-// const delay  = (Delay && Delay.default) ? Delay.default : Delay
-// const dropRepeats = (DropRepeats && DropRepeats.default) ? DropRepeats.default : DropRepeats
-
 const ENVIRONMENT = ((typeof window != 'undefined' && window) || (process && process.env)) || {};
 
 
@@ -3215,6 +3200,7 @@ class Component {
   // response
   // view
   // children
+  // components
   // initialState
   // calculated
   // storeCalculatedInState
@@ -3271,9 +3257,11 @@ class Component {
       }));
     }
 
+    // TODO: this is a hack to allow the root component to be created without an intent or model
+    //       refactor to avoid using a global variable
     if (IS_ROOT_COMPONENT && typeof this.intent === 'undefined' && typeof this.model === 'undefined') {
       this.initialState = initialState || true;
-      this.intent = _ => ({__NOOP_ACTION__:xstream$1.never()});
+      this.intent = _ => ({__NOOP_ACTION__:xs$1.never()});
       this.model = {
         __NOOP_ACTION__: state => state
       };
@@ -3314,7 +3302,7 @@ class Component {
     const requestSource  = (this.sources && this.sources[this.requestSourceName]) || null;
 
     if (!this.intent$) {
-      this.action$ = xstream$1.never();
+      this.action$ = xs$1.never();
       return
     }
 
@@ -3324,11 +3312,11 @@ class Component {
     } else {
       const mapped = Object.entries(this.intent$)
                            .map(([type, data$]) => data$.map(data => ({type, data})));
-      runner = xstream$1.merge(xstream$1.never(), ...mapped);
+      runner = xs$1.merge(xs$1.never(), ...mapped);
     }
 
-    const action$  = ((runner instanceof Stream$1) ? runner : (runner.apply && runner(this.sources) || xstream$1.never()));
-    const wrapped$ = _default$3(xstream$1.of({ type: BOOTSTRAP_ACTION }), action$)
+    const action$  = ((runner instanceof Stream$1) ? runner : (runner.apply && runner(this.sources) || xs$1.never()));
+    const wrapped$ = _default$3(xs$1.of({ type: BOOTSTRAP_ACTION }), action$)
       .compose(_default$4(10));
 
     let initialApiData;
@@ -3336,12 +3324,12 @@ class Component {
       initialApiData = requestSource.select('initial')
         .flatten();
     } else {
-      initialApiData = xstream$1.never();
+      initialApiData = xs$1.never();
     }
 
     const hydrate$ = initialApiData.map(data => ({ type: HYDRATE_ACTION, data }));
 
-    this.action$   = xstream$1.merge(wrapped$, hydrate$)
+    this.action$   = xs$1.merge(wrapped$, hydrate$)
       .compose(this.log(({ type }) => `Action triggered: <${ type }>`));
   }
 
@@ -3398,7 +3386,7 @@ class Component {
               if (actionType === 'function') {
                 const enhancedState = this.addCalculated(this.currentState);
                 const result = action(enhancedState, req);
-                return xstream$1.of({ ...obj, data: result })
+                return xs$1.of({ ...obj, data: result })
               } else {
                 this.action$.shamefullySendNext(obj);
 
@@ -3408,7 +3396,7 @@ class Component {
                   const selected$ = source[REQUEST_SELECTOR_METHOD](_reqId);
                   return [ ...acc, selected$ ]
                 }, []);
-                return xstream$1.merge(...responses)
+                return xs$1.merge(...responses)
               }
             } catch(err) {
               console.error(err);
@@ -3416,11 +3404,11 @@ class Component {
           }).flatten();
         return [ ...acc, route$ ]
       }, []);
-      const mapped$ = xstream$1.merge(...mapped);
+      const mapped$ = xs$1.merge(...mapped);
       return [ ...acc, mapped$ ]
     }, []);
 
-    this.response$ = xstream$1.merge(...wrapped)
+    this.response$ = xs$1.merge(...wrapped)
       .compose(this.log(res => {
         if (res._action) return `[${ this.requestSourceName }] response data received for Action: <${ res._action }>`
         return `[${ this.requestSourceName }] response data received from FUNCTION`
@@ -3451,14 +3439,14 @@ class Component {
   initModel$() {
     if (typeof this.model == 'undefined') {
       this.model$ = this.sourceNames.reduce((a,s) => {
-        a[s] = xstream$1.never();
+        a[s] = xs$1.never();
         return a
       }, {});
       return
     }
 
     const initial  = { type: INITIALIZE_ACTION, data: this.initialState };
-    const shimmed$ = this.initialState ? _default$3(xstream$1.of(initial), this.action$).compose(_default$4(0)) : this.action$;
+    const shimmed$ = this.initialState ? _default$3(xs$1.of(initial), this.action$).compose(_default$4(0)) : this.action$;
     const onState  = this.makeOnAction(shimmed$, true, this.action$);
     const onNormal = this.makeOnAction(this.action$, false, this.action$);
 
@@ -3507,7 +3495,7 @@ class Component {
 
     const model$ = Object.entries(reducers).reduce((acc, entry) => {
       const [sink, streams] = entry;
-      acc[sink] = xstream$1.merge(xstream$1.never(), ...streams);
+      acc[sink] = xs$1.merge(xs$1.never(), ...streams);
       return acc
     }, {});
 
@@ -3526,7 +3514,7 @@ class Component {
           next: this.log(({ _reqId, _action }) => `Unhandled response for request: ${ _action } ${ _reqId }`)
         });
       }
-      this.sendResponse$ = xstream$1.never();
+      this.sendResponse$ = xs$1.never();
       return
     }
 
@@ -3554,7 +3542,7 @@ class Component {
       return [ ...acc, mapped$ ]
     }, []);
 
-    this.sendResponse$ = xstream$1.merge(...out$)
+    this.sendResponse$ = xs$1.merge(...out$)
       .compose(this.log(({ _reqId, _action }) => `[${ this.requestSourceName }] response sent for: <${ _action }>`));
   }
 
@@ -3582,7 +3570,7 @@ class Component {
   }
 
   initSubComponentSink$() {
-    const subComponentSink$ = xstream$1.create({
+    const subComponentSink$ = xs$1.create({
       start: listener => {
         this.newSubComponentSinks = listener.next.bind(listener);
       },
@@ -3595,7 +3583,7 @@ class Component {
   }
 
   initSubComponentsRendered$() {
-    const stream = xstream$1.create({
+    const stream = xs$1.create({
       start: (listener) => {
         this.subComponentsRendered = listener.next.bind(listener);
       },
@@ -3608,7 +3596,7 @@ class Component {
 
   initVdom$() {
     if (typeof this.view != 'function') {
-      this.vdom$ = xstream$1.of(null);
+      this.vdom$ = xs$1.of(null);
       return
     }
 
@@ -3626,17 +3614,17 @@ class Component {
   initSinks() {
     this.sinks = this.sourceNames.reduce((acc, name) => {
       if (name == this.DOMSourceName) return acc
-      const subComponentSink$ = this.subComponentSink$ ? this.subComponentSink$.map(sinks => sinks[name]).filter(sink => !!sink).flatten() : xstream$1.never();
+      const subComponentSink$ = this.subComponentSink$ ? this.subComponentSink$.map(sinks => sinks[name]).filter(sink => !!sink).flatten() : xs$1.never();
       if (name === this.stateSourceName) {
-        acc[name] = xstream$1.merge((this.model$[name] || xstream$1.never()), subComponentSink$, this.sources[this.stateSourceName].stream.filter(_ => false), ...this.children$[name]);
+        acc[name] = xs$1.merge((this.model$[name] || xs$1.never()), subComponentSink$, this.sources[this.stateSourceName].stream.filter(_ => false), ...this.children$[name]);
       } else {
-        acc[name] = xstream$1.merge((this.model$[name] || xstream$1.never()), subComponentSink$, ...this.children$[name]);
+        acc[name] = xs$1.merge((this.model$[name] || xs$1.never()), subComponentSink$, ...this.children$[name]);
       }
       return acc
     }, {});
 
     this.sinks[this.DOMSourceName]     = this.vdom$;
-    this.sinks[this.requestSourceName] = xstream$1.merge(this.sendResponse$ ,this.sinks[this.requestSourceName]);
+    this.sinks[this.requestSourceName] = xs$1.merge(this.sendResponse$ ,this.sinks[this.requestSourceName]);
   }
 
   makeOnAction(action$, isStateSink=true, rootAction$) {
@@ -3730,7 +3718,7 @@ class Component {
     const renderParams = { ...this.children$[this.DOMSourceName] };
 
     const enhancedState = state && state.isolateSource(state, { get: state => this.addCalculated(state) });
-    const stateStream   = (enhancedState && enhancedState.stream) || xstream$1.never();
+    const stateStream   = (enhancedState && enhancedState.stream) || xs$1.never();
 
     renderParams.state                 = stateStream;
     renderParams[this.stateSourceName] = stateStream;
@@ -3751,7 +3739,7 @@ class Component {
       streams.push(stream);
     });
 
-    const combined = xstream$1.combine(...streams)
+    const combined = xs$1.combine(...streams)
       // map the streams from an array back to an object with the render parameter names as the keys
       .map(arr => {
         return names.reduce((acc, name, index) => {
@@ -3793,8 +3781,8 @@ class Component {
           return acc
         }
 
-        const props$    = xstream$1.create().startWith(props);
-        const children$ = xstream$1.create().startWith(children);
+        const props$    = xs$1.create().startWith(props);
+        const children$ = xs$1.create().startWith(children);
 
         let instantiator;
 
@@ -3808,7 +3796,7 @@ class Component {
 
         const sink$ = instantiator(el, props$, children$);
 
-        sink$[this.DOMSourceName] = sink$[this.DOMSourceName] ? this.makeCoordinatedSubComponentDomSink(sink$[this.DOMSourceName]) : xstream$1.never();
+        sink$[this.DOMSourceName] = sink$[this.DOMSourceName] ? this.makeCoordinatedSubComponentDomSink(sink$[this.DOMSourceName]) : xs$1.never();
 
         acc[id] = { sink$, props$, children$ };
 
@@ -3822,7 +3810,7 @@ class Component {
 
       const mergedSinksByType = Object.entries(sinkArrsByType).reduce((acc, [name, streamArr]) => {
         if (streamArr.length === 0) return acc
-        acc[name] = streamArr.length === 1 ? streamArr[0] : xstream$1.merge(...streamArr);
+        acc[name] = streamArr.length === 1 ? streamArr[0] : xs$1.merge(...streamArr);
         return acc
       }, {});
 
@@ -3852,7 +3840,7 @@ class Component {
     const props     = data.props || {};
     el.children || [];
 
-    const combined$ = xstream$1.combine(this.sources[this.stateSourceName].stream.startWith(this.currentState), props$, children$)
+    const combined$ = xs$1.combine(this.sources[this.stateSourceName].stream.startWith(this.currentState), props$, children$)
       .map(([state, __props, __children]) => {
         return typeof state === 'object' ? { ...this.addCalculated(state), __props, __children } : { value: state, __props, __children }
       });
@@ -3896,7 +3884,6 @@ class Component {
           return state
         },
         set: (oldState, newState) => {
-          console.log('COLL SET', newState);
           return newState
         }
       };
@@ -3924,7 +3911,17 @@ class Component {
         console.error(`Collection component in ${ this.name } has an invalid 'from' field: Expecting 'undefined', a string indicating an array property in the state, or an object with 'get' and 'set' functions for retrieving and setting child state from the current state. Attempting to use parent component state.`);
         lense = undefined;
       } else {
-        lense = { get: stateField.get, set: stateField.set };
+        lense = {
+          get: (state) => {
+            const newState = stateField.get(state);
+            if (!Array.isArray(newState)) {
+              console.warn(`State getter function in collection component of ${ this.name } did not return an array: No components will be instantiated in the collection. Returned value:`, newState);
+              return []
+            }
+            return newState
+          },
+          set: stateField.set
+        };
       }
     } else {
       console.error(`Collection component in ${ this.name } has an invalid 'from' field: Expecting 'undefined', a string indicating an array property in the state, or an object with 'get' and 'set' functions for retrieving and setting child state from the current state. Attempting to use parent component state.`);
@@ -3944,7 +3941,7 @@ class Component {
     const props     = data.props  || {};
     el.children || [];
 
-    const combined$ = xstream$1.combine(this.sources[this.stateSourceName].stream.startWith(this.currentState), props$, children$)
+    const combined$ = xs$1.combine(this.sources[this.stateSourceName].stream.startWith(this.currentState), props$, children$)
       .map(([state, __props, __children]) => {
         return typeof state === 'object' ? { ...this.addCalculated(state), __props, __children } : { value: state, __props, __children }
       });
@@ -3963,7 +3960,6 @@ class Component {
           console.warn(`Switchable sub-component of ${ this.name } attempted to update state on a calculated field '${ stateField }': Update ignored`);
           return oldState
         }
-        console.log('SWITCH SET', newState);
         if (typeof newState !== 'object' || newState instanceof Array) return { ...oldState, [stateField]: newState }
         const { __props, __children, ...sanitized } = newState;
         return { ...oldState, [stateField]: sanitized }
@@ -4013,7 +4009,7 @@ class Component {
     const props     = data.props  || {};
     el.children || [];
 
-    const combined$ = xstream$1.combine(this.sources[this.stateSourceName].stream.startWith(this.currentState), props$, children$)
+    const combined$ = xs$1.combine(this.sources[this.stateSourceName].stream.startWith(this.currentState), props$, children$)
       .map(([state, __props, __children]) => {
         return typeof state === 'object' ? { ...this.addCalculated(state), __props, __children } : { value: state, __props, __children }
       });
@@ -4080,7 +4076,7 @@ class Component {
   }
 
   renderVdom(componentInstances$) {
-    return xstream$1.combine(this.subComponentsRendered$, componentInstances$)
+    return xs$1.combine(this.subComponentsRendered$, componentInstances$)
       .compose(_default$2(5))
       .map(([_, components]) => {
         const componentNames = Object.keys(this.components);
@@ -4089,7 +4085,7 @@ class Component {
         const entries = Object.entries(components).filter(([id]) => id !== '::ROOT::');
 
         if (entries.length === 0) {
-          return xstream$1.of(root)
+          return xs$1.of(root)
         }
 
         const ids = [];
@@ -4099,9 +4095,9 @@ class Component {
             return val.sink$[this.DOMSourceName].startWith(undefined)
           });
 
-        if (vdom$.length === 0) return xstream$1.of(root)
+        if (vdom$.length === 0) return xs$1.of(root)
 
-        return xstream$1.combine(...vdom$)
+        return xs$1.combine(...vdom$)
           .compose(_default$2(10))
           .map(vdoms => {
             const withIds = vdoms.reduce((acc, vdom, index) => {
@@ -4176,12 +4172,12 @@ function getComponents(currentElement, componentNames, depth=0, index=0) {
       if (!props.of)                            throw new Error(`Collection element missing required 'component' property`)
       if (typeof props.of !== 'string' && typeof props.of !== 'function')         throw new Error(`Invalid 'component' property of collection element: found ${ typeof props.of } requires string or component factory function`)
       if (typeof props.of !== 'function' && !componentNames.includes(props.of))   throw new Error(`Specified component for collection not found: ${ props.of }`)
-      if (typeof props.from !== 'undefined' && !(typeof props.from === 'string' || Array.isArray(props.from))) console.warn(`No valid array found in the 'value' property of collection ${ typeof props.of === 'string' ? props.of : 'function component' }: no collection components will be created`);
+      if (typeof props.from !== 'undefined' && !(typeof props.from === 'string' || Array.isArray(props.from) || typeof props.from.get === 'function')) console.warn(`No valid array found for collection ${ typeof props.of === 'string' ? props.of : 'function component' }: no collection components will be created`, props.from);
       currentElement.data.isCollection = true;
       currentElement.data.props ||= {};
     } else if (isSwitchable) {
       if (!props.of)                    throw new Error(`Switchable element missing required 'of' property`)
-      if (typeof props.of !== 'object') throw new Error(`Invalid 'components' property of switchable element: found ${ typeof props.of } requires object mapping names to component factories`)
+      if (typeof props.of !== 'object') throw new Error(`Invalid 'of' property of switchable element: found ${ typeof props.of } requires object mapping names to component factories`)
       const switchableComponents = Object.values(props.of);
       if (!switchableComponents.every(comp => typeof comp === 'function')) throw new Error(`One or more components provided to switchable element is not a valid component factory`)
       if (!props.current || (typeof props.current !== 'string' && typeof props.current !== 'function')) throw new Error(`Missing or invalid 'current' property for switchable element: found '${ typeof props.current }' requires string or function`)
@@ -4265,7 +4261,7 @@ function processForm(form, options={}) {
 
   const eventStream$ = events.map(event => form.events(event));
 
-  const merged$ = xstream$1.merge(...eventStream$);
+  const merged$ = xs$1.merge(...eventStream$);
 
   return merged$.map((e) => {
     if (preventDefault) e.preventDefault();
@@ -4326,7 +4322,7 @@ function eventBusDriver(out$) {
       const all = !type;
       const _type = (Array.isArray(type)) ? type : [type];
       let cb;
-      const in$ = xstream$1.create({
+      const in$ = xs$1.create({
         start: (listener) => {
           cb = ({detail: event}) => {
             const data = (event && event.data) || null;

package/dist/jsx.cjs.js

@@ -1,13 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _extend = require('extend');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _extend__default = /*#__PURE__*/_interopDefaultLegacy(_extend);
-
 const undefinedv = (v) => v === undefined;
 
 const number = (v) => typeof v === 'number';
@@ -31,9 +25,9 @@ const svg = (v) => v.sel in svgPropsMap;
 
 // TODO: stop using extend here
 
-const extend = (...objs) => _extend__default["default"](true, ...objs);
+const extend = (...objs) => _extend(true, ...objs);
 
-const assign = (...objs) => _extend__default["default"](false, ...objs);
+const assign = (...objs) => _extend(false, ...objs);
 
 const reduceDeep = (arr, fn, initial) => {
   let result = initial;
@@ -184,13 +178,6 @@ function vnode(sel, data, children, text, elm) {
     return { sel, data, children, text, elm, key };
 }
 
-vnode("", {}, [], undefined, undefined);
-
-// Bindig `requestAnimationFrame` like this fixes a bug in IE/Edge. See #360 and #409.
-(typeof window !== "undefined" &&
-    window.requestAnimationFrame.bind(window)) ||
-    setTimeout;
-
 /* eslint-disable @typescript-eslint/no-namespace, import/export */
 function Fragment(data, ...children) {
     const flatChildren = flattenAndFilter(children, []);

package/dist/jsx.esm.js

@@ -176,13 +176,6 @@ function vnode(sel, data, children, text, elm) {
     return { sel, data, children, text, elm, key };
 }
 
-vnode("", {}, [], undefined, undefined);
-
-// Bindig `requestAnimationFrame` like this fixes a bug in IE/Edge. See #360 and #409.
-(typeof window !== "undefined" &&
-    window.requestAnimationFrame.bind(window)) ||
-    setTimeout;
-
 /* eslint-disable @typescript-eslint/no-namespace, import/export */
 function Fragment(data, ...children) {
     const flatChildren = flattenAndFilter(children, []);