solid-js 1.9.3 → 2.0.0-experimental.0

package/types/render/flow.d.ts

@@ -1,130 +0,0 @@
-import { Accessor } from "../reactive/signal.js";
-import type { JSX } from "../jsx.js";
-/**
- * Creates a list elements from a list
- *
- * it receives a map function as its child that receives a list element and an accessor with the index and returns a JSX-Element; if the list is empty, an optional fallback is returned:
- * ```typescript
- * <For each={items} fallback={<div>No items</div>}>
- *   {(item, index) => <div data-index={index()}>{item}</div>}
- * </For>
- * ```
- * If you have a list with fixed indices and changing values, consider using `<Index>` instead.
- *
- * @description https://docs.solidjs.com/reference/components/for
- */
-export declare function For<T extends readonly any[], U extends JSX.Element>(props: {
-  each: T | undefined | null | false;
-  fallback?: JSX.Element;
-  children: (item: T[number], index: Accessor<number>) => U;
-}): JSX.Element;
-/**
- * Non-keyed iteration over a list creating elements from its items
- *
- * To be used if you have a list with fixed indices, but changing values.
- * ```typescript
- * <Index each={items} fallback={<div>No items</div>}>
- *   {(item, index) => <div data-index={index}>{item()}</div>}
- * </Index>
- * ```
- * If you have a list with changing indices, better use `<For>`.
- *
- * @description https://docs.solidjs.com/reference/components/index
- */
-export declare function Index<T extends readonly any[], U extends JSX.Element>(props: {
-  each: T | undefined | null | false;
-  fallback?: JSX.Element;
-  children: (item: Accessor<T[number]>, index: number) => U;
-}): JSX.Element;
-type RequiredParameter<T> = T extends () => unknown ? never : T;
-/**
- * Conditionally render its children or an optional fallback component
- * @description https://docs.solidjs.com/reference/components/show
- */
-export declare function Show<
-  T,
-  TRenderFunction extends (item: Accessor<NonNullable<T>>) => JSX.Element
->(props: {
-  when: T | undefined | null | false;
-  keyed?: false;
-  fallback?: JSX.Element;
-  children: JSX.Element | RequiredParameter<TRenderFunction>;
-}): JSX.Element;
-export declare function Show<
-  T,
-  TRenderFunction extends (item: NonNullable<T>) => JSX.Element
->(props: {
-  when: T | undefined | null | false;
-  keyed: true;
-  fallback?: JSX.Element;
-  children: JSX.Element | RequiredParameter<TRenderFunction>;
-}): JSX.Element;
-/**
- * Switches between content based on mutually exclusive conditions
- * ```typescript
- * <Switch fallback={<FourOhFour />}>
- *   <Match when={state.route === 'home'}>
- *     <Home />
- *   </Match>
- *   <Match when={state.route === 'settings'}>
- *     <Settings />
- *   </Match>
- * </Switch>
- * ```
- * @description https://docs.solidjs.com/reference/components/switch-and-match
- */
-export declare function Switch(props: {
-  fallback?: JSX.Element;
-  children: JSX.Element;
-}): JSX.Element;
-export type MatchProps<T> = {
-  when: T | undefined | null | false;
-  keyed?: boolean;
-  children: JSX.Element | ((item: NonNullable<T> | Accessor<NonNullable<T>>) => JSX.Element);
-};
-/**
- * Selects a content based on condition when inside a `<Switch>` control flow
- * ```typescript
- * <Match when={condition()}>
- *   <Content/>
- * </Match>
- * ```
- * @description https://docs.solidjs.com/reference/components/switch-and-match
- */
-export declare function Match<
-  T,
-  TRenderFunction extends (item: Accessor<NonNullable<T>>) => JSX.Element
->(props: {
-  when: T | undefined | null | false;
-  keyed?: false;
-  children: JSX.Element | RequiredParameter<TRenderFunction>;
-}): JSX.Element;
-export declare function Match<
-  T,
-  TRenderFunction extends (item: NonNullable<T>) => JSX.Element
->(props: {
-  when: T | undefined | null | false;
-  keyed: true;
-  children: JSX.Element | RequiredParameter<TRenderFunction>;
-}): JSX.Element;
-export declare function resetErrorBoundaries(): void;
-/**
- * Catches uncaught errors inside components and renders a fallback content
- *
- * Also supports a callback form that passes the error and a reset function:
- * ```typescript
- * <ErrorBoundary fallback={
- *   (err, reset) => <div onClick={reset}>Error: {err.toString()}</div>
- * }>
- *   <MyComp />
- * </ErrorBoundary>
- * ```
- * Errors thrown from the fallback can be caught by a parent ErrorBoundary
- *
- * @description https://docs.solidjs.com/reference/components/error-boundary
- */
-export declare function ErrorBoundary(props: {
-  fallback: JSX.Element | ((err: any, reset: () => void) => JSX.Element);
-  children: JSX.Element;
-}): JSX.Element;
-export {};

