solid-js 1.8.21 → 1.8.23

package/README.md

@@ -30,7 +30,7 @@ Solid is a declarative JavaScript library for creating user interfaces. Instead
 - A growing community and ecosystem with active core team support
 
 <details>
- 
+
 <summary>Quick Start</summary>
 
 You can get started with a simple app by running the following in your terminal:
@@ -81,7 +81,7 @@ For TypeScript to work, remember to set your `.tsconfig` to handle Solid's JSX:
 
 ### Performant
 
-Meticulously engineered for performance and with half a decade of research behind it, Solid's performance is almost indistinguishable from optimized vanilla JavaScript (See Solid on the [JS Framework Benchmark](https://rawgit.com/krausest/js-framework-benchmark/master/webdriver-ts-results/table.html)). Solid is [small](https://bundlephobia.com/package/solid-js@1.3.15) and completely tree-shakable, and [fast](https://levelup.gitconnected.com/how-we-wrote-the-fastest-javascript-ui-framework-again-db097ddd99b6) when rendering on the server, too. Whether you're writing a fully client-rendered SPA or a server-rendered app, your users see it faster than ever. ([Read more about Solid's performance](https://dev.to/ryansolid/thinking-granular-how-is-solidjs-so-performant-4g37) from the library's creator.)
+Meticulously engineered for performance and with half a decade of research behind it, Solid's performance is almost indistinguishable from optimized vanilla JavaScript (See Solid on the [JS Framework Benchmark](https://krausest.github.io/js-framework-benchmark/current.html)). Solid is [small](https://bundlephobia.com/package/solid-js@1.3.15) and completely tree-shakable, and [fast](https://levelup.gitconnected.com/how-we-wrote-the-fastest-javascript-ui-framework-again-db097ddd99b6) when rendering on the server, too. Whether you're writing a fully client-rendered SPA or a server-rendered app, your users see it faster than ever. ([Read more about Solid's performance](https://dev.to/ryansolid/thinking-granular-how-is-solidjs-so-performant-4g37) from the library's creator.)
 
 ### Powerful
 
@@ -93,7 +93,7 @@ Do more with less: use simple, composable primitives without hidden rules and go
 
 ### Productive
 
-Solid is built on established tools like JSX and TypeScript and integrates with the Vite ecosystem. Solid's bare-metal, minimal abstractions give you direct access to the DOM, making it easy to use your favorite native JavaScript libraries like D3. And the Solid ecosystem is growing fast, with [custom primitives](https://github.com/solidjs-community/solid-primitives), [component libraries](https://hope-ui.com/), and build-time utilities that let you [write Solid code in new ways](https://github.com/LXSMNSYC/solid-labels).
+Solid is built on established tools like JSX and TypeScript and integrates with the Vite ecosystem. Solid's bare-metal, minimal abstractions give you direct access to the DOM, making it easy to use your favorite native JavaScript libraries like D3. And the Solid ecosystem is growing fast, with [custom primitives](https://github.com/solidjs-community/solid-primitives), [component libraries](https://github.com/hope-ui/hope-ui), and build-time utilities that let you [write Solid code in new ways](https://github.com/LXSMNSYC/solid-labels).
 
 <details>
 <summary>Show Me!</summary>

package/dist/dev.cjs

@@ -119,6 +119,7 @@ function workLoop(hasTimeRemaining, initialTime) {
 const sharedConfig = {
   context: undefined,
   registry: undefined,
+  effects: undefined,
   done: false,
   getContextId() {
     return getContextId(this.context.count);
@@ -145,6 +146,7 @@ function nextHydrateContext() {
 
 const equalFn = (a, b) => a === b;
 const $PROXY = Symbol("solid-proxy");
+const SUPPORTS_PROXY = typeof Proxy === "function";
 const $TRACK = Symbol("solid-track");
 const $DEVCOMP = Symbol("solid-dev-component");
 const signalOptions = {
@@ -912,13 +914,14 @@ function runUserEffects(queue) {
       sharedConfig.effects || (sharedConfig.effects = []);
       sharedConfig.effects.push(...queue.slice(0, userLength));
       return;
-    } else if (sharedConfig.effects) {
-      queue = [...sharedConfig.effects, ...queue];
-      userLength += sharedConfig.effects.length;
-      delete sharedConfig.effects;
     }
     setHydrateContext();
   }
+  if (sharedConfig.effects && (sharedConfig.done || !sharedConfig.count)) {
+    queue = [...sharedConfig.effects, ...queue];
+    userLength += sharedConfig.effects.length;
+    delete sharedConfig.effects;
+  }
   for (i = 0; i < userLength; i++) runTop(queue[i]);
 }
 function lookUpstream(node, ignore) {
@@ -963,11 +966,11 @@ function cleanNode(node) {
       }
     }
   }
+  if (node.tOwned) {
+    for (i = node.tOwned.length - 1; i >= 0; i--) cleanNode(node.tOwned[i]);
+    delete node.tOwned;
+  }
   if (Transition && Transition.running && node.pure) {
-    if (node.tOwned) {
-      for (i = node.tOwned.length - 1; i >= 0; i--) cleanNode(node.tOwned[i]);
-      delete node.tOwned;
-    }
     reset(node, true);
   } else if (node.owned) {
     for (i = node.owned.length - 1; i >= 0; i--) cleanNode(node.owned[i]);
@@ -1334,7 +1337,7 @@ function mergeProps(...sources) {
     proxy = proxy || !!s && $PROXY in s;
     sources[i] = typeof s === "function" ? (proxy = true, createMemo(s)) : s;
   }
-  if (proxy) {
+  if (SUPPORTS_PROXY && proxy) {
     return new Proxy({
       get(property) {
         for (let i = sources.length - 1; i >= 0; i--) {
@@ -1389,7 +1392,7 @@ function mergeProps(...sources) {
   return target;
 }
 function splitProps(props, ...keys) {
-  if ($PROXY in props) {
+  if (SUPPORTS_PROXY && $PROXY in props) {
     const blocked = new Set(keys.length > 1 ? keys.flat() : keys[0]);
     const res = keys.map(k => {
       return new Proxy({

package/dist/dev.js

@@ -119,6 +119,7 @@ function workLoop(hasTimeRemaining, initialTime) {
 const sharedConfig = {
   context: undefined,
   registry: undefined,
+  effects: undefined,
   done: false,
   getContextId() {
     return getContextId(this.context.count);
@@ -145,6 +146,7 @@ function nextHydrateContext() {
 
 const equalFn = (a, b) => a === b;
 const $PROXY = Symbol("solid-proxy");
+const SUPPORTS_PROXY = typeof Proxy === "function";
 const $TRACK = Symbol("solid-track");
 const $DEVCOMP = Symbol("solid-dev-component");
 const signalOptions = {
@@ -998,13 +1000,14 @@ function runUserEffects(queue) {
       sharedConfig.effects || (sharedConfig.effects = []);
       sharedConfig.effects.push(...queue.slice(0, userLength));
       return;
-    } else if (sharedConfig.effects) {
-      queue = [...sharedConfig.effects, ...queue];
-      userLength += sharedConfig.effects.length;
-      delete sharedConfig.effects;
     }
     setHydrateContext();
   }
+  if (sharedConfig.effects && (sharedConfig.done || !sharedConfig.count)) {
+    queue = [...sharedConfig.effects, ...queue];
+    userLength += sharedConfig.effects.length;
+    delete sharedConfig.effects;
+  }
   for (i = 0; i < userLength; i++) runTop(queue[i]);
 }
 function lookUpstream(node, ignore) {
@@ -1053,11 +1056,11 @@ function cleanNode(node) {
       }
     }
   }
+  if (node.tOwned) {
+    for (i = node.tOwned.length - 1; i >= 0; i--) cleanNode(node.tOwned[i]);
+    delete node.tOwned;
+  }
   if (Transition && Transition.running && node.pure) {
-    if (node.tOwned) {
-      for (i = node.tOwned.length - 1; i >= 0; i--) cleanNode(node.tOwned[i]);
-      delete node.tOwned;
-    }
     reset(node, true);
   } else if (node.owned) {
     for (i = node.owned.length - 1; i >= 0; i--) cleanNode(node.owned[i]);
@@ -1442,7 +1445,7 @@ function mergeProps(...sources) {
     proxy = proxy || (!!s && $PROXY in s);
     sources[i] = typeof s === "function" ? ((proxy = true), createMemo(s)) : s;
   }
-  if (proxy) {
+  if (SUPPORTS_PROXY && proxy) {
     return new Proxy(
       {
         get(property) {
@@ -1507,7 +1510,7 @@ function mergeProps(...sources) {
   return target;
 }
 function splitProps(props, ...keys) {
-  if ($PROXY in props) {
+  if (SUPPORTS_PROXY && $PROXY in props) {
     const blocked = new Set(keys.length > 1 ? keys.flat() : keys[0]);
     const res = keys.map(k => {
       return new Proxy(

package/dist/server.cjs

@@ -579,7 +579,7 @@ function lazy(fn) {
   };
   const contexts = new Set();
   const wrap = props => {
-    const id = sharedConfig.context.id.slice(0, -1);
+    const id = sharedConfig.context.id;
     let ref = sharedConfig.context.lazy[id];
     if (ref) p = ref;else load(id);
     if (p.resolved) return p.resolved(props);

package/dist/server.js

@@ -607,7 +607,7 @@ function lazy(fn) {
   };
   const contexts = new Set();
   const wrap = props => {
-    const id = sharedConfig.context.id.slice(0, -1);
+    const id = sharedConfig.context.id;
     let ref = sharedConfig.context.lazy[id];
     if (ref) p = ref;
     else load(id);

package/dist/solid.cjs

@@ -119,6 +119,7 @@ function workLoop(hasTimeRemaining, initialTime) {
 const sharedConfig = {
   context: undefined,
   registry: undefined,
+  effects: undefined,
   done: false,
   getContextId() {
     return getContextId(this.context.count);
@@ -145,6 +146,7 @@ function nextHydrateContext() {
 
 const equalFn = (a, b) => a === b;
 const $PROXY = Symbol("solid-proxy");
+const SUPPORTS_PROXY = typeof Proxy === "function";
 const $TRACK = Symbol("solid-track");
 const $DEVCOMP = Symbol("solid-dev-component");
 const signalOptions = {
@@ -870,13 +872,14 @@ function runUserEffects(queue) {
       sharedConfig.effects || (sharedConfig.effects = []);
       sharedConfig.effects.push(...queue.slice(0, userLength));
       return;
-    } else if (sharedConfig.effects) {
-      queue = [...sharedConfig.effects, ...queue];
-      userLength += sharedConfig.effects.length;
-      delete sharedConfig.effects;
     }
     setHydrateContext();
   }
+  if (sharedConfig.effects && (sharedConfig.done || !sharedConfig.count)) {
+    queue = [...sharedConfig.effects, ...queue];
+    userLength += sharedConfig.effects.length;
+    delete sharedConfig.effects;
+  }
   for (i = 0; i < userLength; i++) runTop(queue[i]);
 }
 function lookUpstream(node, ignore) {
@@ -921,11 +924,11 @@ function cleanNode(node) {
       }
     }
   }
+  if (node.tOwned) {
+    for (i = node.tOwned.length - 1; i >= 0; i--) cleanNode(node.tOwned[i]);
+    delete node.tOwned;
+  }
   if (Transition && Transition.running && node.pure) {
-    if (node.tOwned) {
-      for (i = node.tOwned.length - 1; i >= 0; i--) cleanNode(node.tOwned[i]);
-      delete node.tOwned;
-    }
     reset(node, true);
   } else if (node.owned) {
     for (i = node.owned.length - 1; i >= 0; i--) cleanNode(node.owned[i]);
@@ -1287,7 +1290,7 @@ function mergeProps(...sources) {
     proxy = proxy || !!s && $PROXY in s;
     sources[i] = typeof s === "function" ? (proxy = true, createMemo(s)) : s;
   }
-  if (proxy) {
+  if (SUPPORTS_PROXY && proxy) {
     return new Proxy({
       get(property) {
         for (let i = sources.length - 1; i >= 0; i--) {
@@ -1342,7 +1345,7 @@ function mergeProps(...sources) {
   return target;
 }
 function splitProps(props, ...keys) {
-  if ($PROXY in props) {
+  if (SUPPORTS_PROXY && $PROXY in props) {
     const blocked = new Set(keys.length > 1 ? keys.flat() : keys[0]);
     const res = keys.map(k => {
       return new Proxy({

package/dist/solid.js

@@ -119,6 +119,7 @@ function workLoop(hasTimeRemaining, initialTime) {
 const sharedConfig = {
   context: undefined,
   registry: undefined,
+  effects: undefined,
   done: false,
   getContextId() {
     return getContextId(this.context.count);
@@ -145,6 +146,7 @@ function nextHydrateContext() {
 
 const equalFn = (a, b) => a === b;
 const $PROXY = Symbol("solid-proxy");
+const SUPPORTS_PROXY = typeof Proxy === "function";
 const $TRACK = Symbol("solid-track");
 const $DEVCOMP = Symbol("solid-dev-component");
 const signalOptions = {
@@ -941,13 +943,14 @@ function runUserEffects(queue) {
       sharedConfig.effects || (sharedConfig.effects = []);
       sharedConfig.effects.push(...queue.slice(0, userLength));
       return;
-    } else if (sharedConfig.effects) {
-      queue = [...sharedConfig.effects, ...queue];
-      userLength += sharedConfig.effects.length;
-      delete sharedConfig.effects;
     }
     setHydrateContext();
   }
+  if (sharedConfig.effects && (sharedConfig.done || !sharedConfig.count)) {
+    queue = [...sharedConfig.effects, ...queue];
+    userLength += sharedConfig.effects.length;
+    delete sharedConfig.effects;
+  }
   for (i = 0; i < userLength; i++) runTop(queue[i]);
 }
 function lookUpstream(node, ignore) {
@@ -996,11 +999,11 @@ function cleanNode(node) {
       }
     }
   }
+  if (node.tOwned) {
+    for (i = node.tOwned.length - 1; i >= 0; i--) cleanNode(node.tOwned[i]);
+    delete node.tOwned;
+  }
   if (Transition && Transition.running && node.pure) {
-    if (node.tOwned) {
-      for (i = node.tOwned.length - 1; i >= 0; i--) cleanNode(node.tOwned[i]);
-      delete node.tOwned;
-    }
     reset(node, true);
   } else if (node.owned) {
     for (i = node.owned.length - 1; i >= 0; i--) cleanNode(node.owned[i]);
@@ -1378,7 +1381,7 @@ function mergeProps(...sources) {
     proxy = proxy || (!!s && $PROXY in s);
     sources[i] = typeof s === "function" ? ((proxy = true), createMemo(s)) : s;
   }
-  if (proxy) {
+  if (SUPPORTS_PROXY && proxy) {
     return new Proxy(
       {
         get(property) {
@@ -1443,7 +1446,7 @@ function mergeProps(...sources) {
   return target;
 }
 function splitProps(props, ...keys) {
-  if ($PROXY in props) {
+  if (SUPPORTS_PROXY && $PROXY in props) {
     const blocked = new Set(keys.length > 1 ? keys.flat() : keys[0]);
     const res = keys.map(k => {
       return new Proxy(

package/h/dist/h.cjs

@@ -23,7 +23,7 @@ function createHyperScript(r) {
       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) {
+      } else if ("number" === type || "boolean" === type || "bigint" === type || "symbol" === 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]);

package/h/dist/h.js

@@ -33,6 +33,8 @@ function createHyperScript(r) {
       } else if (
         "number" === type ||
         "boolean" === type ||
+        "bigint" === type ||
+        "symbol" === type ||
         l instanceof Date ||
         l instanceof RegExp
       ) {

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

@@ -1017,6 +1017,8 @@ export namespace JSX {
     src?: FunctionMaybe<string>;
     srcset?: FunctionMaybe<string>;
     type?: FunctionMaybe<string>;
+    width?: FunctionMaybe<number | string>;
+    height?: FunctionMaybe<number | string>;
   }
   interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
     media?: FunctionMaybe<string>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.8.21",
+  "version": "1.8.23",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",

package/store/dist/dev.cjs

@@ -282,7 +282,7 @@ function wrap(value) {
     const keys = Object.keys(value),
       desc = Object.getOwnPropertyDescriptors(value);
     const proto = Object.getPrototypeOf(value);
-    const isClass = value !== null && typeof value === "object" && !Array.isArray(value) && proto !== Object.prototype;
+    const isClass = proto !== null && value !== null && typeof value === "object" && !Array.isArray(value) && proto !== Object.prototype;
     if (isClass) {
       const descriptors = Object.getOwnPropertyDescriptors(proto);
       keys.push(...Object.keys(descriptors));

package/store/dist/dev.js

@@ -324,6 +324,7 @@ function wrap(value) {
       desc = Object.getOwnPropertyDescriptors(value);
     const proto = Object.getPrototypeOf(value);
     const isClass =
+      proto !== null &&
       value !== null &&
       typeof value === "object" &&
       !Array.isArray(value) &&

package/store/dist/store.cjs

@@ -271,7 +271,7 @@ function wrap(value) {
     const keys = Object.keys(value),
       desc = Object.getOwnPropertyDescriptors(value);
     const proto = Object.getPrototypeOf(value);
-    const isClass = value !== null && typeof value === "object" && !Array.isArray(value) && proto !== Object.prototype;
+    const isClass = proto !== null && value !== null && typeof value === "object" && !Array.isArray(value) && proto !== Object.prototype;
     if (isClass) {
       const descriptors = Object.getOwnPropertyDescriptors(proto);
       keys.push(...Object.keys(descriptors));

package/store/dist/store.js

@@ -310,6 +310,7 @@ function wrap(value) {
       desc = Object.getOwnPropertyDescriptors(value);
     const proto = Object.getPrototypeOf(value);
     const isClass =
+      proto !== null &&
       value !== null &&
       typeof value === "object" &&
       !Array.isArray(value) &&

package/types/jsx.d.ts

@@ -270,23 +270,16 @@ export namespace JSX {
     onPointerOut?: EventHandlerUnion<T, PointerEvent> | undefined;
     onPointerOver?: EventHandlerUnion<T, PointerEvent> | undefined;
     onPointerUp?: EventHandlerUnion<T, PointerEvent> | undefined;
-    onProgress?: EventHandlerUnion<T, Event> | undefined;
+    onProgress?: EventHandlerUnion<T, ProgressEvent> | undefined;
     onRateChange?: EventHandlerUnion<T, Event> | undefined;
     onReset?: EventHandlerUnion<T, Event> | undefined;
     onScroll?: EventHandlerUnion<T, Event> | undefined;
     onScrollEnd?: EventHandlerUnion<T, Event> | undefined;
     onSeeked?: EventHandlerUnion<T, Event> | undefined;
     onSeeking?: EventHandlerUnion<T, Event> | undefined;
-    onSelect?: EventHandlerUnion<T, UIEvent> | undefined;
+    onSelect?: EventHandlerUnion<T, Event> | undefined;
     onStalled?: EventHandlerUnion<T, Event> | undefined;
-    onSubmit?:
-      | EventHandlerUnion<
-          T,
-          Event & {
-            submitter: HTMLElement;
-          }
-        >
-      | undefined;
+    onSubmit?: EventHandlerUnion<T, SubmitEvent> | undefined;
     onSuspend?: EventHandlerUnion<T, Event> | undefined;
     onTimeUpdate?: EventHandlerUnion<T, Event> | undefined;
     onToggle?: EventHandlerUnion<T, ToggleEvent> | undefined;
@@ -361,21 +354,16 @@ export namespace JSX {
     onpointerout?: EventHandlerUnion<T, PointerEvent> | undefined;
     onpointerover?: EventHandlerUnion<T, PointerEvent> | undefined;
     onpointerup?: EventHandlerUnion<T, PointerEvent> | undefined;
-    onprogress?: EventHandlerUnion<T, Event> | undefined;
+    onprogress?: EventHandlerUnion<T, ProgressEvent> | undefined;
     onratechange?: EventHandlerUnion<T, Event> | undefined;
     onreset?: EventHandlerUnion<T, Event> | undefined;
     onscroll?: EventHandlerUnion<T, Event> | undefined;
     onscrollend?: EventHandlerUnion<T, Event> | undefined;
     onseeked?: EventHandlerUnion<T, Event> | undefined;
     onseeking?: EventHandlerUnion<T, Event> | undefined;
-    onselect?: EventHandlerUnion<T, UIEvent> | undefined;
+    onselect?: EventHandlerUnion<T, Event> | undefined;
     onstalled?: EventHandlerUnion<T, Event> | undefined;
-    onsubmit?: EventHandlerUnion<
-      T,
-      Event & {
-        submitter: HTMLElement;
-      }
-    >;
+    onsubmit?: EventHandlerUnion<T, SubmitEvent> | undefined;
     onsuspend?: EventHandlerUnion<T, Event> | undefined;
     ontimeupdate?: EventHandlerUnion<T, Event> | undefined;
     ontoggle?: EventHandlerUnion<T, ToggleEvent> | undefined;
@@ -612,7 +600,8 @@ export namespace JSX {
       | "removals text"
       | "text"
       | "text additions"
-      | "text removals";
+      | "text removals"
+      | undefined;
     /** Indicates that user input is required on the element before a form may be submitted. */
     "aria-required"?: boolean | "false" | "true" | undefined;
     /** Defines a human-readable, author-localized description for the role of an element. */
@@ -725,7 +714,8 @@ export namespace JSX {
       | "tooltip"
       | "tree"
       | "treegrid"
-      | "treeitem";
+      | "treeitem"
+      | undefined;
   }
 
   // TODO: Should we allow this?
@@ -1135,6 +1125,8 @@ export namespace JSX {
     src?: string | undefined;
     srcset?: string | undefined;
     type?: string | undefined;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
   }
   interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
     media?: string | undefined;
@@ -1322,7 +1314,8 @@ export namespace JSX {
       | "alphabetic"
       | "hanging"
       | "mathematical"
-      | "inherit";
+      | "inherit"
+      | undefined;
     "baseline-shift"?: number | string | undefined;
     clip?: string | undefined;
     "clip-path"?: string | undefined;
@@ -1345,7 +1338,8 @@ export namespace JSX {
       | "mathematical"
       | "hanging"
       | "text-top"
-      | "inherit";
+      | "inherit"
+      | undefined;
     "enable-background"?: string | undefined;
     fill?: string | undefined;
     "fill-opacity"?: number | string | "inherit" | undefined;
@@ -1385,7 +1379,8 @@ export namespace JSX {
       | "stroke"
       | "all"
       | "none"
-      | "inherit";
+      | "inherit"
+      | undefined;
     "shape-rendering"?:
       | "auto"
       | "optimizeSpeed"
@@ -1417,7 +1412,8 @@ export namespace JSX {
       | "optimizeSpeed"
       | "optimizeLegibility"
       | "geometricPrecision"
-      | "inherit";
+      | "inherit"
+      | undefined;
     "unicode-bidi"?: string | undefined;
     visibility?: "visible" | "hidden" | "collapse" | "inherit" | undefined;
     "word-spacing"?: number | string | undefined;
@@ -2113,7 +2109,7 @@ export namespace JSX {
     main: HTMLAttributes<HTMLElement>;
     map: MapHTMLAttributes<HTMLMapElement>;
     mark: HTMLAttributes<HTMLElement>;
-    menu: MenuHTMLAttributes<HTMLElement>;
+    menu: MenuHTMLAttributes<HTMLMenuElement>;
     meta: MetaHTMLAttributes<HTMLMetaElement>;
     meter: MeterHTMLAttributes<HTMLElement>;
     nav: HTMLAttributes<HTMLElement>;

package/types/reactive/signal.d.ts

@@ -26,6 +26,7 @@ import type { JSX } from "../jsx.js";
 import type { FlowComponent } from "../render/index.js";
 export declare const equalFn: <T>(a: T, b: T) => boolean;
 export declare const $PROXY: unique symbol;
+export declare const SUPPORTS_PROXY: boolean;
 export declare const $TRACK: unique symbol;
 export declare const $DEVCOMP: unique symbol;
 export declare var Owner: Owner | null;
@@ -494,7 +495,7 @@ export interface OnOptions {
  * });
  * ```
  *
- * @description https://docs.solidjs.com/reference/jsx-attributes/on_
+ * @description https://docs.solidjs.com/reference/reactive-utilities/on
  */
 export declare function on<S, Next extends Prev, Prev = Next>(
   deps: AccessorArray<S> | Accessor<S>,
@@ -557,6 +558,7 @@ export type Transition = [Accessor<boolean>, (fn: () => void) => Promise<void>];
  *   () => boolean,
  *   (fn: () => void, cb?: () => void) => void
  * ];
+ * ```
  * @returns a tuple; first value is an accessor if the transition is pending and a callback to start the transition
  *
  * @description https://docs.solidjs.com/reference/reactive-utilities/use-transition

package/web/dist/dev.cjs

@@ -322,6 +322,7 @@ function runHydrationEvents() {
         completed,
         events
       } = solidJs.sharedConfig;
+      if (!events) return;
       events.queued = false;
       while (events.length) {
         const [el, e] = events[0];

package/web/dist/dev.js

@@ -780,6 +780,7 @@ function runHydrationEvents() {
   if (sharedConfig.events && !sharedConfig.events.queued) {
     queueMicrotask(() => {
       const { completed, events } = sharedConfig;
+      if (!events) return;
       events.queued = false;
       while (events.length) {
         const [el, e] = events[0];

package/web/dist/server.cjs

@@ -50,7 +50,7 @@ function renderToString(code, options = {}) {
       if (!scripts) {
         scripts = getLocalHeaderScript(renderId);
       }
-      scripts += script;
+      scripts += script + ";";
     },
     onError: options.onError
   });

package/web/dist/server.js

@@ -104,7 +104,7 @@ function renderToString(code, options = {}) {
       if (!scripts) {
         scripts = getLocalHeaderScript(renderId);
       }
-      scripts += script;
+      scripts += script + ";";
     },
     onError: options.onError
   });

package/web/dist/web.cjs

@@ -317,6 +317,7 @@ function runHydrationEvents() {
         completed,
         events
       } = solidJs.sharedConfig;
+      if (!events) return;
       events.queued = false;
       while (events.length) {
         const [el, e] = events[0];

package/web/dist/web.js

@@ -768,6 +768,7 @@ function runHydrationEvents() {
   if (sharedConfig.events && !sharedConfig.events.queued) {
     queueMicrotask(() => {
       const { completed, events } = sharedConfig;
+      if (!events) return;
       events.queued = false;
       while (events.length) {
         const [el, e] = events[0];