solid-js 1.7.6 → 1.7.8

package/store/package.json

@@ -13,51 +13,37 @@
   "exports": {
     ".": {
       "worker": {
-        "import": {
-          "types": "./types/index.d.ts",
-          "default": "./dist/server.js"
-        },
+        "types": "./types/index.d.ts",
+        "import": "./dist/server.js",
         "require": "./dist/server.cjs"
       },
       "browser": {
         "development": {
-          "import": {
-            "types": "./types/index.d.ts",
-            "default": "./dist/dev.js"
-          },
-          "require": "./dist/dev.cjs"
-        },
-        "import": {
           "types": "./types/index.d.ts",
-          "default": "./dist/store.js"
+          "import": "./dist/dev.js",
+          "require": "./dist/dev.cjs"
         },
+        "types": "./types/index.d.ts",
+        "import": "./dist/store.js",
         "require": "./dist/store.cjs"
       },
       "deno": {
-        "import": {
-          "types": "./types/index.d.ts",
-          "default": "./dist/server.js"
-        },
+        "types": "./types/index.d.ts",
+        "import": "./dist/server.js",
         "require": "./dist/server.cjs"
       },
       "node": {
-        "import": {
-          "types": "./types/index.d.ts",
-          "default": "./dist/server.js"
-        },
+        "types": "./types/index.d.ts",
+        "import": "./dist/server.js",
         "require": "./dist/server.cjs"
       },
       "development": {
-        "import": {
-          "types": "./types/index.d.ts",
-          "default": "./dist/dev.js"
-        },
-        "require": "./dist/dev.cjs"
-      },
-      "import": {
         "types": "./types/index.d.ts",
-        "default": "./dist/store.js"
+        "import": "./dist/dev.js",
+        "require": "./dist/dev.cjs"
       },
+      "types": "./types/index.d.ts",
+      "import": "./dist/store.js",
       "require": "./dist/store.cjs"
     }
   }

package/types/jsx.d.ts

@@ -266,7 +266,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>;
@@ -352,7 +353,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>;
@@ -839,7 +841,7 @@ export namespace JSX {
     name?: string;
   }
   interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
-    acceptcharset?: string;
+    "accept-charset"?: string;
     action?: string;
     autocomplete?: string;
     encoding?: HTMLFormEncType;
@@ -848,7 +850,6 @@ export namespace JSX {
     name?: string;
     novalidate?: boolean;
     target?: string;
-    acceptCharset?: string;
     noValidate?: boolean;
   }
   interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -989,9 +990,8 @@ export namespace JSX {
   interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
     charset?: string;
     content?: string;
-    httpequiv?: string;
+    "http-equiv"?: string;
     name?: string;
-    httpEquiv?: string;
   }
   interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
     form?: string;