package/types/render/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./component.js";
-export * from "./flow.js";
-export * from "./Suspense.js";
-export { sharedConfig } from "./hydration.js";

package/universal/dist/dev.cjs

@@ -1,243 +0,0 @@
-'use strict';
-
-var solidJs = require('solid-js');
-
-function createRenderer$1({
-  createElement,
-  createTextNode,
-  isTextNode,
-  replaceText,
-  insertNode,
-  removeNode,
-  setProperty,
-  getParentNode,
-  getFirstChild,
-  getNextSibling
-}) {
-  function insert(parent, accessor, marker, initial) {
-    if (marker !== undefined && !initial) initial = [];
-    if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker);
-    solidJs.createRenderEffect(current => insertExpression(parent, accessor(), current, marker), initial);
-  }
-  function insertExpression(parent, value, current, marker, unwrapArray) {
-    while (typeof current === "function") current = current();
-    if (value === current) return current;
-    const t = typeof value,
-      multi = marker !== undefined;
-    if (t === "string" || t === "number") {
-      if (t === "number") value = value.toString();
-      if (multi) {
-        let node = current[0];
-        if (node && isTextNode(node)) {
-          replaceText(node, value);
-        } else node = createTextNode(value);
-        current = cleanChildren(parent, current, marker, node);
-      } else {
-        if (current !== "" && typeof current === "string") {
-          replaceText(getFirstChild(parent), current = value);
-        } else {
-          cleanChildren(parent, current, marker, createTextNode(value));
-          current = value;
-        }
-      }
-    } else if (value == null || t === "boolean") {
-      current = cleanChildren(parent, current, marker);
-    } else if (t === "function") {
-      solidJs.createRenderEffect(() => {
-        let v = value();
-        while (typeof v === "function") v = v();
-        current = insertExpression(parent, v, current, marker);
-      });
-      return () => current;
-    } else if (Array.isArray(value)) {
-      const array = [];
-      if (normalizeIncomingArray(array, value, unwrapArray)) {
-        solidJs.createRenderEffect(() => current = insertExpression(parent, array, current, marker, true));
-        return () => current;
-      }
-      if (array.length === 0) {
-        const replacement = cleanChildren(parent, current, marker);
-        if (multi) return current = replacement;
-      } else {
-        if (Array.isArray(current)) {
-          if (current.length === 0) {
-            appendNodes(parent, array, marker);
-          } else reconcileArrays(parent, current, array);
-        } else if (current == null || current === "") {
-          appendNodes(parent, array);
-        } else {
-          reconcileArrays(parent, multi && current || [getFirstChild(parent)], array);
-        }
-      }
-      current = array;
-    } else {
-      if (Array.isArray(current)) {
-        if (multi) return current = cleanChildren(parent, current, marker, value);
-        cleanChildren(parent, current, null, value);
-      } else if (current == null || current === "" || !getFirstChild(parent)) {
-        insertNode(parent, value);
-      } else replaceNode(parent, value, getFirstChild(parent));
-      current = value;
-    }
-    return current;
-  }
-  function normalizeIncomingArray(normalized, array, unwrap) {
-    let dynamic = false;
-    for (let i = 0, len = array.length; i < len; i++) {
-      let item = array[i],
-        t;
-      if (item == null || item === true || item === false) ; else if (Array.isArray(item)) {
-        dynamic = normalizeIncomingArray(normalized, item) || dynamic;
-      } else if ((t = typeof item) === "string" || t === "number") {
-        normalized.push(createTextNode(item));
-      } else if (t === "function") {
-        if (unwrap) {
-          while (typeof item === "function") item = item();
-          dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item]) || dynamic;
-        } else {
-          normalized.push(item);
-          dynamic = true;
-        }
-      } else normalized.push(item);
-    }
-    return dynamic;
-  }
-  function reconcileArrays(parentNode, a, b) {
-    let bLength = b.length,
-      aEnd = a.length,
-      bEnd = bLength,
-      aStart = 0,
-      bStart = 0,
-      after = getNextSibling(a[aEnd - 1]),
-      map = null;
-    while (aStart < aEnd || bStart < bEnd) {
-      if (a[aStart] === b[bStart]) {
-        aStart++;
-        bStart++;
-        continue;
-      }
-      while (a[aEnd - 1] === b[bEnd - 1]) {
-        aEnd--;
-        bEnd--;
-      }
-      if (aEnd === aStart) {
-        const node = bEnd < bLength ? bStart ? getNextSibling(b[bStart - 1]) : b[bEnd - bStart] : after;
-        while (bStart < bEnd) insertNode(parentNode, b[bStart++], node);
-      } else if (bEnd === bStart) {
-        while (aStart < aEnd) {
-          if (!map || !map.has(a[aStart])) removeNode(parentNode, a[aStart]);
-          aStart++;
-        }
-      } else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) {
-        const node = getNextSibling(a[--aEnd]);
-        insertNode(parentNode, b[bStart++], getNextSibling(a[aStart++]));
-        insertNode(parentNode, b[--bEnd], node);
-        a[aEnd] = b[bEnd];
-      } else {
-        if (!map) {
-          map = new Map();
-          let i = bStart;
-          while (i < bEnd) map.set(b[i], i++);
-        }
-        const index = map.get(a[aStart]);
-        if (index != null) {
-          if (bStart < index && index < bEnd) {
-            let i = aStart,
-              sequence = 1,
-              t;
-            while (++i < aEnd && i < bEnd) {
-              if ((t = map.get(a[i])) == null || t !== index + sequence) break;
-              sequence++;
-            }
-            if (sequence > index - bStart) {
-              const node = a[aStart];
-              while (bStart < index) insertNode(parentNode, b[bStart++], node);
-            } else replaceNode(parentNode, b[bStart++], a[aStart++]);
-          } else aStart++;
-        } else removeNode(parentNode, a[aStart++]);
-      }
-    }
-  }
-  function cleanChildren(parent, current, marker, replacement) {
-    if (marker === undefined) {
-      let removed;
-      while (removed = getFirstChild(parent)) removeNode(parent, removed);
-      replacement && insertNode(parent, replacement);
-      return "";
-    }
-    const node = replacement || createTextNode("");
-    if (current.length) {
-      let inserted = false;
-      for (let i = current.length - 1; i >= 0; i--) {
-        const el = current[i];
-        if (node !== el) {
-          const isParent = getParentNode(el) === parent;
-          if (!inserted && !i) isParent ? replaceNode(parent, node, el) : insertNode(parent, node, marker);else isParent && removeNode(parent, el);
-        } else inserted = true;
-      }
-    } else insertNode(parent, node, marker);
-    return [node];
-  }
-  function appendNodes(parent, array, marker) {
-    for (let i = 0, len = array.length; i < len; i++) insertNode(parent, array[i], marker);
-  }
-  function replaceNode(parent, newNode, oldNode) {
-    insertNode(parent, newNode, oldNode);
-    removeNode(parent, oldNode);
-  }
-  function spreadExpression(node, props, prevProps = {}, skipChildren) {
-    props || (props = {});
-    if (!skipChildren) {
-      solidJs.createRenderEffect(() => prevProps.children = insertExpression(node, props.children, prevProps.children));
-    }
-    solidJs.createRenderEffect(() => props.ref && props.ref(node));
-    solidJs.createRenderEffect(() => {
-      for (const prop in props) {
-        if (prop === "children" || prop === "ref") continue;
-        const value = props[prop];
-        if (value === prevProps[prop]) continue;
-        setProperty(node, prop, value, prevProps[prop]);
-        prevProps[prop] = value;
-      }
-    });
-    return prevProps;
-  }
-  return {
-    render(code, element) {
-      let disposer;
-      solidJs.createRoot(dispose => {
-        disposer = dispose;
-        insert(element, code());
-      });
-      return disposer;
-    },
-    insert,
-    spread(node, accessor, skipChildren) {
-      if (typeof accessor === "function") {
-        solidJs.createRenderEffect(current => spreadExpression(node, accessor(), current, skipChildren));
-      } else spreadExpression(node, accessor, undefined, skipChildren);
-    },
-    createElement,
-    createTextNode,
-    insertNode,
-    setProp(node, name, value, prev) {
-      setProperty(node, name, value, prev);
-      return value;
-    },
-    mergeProps: solidJs.mergeProps,
-    effect: solidJs.createRenderEffect,
-    memo: solidJs.createMemo,
-    createComponent: solidJs.createComponent,
-    use(fn, element, arg) {
-      return solidJs.untrack(() => fn(element, arg));
-    }
-  };
-}
-
-function createRenderer(options) {
-  const renderer = createRenderer$1(options);
-  renderer.mergeProps = solidJs.mergeProps;
-  return renderer;
-}
-
-exports.createRenderer = createRenderer;

