sygnal 5.1.3 → 5.1.5

package/README.md

@@ -26,7 +26,7 @@ cd my-app
 npm run dev
 ```
 
-Choose from Vite (SPA), Vike (SSR), or Astro templates during setup.
+Choose from Vite (SPA), Vike (SSR), or Astro templates in JavaScript or TypeScript.
 
 **Or add to an existing project:**
 
@@ -469,6 +469,7 @@ h('div', [h('h1', 'Hello'), h('button.btn', 'Click')])
 | [AI Discussion Panel](./examples/ai-panel-spa) | Complex SPA with custom drivers |
 | [Sygnal ToDoMVC](https://github.com/tpresley/sygnal-todomvc) | [Live Demo](https://tpresley.github.io/sygnal-todomvc/) |
 | [Sygnal 2048](https://github.com/tpresley/sygnal-2048) | [Live Demo](https://tpresley.github.io/sygnal-2048/) |
+| [Sygnal Mahjong](https://github.com/tpresley/mahjong-trainer) | [Live Demo](https://tpresley.github.io/mahjong-trainer/) |
 | [Sygnal Calculator](https://github.com/tpresley/sygnal-calculator) | [Live Demo](https://tpresley.github.io/sygnal-calculator/) |
 
 ## Acknowledgments

package/dist/astro/client.cjs.js

@@ -1,14 +1,14 @@
 'use strict';
 
-var h = require('snabbdom/build/h');
-var init = require('snabbdom/build/init');
-var tovnode = require('snabbdom/build/tovnode');
-var vnode = require('snabbdom/build/vnode');
-var jsx = require('snabbdom/build/jsx');
-var _class = require('snabbdom/build/modules/class');
-var props = require('snabbdom/build/modules/props');
-var attributes = require('snabbdom/build/modules/attributes');
-var dataset = require('snabbdom/build/modules/dataset');
+var h_js = require('snabbdom/build/h.js');
+var init_js = require('snabbdom/build/init.js');
+var tovnode_js = require('snabbdom/build/tovnode.js');
+var vnode_js = require('snabbdom/build/vnode.js');
+var jsx_js = require('snabbdom/build/jsx.js');
+var class_js = require('snabbdom/build/modules/class.js');
+var props_js = require('snabbdom/build/modules/props.js');
+var attributes_js = require('snabbdom/build/modules/attributes.js');
+var dataset_js = require('snabbdom/build/modules/dataset.js');
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {
@@ -3582,7 +3582,7 @@ function withState(main, name = 'state') {
  */
 // Core
 // Tag Fragment so we can identify it even after minification mangles Function.name
-jsx.Fragment.__sygnalFragment = true;
+jsx_js.Fragment.__sygnalFragment = true;
 
 function fromEvent(element, eventName, useCapture = false, preventDefault = false, passive = false) {
     let next = null;
@@ -4221,14 +4221,14 @@ class VNodeWrapper {
         return this.wrap([vnode]);
     }
     wrapDocFrag(children) {
-        return vnode.vnode('', { isolate: [] }, children, undefined, this
+        return vnode_js.vnode('', { isolate: [] }, children, undefined, this
             .rootElement);
     }
     wrap(children) {
         const { tagName, id, className } = this.rootElement;
         const selId = id ? `#${id}` : '';
         const selClass = className ? `.${className.split(` `).join(`.`)}` : '';
-        const vnode = h.h(`${tagName.toLowerCase()}${selId}${selClass}`, {}, children);
+        const vnode = h_js.h(`${tagName.toLowerCase()}${selId}${selClass}`, {}, children);
         vnode.data = vnode.data || {};
         vnode.data.isolate = vnode.data.isolate || [];
         return vnode;