@@ -1101,6 +1101,7 @@ export namespace JSX {
     cols?: number | string;
     dirname?: string;
     disabled?: boolean;
+    enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
     form?: string;
     maxlength?: number | string;
     minlength?: number | string;

package/types/reactive/signal.d.ts

@@ -366,7 +366,7 @@ export type EqualityCheckerFunction<T, U> = (a: U, b: T) => boolean;
  *
  * @description https://www.solidjs.com/docs/latest/api#createselector
  */
-export declare function createSelector<T, U>(source: Accessor<T>, fn?: EqualityCheckerFunction<T, U>, options?: BaseOptions): (key: U) => boolean;
+export declare function createSelector<T, U = T>(source: Accessor<T>, fn?: EqualityCheckerFunction<T, U>, options?: BaseOptions): (key: U) => boolean;
 /**
  * Holds changes inside the block before the reactive context is updated
  * @param fn wraps the reactive updates that should be batched

package/types/render/hydration.d.ts

@@ -1,3 +1,4 @@
+import { Computation } from "../reactive/signal";
 export type HydrationContext = {
     id: string;
     count: number;
@@ -11,6 +12,8 @@ type SharedConfig = {
     gather?: (key: string) => void;
     registry?: Map<string, Element>;
     done?: boolean;
+    count?: number;
+    effects?: Computation<any, any>[];
 };
 export declare const sharedConfig: SharedConfig;
 export declare function setHydrateContext(context?: HydrationContext): void;

package/types/server/reactive.d.ts

@@ -38,7 +38,7 @@ export declare function cleanNode(node: Owner): void;
 export declare function catchError<T>(fn: () => T, handler: (err: Error) => void): T | undefined;
 /**
  * @deprecated since version 1.7.0 and will be removed in next major - use catchError instead
-*/
+ */
 export declare function onError(fn: (err: Error) => void): void;
 export declare function getListener(): null;
 export interface Context<T> {

package/universal/package.json

@@ -8,16 +8,12 @@
   "exports": {
     ".": {
       "development": {
-        "import": {
-          "types": "./types/index.d.ts",
-          "default": "./dist/dev.js"
-        },
-        "require": "./dist/dev.cjs"
-      },
-      "import": {
         "types": "./types/index.d.ts",
-        "default": "./dist/universal.js"
+        "import": "./dist/dev.js",
+        "require": "./dist/dev.cjs"
       },
+      "types": "./types/index.d.ts",
+      "import": "./dist/universal.js",
       "require": "./dist/universal.cjs"
     }
   }

package/web/dist/dev.cjs

@@ -576,12 +576,12 @@ function Portal(props) {
   let hydrating = !!solidJs.sharedConfig.context;
   solidJs.createEffect(() => {
     if (hydrating) solidJs.getOwner().user = hydrating = false;
-    content || (content = solidJs.runWithOwner(owner, () => props.children));
+    content || (content = solidJs.runWithOwner(owner, () => solidJs.createMemo(() => props.children)));
     const el = mount();
     if (el instanceof HTMLHeadElement) {
       const [clean, setClean] = solidJs.createSignal(false);
       const cleanup = () => setClean(true);
-      solidJs.createRoot(dispose => insert(el, () => !clean() ? content : dispose(), null));
+      solidJs.createRoot(dispose => insert(el, () => !clean() ? content() : dispose(), null));
       solidJs.onCleanup(cleanup);
     } else {
       const container = createElement(props.isSVG ? "g" : "div", props.isSVG),

package/web/dist/dev.js

@@ -1,4 +1,4 @@
-import { createRoot, createRenderEffect, sharedConfig, untrack, enableHydration, getOwner, createEffect, runWithOwner, createSignal, onCleanup, splitProps, createMemo, $DEVCOMP } from 'solid-js';
+import { createRoot, createRenderEffect, sharedConfig, untrack, enableHydration, getOwner, createEffect, runWithOwner, createMemo, createSignal, onCleanup, splitProps, $DEVCOMP } from 'solid-js';
 export { ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, createComponent, createRenderEffect as effect, getOwner, createMemo as memo, mergeProps, untrack } from 'solid-js';
 
 const booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
@@ -575,12 +575,12 @@ function Portal(props) {
   let hydrating = !!sharedConfig.context;
   createEffect(() => {
     if (hydrating) getOwner().user = hydrating = false;
-    content || (content = runWithOwner(owner, () => props.children));
+    content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
     const el = mount();
     if (el instanceof HTMLHeadElement) {
       const [clean, setClean] = createSignal(false);
       const cleanup = () => setClean(true);
-      createRoot(dispose => insert(el, () => !clean() ? content : dispose(), null));
+      createRoot(dispose => insert(el, () => !clean() ? content() : dispose(), null));
       onCleanup(cleanup);
     } else {
       const container = createElement(props.isSVG ? "g" : "div", props.isSVG),

package/web/dist/server.cjs

@@ -124,10 +124,10 @@ function renderToStream(code, options = {}) {
     },
     replace(id, payloadFn) {
       if (firstFlushed) return;
-      const placeholder = `<!!$${id}>`;
+      const placeholder = `<!--!$${id}-->`;
       const first = html.indexOf(placeholder);
       if (first === -1) return;
-      const last = html.indexOf(`<!!$/${id}>`, first + placeholder.length);
+      const last = html.indexOf(`<!--!$/${id}-->`, first + placeholder.length);
       html = html.replace(html.slice(first, last + placeholder.length + 1), resolveSSRNode(payloadFn()));
     },
     writeResource(id, p, error, wait) {
@@ -197,7 +197,7 @@ function renderToStream(code, options = {}) {
         fn(tmp);
       }
       if (onCompleteAll) {
-        ogComplete = onCompleteAll;
+        let ogComplete = onCompleteAll;
         onCompleteAll = options => {
           ogComplete(options);
           complete();
@@ -462,7 +462,7 @@ function serializeSet(registry, key, value) {
 }
 function replacePlaceholder(html, key, value) {
   const marker = `<template id="pl-${key}">`;
-  const close = `<!pl-${key}>`;
+  const close = `<!--pl-${key}-->`;
   const first = html.indexOf(marker);
   if (first === -1) return html;
   const last = html.indexOf(close, first + marker.length);

package/web/dist/server.js

@@ -123,10 +123,10 @@ function renderToStream(code, options = {}) {
     },
     replace(id, payloadFn) {
       if (firstFlushed) return;
-      const placeholder = `<!!$${id}>`;
+      const placeholder = `<!--!$${id}-->`;
       const first = html.indexOf(placeholder);
       if (first === -1) return;
-      const last = html.indexOf(`<!!$/${id}>`, first + placeholder.length);
+      const last = html.indexOf(`<!--!$/${id}-->`, first + placeholder.length);
       html = html.replace(html.slice(first, last + placeholder.length + 1), resolveSSRNode(payloadFn()));
     },
     writeResource(id, p, error, wait) {
@@ -196,7 +196,7 @@ function renderToStream(code, options = {}) {
         fn(tmp);
       }
       if (onCompleteAll) {
-        ogComplete = onCompleteAll;
+        let ogComplete = onCompleteAll;
         onCompleteAll = options => {
           ogComplete(options);
           complete();
@@ -461,7 +461,7 @@ function serializeSet(registry, key, value) {
 }
 function replacePlaceholder(html, key, value) {
   const marker = `<template id="pl-${key}">`;
-  const close = `<!pl-${key}>`;
+  const close = `<!--pl-${key}-->`;
   const first = html.indexOf(marker);
   if (first === -1) return html;
   const last = html.indexOf(close, first + marker.length);

package/web/dist/web.cjs

@@ -576,12 +576,12 @@ function Portal(props) {
   let hydrating = !!solidJs.sharedConfig.context;
   solidJs.createEffect(() => {
     if (hydrating) solidJs.getOwner().user = hydrating = false;
-    content || (content = solidJs.runWithOwner(owner, () => props.children));
+    content || (content = solidJs.runWithOwner(owner, () => solidJs.createMemo(() => props.children)));
     const el = mount();
     if (el instanceof HTMLHeadElement) {
       const [clean, setClean] = solidJs.createSignal(false);
       const cleanup = () => setClean(true);
-      solidJs.createRoot(dispose => insert(el, () => !clean() ? content : dispose(), null));
+      solidJs.createRoot(dispose => insert(el, () => !clean() ? content() : dispose(), null));
       solidJs.onCleanup(cleanup);
     } else {
       const container = createElement(props.isSVG ? "g" : "div", props.isSVG),

package/web/dist/web.js

@@ -1,4 +1,4 @@
-import { createRoot, createRenderEffect, sharedConfig, untrack, enableHydration, getOwner, createEffect, runWithOwner, createSignal, onCleanup, splitProps, createMemo, $DEVCOMP } from 'solid-js';
+import { createRoot, createRenderEffect, sharedConfig, untrack, enableHydration, getOwner, createEffect, runWithOwner, createMemo, createSignal, onCleanup, splitProps, $DEVCOMP } from 'solid-js';
 export { ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, createComponent, createRenderEffect as effect, getOwner, createMemo as memo, mergeProps, untrack } from 'solid-js';
 
 const booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
@@ -575,12 +575,12 @@ function Portal(props) {
   let hydrating = !!sharedConfig.context;
   createEffect(() => {
     if (hydrating) getOwner().user = hydrating = false;
-    content || (content = runWithOwner(owner, () => props.children));
+    content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
     const el = mount();
     if (el instanceof HTMLHeadElement) {
       const [clean, setClean] = createSignal(false);
       const cleanup = () => setClean(true);
-      createRoot(dispose => insert(el, () => !clean() ? content : dispose(), null));
+      createRoot(dispose => insert(el, () => !clean() ? content() : dispose(), null));
       onCleanup(cleanup);
     } else {
       const container = createElement(props.isSVG ? "g" : "div", props.isSVG),

package/web/package.json

@@ -13,51 +13,37 @@
   "exports": {
     ".": {
       "worker": {
-        "import": {
-          "types": "./types/index.d.ts",
-          "default": "./dist/server.js"
-        },
+        "types": "./types/index.d.ts",
+        "import": "./dist/server.js",
         "require": "./dist/server.cjs"
       },
       "browser": {
         "development": {
-          "import": {
-            "types": "./types/index.d.ts",
-            "default": "./dist/dev.js"
-          },
-          "require": "./dist/dev.cjs"
-        },
-        "import": {
           "types": "./types/index.d.ts",
-          "default": "./dist/web.js"
+          "import": "./dist/dev.js",
+          "require": "./dist/dev.cjs"
         },
+        "types": "./types/index.d.ts",
+        "import": "./dist/web.js",
         "require": "./dist/web.cjs"
       },
       "deno": {
-        "import": {
-          "types": "./types/index.d.ts",
-          "default": "./dist/server.js"
-        },
+        "types": "./types/index.d.ts",
+        "import": "./dist/server.js",
         "require": "./dist/server.cjs"
       },
       "node": {
-        "import": {
-          "types": "./types/index.d.ts",
-          "default": "./dist/server.js"
-        },
+        "types": "./types/index.d.ts",
+        "import": "./dist/server.js",
         "require": "./dist/server.cjs"
       },
       "development": {
-        "import": {
-          "types": "./types/index.d.ts",
-          "default": "./dist/dev.js"
-        },
-        "require": "./dist/dev.cjs"
-      },
-      "import": {
         "types": "./types/index.d.ts",
-        "default": "./dist/web.js"
+        "import": "./dist/dev.js",
+        "require": "./dist/dev.cjs"
       },
+      "types": "./types/index.d.ts",
+      "import": "./dist/web.js",
       "require": "./dist/web.cjs"
     }
   }