solid-js 1.8.5 → 1.8.6

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) {

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

@@ -51,6 +51,13 @@ export namespace JSX {
     1: any;
   }
   type EventHandlerUnion<T, E extends Event> = EventHandler<T, E> | BoundEventHandler<T, E>;
+
+  const SERIALIZABLE: unique symbol;
+  interface SerializableAttributeValue {
+    toString(): string;
+    [SERIALIZABLE]: never;
+  }
+
   interface IntrinsicAttributes {
     ref?: unknown | ((e: unknown) => void);
   }
@@ -718,7 +725,7 @@ export namespace JSX {
     autofocus?: FunctionMaybe<boolean>;
     disabled?: FunctionMaybe<boolean>;
     form?: FunctionMaybe<string>;
-    formaction?: FunctionMaybe<string>;
+    formaction?: FunctionMaybe<string | SerializableAttributeValue>;
     formenctype?: FunctionMaybe<HTMLFormEncType>;
     formmethod?: FunctionMaybe<HTMLFormMethod>;
     formnovalidate?: FunctionMaybe<boolean>;
@@ -726,7 +733,7 @@ export namespace JSX {
     name?: FunctionMaybe<string>;
     type?: FunctionMaybe<"submit" | "reset" | "button">;
     value?: FunctionMaybe<string>;
-    formAction?: FunctionMaybe<string>;
+    formAction?: FunctionMaybe<string | SerializableAttributeValue>;
     formEnctype?: FunctionMaybe<HTMLFormEncType>;
     formMethod?: FunctionMaybe<HTMLFormMethod>;
     formNoValidate?: FunctionMaybe<boolean>;
@@ -767,7 +774,7 @@ export namespace JSX {
   }
   interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
     "accept-charset"?: FunctionMaybe<string>;
-    action?: FunctionMaybe<string>;
+    action?: FunctionMaybe<string | SerializableAttributeValue>;
     autocomplete?: FunctionMaybe<string>;
     encoding?: FunctionMaybe<HTMLFormEncType>;
     enctype?: FunctionMaybe<HTMLFormEncType>;
@@ -819,7 +826,7 @@ export namespace JSX {
     crossorigin?: FunctionMaybe<HTMLCrossorigin>;
     disabled?: FunctionMaybe<boolean>;
     form?: FunctionMaybe<string>;
-    formaction?: FunctionMaybe<string>;
+    formaction?: FunctionMaybe<string | SerializableAttributeValue>;
     formenctype?: FunctionMaybe<HTMLFormEncType>;
     formmethod?: FunctionMaybe<HTMLFormMethod>;
     formnovalidate?: FunctionMaybe<boolean>;
@@ -843,7 +850,7 @@ export namespace JSX {
     value?: FunctionMaybe<string | string[] | number>;
     width?: FunctionMaybe<number | string>;
     crossOrigin?: FunctionMaybe<HTMLCrossorigin>;
-    formAction?: FunctionMaybe<string>;
+    formAction?: FunctionMaybe<string | SerializableAttributeValue>;
     formEnctype?: FunctionMaybe<HTMLFormEncType>;
     formMethod?: FunctionMaybe<HTMLFormMethod>;
     formNoValidate?: FunctionMaybe<boolean>;

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 {};