solid-js - npm Package Compare versions

Comparing version 2.0.0-rc.1 to 2.0.0-rc.2

dist/dev.cjs

@@ -37,2 +37,5 @@ 'use strict';
 function devComponent(Comp, props) {
+  if (typeof Comp !== "function") {
+    throw new Error(`createComponent: expected a component function but got ${Comp === null ? "null" : typeof Comp}. A JSX tag resolved to a non-function value — check the import: a missing or misnamed export resolves to undefined.`);
+  }
   return signals.createRoot(() => {
@@ -442,2 +445,46 @@ const owner = signals.getOwner();
   const src = marker.$tr;
+  if (src != null && src.__SEROVAL_STREAM__ === true) {
+    const queue = [];
+    let failed;
+    let cursor = 0;
+    let first = true;
+    return signals.createRoot(() => {
+      const [version, setVersion] = signals.createSignal(0);
+      let live = false;
+      const bump = () => live && setVersion(n => n + 1);
+      src.on({
+        next(value) {
+          queue.push(value);
+          bump();
+        },
+        return() {},
+        throw(error) {
+          failed = {
+            error
+          };
+          bump();
+        }
+      });
+      live = true;
+      return createProjection(draft => {
+        version();
+        while (cursor < queue.length) {
+          const value = queue[cursor++];
+          if (first) {
+            first = false;
+            if (Array.isArray(value)) {
+              for (let i = 0; i < value.length; i++) draft[i] = value[i];
+              draft.length = value.length;
+            } else {
+              Object.assign(draft, value);
+            }
+          } else {
+            applyPatches(draft, value);
+          }
+        }
+        if (failed) throw failed.error;
+        if (first) throw new signals.NotReadyError(signals.getOwner());
+      }, marker.$ta ? [] : {});
+    });
+  }
   return signals.createRoot(() => createProjection(draft => ({
@@ -808,2 +855,8 @@ [Symbol.asyncIterator]() {
 }
+function fragmentSuperseded(id) {
+  const hy = globalThis._$HY;
+  if (hy && hy.v && hy.v[id]) return false;
+  if (document.getElementById(id)) return false;
+  return !!document.getElementById("pl-" + id);
+}
 function anyFragmentPending() {
@@ -969,3 +1022,3 @@ const hy = globalThis._$HY;
       replayHeldFragment(id);
-      if (fr && typeof fr === "object" && fr.s === 1 && !assetPromise) {
+      if (fr && typeof fr === "object" && fr.s === 1 && !assetPromise && !fragmentSuperseded(id)) {
         sharedConfig.gather?.(id);
@@ -976,2 +1029,10 @@ return signals.createLoadingBoundary(fn, fallback, options);
       const [, resume] = initBoundaryResume(o, id);
+      if (fr && typeof fr === "object" && fr.s === 1 && fragmentSuperseded(id)) {
+        const resumeFresh = () => resume(false);
+        if (assetPromise) assetPromise.then(() => queueMicrotask(resumeFresh), err => {
+          reportAssetFailure(err);
+          queueMicrotask(resumeFresh);
+        });else queueMicrotask(resumeFresh);
+        return fallback();
+      }
       if (fr && typeof fr === "object" && (fr.s === 1 || fr.s === 2)) {
@@ -978,0 +1039,0 @@ if (fr.s === 2) {

dist/dev.js

@@ -1,2 +0,2 @@
-import { getContext, createMemo as createMemo$1, flatten, createRoot, setContext, getOwner, untrack, createOwner, runWithOwner, createEffect as createEffect$1, createErrorBoundary as createErrorBoundary$1, createLoadingBoundary as createLoadingBoundary$1, createOptimistic as createOptimistic$1, createOptimisticStore as createOptimisticStore$1, createProjection as createProjection$1, createRenderEffect as createRenderEffect$1, createRevealOrder as createRevealOrder$1, createSignal as createSignal$1, createStore as createStore$1, setSnapshotCapture, releaseSnapshotScope, peekNextChildId, getNextChildId, clearSnapshots, flush, markSnapshotScope, onCleanup, isDisposed, mapArray, repeat, DEV as DEV$1 } from '@solidjs/signals';
+import { getContext, createMemo as createMemo$1, flatten, createRoot, setContext, getOwner, untrack, createOwner, runWithOwner, createEffect as createEffect$1, createErrorBoundary as createErrorBoundary$1, createLoadingBoundary as createLoadingBoundary$1, createOptimistic as createOptimistic$1, createOptimisticStore as createOptimisticStore$1, createProjection as createProjection$1, createRenderEffect as createRenderEffect$1, createRevealOrder as createRevealOrder$1, createSignal as createSignal$1, createStore as createStore$1, setSnapshotCapture, releaseSnapshotScope, NotReadyError, peekNextChildId, getNextChildId, clearSnapshots, flush, markSnapshotScope, onCleanup, isDisposed, mapArray, repeat, DEV as DEV$1 } from '@solidjs/signals';
 export { $PROXY, $REFRESH, $TRACK, NotReadyError, action, affects, createOwner, createReaction, createRoot, createTrackedEffect, deep, enableExternalSource, enforceLoadingBoundary, flatten, flush, getNextChildId, getObserver, getOwner, isDisposed, isEqual, isPending, isWrappable, latest, mapArray, merge, omit, onCleanup, onSettled, reconcile, refresh, repeat, resolve, runWithOwner, snapshot, storePath, untrack } from '@solidjs/signals';
@@ -36,2 +36,5 @@
 function devComponent(Comp, props) {
+  if (typeof Comp !== "function") {
+    throw new Error(`createComponent: expected a component function but got ${Comp === null ? "null" : typeof Comp}. A JSX tag resolved to a non-function value — check the import: a missing or misnamed export resolves to undefined.`);
+  }
   return createRoot(() => {
@@ -441,2 +444,46 @@ const owner = getOwner();
   const src = marker.$tr;
+  if (src != null && src.__SEROVAL_STREAM__ === true) {
+    const queue = [];
+    let failed;
+    let cursor = 0;
+    let first = true;
+    return createRoot(() => {
+      const [version, setVersion] = createSignal$1(0);
+      let live = false;
+      const bump = () => live && setVersion(n => n + 1);
+      src.on({
+        next(value) {
+          queue.push(value);
+          bump();
+        },
+        return() {},
+        throw(error) {
+          failed = {
+            error
+          };
+          bump();
+        }
+      });
+      live = true;
+      return createProjection(draft => {
+        version();
+        while (cursor < queue.length) {
+          const value = queue[cursor++];
+          if (first) {
+            first = false;
+            if (Array.isArray(value)) {
+              for (let i = 0; i < value.length; i++) draft[i] = value[i];
+              draft.length = value.length;
+            } else {
+              Object.assign(draft, value);
+            }
+          } else {
+            applyPatches(draft, value);
+          }
+        }
+        if (failed) throw failed.error;
+        if (first) throw new NotReadyError(getOwner());
+      }, marker.$ta ? [] : {});
+    });
+  }
   return createRoot(() => createProjection(draft => ({
@@ -807,2 +854,8 @@ [Symbol.asyncIterator]() {
 }
+function fragmentSuperseded(id) {
+  const hy = globalThis._$HY;
+  if (hy && hy.v && hy.v[id]) return false;
+  if (document.getElementById(id)) return false;
+  return !!document.getElementById("pl-" + id);
+}
 function anyFragmentPending() {
@@ -968,3 +1021,3 @@ const hy = globalThis._$HY;
       replayHeldFragment(id);
-      if (fr && typeof fr === "object" && fr.s === 1 && !assetPromise) {
+      if (fr && typeof fr === "object" && fr.s === 1 && !assetPromise && !fragmentSuperseded(id)) {
         sharedConfig.gather?.(id);
@@ -975,2 +1028,10 @@ return createLoadingBoundary$1(fn, fallback, options);
       const [, resume] = initBoundaryResume(o, id);
+      if (fr && typeof fr === "object" && fr.s === 1 && fragmentSuperseded(id)) {
+        const resumeFresh = () => resume(false);
+        if (assetPromise) assetPromise.then(() => queueMicrotask(resumeFresh), err => {
+          reportAssetFailure(err);
+          queueMicrotask(resumeFresh);
+        });else queueMicrotask(resumeFresh);
+        return fallback();
+      }
       if (fr && typeof fr === "object" && (fr.s === 1 || fr.s === 2)) {
@@ -977,0 +1038,0 @@ if (fr.s === 2) {

dist/solid.cjs

@@ -424,2 +424,46 @@ 'use strict';
   const src = marker.$tr;
+  if (src != null && src.__SEROVAL_STREAM__ === true) {
+    const queue = [];
+    let failed;
+    let cursor = 0;
+    let first = true;
+    return signals.createRoot(() => {
+      const [version, setVersion] = signals.createSignal(0);
+      let live = false;
+      const bump = () => live && setVersion(n => n + 1);
+      src.on({
+        next(value) {
+          queue.push(value);
+          bump();
+        },
+        return() {},
+        throw(error) {
+          failed = {
+            error
+          };
+          bump();
+        }
+      });
+      live = true;
+      return createProjection(draft => {
+        version();
+        while (cursor < queue.length) {
+          const value = queue[cursor++];
+          if (first) {
+            first = false;
+            if (Array.isArray(value)) {
+              for (let i = 0; i < value.length; i++) draft[i] = value[i];
+              draft.length = value.length;
+            } else {
+              Object.assign(draft, value);
+            }
+          } else {
+            applyPatches(draft, value);
+          }
+        }
+        if (failed) throw failed.error;
+        if (first) throw new signals.NotReadyError(signals.getOwner());
+      }, marker.$ta ? [] : {});
+    });
+  }
   return signals.createRoot(() => createProjection(draft => ({
@@ -789,2 +833,8 @@ [Symbol.asyncIterator]() {
 }
+function fragmentSuperseded(id) {
+  const hy = globalThis._$HY;
+  if (hy && hy.v && hy.v[id]) return false;
+  if (document.getElementById(id)) return false;
+  return !!document.getElementById("pl-" + id);
+}
 function anyFragmentPending() {
@@ -950,3 +1000,3 @@ const hy = globalThis._$HY;
       replayHeldFragment(id);
-      if (fr && typeof fr === "object" && fr.s === 1 && !assetPromise) {
+      if (fr && typeof fr === "object" && fr.s === 1 && !assetPromise && !fragmentSuperseded(id)) {
         sharedConfig.gather?.(id);
@@ -957,2 +1007,10 @@ return signals.createLoadingBoundary(fn, fallback, options);
       const [, resume] = initBoundaryResume(o, id);
+      if (fr && typeof fr === "object" && fr.s === 1 && fragmentSuperseded(id)) {
+        const resumeFresh = () => resume(false);
+        if (assetPromise) assetPromise.then(() => queueMicrotask(resumeFresh), err => {
+          reportAssetFailure(err);
+          queueMicrotask(resumeFresh);
+        });else queueMicrotask(resumeFresh);
+        return fallback();
+      }
       if (fr && typeof fr === "object" && (fr.s === 1 || fr.s === 2)) {
@@ -959,0 +1017,0 @@ if (fr.s === 2) {

dist/solid.js

@@ -1,2 +0,2 @@
-import { getContext, createMemo as createMemo$1, flatten, createRoot, setContext, createOwner, runWithOwner, createEffect as createEffect$1, createErrorBoundary as createErrorBoundary$1, createLoadingBoundary as createLoadingBoundary$1, createOptimistic as createOptimistic$1, createOptimisticStore as createOptimisticStore$1, createProjection as createProjection$1, createRenderEffect as createRenderEffect$1, createRevealOrder as createRevealOrder$1, createSignal as createSignal$1, createStore as createStore$1, setSnapshotCapture, releaseSnapshotScope, getOwner, peekNextChildId, getNextChildId, clearSnapshots, flush, markSnapshotScope, onCleanup, isDisposed, untrack, mapArray, repeat } from '@solidjs/signals';
+import { getContext, createMemo as createMemo$1, flatten, createRoot, setContext, createOwner, runWithOwner, createEffect as createEffect$1, createErrorBoundary as createErrorBoundary$1, createLoadingBoundary as createLoadingBoundary$1, createOptimistic as createOptimistic$1, createOptimisticStore as createOptimisticStore$1, createProjection as createProjection$1, createRenderEffect as createRenderEffect$1, createRevealOrder as createRevealOrder$1, createSignal as createSignal$1, createStore as createStore$1, setSnapshotCapture, releaseSnapshotScope, NotReadyError, getOwner, peekNextChildId, getNextChildId, clearSnapshots, flush, markSnapshotScope, onCleanup, isDisposed, untrack, mapArray, repeat } from '@solidjs/signals';
 export { $PROXY, $REFRESH, $TRACK, NotReadyError, action, affects, createOwner, createReaction, createRoot, createTrackedEffect, deep, enableExternalSource, enforceLoadingBoundary, flatten, flush, getNextChildId, getObserver, getOwner, isDisposed, isEqual, isPending, isWrappable, latest, mapArray, merge, omit, onCleanup, onSettled, reconcile, refresh, repeat, resolve, runWithOwner, snapshot, storePath, untrack } from '@solidjs/signals';
@@ -423,2 +423,46 @@
   const src = marker.$tr;
+  if (src != null && src.__SEROVAL_STREAM__ === true) {
+    const queue = [];
+    let failed;
+    let cursor = 0;
+    let first = true;
+    return createRoot(() => {
+      const [version, setVersion] = createSignal$1(0);
+      let live = false;
+      const bump = () => live && setVersion(n => n + 1);
+      src.on({
+        next(value) {
+          queue.push(value);
+          bump();
+        },
+        return() {},
+        throw(error) {
+          failed = {
+            error
+          };
+          bump();
+        }
+      });
+      live = true;
+      return createProjection(draft => {
+        version();
+        while (cursor < queue.length) {
+          const value = queue[cursor++];
+          if (first) {
+            first = false;
+            if (Array.isArray(value)) {
+              for (let i = 0; i < value.length; i++) draft[i] = value[i];
+              draft.length = value.length;
+            } else {
+              Object.assign(draft, value);
+            }
+          } else {
+            applyPatches(draft, value);
+          }
+        }
+        if (failed) throw failed.error;
+        if (first) throw new NotReadyError(getOwner());
+      }, marker.$ta ? [] : {});
+    });
+  }
   return createRoot(() => createProjection(draft => ({
@@ -788,2 +832,8 @@ [Symbol.asyncIterator]() {
 }
+function fragmentSuperseded(id) {
+  const hy = globalThis._$HY;
+  if (hy && hy.v && hy.v[id]) return false;
+  if (document.getElementById(id)) return false;
+  return !!document.getElementById("pl-" + id);
+}
 function anyFragmentPending() {
@@ -949,3 +999,3 @@ const hy = globalThis._$HY;
       replayHeldFragment(id);
-      if (fr && typeof fr === "object" && fr.s === 1 && !assetPromise) {
+      if (fr && typeof fr === "object" && fr.s === 1 && !assetPromise && !fragmentSuperseded(id)) {
         sharedConfig.gather?.(id);
@@ -956,2 +1006,10 @@ return createLoadingBoundary$1(fn, fallback, options);
       const [, resume] = initBoundaryResume(o, id);
+      if (fr && typeof fr === "object" && fr.s === 1 && fragmentSuperseded(id)) {
+        const resumeFresh = () => resume(false);
+        if (assetPromise) assetPromise.then(() => queueMicrotask(resumeFresh), err => {
+          reportAssetFailure(err);
+          queueMicrotask(resumeFresh);
+        });else queueMicrotask(resumeFresh);
+        return fallback();
+      }
       if (fr && typeof fr === "object" && (fr.s === 1 || fr.s === 2)) {
@@ -958,0 +1016,0 @@ if (fr.s === 2) {

package.json

 {
   "name": "solid-js",
   "description": "Reactive JavaScript library for building user interfaces. Compiles JSX to real DOM with fine-grained signal-based updates — no virtual DOM.",
-  "version": "2.0.0-rc.1",
+  "version": "2.0.0-rc.2",
   "author": "Ryan Carniato",
@@ -131,3 +131,3 @@ "license": "MIT",
   "dependencies": {
-    "@solidjs/signals": "^2.0.0-rc.1",
+    "@solidjs/signals": "^2.0.0-rc.2",
     "csstype": "^3.1.0",
@@ -134,0 +134,0 @@ "seroval": "~1.5.4",

types-cjs/client/hydration.d.cts

@@ -158,3 +158,5 @@ import { createRenderEffect as coreRenderEffect, createEffect as coreEffect, type Accessor, type ComputeFunction, type MemoOptions, type NoInfer, type ProjectionOptions, type Refreshable, type Signal, type SignalOptions, type SourceAccessor, type Store, type StoreSetter, type RevealOrder, type Context } from "@solidjs/signals";
 export declare function materializeContainerTrace(marker: {
-    $tr: AsyncIterable<any>;
+    $tr: AsyncIterable<any> | {
+        __SEROVAL_STREAM__: true;
+    };
     $ta?: number;
@@ -161,0 +163,0 @@ }): Store<any>;

types/client/hydration.d.ts

@@ -158,3 +158,5 @@ import { createRenderEffect as coreRenderEffect, createEffect as coreEffect, type Accessor, type ComputeFunction, type MemoOptions, type NoInfer, type ProjectionOptions, type Refreshable, type Signal, type SignalOptions, type SourceAccessor, type Store, type StoreSetter, type RevealOrder, type Context } from "@solidjs/signals";
 export declare function materializeContainerTrace(marker: {
-    $tr: AsyncIterable<any>;
+    $tr: AsyncIterable<any> | {
+        __SEROVAL_STREAM__: true;
+    };
     $ta?: number;
@@ -161,0 +163,0 @@ }): Store<any>;

No alert changes

Improved metrics

Total package byte prevSize

540429

2.16%

Lines of code

12263

2.73%

Dependency changes

• Updated

  @solidjs/signals@^2.0.0-rc.2