package/universal/dist/dev.js

@@ -1,257 +0,0 @@
-import {
-  createRoot,
-  createRenderEffect,
-  mergeProps,
-  createMemo,
-  createComponent,
-  untrack
-} from "solid-js";
-
-function createRenderer$1({
-  createElement,
-  createTextNode,
-  isTextNode,
-  replaceText,
-  insertNode,
-  removeNode,
-  setProperty,
-  getParentNode,
-  getFirstChild,
-  getNextSibling
-}) {
-  function insert(parent, accessor, marker, initial) {
-    if (marker !== undefined && !initial) initial = [];
-    if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker);
-    createRenderEffect(current => insertExpression(parent, accessor(), current, marker), initial);
-  }
-  function insertExpression(parent, value, current, marker, unwrapArray) {
-    while (typeof current === "function") current = current();
-    if (value === current) return current;
-    const t = typeof value,
-      multi = marker !== undefined;
-    if (t === "string" || t === "number") {
-      if (t === "number") value = value.toString();
-      if (multi) {
-        let node = current[0];
-        if (node && isTextNode(node)) {
-          replaceText(node, value);
-        } else node = createTextNode(value);
-        current = cleanChildren(parent, current, marker, node);
-      } else {
-        if (current !== "" && typeof current === "string") {
-          replaceText(getFirstChild(parent), (current = value));
-        } else {
-          cleanChildren(parent, current, marker, createTextNode(value));
-          current = value;
-        }
-      }
-    } else if (value == null || t === "boolean") {
-      current = cleanChildren(parent, current, marker);
-    } else if (t === "function") {
-      createRenderEffect(() => {
-        let v = value();
-        while (typeof v === "function") v = v();
-        current = insertExpression(parent, v, current, marker);
-      });
-      return () => current;
-    } else if (Array.isArray(value)) {
-      const array = [];
-      if (normalizeIncomingArray(array, value, unwrapArray)) {
-        createRenderEffect(
-          () => (current = insertExpression(parent, array, current, marker, true))
-        );
-        return () => current;
-      }
-      if (array.length === 0) {
-        const replacement = cleanChildren(parent, current, marker);
-        if (multi) return (current = replacement);
-      } else {
-        if (Array.isArray(current)) {
-          if (current.length === 0) {
-            appendNodes(parent, array, marker);
-          } else reconcileArrays(parent, current, array);
-        } else if (current == null || current === "") {
-          appendNodes(parent, array);
-        } else {
-          reconcileArrays(parent, (multi && current) || [getFirstChild(parent)], array);
-        }
-      }
-      current = array;
-    } else {
-      if (Array.isArray(current)) {
-        if (multi) return (current = cleanChildren(parent, current, marker, value));
-        cleanChildren(parent, current, null, value);
-      } else if (current == null || current === "" || !getFirstChild(parent)) {
-        insertNode(parent, value);
-      } else replaceNode(parent, value, getFirstChild(parent));
-      current = value;
-    }
-    return current;
-  }
-  function normalizeIncomingArray(normalized, array, unwrap) {
-    let dynamic = false;
-    for (let i = 0, len = array.length; i < len; i++) {
-      let item = array[i],
-        t;
-      if (item == null || item === true || item === false);
-      else if (Array.isArray(item)) {
-        dynamic = normalizeIncomingArray(normalized, item) || dynamic;
-      } else if ((t = typeof item) === "string" || t === "number") {
-        normalized.push(createTextNode(item));
-      } else if (t === "function") {
-        if (unwrap) {
-          while (typeof item === "function") item = item();
-          dynamic =
-            normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item]) || dynamic;
-        } else {
-          normalized.push(item);
-          dynamic = true;
-        }
-      } else normalized.push(item);
-    }
-    return dynamic;
-  }
-  function reconcileArrays(parentNode, a, b) {
-    let bLength = b.length,
-      aEnd = a.length,
-      bEnd = bLength,
-      aStart = 0,
-      bStart = 0,
-      after = getNextSibling(a[aEnd - 1]),
-      map = null;
-    while (aStart < aEnd || bStart < bEnd) {
-      if (a[aStart] === b[bStart]) {
-        aStart++;
-        bStart++;
-        continue;
-      }
-      while (a[aEnd - 1] === b[bEnd - 1]) {
-        aEnd--;
-        bEnd--;
-      }
-      if (aEnd === aStart) {
-        const node =
-          bEnd < bLength ? (bStart ? getNextSibling(b[bStart - 1]) : b[bEnd - bStart]) : after;
-        while (bStart < bEnd) insertNode(parentNode, b[bStart++], node);
-      } else if (bEnd === bStart) {
-        while (aStart < aEnd) {
-          if (!map || !map.has(a[aStart])) removeNode(parentNode, a[aStart]);
-          aStart++;
-        }
-      } else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) {
-        const node = getNextSibling(a[--aEnd]);
-        insertNode(parentNode, b[bStart++], getNextSibling(a[aStart++]));
-        insertNode(parentNode, b[--bEnd], node);
-        a[aEnd] = b[bEnd];
-      } else {
-        if (!map) {
-          map = new Map();
-          let i = bStart;
-          while (i < bEnd) map.set(b[i], i++);
-        }
-        const index = map.get(a[aStart]);
-        if (index != null) {
-          if (bStart < index && index < bEnd) {
-            let i = aStart,
-              sequence = 1,
-              t;
-            while (++i < aEnd && i < bEnd) {
-              if ((t = map.get(a[i])) == null || t !== index + sequence) break;
-              sequence++;
-            }
-            if (sequence > index - bStart) {
-              const node = a[aStart];
-              while (bStart < index) insertNode(parentNode, b[bStart++], node);
-            } else replaceNode(parentNode, b[bStart++], a[aStart++]);
-          } else aStart++;
-        } else removeNode(parentNode, a[aStart++]);
-      }
-    }
-  }
-  function cleanChildren(parent, current, marker, replacement) {
-    if (marker === undefined) {
-      let removed;
-      while ((removed = getFirstChild(parent))) removeNode(parent, removed);
-      replacement && insertNode(parent, replacement);
-      return "";
-    }
-    const node = replacement || createTextNode("");
-    if (current.length) {
-      let inserted = false;
-      for (let i = current.length - 1; i >= 0; i--) {
-        const el = current[i];
-        if (node !== el) {
-          const isParent = getParentNode(el) === parent;
-          if (!inserted && !i)
-            isParent ? replaceNode(parent, node, el) : insertNode(parent, node, marker);
-          else isParent && removeNode(parent, el);
-        } else inserted = true;
-      }
-    } else insertNode(parent, node, marker);
-    return [node];
-  }
-  function appendNodes(parent, array, marker) {
-    for (let i = 0, len = array.length; i < len; i++) insertNode(parent, array[i], marker);
-  }
-  function replaceNode(parent, newNode, oldNode) {
-    insertNode(parent, newNode, oldNode);
-    removeNode(parent, oldNode);
-  }
-  function spreadExpression(node, props, prevProps = {}, skipChildren) {
-    props || (props = {});
-    if (!skipChildren) {
-      createRenderEffect(
-        () => (prevProps.children = insertExpression(node, props.children, prevProps.children))
-      );
-    }
-    createRenderEffect(() => props.ref && props.ref(node));
-    createRenderEffect(() => {
-      for (const prop in props) {
-        if (prop === "children" || prop === "ref") continue;
-        const value = props[prop];
-        if (value === prevProps[prop]) continue;
-        setProperty(node, prop, value, prevProps[prop]);
-        prevProps[prop] = value;
-      }
-    });
-    return prevProps;
-  }
-  return {
-    render(code, element) {
-      let disposer;
-      createRoot(dispose => {
-        disposer = dispose;
-        insert(element, code());
-      });
-      return disposer;
-    },
-    insert,
-    spread(node, accessor, skipChildren) {
-      if (typeof accessor === "function") {
-        createRenderEffect(current => spreadExpression(node, accessor(), current, skipChildren));
-      } else spreadExpression(node, accessor, undefined, skipChildren);
-    },
-    createElement,
-    createTextNode,
-    insertNode,
-    setProp(node, name, value, prev) {
-      setProperty(node, name, value, prev);
-      return value;
-    },
-    mergeProps,
-    effect: createRenderEffect,
-    memo: createMemo,
-    createComponent,
-    use(fn, element, arg) {
-      return untrack(() => fn(element, arg));
-    }
-  };
-}
-
-function createRenderer(options) {
-  const renderer = createRenderer$1(options);
-  renderer.mergeProps = mergeProps;
-  return renderer;
-}
-
-export { createRenderer };