solid-js 1.6.8 → 1.6.10

package/dist/solid.js

@@ -1,18 +1,18 @@
 let taskIdCounter = 1,
-    isCallbackScheduled = false,
-    isPerformingWork = false,
-    taskQueue = [],
-    currentTask = null,
-    shouldYieldToHost = null,
-    yieldInterval = 5,
-    deadline = 0,
-    maxYieldInterval = 300,
-    scheduleCallback = null,
-    scheduledCallback = null;
+  isCallbackScheduled = false,
+  isPerformingWork = false,
+  taskQueue = [],
+  currentTask = null,
+  shouldYieldToHost = null,
+  yieldInterval = 5,
+  deadline = 0,
+  maxYieldInterval = 300,
+  scheduleCallback = null,
+  scheduledCallback = null;
 const maxSigned31BitInt = 1073741823;
 function setupScheduler() {
   const channel = new MessageChannel(),
-        port = channel.port2;
+    port = channel.port2;
   scheduleCallback = () => port.postMessage(null);
   channel.port1.onmessage = () => {
     if (scheduledCallback !== null) {
@@ -63,7 +63,7 @@ function enqueue(taskQueue, task) {
 function requestCallback(fn, options) {
   if (!scheduleCallback) setupScheduler();
   let startTime = performance.now(),
-      timeout = maxSigned31BitInt;
+    timeout = maxSigned31BitInt;
   if (options && options.timeout) timeout = options.timeout;
   const newTask = {
     id: taskIdCounter++,
@@ -119,7 +119,8 @@ function setHydrateContext(context) {
   sharedConfig.context = context;
 }
 function nextHydrateContext() {
-  return { ...sharedConfig.context,
+  return {
+    ...sharedConfig.context,
     id: `${sharedConfig.context.id}${sharedConfig.context.count++}-`,
     count: 0
   };
@@ -154,15 +155,15 @@ let ExecCount = 0;
 const [transPending, setTransPending] = /*@__PURE__*/createSignal(false);
 function createRoot(fn, detachedOwner) {
   const listener = Listener,
-        owner = Owner,
-        unowned = fn.length === 0,
-        root = unowned ? UNOWNED : {
-    owned: null,
-    cleanups: null,
-    context: null,
-    owner: detachedOwner || owner
-  },
-        updateFn = unowned ? fn : () => fn(() => untrack(() => cleanNode(root)));
+    owner = Owner,
+    unowned = fn.length === 0,
+    root = unowned ? UNOWNED : {
+      owned: null,
+      cleanups: null,
+      context: null,
+      owner: detachedOwner || owner
+    },
+    updateFn = unowned ? fn : () => fn(() => untrack(() => cleanNode(root)));
   Owner = root;
   Listener = null;
   try {
@@ -199,7 +200,7 @@ function createRenderEffect(fn, value, options) {
 function createEffect(fn, value, options) {
   runEffects = runUserEffects;
   const c = createComputation(fn, value, false, STALE),
-        s = SuspenseContext && lookup(Owner, SuspenseContext.id);
+    s = SuspenseContext && lookup(Owner, SuspenseContext.id);
   if (s) c.suspense = s;
   c.user = true;
   Effects ? Effects.push(c) : updateComputation(c);
@@ -207,10 +208,10 @@ function createEffect(fn, value, options) {
 function createReaction(onInvalidate, options) {
   let fn;
   const c = createComputation(() => {
-    fn ? fn() : untrack(onInvalidate);
-    fn = undefined;
-  }, undefined, false, 0),
-        s = SuspenseContext && lookup(Owner, SuspenseContext.id);
+      fn ? fn() : untrack(onInvalidate);
+      fn = undefined;
+    }, undefined, false, 0),
+    s = SuspenseContext && lookup(Owner, SuspenseContext.id);
   if (s) c.suspense = s;
   c.user = true;
   return tracking => {
@@ -244,19 +245,19 @@ function createResource(pSource, pFetcher, pOptions) {
     options = pOptions || {};
   }
   let pr = null,
-      initP = NO_INIT,
-      id = null,
-      loadedUnderTransition = false,
-      scheduled = false,
-      resolved = ("initialValue" in options),
-      dynamic = typeof source === "function" && createMemo(source);
+    initP = NO_INIT,
+    id = null,
+    loadedUnderTransition = false,
+    scheduled = false,
+    resolved = ("initialValue" in options),
+    dynamic = typeof source === "function" && createMemo(source);
   const contexts = new Set(),
-        [value, setValue] = (options.storage || createSignal)(options.initialValue),
-        [error, setError] = createSignal(undefined),
-        [track, trigger] = createSignal(undefined, {
-    equals: false
-  }),
-        [state, setState] = createSignal(resolved ? "ready" : "unresolved");
+    [value, setValue] = (options.storage || createSignal)(options.initialValue),
+    [error, setError] = createSignal(undefined),
+    [track, trigger] = createSignal(undefined, {
+      equals: false
+    }),
+    [state, setState] = createSignal(resolved ? "ready" : "unresolved");
   if (sharedConfig.context) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
     let v;
@@ -292,8 +293,8 @@ function createResource(pSource, pFetcher, pOptions) {
   }
   function read() {
     const c = SuspenseContext && lookup(Owner, SuspenseContext.id),
-          v = value(),
-          err = error();
+      v = value(),
+      err = error();
     if (err && !pr) throw err;
     if (Listener && !Listener.user && c) {
       createComputed(() => {
@@ -365,7 +366,7 @@ function createResource(pSource, pFetcher, pOptions) {
 }
 function createDeferred(source, options) {
   let t,
-      timeout = options ? options.timeoutMs : undefined;
+    timeout = options ? options.timeoutMs : undefined;
   const node = createComputation(() => {
     if (!t || !t.fn) t = requestCallback(() => setDeferred(() => node.value), timeout !== undefined ? {
       timeout
@@ -455,13 +456,16 @@ function getOwner() {
 }
 function runWithOwner(o, fn) {
   const prev = Owner;
+  const prevListener = Listener;
   Owner = o;
+  Listener = null;
   try {
     return runUpdates(fn, true);
   } catch (err) {
     handleError(err);
   } finally {
     Owner = prev;
+    Listener = prevListener;
   }
 }
 function enableScheduling(scheduler = requestCallback) {
@@ -612,8 +616,8 @@ function updateComputation(node) {
   if (!node.fn) return;
   cleanNode(node);
   const owner = Owner,
-        listener = Listener,
-        time = ExecCount;
+    listener = Listener,
+    time = ExecCount;
   Listener = Owner = node;
   runComputation(node, Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value, time);
   if (Transition && !Transition.running && Transition.sources.has(node)) {
@@ -634,7 +638,17 @@ function runComputation(node, value, time) {
   try {
     nextValue = node.fn(value);
   } catch (err) {
-    if (node.pure) Transition && Transition.running ? node.tState = STALE : node.state = STALE;
+    if (node.pure) {
+      if (Transition && Transition.running) {
+        node.tState = STALE;
+        node.tOwned && node.tOwned.forEach(cleanNode);
+        node.tOwned = undefined;
+      } else {
+        node.state = STALE;
+        node.owned && node.owned.forEach(cleanNode);
+        node.owned = null;
+      }
+    }
     handleError(err);
   }
   if (!node.updatedAt || node.updatedAt <= time) {
@@ -701,7 +715,7 @@ function runTop(node) {
     node = ancestors[i];
     if (runningTransition) {
       let top = node,
-          prev = ancestors[i + 1];
+        prev = ancestors[i + 1];
       while ((top = top.owner) && top !== prev) {
         if (Transition.disposed.has(top)) return;
       }
@@ -728,6 +742,7 @@ function runUpdates(fn, init) {
     return res;
   } catch (err) {
     if (!Updates) Effects = null;
+    Updates = null;
     handleError(err);
   }
 }
@@ -798,7 +813,7 @@ function scheduleQueue(queue) {
 }
 function runUserEffects(queue) {
   let i,
-      userLength = 0;
+    userLength = 0;
   for (i = 0; i < queue.length; i++) {
     const e = queue[i];
     if (!e.user) runTop(e);else queue[userLength++] = e;
@@ -834,11 +849,11 @@ function cleanNode(node) {
   if (node.sources) {
     while (node.sources.length) {
       const source = node.sources.pop(),
-            index = node.sourceSlots.pop(),
-            obs = source.observers;
+        index = node.sourceSlots.pop(),
+        obs = source.observers;
       if (obs && obs.length) {
         const n = obs.pop(),
-              s = source.observerSlots.pop();
+          s = source.observerSlots.pop();
         if (index < obs.length) {
           n.sourceSlots[s] = index;
           obs[index] = n;
@@ -962,27 +977,27 @@ function dispose(d) {
 }
 function mapArray(list, mapFn, options = {}) {
   let items = [],
-      mapped = [],
-      disposers = [],
-      len = 0,
-      indexes = mapFn.length > 1 ? [] : null;
+    mapped = [],
+    disposers = [],
+    len = 0,
+    indexes = mapFn.length > 1 ? [] : null;
   onCleanup(() => dispose(disposers));
   return () => {
     let newItems = list() || [],
-        i,
-        j;
+      i,
+      j;
     newItems[$TRACK];
     return untrack(() => {
       let newLen = newItems.length,
-          newIndices,
-          newIndicesNext,
-          temp,
-          tempdisposers,
-          tempIndexes,
-          start,
-          end,
-          newEnd,
-          item;
+        newIndices,
+        newIndicesNext,
+        temp,
+        tempdisposers,
+        tempIndexes,
+        start,
+        end,
+        newEnd,
+        item;
       if (newLen === 0) {
         if (len !== 0) {
           dispose(disposers);
@@ -1065,11 +1080,11 @@ function mapArray(list, mapFn, options = {}) {
 }
 function indexArray(list, mapFn, options = {}) {
   let items = [],
-      mapped = [],
-      disposers = [],
-      signals = [],
-      len = 0,
-      i;
+    mapped = [],
+    disposers = [],
+    signals = [],
+    len = 0,
+    i;
   onCleanup(() => dispose(disposers));
   return () => {
     const newItems = list() || [];
@@ -1340,20 +1355,20 @@ function Switch(props) {
   let keyed = false;
   const equals = (a, b) => a[0] === b[0] && (strictEqual ? a[1] === b[1] : !a[1] === !b[1]) && a[2] === b[2];
   const conditions = children(() => props.children),
-        evalConditions = createMemo(() => {
-    let conds = conditions();
-    if (!Array.isArray(conds)) conds = [conds];
-    for (let i = 0; i < conds.length; i++) {
-      const c = conds[i].when;
-      if (c) {
-        keyed = !!conds[i].keyed;
-        return [i, c, conds[i]];
+    evalConditions = createMemo(() => {
+      let conds = conditions();
+      if (!Array.isArray(conds)) conds = [conds];
+      for (let i = 0; i < conds.length; i++) {
+        const c = conds[i].when;
+        if (c) {
+          keyed = !!conds[i].keyed;
+          return [i, c, conds[i]];
+        }
       }
-    }
-    return [-1];
-  }, undefined, {
-    equals
-  });
+      return [-1];
+    }, undefined, {
+      equals
+    });
   return createMemo(() => {
     const [index, when, cond] = evalConditions();
     if (index < 0) return props.fallback;
@@ -1395,9 +1410,9 @@ const suspenseListEquals = (a, b) => a.showContent === b.showContent && a.showFa
 const SuspenseListContext = createContext();
 function SuspenseList(props) {
   let [wrapper, setWrapper] = createSignal(() => ({
-    inFallback: false
-  })),
-      show;
+      inFallback: false
+    })),
+    show;
   const listContext = useContext(SuspenseListContext);
   const [registry, setRegistry] = createSignal([]);
   if (listContext) {
@@ -1405,13 +1420,13 @@ function SuspenseList(props) {
   }
   const resolved = createMemo(prev => {
     const reveal = props.revealOrder,
-          tail = props.tail,
-          {
-      showContent = true,
-      showFallback = true
-    } = show ? show() : {},
-          reg = registry(),
-          reverse = reveal === "backwards";
+      tail = props.tail,
+      {
+        showContent = true,
+        showFallback = true
+      } = show ? show() : {},
+      reg = registry(),
+      reverse = reveal === "backwards";
     if (reveal === "together") {
       const all = reg.every(inFallback => !inFallback());
       const res = reg.map(() => ({
@@ -1426,7 +1441,7 @@ function SuspenseList(props) {
     const res = [];
     for (let i = 0, len = reg.length; i < len; i++) {
       const n = reverse ? len - i - 1 : i,
-            s = reg[n]();
+        s = reg[n]();
       if (!stop && !s) {
         res[n] = {
           showContent,
@@ -1469,25 +1484,25 @@ function SuspenseList(props) {
 }
 function Suspense(props) {
   let counter = 0,
-      show,
-      ctx,
-      p,
-      flicker,
-      error;
+    show,
+    ctx,
+    p,
+    flicker,
+    error;
   const [inFallback, setFallback] = createSignal(false),
-        SuspenseContext = getSuspenseContext(),
-        store = {
-    increment: () => {
-      if (++counter === 1) setFallback(true);
-    },
-    decrement: () => {
-      if (--counter === 0) setFallback(false);
+    SuspenseContext = getSuspenseContext(),
+    store = {
+      increment: () => {
+        if (++counter === 1) setFallback(true);
+      },
+      decrement: () => {
+        if (--counter === 0) setFallback(false);
+      },
+      inFallback,
+      effects: [],
+      resolved: false
     },
-    inFallback,
-    effects: [],
-    resolved: false
-  },
-        owner = getOwner();
+    owner = getOwner();
   if (sharedConfig.context && sharedConfig.load) {
     const key = sharedConfig.context.id + sharedConfig.context.count;
     let ref = sharedConfig.load(key);
@@ -1527,10 +1542,10 @@ function Suspense(props) {
         const rendered = createMemo(() => props.children);
         return createMemo(prev => {
           const inFallback = store.inFallback(),
-                {
-            showContent = true,
-            showFallback = true
-          } = show ? show() : {};
+            {
+              showContent = true,
+              showFallback = true
+            } = show ? show() : {};
           if ((!inFallback || p && p !== "$$f") && showContent) {
             store.resolved = true;
             dispose && dispose();

package/h/dist/h.cjs

@@ -6,8 +6,8 @@ const $ELEMENT = Symbol("hyper-element");
 function createHyperScript(r) {
   function h() {
     let args = [].slice.call(arguments),
-        e,
-        multiExpression = false;
+      e,
+      multiExpression = false;
     while (Array.isArray(args[0])) args = args[0];
     if (args[0][$ELEMENT]) args.unshift(h.Fragment);
     typeof args[0] === "string" && detectMultiExpression(args);
@@ -40,7 +40,7 @@ function createHyperScript(r) {
       } else if ("function" === type) {
         if (!e) {
           let props,
-              next = args[0];
+            next = args[0];
           if (next == null || typeof next === "object" && !Array.isArray(next) && !(next instanceof Element)) props = args.shift();
           props || (props = {});
           if (args.length) {
@@ -72,7 +72,7 @@ function createHyperScript(r) {
       if (/^\.|#/.test(m[1])) e = document.createElement("div");
       for (let i = 0; i < m.length; i++) {
         const v = m[i],
-              s = v.substring(1, v.length);
+          s = v.substring(1, v.length);
         if (!v) continue;
         if (!e) e = r.SVGElements.has(v) ? document.createElementNS("http://www.w3.org/2000/svg", v) : document.createElement(v);else if (v[0] === ".") e.classList.add(s);else if (v[0] === "#") e.setAttribute("id", s);
       }

package/h/dist/h.js

@@ -4,8 +4,8 @@ const $ELEMENT = Symbol("hyper-element");
 function createHyperScript(r) {
   function h() {
     let args = [].slice.call(arguments),
-        e,
-        multiExpression = false;
+      e,
+      multiExpression = false;
     while (Array.isArray(args[0])) args = args[0];
     if (args[0][$ELEMENT]) args.unshift(h.Fragment);
     typeof args[0] === "string" && detectMultiExpression(args);
@@ -38,7 +38,7 @@ function createHyperScript(r) {
       } else if ("function" === type) {
         if (!e) {
           let props,
-              next = args[0];
+            next = args[0];
           if (next == null || typeof next === "object" && !Array.isArray(next) && !(next instanceof Element)) props = args.shift();
           props || (props = {});
           if (args.length) {
@@ -70,7 +70,7 @@ function createHyperScript(r) {
       if (/^\.|#/.test(m[1])) e = document.createElement("div");
       for (let i = 0; i < m.length; i++) {
         const v = m[i],
-              s = v.substring(1, v.length);
+          s = v.substring(1, v.length);
         if (!v) continue;
         if (!e) e = r.SVGElements.has(v) ? document.createElementNS("http://www.w3.org/2000/svg", v) : document.createElement(v);else if (v[0] === ".") e.classList.add(s);else if (v[0] === "#") e.setAttribute("id", s);
       }

package/h/types/hyperscript.d.ts

@@ -1,4 +1,4 @@
-declare type MountableElement = Element | Document | ShadowRoot | DocumentFragment | Node;
+type MountableElement = Element | Document | ShadowRoot | DocumentFragment | Node;
 interface Runtime {
     insert(parent: MountableElement, accessor: any, marker?: Node | null, init?: any): any;
     spread(node: Element, accessor: any, isSVG?: Boolean, skipChildren?: Boolean): void;
@@ -7,10 +7,10 @@ interface Runtime {
     dynamicProperty(props: any, key: string): any;
     SVGElements: Set<string>;
 }
-declare type ExpandableNode = Node & {
+type ExpandableNode = Node & {
     [key: string]: any;
 };
-export declare type HyperScript = {
+export type HyperScript = {
     (...args: any[]): () => ExpandableNode | ExpandableNode[];
     Fragment: (props: {
         children: (() => ExpandableNode) | (() => ExpandableNode)[];

package/html/dist/html.cjs

@@ -22,8 +22,7 @@ const lookup = {
   track: true,
   wbr: true
 };
-function parseTag(
-tag) {
+function parseTag( tag) {
   const res = {
     type: 'tag',
     name: '',
@@ -183,14 +182,14 @@ function createHTML(r, {
   };
   function createTemplate(statics) {
     let i = 0,
-        markup = "";
+      markup = "";
     for (; i < statics.length - 1; i++) {
       markup = markup + statics[i] + "<!--#-->";
     }
     markup = markup + statics[i];
     markup = markup.replace(selfClosing, fullClosing).replace(/<(<!--#-->)/g, "<###").replace(/\.\.\.(<!--#-->)/g, "###").replace(attrSeeker, attrReplacer).replace(/>\n+\s*/g, ">").replace(/\n+\s*</g, "<").replace(/\s+</g, " <").replace(/>\s+/g, "> ");
     const [html, code] = parseTemplate(parse(markup)),
-          templates = [];
+      templates = [];
     for (let i = 0; i < html.length; i++) {
       templates.push(document.createElement("template"));
       templates[i].innerHTML = html[i];
@@ -213,8 +212,8 @@ function createHTML(r, {
   }
   function parseKeyValue(tag, name, value, isSVG, isCE, options) {
     let expr = value === "###" ? `!doNotWrap ? exprs[${options.counter}]() : exprs[${options.counter++}]` : value.split("###").map((v, i) => i ? ` + (typeof exprs[${options.counter}] === "function" ? exprs[${options.counter}]() : exprs[${options.counter++}]) + "${v}"` : `"${v}"`).join(""),
-        parts,
-        namespace;
+      parts,
+      namespace;
     if ((parts = name.split(":")) && parts[1] && reservedNameSpaces.has(parts[0])) {
       name = parts[1];
       namespace = parts[0];
@@ -252,9 +251,9 @@ function createHTML(r, {
       options.exprs.push(`exprs[${options.counter++}](${tag})`);
     } else {
       const childOptions = Object.assign({}, options, {
-        exprs: []
-      }),
-            count = options.counter;
+          exprs: []
+        }),
+        count = options.counter;
       parseKeyValue(tag, name, value, isSVG, isCE, childOptions);
       options.decl.push(`_fn${count} = (${value === "###" ? "doNotWrap" : ""}) => {\n${childOptions.exprs.join(";\n")};\n}`);
       if (value === "###") {
@@ -320,11 +319,11 @@ function createHTML(r, {
   function processComponent(node, options) {
     let props = [];
     const keys = Object.keys(node.attrs),
-          propGroups = [props],
-          componentIdentifier = options.counter++;
+      propGroups = [props],
+      componentIdentifier = options.counter++;
     for (let i = 0; i < keys.length; i++) {
       const name = keys[i],
-            value = node.attrs[name];
+        value = node.attrs[name];
       if (name === "###") {
         propGroups.push(`exprs[${options.counter++}]`);
         propGroups.push(props = []);
@@ -336,15 +335,15 @@ function createHTML(r, {
       props.push(`children: () => exprs[${options.counter++}]`);
     } else if (node.children.length) {
       const children = {
-        type: "fragment",
-        children: node.children
-      },
-            childOptions = Object.assign({}, options, {
-        first: true,
-        decl: [],
-        exprs: [],
-        parent: false
-      });
+          type: "fragment",
+          children: node.children
+        },
+        childOptions = Object.assign({}, options, {
+          first: true,
+          decl: [],
+          exprs: [],
+          parent: false
+        });
       parseNode(children, childOptions);
       props.push(`children: () => { ${childOptions.exprs.join(";\n")}}`);
       options.templateId = childOptions.templateId;
@@ -410,7 +409,7 @@ function createHTML(r, {
         let current = "";
         for (let i = 0; i < keys.length; i++) {
           const name = keys[i],
-                value = node.attrs[name];
+            value = node.attrs[name];
           if (value.includes("###")) {
             let count = options.counter++;
             current += `${name}: ${name !== "ref" ? `typeof exprs[${count}] === "function" ? exprs[${count}]() : ` : ""}exprs[${count}],`;
@@ -429,7 +428,7 @@ function createHTML(r, {
       } else {
         for (let i = 0; i < keys.length; i++) {
           const name = keys[i],
-                value = node.attrs[name];
+            value = node.attrs[name];
           if (value.includes("###")) {
             delete node.attrs[name];
             parseAttribute(tag, name, value, isSVG, isCE, options);
@@ -461,18 +460,18 @@ function createHTML(r, {
   }
   function parseTemplate(nodes) {
     const options = {
-      path: "",
-      decl: [],
-      exprs: [],
-      delegatedEvents: new Set(),
-      counter: 0,
-      first: true,
-      multi: false,
-      templateId: 0,
-      templateNodes: []
-    },
-          id = uuid,
-          origNodes = nodes;
+        path: "",
+        decl: [],
+        exprs: [],
+        delegatedEvents: new Set(),
+        counter: 0,
+        first: true,
+        multi: false,
+        templateId: 0,
+        templateNodes: []
+      },
+      id = uuid,
+      origNodes = nodes;
     let toplevel;
     if (nodes.length > 1) {
       nodes = [{