solid-js 1.7.7 → 1.7.9

package/h/dist/h.cjs

@@ -92,7 +92,7 @@ function createHyperScript(r) {
   return h;
 }
 
-var index = createHyperScript({
+const h = createHyperScript({
   spread: web.spread,
   assign: web.assign,
   insert: web.insert,
@@ -101,4 +101,4 @@ var index = createHyperScript({
   SVGElements: web.SVGElements
 });
 
-module.exports = index;
+module.exports = h;

package/h/dist/h.js

@@ -1,4 +1,11 @@
-import { spread, assign, insert, createComponent, dynamicProperty, SVGElements } from 'solid-js/web';
+import {
+  spread,
+  assign,
+  insert,
+  createComponent,
+  dynamicProperty,
+  SVGElements
+} from "solid-js/web";
 
 const $ELEMENT = Symbol("hyper-element");
 function createHyperScript(r) {
@@ -17,9 +24,16 @@ function createHyperScript(r) {
     return ret;
     function item(l) {
       const type = typeof l;
-      if (l == null) ;else if ("string" === type) {
-        if (!e) parseClass(l);else e.appendChild(document.createTextNode(l));
-      } else if ("number" === type || "boolean" === type || l instanceof Date || l instanceof RegExp) {
+      if (l == null);
+      else if ("string" === type) {
+        if (!e) parseClass(l);
+        else e.appendChild(document.createTextNode(l));
+      } else if (
+        "number" === type ||
+        "boolean" === type ||
+        l instanceof Date ||
+        l instanceof RegExp
+      ) {
         e.appendChild(document.createTextNode(l.toString()));
       } else if (Array.isArray(l)) {
         for (let i = 0; i < l.length; i++) item(l[i]);
@@ -34,12 +48,18 @@ function createHyperScript(r) {
             dynamic = true;
           } else if (d[k].get) dynamic = true;
         }
-        dynamic ? r.spread(e, l, e instanceof SVGElement, !!args.length) : r.assign(e, l, e instanceof SVGElement, !!args.length);
+        dynamic
+          ? r.spread(e, l, e instanceof SVGElement, !!args.length)
+          : r.assign(e, l, e instanceof SVGElement, !!args.length);
       } else if ("function" === type) {
         if (!e) {
           let props,
             next = args[0];
-          if (next == null || typeof next === "object" && !Array.isArray(next) && !(next instanceof Element)) props = args.shift();
+          if (
+            next == null ||
+            (typeof next === "object" && !Array.isArray(next) && !(next instanceof Element))
+          )
+            props = args.shift();
           props || (props = {});
           if (args.length) {
             props.children = args.length > 1 ? args : args[0];
@@ -55,7 +75,8 @@ function createHyperScript(r) {
                 return list;
               };
               r.dynamicProperty(props, k);
-            } else if (typeof d[k].value === "function" && !d[k].value.length) r.dynamicProperty(props, k);
+            } else if (typeof d[k].value === "function" && !d[k].value.length)
+              r.dynamicProperty(props, k);
           }
           e = r.createComponent(l, props);
           args = [];
@@ -72,7 +93,12 @@ function createHyperScript(r) {
         const v = m[i],
           s = v.substring(1, v.length);
         if (!v) continue;
-        if (!e) e = r.SVGElements.has(v) ? document.createElementNS("http://www.w3.org/2000/svg", v) : document.createElement(v);else if (v[0] === ".") e.classList.add(s);else if (v[0] === "#") e.setAttribute("id", s);
+        if (!e)
+          e = r.SVGElements.has(v)
+            ? document.createElementNS("http://www.w3.org/2000/svg", v)
+            : document.createElement(v);
+        else if (v[0] === ".") e.classList.add(s);
+        else if (v[0] === "#") e.setAttribute("id", s);
       }
     }
     function detectMultiExpression(list) {
@@ -90,7 +116,7 @@ function createHyperScript(r) {
   return h;
 }
 
-var index = createHyperScript({
+const h = createHyperScript({
   spread,
   assign,
   insert,
@@ -99,4 +125,4 @@ var index = createHyperScript({
   SVGElements
 });
 
-export { index as default };
+export { h as default };

package/h/jsx-runtime/dist/jsx.js

@@ -1,4 +1,4 @@
-import h from 'solid-js/h';
+import h from "solid-js/h";
 
 function Fragment(props) {
   return props.children;

package/h/jsx-runtime/types/index.d.ts

@@ -1,11 +1,14 @@
 export type { JSX } from "./jsx";
 import type { JSX } from "./jsx";
-declare function Fragment(props: {
-    children: JSX.Element;
-}): JSX.Element;
-declare function jsx(type: any, props: any): () => (Node & {
-    [key: string]: any;
-}) | (Node & {
-    [key: string]: any;
-})[];
+declare function Fragment(props: { children: JSX.Element }): JSX.Element;
+declare function jsx(
+  type: any,
+  props: any
+): () =>
+  | (Node & {
+      [key: string]: any;
+    })
+  | (Node & {
+      [key: string]: any;
+    })[];
 export { jsx, jsx as jsxs, jsx as jsxDEV, Fragment };

package/h/jsx-runtime/types/jsx.d.ts

@@ -1,4 +1,4 @@
-import * as csstype from 'csstype';
+import * as csstype from "csstype";
 
 /**
  * Based on JSX types for Surplus and Inferno and adapted for `dom-expressions`.
@@ -9,7 +9,7 @@ import * as csstype from 'csstype';
 type DOMElement = Element;
 
 export namespace JSX {
-  type FunctionMaybe<T = unknown> = ({ (): T }) | T;
+  type FunctionMaybe<T = unknown> = { (): T } | T;
   type Element =
     | Node
     | ArrayElement
@@ -61,7 +61,7 @@ export namespace JSX {
     };
     $ServerOnly?: boolean;
   }
-  type Accessor<T> = () => T
+  type Accessor<T> = () => T;
   interface Directives {}
   interface DirectiveFunctions {
     [x: string]: (el: Element, accessor: Accessor<any>) => void;
@@ -74,7 +74,9 @@ export namespace JSX {
     [Key in keyof Directives as `use:${Key}`]?: Directives[Key];
   };
   type DirectiveFunctionAttributes<T> = {
-    [K in keyof DirectiveFunctions as string extends K ? never : `use:${K}`]?: DirectiveFunctions[K] extends (
+    [K in keyof DirectiveFunctions as string extends K
+      ? never
+      : `use:${K}`]?: DirectiveFunctions[K] extends (
       el: infer E, // will be unknown if not provided
       ...rest: infer R // use rest so that we can check whether it's provided or not
     ) => void
@@ -95,13 +97,23 @@ export namespace JSX {
   };
   type OnAttributes<T> = {
     [Key in keyof CustomEvents as `on:${Key}`]?: EventHandler<T, CustomEvents[Key]>;
-  }
+  };
   type OnCaptureAttributes<T> = {
-    [Key in keyof CustomCaptureEvents as `oncapture:${Key}`]?: EventHandler<T, CustomCaptureEvents[Key]>;
-  }
-  interface DOMAttributes<T> extends CustomAttributes<T>, DirectiveAttributes, DirectiveFunctionAttributes<T>,
-                                     PropAttributes, AttrAttributes, OnAttributes<T>, OnCaptureAttributes<T>,
-                                     CustomEventHandlersCamelCase<T>, CustomEventHandlersLowerCase<T> {
+    [Key in keyof CustomCaptureEvents as `oncapture:${Key}`]?: EventHandler<
+      T,
+      CustomCaptureEvents[Key]
+    >;
+  };
+  interface DOMAttributes<T>
+    extends CustomAttributes<T>,
+      DirectiveAttributes,
+      DirectiveFunctionAttributes<T>,
+      PropAttributes,
+      AttrAttributes,
+      OnAttributes<T>,
+      OnCaptureAttributes<T>,
+      CustomEventHandlersCamelCase<T>,
+      CustomEventHandlersLowerCase<T> {
     children?: Element;
     innerHTML?: string;
     innerText?: string | number;
@@ -187,7 +199,8 @@ export namespace JSX {
     onProgress?: EventHandlerUnion<T, Event>;
     onRateChange?: EventHandlerUnion<T, Event>;
     onReset?: EventHandlerUnion<T, Event>;
-    onScroll?: EventHandlerUnion<T, UIEvent>;
+    onScroll?: EventHandlerUnion<T, Event>;
+    onScrollEnd?: EventHandlerUnion<T, Event>;
     onSeeked?: EventHandlerUnion<T, Event>;
     onSeeking?: EventHandlerUnion<T, Event>;
     onSelect?: EventHandlerUnion<T, UIEvent>;
@@ -204,7 +217,10 @@ export namespace JSX {
     onTouchEnd?: EventHandlerUnion<T, TouchEvent>;
     onTouchMove?: EventHandlerUnion<T, TouchEvent>;
     onTouchStart?: EventHandlerUnion<T, TouchEvent>;
+    onTransitionStart?: EventHandlerUnion<T, TransitionEvent>;
     onTransitionEnd?: EventHandlerUnion<T, TransitionEvent>;
+    onTransitionRun?: EventHandlerUnion<T, TransitionEvent>;
+    onTransitionCancel?: EventHandlerUnion<T, TransitionEvent>;
     onVolumeChange?: EventHandlerUnion<T, Event>;
     onWaiting?: EventHandlerUnion<T, Event>;
     onWheel?: EventHandlerUnion<T, WheelEvent>;
@@ -270,7 +286,8 @@ export namespace JSX {
     onprogress?: EventHandlerUnion<T, Event>;
     onratechange?: EventHandlerUnion<T, Event>;
     onreset?: EventHandlerUnion<T, Event>;
-    onscroll?: EventHandlerUnion<T, UIEvent>;
+    onscroll?: EventHandlerUnion<T, Event>;
+    onscrollend?: EventHandlerUnion<T, Event>;
     onseeked?: EventHandlerUnion<T, Event>;
     onseeking?: EventHandlerUnion<T, Event>;
     onselect?: EventHandlerUnion<T, UIEvent>;
@@ -287,7 +304,10 @@ export namespace JSX {
     ontouchend?: EventHandlerUnion<T, TouchEvent>;
     ontouchmove?: EventHandlerUnion<T, TouchEvent>;
     ontouchstart?: EventHandlerUnion<T, TouchEvent>;
+    ontransitionstart?: EventHandlerUnion<T, TransitionEvent>;
     ontransitionend?: EventHandlerUnion<T, TransitionEvent>;
+    ontransitionrun?: EventHandlerUnion<T, TransitionEvent>;
+    ontransitioncancel?: EventHandlerUnion<T, TransitionEvent>;
     onvolumechange?: EventHandlerUnion<T, Event>;
     onwaiting?: EventHandlerUnion<T, Event>;
     onwheel?: EventHandlerUnion<T, WheelEvent>;
@@ -295,7 +315,7 @@ export namespace JSX {
 
   interface CSSProperties extends csstype.PropertiesHyphen {
     // Override
-    [key: `-${string}`]: string | number | undefined
+    [key: `-${string}`]: string | number | undefined;
   }
 
   type HTMLAutocapitalize = "off" | "none" | "on" | "sentences" | "words" | "characters";
@@ -538,76 +558,77 @@ export namespace JSX {
     /** Defines the human readable text alternative of aria-valuenow for a range widget. */
     "aria-valuetext"?: string;
     role?: FunctionMaybe<
-    | "alert"
-    | "alertdialog"
-    | "application"
-    | "article"
-    | "banner"
-    | "button"
-    | "cell"
-    | "checkbox"
-    | "columnheader"
-    | "combobox"
-    | "complementary"
-    | "contentinfo"
-    | "definition"
-    | "dialog"
-    | "directory"
-    | "document"
-    | "feed"
-    | "figure"
-    | "form"
-    | "grid"
-    | "gridcell"
-    | "group"
-    | "heading"
-    | "img"
-    | "link"
-    | "list"
-    | "listbox"
-    | "listitem"
-    | "log"
-    | "main"
-    | "marquee"
-    | "math"
-    | "menu"
-    | "menubar"
-    | "menuitem"
-    | "menuitemcheckbox"
-    | "menuitemradio"
-    | "meter"
-    | "navigation"
-    | "none"
-    | "note"
-    | "option"
-    | "presentation"
-    | "progressbar"
-    | "radio"
-    | "radiogroup"
-    | "region"
-    | "row"
-    | "rowgroup"
-    | "rowheader"
-    | "scrollbar"
-    | "search"
-    | "searchbox"
-    | "separator"
-    | "slider"
-    | "spinbutton"
-    | "status"
-    | "switch"
-    | "tab"
-    | "table"
-    | "tablist"
-    | "tabpanel"
-    | "term"
-    | "textbox"
-    | "timer"
-    | "toolbar"
-    | "tooltip"
-    | "tree"
-    | "treegrid"
-    | "treeitem">;
+      | "alert"
+      | "alertdialog"
+      | "application"
+      | "article"
+      | "banner"
+      | "button"
+      | "cell"
+      | "checkbox"
+      | "columnheader"
+      | "combobox"
+      | "complementary"
+      | "contentinfo"
+      | "definition"
+      | "dialog"
+      | "directory"
+      | "document"
+      | "feed"
+      | "figure"
+      | "form"
+      | "grid"
+      | "gridcell"
+      | "group"
+      | "heading"
+      | "img"
+      | "link"
+      | "list"
+      | "listbox"
+      | "listitem"
+      | "log"
+      | "main"
+      | "marquee"
+      | "math"
+      | "menu"
+      | "menubar"
+      | "menuitem"
+      | "menuitemcheckbox"
+      | "menuitemradio"
+      | "meter"
+      | "navigation"
+      | "none"
+      | "note"
+      | "option"
+      | "presentation"
+      | "progressbar"
+      | "radio"
+      | "radiogroup"
+      | "region"
+      | "row"
+      | "rowgroup"
+      | "rowheader"
+      | "scrollbar"
+      | "search"
+      | "searchbox"
+      | "separator"
+      | "slider"
+      | "spinbutton"
+      | "status"
+      | "switch"
+      | "tab"
+      | "table"
+      | "tablist"
+      | "tabpanel"
+      | "term"
+      | "textbox"
+      | "timer"
+      | "toolbar"
+      | "tooltip"
+      | "tree"
+      | "treegrid"
+      | "treeitem"
+    >;
   }
 
   interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
@@ -643,7 +664,9 @@ export namespace JSX {
     itemref?: FunctionMaybe<string>;
     part?: FunctionMaybe<string>;
     exportparts?: FunctionMaybe<string>;
-    inputmode?: FunctionMaybe<"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search">;
+    inputmode?: FunctionMaybe<
+      "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search"
+    >;
     contentEditable?: FunctionMaybe<boolean | "inherit">;
     contextMenu?: FunctionMaybe<string>;
     tabIndex?: FunctionMaybe<number | string>;
@@ -654,7 +677,9 @@ export namespace JSX {
     itemId?: FunctionMaybe<string>;
     itemRef?: FunctionMaybe<string>;
     exportParts?: FunctionMaybe<string>;
-    inputMode?: FunctionMaybe<"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search">;
+    inputMode?: FunctionMaybe<
+      "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search"
+    >;
   }
   interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
     download?: FunctionMaybe<any>;
@@ -741,7 +766,7 @@ export namespace JSX {
     name?: FunctionMaybe<string>;
   }
   interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
-    acceptcharset?: FunctionMaybe<string>;
+    "accept-charset"?: FunctionMaybe<string>;
     action?: FunctionMaybe<string>;
     autocomplete?: FunctionMaybe<string>;
     encoding?: FunctionMaybe<HTMLFormEncType>;
@@ -750,7 +775,6 @@ export namespace JSX {
     name?: FunctionMaybe<string>;
     novalidate?: FunctionMaybe<boolean>;
     target?: FunctionMaybe<string>;
-    acceptCharset?: FunctionMaybe<string>;
     noValidate?: FunctionMaybe<boolean>;
   }
   interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -852,8 +876,11 @@ export namespace JSX {
     as?: FunctionMaybe<HTMLLinkAs>;
     crossorigin?: FunctionMaybe<HTMLCrossorigin>;
     disabled?: FunctionMaybe<boolean>;
+    fetchpriority?: FunctionMaybe<"high" | "low" | "auto">;
     href?: FunctionMaybe<string>;
     hreflang?: FunctionMaybe<string>;
+    imagesizes?: FunctionMaybe<string>;
+    imagesrcset?: FunctionMaybe<string>;
     integrity?: FunctionMaybe<string>;
     media?: FunctionMaybe<string>;
     referrerpolicy?: FunctionMaybe<HTMLReferrerPolicy>;
@@ -885,9 +912,8 @@ export namespace JSX {
   interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
     charset?: FunctionMaybe<string>;
     content?: FunctionMaybe<string>;
-    httpequiv?: FunctionMaybe<string>;
+    "http-equiv"?: FunctionMaybe<string>;
     name?: FunctionMaybe<string>;
-    httpEquiv?: FunctionMaybe<string>;
   }
   interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
     form?: FunctionMaybe<string>;
@@ -1017,7 +1043,7 @@ export namespace JSX {
     rowspan?: FunctionMaybe<number | string>;
     colSpan?: FunctionMaybe<number | string>;
     rowSpan?: FunctionMaybe<number | string>;
-    scope?: FunctionMaybe<'col' | 'row' | 'rowgroup' | 'colgroup'>;
+    scope?: FunctionMaybe<"col" | "row" | "rowgroup" | "colgroup">;
   }
   interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
     datetime?: FunctionMaybe<string>;
@@ -1223,26 +1249,30 @@ export namespace JSX {
       | "stroke"
       | "all"
       | "none"
-      | "inherit">;
-    "shape-rendering"?: FunctionMaybe<"auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision" | "inherit">;
+      | "inherit"
+    >;
+    "shape-rendering"?: FunctionMaybe<
+      "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision" | "inherit"
+    >;
     "stop-color"?: FunctionMaybe<string>;
     "stop-opacity"?: FunctionMaybe<number | string | "inherit">;
     stroke?: FunctionMaybe<string>;
     "stroke-dasharray"?: FunctionMaybe<string>;
     "stroke-dashoffset"?: FunctionMaybe<number | string>;
     "stroke-linecap"?: FunctionMaybe<"butt" | "round" | "square" | "inherit">;
-    "stroke-linejoin"?: FunctionMaybe<"arcs" | "bevel" | "miter" | "miter-clip" | "round" | "inherit">;
+    "stroke-linejoin"?: FunctionMaybe<
+      "arcs" | "bevel" | "miter" | "miter-clip" | "round" | "inherit"
+    >;
     "stroke-miterlimit"?: FunctionMaybe<number | string | "inherit">;
     "stroke-opacity"?: FunctionMaybe<number | string | "inherit">;
     "stroke-width"?: FunctionMaybe<number | string>;
     "text-anchor"?: FunctionMaybe<"start" | "middle" | "end" | "inherit">;
-    "text-decoration"?: FunctionMaybe<"none" | "underline" | "overline" | "line-through" | "blink" | "inherit">;
+    "text-decoration"?: FunctionMaybe<
+      "none" | "underline" | "overline" | "line-through" | "blink" | "inherit"
+    >;
     "text-rendering"?: FunctionMaybe<
-      | "auto"
-      | "optimizeSpeed"
-      | "optimizeLegibility"
-      | "geometricPrecision"
-      | "inherit">;
+      "auto" | "optimizeSpeed" | "optimizeLegibility" | "geometricPrecision" | "inherit"
+    >;
     "unicode-bidi"?: FunctionMaybe<string>;
     visibility?: FunctionMaybe<"visible" | "hidden" | "collapse" | "inherit">;
     "word-spacing"?: FunctionMaybe<number | string>;
@@ -1293,7 +1323,7 @@ export namespace JSX {
     gradientUnits?: FunctionMaybe<SVGUnits>;
     gradientTransform?: FunctionMaybe<string>;
     spreadMethod?: FunctionMaybe<"pad" | "reflect" | "repeat">;
-    href?: FunctionMaybe<string>
+    href?: FunctionMaybe<string>;
   }
   interface GraphicsElementSVGAttributes<T>
     extends CoreSVGAttributes<T>,

package/h/types/hyperscript.d.ts

@@ -1,20 +1,20 @@
 type MountableElement = Element | Document | ShadowRoot | DocumentFragment | Node;
 interface Runtime {
-    insert(parent: MountableElement, accessor: any, marker?: Node | null, init?: any): any;
-    spread(node: Element, accessor: any, isSVG?: Boolean, skipChildren?: Boolean): void;
-    assign(node: Element, props: any, isSVG?: Boolean, skipChildren?: Boolean): void;
-    createComponent(Comp: (props: any) => any, props: any): any;
-    dynamicProperty(props: any, key: string): any;
-    SVGElements: Set<string>;
+  insert(parent: MountableElement, accessor: any, marker?: Node | null, init?: any): any;
+  spread(node: Element, accessor: any, isSVG?: Boolean, skipChildren?: Boolean): void;
+  assign(node: Element, props: any, isSVG?: Boolean, skipChildren?: Boolean): void;
+  createComponent(Comp: (props: any) => any, props: any): any;
+  dynamicProperty(props: any, key: string): any;
+  SVGElements: Set<string>;
 }
 type ExpandableNode = Node & {
-    [key: string]: any;
+  [key: string]: any;
 };
 export type HyperScript = {
-    (...args: any[]): () => ExpandableNode | ExpandableNode[];
-    Fragment: (props: {
-        children: (() => ExpandableNode) | (() => ExpandableNode)[];
-    }) => ExpandableNode[];
+  (...args: any[]): () => ExpandableNode | ExpandableNode[];
+  Fragment: (props: {
+    children: (() => ExpandableNode) | (() => ExpandableNode)[];
+  }) => ExpandableNode[];
 };
 export declare function createHyperScript(r: Runtime): HyperScript;
 export {};

package/h/types/index.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("hyper-dom-expressions").HyperScript;
-export default _default;
+import type { HyperScript } from "./hyperscript";
+declare const h: HyperScript;
+export default h;

package/html/dist/html.cjs

@@ -555,7 +555,7 @@ function createHTML(r, {
   return html;
 }
 
-var index = createHTML({
+const html = createHTML({
   effect: web.effect,
   style: web.style,
   insert: web.insert,
@@ -578,4 +578,4 @@ var index = createHTML({
   SVGNamespace: web.SVGNamespace
 });
 
-module.exports = index;
+module.exports = html;