@@ -4364,10 +4364,10 @@ const styleModule = {
 
 const modules = [
     styleModule,
-    _class.classModule,
-    props.propsModule,
-    attributes.attributesModule,
-    dataset.datasetModule,
+    class_js.classModule,
+    props_js.propsModule,
+    attributes_js.attributesModule,
+    dataset_js.datasetModule,
 ];
 
 class SymbolTree {
@@ -4967,7 +4967,7 @@ function makeDOMDriver(container, options = {}) {
     makeDOMDriverInputGuard(modules$1);
     const isolateModule = new IsolateModule();
     const snabbdomOptions = options && options.snabbdomOptions || undefined;
-    const patch = init.init([isolateModule.createModule()].concat(modules$1), undefined, snabbdomOptions);
+    const patch = init_js.init([isolateModule.createModule()].concat(modules$1), undefined, snabbdomOptions);
     const domReady$ = makeDOMReady$();
     let vnodeWrapper;
     let mutationObserver;
@@ -4994,8 +4994,8 @@ function makeDOMDriver(container, options = {}) {
             .map(firstRoot => _default$5
             .merge(rememberedVNode$.endWhen(sanitation$), sanitation$)
             .map(vnode => vnodeWrapper.call(vnode))
-            .startWith(addRootScope(tovnode.toVNode(firstRoot)))
-            .fold(patch, tovnode.toVNode(firstRoot))
+            .startWith(addRootScope(tovnode_js.toVNode(firstRoot)))
+            .fold(patch, tovnode_js.toVNode(firstRoot))
             .drop(1)
             .map(unwrapElementFromVNode)
             .startWith(firstRoot)
@@ -7071,7 +7071,7 @@ function processSuspensePost(vnode) {
     }
     return vnode;
 }
-const portalPatch = init.init(modules);
+const portalPatch = init_js.init(modules);
 function processPortals(vnode) {
     if (!vnode || !vnode.sel)
         return vnode;
@@ -7336,11 +7336,11 @@ function __sortFunctionFromObj(item) {
     }
     let ascending = true;
     if (typeof directionRaw === 'string') {
-        if (!['asc', 'dec'].includes(directionRaw.toLowerCase())) {
-            console.error('Sort object string values must be asc or dec:', item);
+        if (!['asc', 'desc'].includes(directionRaw.toLowerCase())) {
+            console.error('Sort object string values must be asc or desc:', item);
             return undefined;
         }
-        ascending = directionRaw.toLowerCase() === 'asc';
+        ascending = directionRaw.toLowerCase() !== 'desc';
     }
     if (typeof directionRaw === 'number') {
         if (directionRaw !== 1 && directionRaw !== -1) {
@@ -7359,9 +7359,9 @@ function sortFunctionFromProp(sortProp) {
     if (propType === 'function')
         return sortProp;
     if (propType === 'string') {
-        // if passed either 'asc' or 'dec' sort on the entire item
-        if (sortProp.toLowerCase() === 'asc' || sortProp.toLowerCase() === 'dec') {
-            const ascending = sortProp.toLowerCase() === 'asc';
+        // if passed either 'asc' or 'desc' sort on the entire item
+        if (sortProp.toLowerCase() === 'asc' || sortProp.toLowerCase() === 'desc') {
+            const ascending = sortProp.toLowerCase() !== 'desc';
             return (a, b) => __baseSort(a, b, ascending);
         }
         // assume it's a field/property name, and sort it ascending
@@ -7372,7 +7372,7 @@ function sortFunctionFromProp(sortProp) {
         const sorters = sortProp.map(item => {
             if (typeof item === 'function')
                 return item;
-            if (typeof item === 'string' && !['asc', 'dec'].includes(item.toLowerCase()))
+            if (typeof item === 'string' && !['asc', 'desc'].includes(item.toLowerCase()))
                 return (a, b) => __baseSort(a[item], b[item], true);
             if (isObj(item)) {
                 return __sortFunctionFromObj(item);

package/dist/astro/client.mjs

@@ -1,12 +1,12 @@
-import { h } from 'snabbdom/build/h';
-import { init } from 'snabbdom/build/init';
-import { toVNode } from 'snabbdom/build/tovnode';
-import { vnode } from 'snabbdom/build/vnode';
-import { Fragment } from 'snabbdom/build/jsx';
-import { classModule } from 'snabbdom/build/modules/class';
-import { propsModule } from 'snabbdom/build/modules/props';
-import { attributesModule } from 'snabbdom/build/modules/attributes';
-import { datasetModule } from 'snabbdom/build/modules/dataset';
+import { h } from 'snabbdom/build/h.js';
+import { init } from 'snabbdom/build/init.js';
+import { toVNode } from 'snabbdom/build/tovnode.js';
+import { vnode } from 'snabbdom/build/vnode.js';
+import { Fragment } from 'snabbdom/build/jsx.js';
+import { classModule } from 'snabbdom/build/modules/class.js';
+import { propsModule } from 'snabbdom/build/modules/props.js';
+import { attributesModule } from 'snabbdom/build/modules/attributes.js';
+import { datasetModule } from 'snabbdom/build/modules/dataset.js';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {
@@ -7334,11 +7334,11 @@ function __sortFunctionFromObj(item) {
     }
     let ascending = true;
     if (typeof directionRaw === 'string') {
-        if (!['asc', 'dec'].includes(directionRaw.toLowerCase())) {
-            console.error('Sort object string values must be asc or dec:', item);
+        if (!['asc', 'desc'].includes(directionRaw.toLowerCase())) {
+            console.error('Sort object string values must be asc or desc:', item);
             return undefined;
         }
-        ascending = directionRaw.toLowerCase() === 'asc';
+        ascending = directionRaw.toLowerCase() !== 'desc';
     }
     if (typeof directionRaw === 'number') {
         if (directionRaw !== 1 && directionRaw !== -1) {
@@ -7357,9 +7357,9 @@ function sortFunctionFromProp(sortProp) {
     if (propType === 'function')
         return sortProp;
     if (propType === 'string') {
-        // if passed either 'asc' or 'dec' sort on the entire item
-        if (sortProp.toLowerCase() === 'asc' || sortProp.toLowerCase() === 'dec') {
-            const ascending = sortProp.toLowerCase() === 'asc';
+        // if passed either 'asc' or 'desc' sort on the entire item
+        if (sortProp.toLowerCase() === 'asc' || sortProp.toLowerCase() === 'desc') {
+            const ascending = sortProp.toLowerCase() !== 'desc';
             return (a, b) => __baseSort(a, b, ascending);
         }
         // assume it's a field/property name, and sort it ascending
@@ -7370,7 +7370,7 @@ function sortFunctionFromProp(sortProp) {
         const sorters = sortProp.map(item => {
             if (typeof item === 'function')
                 return item;
-            if (typeof item === 'string' && !['asc', 'dec'].includes(item.toLowerCase()))
+            if (typeof item === 'string' && !['asc', 'desc'].includes(item.toLowerCase()))
                 return (a, b) => __baseSort(a[item], b[item], true);
             if (isObj(item)) {
                 return __sortFunctionFromObj(item);

package/dist/index.cjs.js

@@ -3,15 +3,15 @@
 var xs$1 = require('xstream');
 var dropRepeatsModule = require('xstream/extra/dropRepeats.js');
 var concat$1 = require('xstream/extra/concat.js');
-var h = require('snabbdom/build/h');
-var init$1 = require('snabbdom/build/init');
-var tovnode = require('snabbdom/build/tovnode');
-var vnode$1 = require('snabbdom/build/vnode');
-var jsx = require('snabbdom/build/jsx');
-var _class = require('snabbdom/build/modules/class');
-var props = require('snabbdom/build/modules/props');
-var attributes = require('snabbdom/build/modules/attributes');
-var dataset = require('snabbdom/build/modules/dataset');
+var h_js = require('snabbdom/build/h.js');
+var init_js = require('snabbdom/build/init.js');
+var tovnode_js = require('snabbdom/build/tovnode.js');
+var vnode_js = require('snabbdom/build/vnode.js');
+var jsx_js = require('snabbdom/build/jsx.js');
+var class_js = require('snabbdom/build/modules/class.js');
+var props_js = require('snabbdom/build/modules/props.js');
+var attributes_js = require('snabbdom/build/modules/attributes.js');
+var dataset_js = require('snabbdom/build/modules/dataset.js');
 var sampleCombine = require('xstream/extra/sampleCombine.js');
 var delayModule = require('xstream/extra/delay.js');
 var debounceModule = require('xstream/extra/debounce.js');
@@ -631,7 +631,7 @@ function withState(main, name = 'state') {
  */
 // Core
 // Tag Fragment so we can identify it even after minification mangles Function.name
-jsx.Fragment.__sygnalFragment = true;
+jsx_js.Fragment.__sygnalFragment = true;
 
 function copyToThunk(vnode, thunkVNode) {
     thunkVNode.elm = vnode.elm;
@@ -669,7 +669,7 @@ function thunk(sel, key, fn, args) {
         fn = key;
         key = undefined;
     }
-    return h.h(sel, {
+    return h_js.h(sel, {
         key: key,
         hook: { init: init, prepatch: prepatch },
         fn: fn,
@@ -1130,14 +1130,14 @@ class VNodeWrapper {
         return this.wrap([vnode]);
     }
     wrapDocFrag(children) {
-        return vnode$1.vnode('', { isolate: [] }, children, undefined, this
+        return vnode_js.vnode('', { isolate: [] }, children, undefined, this
             .rootElement);
     }
     wrap(children) {
         const { tagName, id, className } = this.rootElement;
         const selId = id ? `#${id}` : '';
         const selClass = className ? `.${className.split(` `).join(`.`)}` : '';
-        const vnode = h.h(`${tagName.toLowerCase()}${selId}${selClass}`, {}, children);
+        const vnode = h_js.h(`${tagName.toLowerCase()}${selId}${selClass}`, {}, children);
         vnode.data = vnode.data || {};
         vnode.data.isolate = vnode.data.isolate || [];
         return vnode;
@@ -1273,10 +1273,10 @@ const styleModule = {
 
 const modules = [
     styleModule,
-    _class.classModule,
-    props.propsModule,
-    attributes.attributesModule,
-    dataset.datasetModule,
+    class_js.classModule,
+    props_js.propsModule,
+    attributes_js.attributesModule,
+    dataset_js.datasetModule,
 ];
 
 class SymbolTree {
@@ -1876,7 +1876,7 @@ function makeDOMDriver(container, options = {}) {
     makeDOMDriverInputGuard(modules$1);
     const isolateModule = new IsolateModule();
     const snabbdomOptions = options && options.snabbdomOptions || undefined;
-    const patch = init$1.init([isolateModule.createModule()].concat(modules$1), undefined, snabbdomOptions);
+    const patch = init_js.init([isolateModule.createModule()].concat(modules$1), undefined, snabbdomOptions);
     const domReady$ = makeDOMReady$();
     let vnodeWrapper;
     let mutationObserver;
@@ -1903,8 +1903,8 @@ function makeDOMDriver(container, options = {}) {
             .map(firstRoot => xs$1
             .merge(rememberedVNode$.endWhen(sanitation$), sanitation$)
             .map(vnode => vnodeWrapper.call(vnode))
-            .startWith(addRootScope(tovnode.toVNode(firstRoot)))
-            .fold(patch, tovnode.toVNode(firstRoot))
+            .startWith(addRootScope(tovnode_js.toVNode(firstRoot)))
+            .fold(patch, tovnode_js.toVNode(firstRoot))
             .drop(1)
             .map(unwrapElementFromVNode)
             .startWith(firstRoot)
@@ -2044,7 +2044,7 @@ function makeIsolatedCollection(collectionOpts, isolateOpts, sources) {
 }
 const Collection = (props) => {
     const { children, ...sanitizedProps } = props;
-    return h.h('collection', { props: sanitizedProps }, children);
+    return h_js.h('collection', { props: sanitizedProps }, children);
 };
 Collection.label = 'collection';
 Collection.preventInstantiation = true;
@@ -2152,7 +2152,7 @@ function _switchable(factories, sources, name$, switched = ['DOM'], stateSourceN
 }
 const Switchable = (props) => {
     const { children, ...sanitizedProps } = props;
-    return h.h('switchable', { props: sanitizedProps }, children);
+    return h_js.h('switchable', { props: sanitizedProps }, children);
 };
 Switchable.label = 'switchable';
 Switchable.preventInstantiation = true;
@@ -3809,7 +3809,7 @@ function processSuspensePost(vnode) {
     }
     return vnode;
 }
-const portalPatch = init$1.init(modules);
+const portalPatch = init_js.init(modules);
 function processPortals(vnode) {
     if (!vnode || !vnode.sel)
         return vnode;
@@ -4074,11 +4074,11 @@ function __sortFunctionFromObj(item) {
     }
     let ascending = true;
     if (typeof directionRaw === 'string') {
-        if (!['asc', 'dec'].includes(directionRaw.toLowerCase())) {
-            console.error('Sort object string values must be asc or dec:', item);
+        if (!['asc', 'desc'].includes(directionRaw.toLowerCase())) {
+            console.error('Sort object string values must be asc or desc:', item);
             return undefined;
         }
-        ascending = directionRaw.toLowerCase() === 'asc';
+        ascending = directionRaw.toLowerCase() !== 'desc';
     }
     if (typeof directionRaw === 'number') {
         if (directionRaw !== 1 && directionRaw !== -1) {
@@ -4097,9 +4097,9 @@ function sortFunctionFromProp(sortProp) {
     if (propType === 'function')
         return sortProp;
     if (propType === 'string') {
-        // if passed either 'asc' or 'dec' sort on the entire item
-        if (sortProp.toLowerCase() === 'asc' || sortProp.toLowerCase() === 'dec') {
-            const ascending = sortProp.toLowerCase() === 'asc';
+        // if passed either 'asc' or 'desc' sort on the entire item
+        if (sortProp.toLowerCase() === 'asc' || sortProp.toLowerCase() === 'desc') {
+            const ascending = sortProp.toLowerCase() !== 'desc';
             return (a, b) => __baseSort(a, b, ascending);
         }
         // assume it's a field/property name, and sort it ascending
@@ -4110,7 +4110,7 @@ function sortFunctionFromProp(sortProp) {
         const sorters = sortProp.map(item => {
             if (typeof item === 'function')
                 return item;
-            if (typeof item === 'string' && !['asc', 'dec'].includes(item.toLowerCase()))
+            if (typeof item === 'string' && !['asc', 'desc'].includes(item.toLowerCase()))
                 return (a, b) => __baseSort(a[item], b[item], true);
             if (isObj(item)) {
                 return __sortFunctionFromObj(item);
@@ -4155,28 +4155,28 @@ function extractSlots(children) {
 
 const Portal = (props) => {
     const { children, ...sanitizedProps } = props;
-    return h.h('portal', { props: sanitizedProps }, children);
+    return h_js.h('portal', { props: sanitizedProps }, children);
 };
 Portal.label = 'portal';
 Portal.preventInstantiation = true;
 
 const Transition = (props) => {
     const { children, ...sanitizedProps } = props;
-    return h.h('transition', { props: sanitizedProps }, children);
+    return h_js.h('transition', { props: sanitizedProps }, children);
 };
 Transition.label = 'transition';
 Transition.preventInstantiation = true;
 
 const Suspense = (props) => {
     const { children, ...sanitizedProps } = props;
-    return h.h('suspense', { props: sanitizedProps }, children);
+    return h_js.h('suspense', { props: sanitizedProps }, children);
 };
 Suspense.label = 'suspense';
 Suspense.preventInstantiation = true;
 
 const Slot = (props) => {
     const { children, ...sanitizedProps } = props;
-    return h.h('slot', { props: sanitizedProps }, children);
+    return h_js.h('slot', { props: sanitizedProps }, children);
 };
 Slot.label = 'slot';
 Slot.preventInstantiation = true;
@@ -6472,7 +6472,7 @@ function buildAttributes(data, selectorId, selectorClasses) {
 exports.dropRepeats = dropRepeatsModule;
 Object.defineProperty(exports, 'h', {
     enumerable: true,
-    get: function () { return h.h; }
+    get: function () { return h_js.h; }
 });
 exports.sampleCombine = sampleCombine;
 exports.delay = delayModule;

package/dist/index.d.ts

@@ -239,7 +239,7 @@ export type Filter<ITEM = any> = (item: ITEM) => boolean
 export type SortFunction<ITEM = any> = (a: ITEM, b: ITEM) => number
 
 export type SortObject<ITEM = any> = {
-  [field: string]: 'asc' | 'dec' | SortFunction<ITEM>
+  [field: string]: 'asc' | 'desc' | SortFunction<ITEM>
 }
 
 /**

package/dist/index.esm.js

@@ -5,16 +5,16 @@ import dropRepeatsModule__default from 'xstream/extra/dropRepeats.js';
 export { default as dropRepeats } from 'xstream/extra/dropRepeats.js';
 import * as concat$1 from 'xstream/extra/concat.js';
 import concat__default from 'xstream/extra/concat.js';
-import { h } from 'snabbdom/build/h';
-export { h } from 'snabbdom/build/h';
-import { init as init$1 } from 'snabbdom/build/init';
-import { toVNode } from 'snabbdom/build/tovnode';
-import { vnode as vnode$1 } from 'snabbdom/build/vnode';
-import { Fragment } from 'snabbdom/build/jsx';
-import { classModule } from 'snabbdom/build/modules/class';
-import { propsModule } from 'snabbdom/build/modules/props';
-import { attributesModule } from 'snabbdom/build/modules/attributes';
-import { datasetModule } from 'snabbdom/build/modules/dataset';
+import { h } from 'snabbdom/build/h.js';
+export { h } from 'snabbdom/build/h.js';
+import { init as init$1 } from 'snabbdom/build/init.js';
+import { toVNode } from 'snabbdom/build/tovnode.js';
+import { vnode as vnode$1 } from 'snabbdom/build/vnode.js';
+import { Fragment } from 'snabbdom/build/jsx.js';
+import { classModule } from 'snabbdom/build/modules/class.js';
+import { propsModule } from 'snabbdom/build/modules/props.js';
+import { attributesModule } from 'snabbdom/build/modules/attributes.js';
+import { datasetModule } from 'snabbdom/build/modules/dataset.js';
 import sampleCombine from 'xstream/extra/sampleCombine.js';
 export { default as sampleCombine } from 'xstream/extra/sampleCombine.js';
 import * as delayModule from 'xstream/extra/delay.js';
@@ -4057,11 +4057,11 @@ function __sortFunctionFromObj(item) {
     }
     let ascending = true;
     if (typeof directionRaw === 'string') {
-        if (!['asc', 'dec'].includes(directionRaw.toLowerCase())) {
-            console.error('Sort object string values must be asc or dec:', item);
+        if (!['asc', 'desc'].includes(directionRaw.toLowerCase())) {
+            console.error('Sort object string values must be asc or desc:', item);
             return undefined;
         }
-        ascending = directionRaw.toLowerCase() === 'asc';
+        ascending = directionRaw.toLowerCase() !== 'desc';
     }
     if (typeof directionRaw === 'number') {
         if (directionRaw !== 1 && directionRaw !== -1) {
@@ -4080,9 +4080,9 @@ function sortFunctionFromProp(sortProp) {
     if (propType === 'function')
         return sortProp;
     if (propType === 'string') {
-        // if passed either 'asc' or 'dec' sort on the entire item
-        if (sortProp.toLowerCase() === 'asc' || sortProp.toLowerCase() === 'dec') {
-            const ascending = sortProp.toLowerCase() === 'asc';
+        // if passed either 'asc' or 'desc' sort on the entire item
+        if (sortProp.toLowerCase() === 'asc' || sortProp.toLowerCase() === 'desc') {
+            const ascending = sortProp.toLowerCase() !== 'desc';
             return (a, b) => __baseSort(a, b, ascending);
         }
         // assume it's a field/property name, and sort it ascending
@@ -4093,7 +4093,7 @@ function sortFunctionFromProp(sortProp) {
         const sorters = sortProp.map(item => {
             if (typeof item === 'function')
                 return item;
-            if (typeof item === 'string' && !['asc', 'dec'].includes(item.toLowerCase()))
+            if (typeof item === 'string' && !['asc', 'desc'].includes(item.toLowerCase()))
                 return (a, b) => __baseSort(a[item], b[item], true);
             if (isObj(item)) {
                 return __sortFunctionFromObj(item);