solid-js 1.3.5 → 1.3.6

package/dist/dev.cjs

@@ -267,6 +267,7 @@ function createResource(source, fetcher, options) {
       initP = null,
       id = null,
       loadedUnderTransition = false,
+      scheduled = false,
       dynamic = typeof source === "function";
   if (sharedConfig.context) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
@@ -321,6 +322,8 @@ function createResource(source, fetcher, options) {
     return v;
   }
   function load(refetching = true) {
+    if (refetching && scheduled) return;
+    scheduled = false;
     setError(err = undefined);
     const lookup = dynamic ? source() : source;
     loadedUnderTransition = Transition && Transition.running;
@@ -338,6 +341,8 @@ function createResource(source, fetcher, options) {
       return p;
     }
     pr = p;
+    scheduled = true;
+    queueMicrotask(() => scheduled = false);
     batch(() => {
       setLoading(true);
       trigger();

package/dist/dev.js

@@ -263,6 +263,7 @@ function createResource(source, fetcher, options) {
       initP = null,
       id = null,
       loadedUnderTransition = false,
+      scheduled = false,
       dynamic = typeof source === "function";
   if (sharedConfig.context) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
@@ -317,6 +318,8 @@ function createResource(source, fetcher, options) {
     return v;
   }
   function load(refetching = true) {
+    if (refetching && scheduled) return;
+    scheduled = false;
     setError(err = undefined);
     const lookup = dynamic ? source() : source;
     loadedUnderTransition = Transition && Transition.running;
@@ -334,6 +337,8 @@ function createResource(source, fetcher, options) {
       return p;
     }
     pr = p;
+    scheduled = true;
+    queueMicrotask(() => scheduled = false);
     batch(() => {
       setLoading(true);
       trigger();

package/dist/server.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const equalFn = (a, b) => a === b;
 const $PROXY = Symbol("solid-proxy");
-const $DEVCOMP = Symbol('solid-dev-component');
+const $DEVCOMP = Symbol("solid-dev-component");
 const DEV = {};
 const ERROR = Symbol("error");
 const UNOWNED = {
@@ -79,7 +79,7 @@ function createMemo(fn, value) {
 function createDeferred(source) {
   return source;
 }
-function createSelector(source, fn) {
+function createSelector(source, fn = equalFn) {
   return k => fn(k, source());
 }
 function batch(fn) {

package/dist/server.js

@@ -1,6 +1,6 @@
 const equalFn = (a, b) => a === b;
 const $PROXY = Symbol("solid-proxy");
-const $DEVCOMP = Symbol('solid-dev-component');
+const $DEVCOMP = Symbol("solid-dev-component");
 const DEV = {};
 const ERROR = Symbol("error");
 const UNOWNED = {
@@ -75,7 +75,7 @@ function createMemo(fn, value) {
 function createDeferred(source) {
   return source;
 }
-function createSelector(source, fn) {
+function createSelector(source, fn = equalFn) {
   return k => fn(k, source());
 }
 function batch(fn) {

package/dist/solid.cjs

@@ -264,6 +264,7 @@ function createResource(source, fetcher, options) {
       initP = null,
       id = null,
       loadedUnderTransition = false,
+      scheduled = false,
       dynamic = typeof source === "function";
   if (sharedConfig.context) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
@@ -318,6 +319,8 @@ function createResource(source, fetcher, options) {
     return v;
   }
   function load(refetching = true) {
+    if (refetching && scheduled) return;
+    scheduled = false;
     setError(err = undefined);
     const lookup = dynamic ? source() : source;
     loadedUnderTransition = Transition && Transition.running;
@@ -335,6 +338,8 @@ function createResource(source, fetcher, options) {
       return p;
     }
     pr = p;
+    scheduled = true;
+    queueMicrotask(() => scheduled = false);
     batch(() => {
       setLoading(true);
       trigger();

package/dist/solid.js

@@ -260,6 +260,7 @@ function createResource(source, fetcher, options) {
       initP = null,
       id = null,
       loadedUnderTransition = false,
+      scheduled = false,
       dynamic = typeof source === "function";
   if (sharedConfig.context) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
@@ -314,6 +315,8 @@ function createResource(source, fetcher, options) {
     return v;
   }
   function load(refetching = true) {
+    if (refetching && scheduled) return;
+    scheduled = false;
     setError(err = undefined);
     const lookup = dynamic ? source() : source;
     loadedUnderTransition = Transition && Transition.running;
@@ -331,6 +334,8 @@ function createResource(source, fetcher, options) {
       return p;
     }
     pr = p;
+    scheduled = true;
+    queueMicrotask(() => scheduled = false);
     batch(() => {
       setLoading(true);
       trigger();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",
@@ -144,5 +144,5 @@
     "compiler",
     "performance"
   ],
-  "gitHead": "cc19f07cfd675bd5579891dcae3145fa0d171c66"
+  "gitHead": "10183a0ee2de5c685e4d4558cbe1b78a6ca4c48e"
 }

package/types/jsx.d.ts

@@ -2085,6 +2085,8 @@ export namespace JSX {
   }
   interface DetailsHtmlAttributes<T> extends HTMLAttributes<T> {
     open?: boolean;
+    onToggle?: EventHandlerUnion<T, Event>;
+    ontoggle?: EventHandlerUnion<T, Event>;
   }
   interface DialogHtmlAttributes<T> extends HTMLAttributes<T> {
     open?: boolean;

package/types/server/reactive.d.ts

@@ -19,7 +19,7 @@ export declare function createEffect<T>(fn: (v?: T) => T, value?: T): void;
 export declare function createReaction(fn: () => void): (fn: () => void) => void;
 export declare function createMemo<T>(fn: (v?: T) => T, value?: T): () => T;
 export declare function createDeferred<T>(source: () => T): () => T;
-export declare function createSelector<T>(source: () => T, fn: (k: T, value: T) => boolean): (k: T) => boolean;
+export declare function createSelector<T>(source: () => T, fn?: (k: T, value: T) => boolean): (k: T) => boolean;
 export declare function batch<T>(fn: () => T): T;
 export declare const untrack: typeof batch;
 export declare function on<T, U>(deps: Array<() => T> | (() => T), fn: (value: Array<T> | T, prev?: Array<T> | T, prevResults?: U) => U, options?: {

package/web/dist/dev.cjs

@@ -197,6 +197,9 @@ function dynamicProperty(props, key) {
   });
   return props;
 }
+function innerHTML(parent, content) {
+  !solidJs.sharedConfig.context && (parent.innerHTML = content);
+}
 function insert(parent, accessor, marker, initial) {
   if (marker !== undefined && !initial) initial = [];
   if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker);
@@ -395,7 +398,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
         appendNodes(parent, array, marker);
       } else reconcileArrays(parent, current, array);
     } else {
-      current && cleanChildren(parent, current);
+      current && cleanChildren(parent);
       appendNodes(parent, array);
     }
     current = array;
@@ -622,6 +625,7 @@ exports.getNextElement = getNextElement;
 exports.getNextMarker = getNextMarker;
 exports.getNextMatch = getNextMatch;
 exports.hydrate = hydrate;
+exports.innerHTML = innerHTML;
 exports.insert = insert;
 exports.isServer = isServer;
 exports.memo = memo;

package/web/dist/dev.js

@@ -194,6 +194,9 @@ function dynamicProperty(props, key) {
   });
   return props;
 }
+function innerHTML(parent, content) {
+  !sharedConfig.context && (parent.innerHTML = content);
+}
 function insert(parent, accessor, marker, initial) {
   if (marker !== undefined && !initial) initial = [];
   if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker);
@@ -392,7 +395,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
         appendNodes(parent, array, marker);
       } else reconcileArrays(parent, current, array);
     } else {
-      current && cleanChildren(parent, current);
+      current && cleanChildren(parent);
       appendNodes(parent, array);
     }
     current = array;
@@ -546,4 +549,4 @@ function Dynamic(props) {
   });
 }
 
-export { Aliases, Assets, ChildProperties, DelegatedEvents, Dynamic, Assets as HydrationScript, NoHydration, Portal, PropAliases, Properties, SVGElements, SVGNamespace, addEventListener, assign, classList, clearDelegatedEvents, delegateEvents, dynamicProperty, escape, generateHydrationScript, getHydrationKey, getNextElement, getNextMarker, getNextMatch, hydrate, insert, isServer, memo, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, spread, ssr, ssrBoolean, ssrClassList, ssrHydrationKey, ssrSpread, ssrStyle, style, template };
+export { Aliases, Assets, ChildProperties, DelegatedEvents, Dynamic, Assets as HydrationScript, NoHydration, Portal, PropAliases, Properties, SVGElements, SVGNamespace, addEventListener, assign, classList, clearDelegatedEvents, delegateEvents, dynamicProperty, escape, generateHydrationScript, getHydrationKey, getNextElement, getNextMarker, getNextMatch, hydrate, innerHTML, insert, isServer, memo, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, spread, ssr, ssrBoolean, ssrClassList, ssrHydrationKey, ssrSpread, ssrStyle, style, template };

package/web/dist/server.cjs

@@ -323,7 +323,11 @@ function renderToStream(code, options = {}) {
   const checkEnd = () => {
     if (!registry.size && !completed) {
       writeTasks();
-      onCompleteAll && onCompleteAll(result);
+      onCompleteAll && onCompleteAll({
+        write(v) {
+          !completed && buffer.write(v);
+        }
+      });
       writable && writable.end();
       completed = true;
     }
@@ -396,7 +400,11 @@ function renderToStream(code, options = {}) {
     buffer.write(html);
     tasks.length = 0;
     scheduled = false;
-    onCompleteShell && onCompleteShell();
+    onCompleteShell && onCompleteShell({
+      write(v) {
+        !completed && buffer.write(v);
+      }
+    });
   });
   return {
     pipe(w) {
@@ -615,8 +623,11 @@ function serializeSet(registry, key, value) {
 }
 function pipeToNodeWritable(code, writable, options = {}) {
   if (options.onReady) {
-    options.onCompleteShell = () => {
+    options.onCompleteShell = ({
+      write
+    }) => {
       options.onReady({
+        write,
         startWriting() {
           stream.pipe(writable);
         }
@@ -628,8 +639,11 @@ function pipeToNodeWritable(code, writable, options = {}) {
 }
 function pipeToWritable(code, writable, options = {}) {
   if (options.onReady) {
-    options.onCompleteShell = () => {
+    options.onCompleteShell = ({
+      write
+    }) => {
       options.onReady({
+        write,
         startWriting() {
           stream.pipeTo(writable);
         }

package/web/dist/server.js

@@ -320,7 +320,11 @@ function renderToStream(code, options = {}) {
   const checkEnd = () => {
     if (!registry.size && !completed) {
       writeTasks();
-      onCompleteAll && onCompleteAll(result);
+      onCompleteAll && onCompleteAll({
+        write(v) {
+          !completed && buffer.write(v);
+        }
+      });
       writable && writable.end();
       completed = true;
     }
@@ -393,7 +397,11 @@ function renderToStream(code, options = {}) {
     buffer.write(html);
     tasks.length = 0;
     scheduled = false;
-    onCompleteShell && onCompleteShell();
+    onCompleteShell && onCompleteShell({
+      write(v) {
+        !completed && buffer.write(v);
+      }
+    });
   });
   return {
     pipe(w) {
@@ -612,8 +620,11 @@ function serializeSet(registry, key, value) {
 }
 function pipeToNodeWritable(code, writable, options = {}) {
   if (options.onReady) {
-    options.onCompleteShell = () => {
+    options.onCompleteShell = ({
+      write
+    }) => {
       options.onReady({
+        write,
         startWriting() {
           stream.pipe(writable);
         }
@@ -625,8 +636,11 @@ function pipeToNodeWritable(code, writable, options = {}) {
 }
 function pipeToWritable(code, writable, options = {}) {
   if (options.onReady) {
-    options.onCompleteShell = () => {
+    options.onCompleteShell = ({
+      write
+    }) => {
       options.onReady({
+        write,
         startWriting() {
           stream.pipeTo(writable);
         }

package/web/dist/web.cjs

@@ -196,6 +196,9 @@ function dynamicProperty(props, key) {
   });
   return props;
 }
+function innerHTML(parent, content) {
+  !solidJs.sharedConfig.context && (parent.innerHTML = content);
+}
 function insert(parent, accessor, marker, initial) {
   if (marker !== undefined && !initial) initial = [];
   if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker);
@@ -394,7 +397,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
         appendNodes(parent, array, marker);
       } else reconcileArrays(parent, current, array);
     } else {
-      current && cleanChildren(parent, current);
+      current && cleanChildren(parent);
       appendNodes(parent, array);
     }
     current = array;
@@ -618,6 +621,7 @@ exports.getNextElement = getNextElement;
 exports.getNextMarker = getNextMarker;
 exports.getNextMatch = getNextMatch;
 exports.hydrate = hydrate;
+exports.innerHTML = innerHTML;
 exports.insert = insert;
 exports.isServer = isServer;
 exports.memo = memo;

package/web/dist/web.js

@@ -193,6 +193,9 @@ function dynamicProperty(props, key) {
   });
   return props;
 }
+function innerHTML(parent, content) {
+  !sharedConfig.context && (parent.innerHTML = content);
+}
 function insert(parent, accessor, marker, initial) {
   if (marker !== undefined && !initial) initial = [];
   if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker);
@@ -391,7 +394,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
         appendNodes(parent, array, marker);
       } else reconcileArrays(parent, current, array);
     } else {
-      current && cleanChildren(parent, current);
+      current && cleanChildren(parent);
       appendNodes(parent, array);
     }
     current = array;
@@ -542,4 +545,4 @@ function Dynamic(props) {
   });
 }
 
-export { Aliases, Assets, ChildProperties, DelegatedEvents, Dynamic, Assets as HydrationScript, NoHydration, Portal, PropAliases, Properties, SVGElements, SVGNamespace, addEventListener, assign, classList, clearDelegatedEvents, delegateEvents, dynamicProperty, escape, generateHydrationScript, getHydrationKey, getNextElement, getNextMarker, getNextMatch, hydrate, insert, isServer, memo, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, spread, ssr, ssrBoolean, ssrClassList, ssrHydrationKey, ssrSpread, ssrStyle, style, template };
+export { Aliases, Assets, ChildProperties, DelegatedEvents, Dynamic, Assets as HydrationScript, NoHydration, Portal, PropAliases, Properties, SVGElements, SVGNamespace, addEventListener, assign, classList, clearDelegatedEvents, delegateEvents, dynamicProperty, escape, generateHydrationScript, getHydrationKey, getNextElement, getNextMarker, getNextMatch, hydrate, innerHTML, insert, isServer, memo, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, spread, ssr, ssrBoolean, ssrClassList, ssrHydrationKey, ssrSpread, ssrStyle, style, template };

package/web/types/client.d.ts

@@ -30,6 +30,7 @@ export function spread<T>(
 export function assign(node: Element, props: any, isSVG?: Boolean, skipChildren?: Boolean): void;
 export function setAttribute(node: Element, name: string, value: string): void;
 export function setAttributeNS(node: Element, namespace: string, name: string, value: string): void;
+export function innerHTML(node: Element, content: string): void;
 export function addEventListener(
   node: Element,
   name: string,