solid-js 2.0.0-experimental.10 → 2.0.0-experimental.12

package/dist/dev.cjs

@@ -3,9 +3,6 @@
 var signals = require('@solidjs/signals');
 
 const $DEVCOMP = Symbol("COMPONENT_DEV" );
-function onMount(fn) {
-  signals.createEffect(() => null, fn);
-}
 function createContext(defaultValue, options) {
   const id = Symbol(options && options.name || "");
   function provider(props) {
@@ -74,50 +71,6 @@ function reducer(source, reducerFn) {
   }];
 }
 
-function observable(input) {
-  return {
-    subscribe(observer) {
-      if (!(observer instanceof Object) || observer == null) {
-        throw new TypeError("Expected the observer to be an object.");
-      }
-      const handler = typeof observer === "function" ? observer : observer.next && observer.next.bind(observer);
-      if (!handler) {
-        return {
-          unsubscribe() {}
-        };
-      }
-      const dispose = signals.createRoot(disposer => {
-        signals.createEffect(() => input(), v => {
-          handler(v);
-        });
-        return disposer;
-      });
-      if (signals.getOwner()) signals.onCleanup(dispose);
-      return {
-        unsubscribe() {
-          dispose();
-        }
-      };
-    },
-    [Symbol.observable || "@@observable"]() {
-      return this;
-    }
-  };
-}
-function from(producer, initialValue = undefined) {
-  const [s, set] = signals.createSignal(() => initialValue, initialValue, {
-    equals: false
-  });
-  if ("subscribe" in producer) {
-    const unsub = producer.subscribe(v => set(() => v));
-    signals.onCleanup(() => "unsubscribe" in unsub ? unsub.unsubscribe() : unsub());
-  } else {
-    const clean = producer(set);
-    signals.onCleanup(clean);
-  }
-  return s;
-}
-
 const sharedConfig = {
   hydrating: false,
   registry: undefined,
@@ -125,11 +78,11 @@ const sharedConfig = {
   getNextContextId() {
     const o = signals.getOwner();
     if (!o) throw new Error(`getNextContextId cannot be used under non-hydrating context`);
-    return o.getNextChildId();
+    return signals.getNextChildId(o);
   }
 };
-function Suspense(props) {
-  if (!sharedConfig.hydrating) return signals.createSuspense(() => props.children, () => props.fallback);
+function Loading(props) {
+  if (!sharedConfig.hydrating) return signals.createLoadBoundary(() => props.children, () => props.fallback);
   return signals.createMemo(() => {
     const o = signals.getOwner();
     const id = o.id;
@@ -158,61 +111,9 @@ function Suspense(props) {
         return props.fallback;
       }
     }
-    return signals.createSuspense(() => props.children, () => props.fallback);
+    return signals.createLoadBoundary(() => props.children, () => props.fallback);
   });
 }
-function createAsync(compute, value, options) {
-  if (!sharedConfig.hydrating) return signals.createAsync(compute, value, options);
-  return signals.createAsync(prev => {
-    if (!sharedConfig.hydrating) return compute(prev);
-    const o = signals.getOwner();
-    let initP;
-    if (sharedConfig.has(o.id)) initP = sharedConfig.load(o.id);
-    const init = initP?.value || initP;
-    return init ? (subFetch(compute, prev), init) : compute(prev);
-  }, value, options);
-}
-class MockPromise {
-  static all() {
-    return new MockPromise();
-  }
-  static allSettled() {
-    return new MockPromise();
-  }
-  static any() {
-    return new MockPromise();
-  }
-  static race() {
-    return new MockPromise();
-  }
-  static reject() {
-    return new MockPromise();
-  }
-  static resolve() {
-    return new MockPromise();
-  }
-  catch() {
-    return new MockPromise();
-  }
-  then() {
-    return new MockPromise();
-  }
-  finally() {
-    return new MockPromise();
-  }
-}
-function subFetch(fn, prev) {
-  const ogFetch = fetch;
-  const ogPromise = Promise;
-  try {
-    window.fetch = () => new MockPromise();
-    Promise = MockPromise;
-    return fn(prev);
-  } finally {
-    window.fetch = ogFetch;
-    Promise = ogPromise;
-  }
-}
 
 function enableHydration() {
 }
@@ -223,10 +124,7 @@ function lazy(fn) {
   let comp;
   let p;
   const wrap = props => {
-    if (!comp) {
-      const s = signals.createAsync(() => (p || (p = fn())).then(mod => mod.default));
-      comp = s;
-    }
+    comp = signals.createMemo(() => (p || (p = fn())).then(mod => mod.default));
     let Comp;
     return signals.createMemo(() => (Comp = comp()) ? signals.untrack(() => {
       Object.assign(Comp, {
@@ -251,18 +149,14 @@ function For(props) {
   } : {
     keyed: props.keyed
   };
-  return signals.createMemo(signals.mapArray(() => props.each, props.children, options), undefined, {
-    name: "value"
-  }) ;
+  return signals.mapArray(() => props.each, props.children, options);
 }
 function Repeat(props) {
   const options = "fallback" in props ? {
     fallback: () => props.fallback
   } : {};
   options.from = () => props.from;
-  return signals.createMemo(signals.repeat(() => props.count, index => typeof props.children === "function" ? props.children(index) : props.children, options), undefined, {
-    name: "value"
-  }) ;
+  return signals.repeat(() => props.count, index => typeof props.children === "function" ? props.children(index) : props.children, options);
 }
 function Show(props) {
   const keyed = props.keyed;
@@ -291,8 +185,7 @@ function Show(props) {
 function Switch(props) {
   const chs = children(() => props.children);
   const switchFunc = signals.createMemo(() => {
-    const ch = chs();
-    const mps = Array.isArray(ch) ? ch : [ch];
+    const mps = chs.toArray();
     let func = () => undefined;
     for (let i = 0; i < mps.length; i++) {
       const index = i;
@@ -326,7 +219,7 @@ function Switch(props) {
 function Match(props) {
   return props;
 }
-function ErrorBoundary(props) {
+function Errored(props) {
   return signals.createErrorBoundary(() => props.children, (err, reset) => {
     const f = props.fallback;
     if ((typeof f !== "function" || f.length == 0)) console.error(err);
@@ -428,13 +321,13 @@ Object.defineProperty(exports, "isPending", {
   enumerable: true,
   get: function () { return signals.isPending; }
 });
-Object.defineProperty(exports, "isWrappable", {
+Object.defineProperty(exports, "isRefreshing", {
   enumerable: true,
-  get: function () { return signals.isWrappable; }
+  get: function () { return signals.isRefreshing; }
 });
-Object.defineProperty(exports, "latest", {
+Object.defineProperty(exports, "isWrappable", {
   enumerable: true,
-  get: function () { return signals.latest; }
+  get: function () { return signals.isWrappable; }
 });
 Object.defineProperty(exports, "mapArray", {
   enumerable: true,
@@ -452,10 +345,22 @@ Object.defineProperty(exports, "onCleanup", {
   enumerable: true,
   get: function () { return signals.onCleanup; }
 });
+Object.defineProperty(exports, "onSettled", {
+  enumerable: true,
+  get: function () { return signals.onSettled; }
+});
+Object.defineProperty(exports, "pending", {
+  enumerable: true,
+  get: function () { return signals.pending; }
+});
 Object.defineProperty(exports, "reconcile", {
   enumerable: true,
   get: function () { return signals.reconcile; }
 });
+Object.defineProperty(exports, "refresh", {
+  enumerable: true,
+  get: function () { return signals.refresh; }
+});
 Object.defineProperty(exports, "repeat", {
   enumerable: true,
   get: function () { return signals.repeat; }
@@ -472,38 +377,26 @@ Object.defineProperty(exports, "snapshot", {
   enumerable: true,
   get: function () { return signals.snapshot; }
 });
-Object.defineProperty(exports, "transition", {
-  enumerable: true,
-  get: function () { return signals.transition; }
-});
 Object.defineProperty(exports, "untrack", {
   enumerable: true,
   get: function () { return signals.untrack; }
 });
-Object.defineProperty(exports, "useTransition", {
-  enumerable: true,
-  get: function () { return signals.useTransition; }
-});
 exports.$DEVCOMP = $DEVCOMP;
 exports.Boundary = Boundary;
 exports.DEV = DEV;
-exports.ErrorBoundary = ErrorBoundary;
+exports.Errored = Errored;
 exports.For = For;
+exports.Loading = Loading;
 exports.Match = Match;
 exports.Repeat = Repeat;
 exports.Show = Show;
-exports.Suspense = Suspense;
 exports.Switch = Switch;
 exports.children = children;
-exports.createAsync = createAsync;
 exports.createComponent = createComponent;
 exports.createContext = createContext;
 exports.createUniqueId = createUniqueId;
 exports.enableHydration = enableHydration;
-exports.from = from;
 exports.lazy = lazy;
-exports.observable = observable;
-exports.onMount = onMount;
 exports.reducer = reducer;
 exports.sharedConfig = sharedConfig;
 exports.ssrHandleError = ssrHandleError;

package/dist/dev.js

@@ -1,10 +1,7 @@
-import { createEffect, getContext, createMemo, flatten, createRoot, setContext, getOwner, untrack, NotReadyError, onCleanup, createSignal, createSuspense, flush, runWithOwner, createAsync as createAsync$1, mapArray, repeat, createErrorBoundary, createBoundary } from '@solidjs/signals';
-export { $PROXY, $TRACK, createEffect, createMemo, createOptimistic, createOptimisticStore, createProjection, createReaction, createRenderEffect, createRoot, createSignal, createStore, createTrackedEffect, deep, flatten, flush, getObserver, getOwner, isEqual, isPending, isWrappable, latest, mapArray, merge, omit, onCleanup, reconcile, repeat, resolve, runWithOwner, snapshot, transition, untrack, useTransition } from '@solidjs/signals';
+import { getContext, createMemo, flatten, createRoot, setContext, getOwner, untrack, NotReadyError, getNextChildId, createLoadBoundary, createSignal, flush, runWithOwner, mapArray, repeat, createErrorBoundary, createBoundary } from '@solidjs/signals';
+export { $PROXY, $TRACK, createEffect, createMemo, createOptimistic, createOptimisticStore, createProjection, createReaction, createRenderEffect, createRoot, createSignal, createStore, createTrackedEffect, deep, flatten, flush, getObserver, getOwner, isEqual, isPending, isRefreshing, isWrappable, mapArray, merge, omit, onCleanup, onSettled, pending, reconcile, refresh, repeat, resolve, runWithOwner, snapshot, untrack } from '@solidjs/signals';
 
 const $DEVCOMP = Symbol("COMPONENT_DEV" );
-function onMount(fn) {
-  createEffect(() => null, fn);
-}
 function createContext(defaultValue, options) {
   const id = Symbol(options && options.name || "");
   function provider(props) {
@@ -73,50 +70,6 @@ function reducer(source, reducerFn) {
   }];
 }
 
-function observable(input) {
-  return {
-    subscribe(observer) {
-      if (!(observer instanceof Object) || observer == null) {
-        throw new TypeError("Expected the observer to be an object.");
-      }
-      const handler = typeof observer === "function" ? observer : observer.next && observer.next.bind(observer);
-      if (!handler) {
-        return {
-          unsubscribe() {}
-        };
-      }
-      const dispose = createRoot(disposer => {
-        createEffect(() => input(), v => {
-          handler(v);
-        });
-        return disposer;
-      });
-      if (getOwner()) onCleanup(dispose);
-      return {
-        unsubscribe() {
-          dispose();
-        }
-      };
-    },
-    [Symbol.observable || "@@observable"]() {
-      return this;
-    }
-  };
-}
-function from(producer, initialValue = undefined) {
-  const [s, set] = createSignal(() => initialValue, initialValue, {
-    equals: false
-  });
-  if ("subscribe" in producer) {
-    const unsub = producer.subscribe(v => set(() => v));
-    onCleanup(() => "unsubscribe" in unsub ? unsub.unsubscribe() : unsub());
-  } else {
-    const clean = producer(set);
-    onCleanup(clean);
-  }
-  return s;
-}
-
 const sharedConfig = {
   hydrating: false,
   registry: undefined,
@@ -124,11 +77,11 @@ const sharedConfig = {
   getNextContextId() {
     const o = getOwner();
     if (!o) throw new Error(`getNextContextId cannot be used under non-hydrating context`);
-    return o.getNextChildId();
+    return getNextChildId(o);
   }
 };
-function Suspense(props) {
-  if (!sharedConfig.hydrating) return createSuspense(() => props.children, () => props.fallback);
+function Loading(props) {
+  if (!sharedConfig.hydrating) return createLoadBoundary(() => props.children, () => props.fallback);
   return createMemo(() => {
     const o = getOwner();
     const id = o.id;
@@ -157,61 +110,9 @@ function Suspense(props) {
         return props.fallback;
       }
     }
-    return createSuspense(() => props.children, () => props.fallback);
+    return createLoadBoundary(() => props.children, () => props.fallback);
   });
 }
-function createAsync(compute, value, options) {
-  if (!sharedConfig.hydrating) return createAsync$1(compute, value, options);
-  return createAsync$1(prev => {
-    if (!sharedConfig.hydrating) return compute(prev);
-    const o = getOwner();
-    let initP;
-    if (sharedConfig.has(o.id)) initP = sharedConfig.load(o.id);
-    const init = initP?.value || initP;
-    return init ? (subFetch(compute, prev), init) : compute(prev);
-  }, value, options);
-}
-class MockPromise {
-  static all() {
-    return new MockPromise();
-  }
-  static allSettled() {
-    return new MockPromise();
-  }
-  static any() {
-    return new MockPromise();
-  }
-  static race() {
-    return new MockPromise();
-  }
-  static reject() {
-    return new MockPromise();
-  }
-  static resolve() {
-    return new MockPromise();
-  }
-  catch() {
-    return new MockPromise();
-  }
-  then() {
-    return new MockPromise();
-  }
-  finally() {
-    return new MockPromise();
-  }
-}
-function subFetch(fn, prev) {
-  const ogFetch = fetch;
-  const ogPromise = Promise;
-  try {
-    window.fetch = () => new MockPromise();
-    Promise = MockPromise;
-    return fn(prev);
-  } finally {
-    window.fetch = ogFetch;
-    Promise = ogPromise;
-  }
-}
 
 function enableHydration() {
 }
@@ -222,10 +123,7 @@ function lazy(fn) {
   let comp;
   let p;
   const wrap = props => {
-    if (!comp) {
-      const s = createAsync$1(() => (p || (p = fn())).then(mod => mod.default));
-      comp = s;
-    }
+    comp = createMemo(() => (p || (p = fn())).then(mod => mod.default));
     let Comp;
     return createMemo(() => (Comp = comp()) ? untrack(() => {
       Object.assign(Comp, {
@@ -250,18 +148,14 @@ function For(props) {
   } : {
     keyed: props.keyed
   };
-  return createMemo(mapArray(() => props.each, props.children, options), undefined, {
-    name: "value"
-  }) ;
+  return mapArray(() => props.each, props.children, options);
 }
 function Repeat(props) {
   const options = "fallback" in props ? {
     fallback: () => props.fallback
   } : {};
   options.from = () => props.from;
-  return createMemo(repeat(() => props.count, index => typeof props.children === "function" ? props.children(index) : props.children, options), undefined, {
-    name: "value"
-  }) ;
+  return repeat(() => props.count, index => typeof props.children === "function" ? props.children(index) : props.children, options);
 }
 function Show(props) {
   const keyed = props.keyed;
@@ -290,8 +184,7 @@ function Show(props) {
 function Switch(props) {
   const chs = children(() => props.children);
   const switchFunc = createMemo(() => {
-    const ch = chs();
-    const mps = Array.isArray(ch) ? ch : [ch];
+    const mps = chs.toArray();
     let func = () => undefined;
     for (let i = 0; i < mps.length; i++) {
       const index = i;
@@ -325,7 +218,7 @@ function Switch(props) {
 function Match(props) {
   return props;
 }
-function ErrorBoundary(props) {
+function Errored(props) {
   return createErrorBoundary(() => props.children, (err, reset) => {
     const f = props.fallback;
     if ((typeof f !== "function" || f.length == 0)) console.error(err);
@@ -347,4 +240,4 @@ if (globalThis) {
   if (!globalThis.Solid$$) globalThis.Solid$$ = true;else console.warn("You appear to have multiple instances of Solid. This can lead to unexpected behavior.");
 }
 
-export { $DEVCOMP, Boundary, DEV, ErrorBoundary, For, Match, Repeat, Show, Suspense, Switch, children, createAsync, createComponent, createContext, createUniqueId, enableHydration, from, lazy, observable, onMount, reducer, sharedConfig, ssrHandleError, ssrRunInScope, tryCatch, useContext };
+export { $DEVCOMP, Boundary, DEV, Errored, For, Loading, Match, Repeat, Show, Switch, children, createComponent, createContext, createUniqueId, enableHydration, lazy, reducer, sharedConfig, ssrHandleError, ssrRunInScope, tryCatch, useContext };