solid-js 1.3.17 → 1.4.0-beta.0

package/store/dist/dev.cjs

@@ -71,11 +71,14 @@ function proxyDescriptor(target, property) {
   desc.get = () => target[solidJs.$PROXY][property];
   return desc;
 }
-function ownKeys(target) {
+function trackSelf(target) {
   if (solidJs.getListener()) {
     const nodes = getDataNodes(target);
     (nodes._ || (nodes._ = createDataNode()))();
   }
+}
+function ownKeys(target) {
+  trackSelf(target);
   return Reflect.ownKeys(target);
 }
 function createDataNode() {
@@ -92,18 +95,12 @@ const proxyTraps$1 = {
     if (property === solidJs.$PROXY) return receiver;
     const value = target[property];
     if (property === $NODE || property === "__proto__") return value;
-    const wrappable = isWrappable(value);
+    if (property === solidJs.$TRACK) return trackSelf(target);
     if (solidJs.getListener() && (typeof value !== "function" || target.hasOwnProperty(property))) {
-      let nodes, node;
-      if (wrappable && (nodes = getDataNodes(value))) {
-        node = nodes._ || (nodes._ = createDataNode());
-        node();
-      }
-      nodes = getDataNodes(target);
-      node = nodes[property] || (nodes[property] = createDataNode());
-      node();
+      const nodes = getDataNodes(target);
+      (nodes[property] || (nodes[property] = createDataNode()))();
     }
-    return wrappable ? wrap$1(value, target[$NAME] && `${target[$NAME]}:${property.toString()}`) : value;
+    return isWrappable(value) ? wrap$1(value, target[$NAME] && `${target[$NAME]}:${property.toString()}`) : value;
   },
   set() {
     console.warn("Cannot mutate a Store directly");
@@ -120,16 +117,14 @@ function setProperty(state, property, value) {
   if (state[property] === value) return;
   const array = Array.isArray(state);
   const len = state.length;
-  const isUndefined = value === undefined;
-  const notify = array || isUndefined === property in state;
-  if (isUndefined) {
+  if (value === undefined) {
     delete state[property];
   } else state[property] = value;
   let nodes = getDataNodes(state),
       node;
   (node = nodes[property]) && node.$();
   if (array && state.length !== len) (node = nodes.length) && node.$();
-  notify && (node = nodes._) && node.$();
+  (node = nodes._) && node.$();
 }
 function mergeStoreNode(state, value) {
   const keys = Object.keys(value);
@@ -138,6 +133,15 @@ function mergeStoreNode(state, value) {
     setProperty(state, key, value[key]);
   }
 }
+function updateArray(current, next) {
+  let i = 0,
+      len = next.length;
+  for (; i < len; i++) {
+    const value = next[i];
+    if (current[i] !== value) setProperty(current, i, value);
+  }
+  setProperty(current, "length", len);
+}
 function updatePath(current, path, traversed = []) {
   let part,
       prev = current;
@@ -185,6 +189,7 @@ function updatePath(current, path, traversed = []) {
 }
 function createStore(store, options) {
   const unwrappedStore = unwrap(store || {});
+  const isArray = Array.isArray(unwrappedStore);
   if (typeof unwrappedStore !== "object" && typeof unwrappedStore !== "function") throw new Error(`Unexpected type ${typeof unwrappedStore} received when initializing 'createStore'. Expected an object.`);
   const wrappedStore = wrap$1(unwrappedStore, (options && options.name || solidJs.DEV.hashValue(unwrappedStore)));
   {
@@ -194,7 +199,9 @@ function createStore(store, options) {
     });
   }
   function setStore(...args) {
-    solidJs.batch(() => updatePath(unwrappedStore, args));
+    solidJs.batch(() => {
+      isArray && args.length === 1 ? updateArray(unwrappedStore, unwrap(args[0])) : updatePath(unwrappedStore, args);
+    });
   }
   return [wrappedStore, setStore];
 }
@@ -205,18 +212,14 @@ const proxyTraps = {
     if (property === solidJs.$PROXY) return receiver;
     const value = target[property];
     if (property === $NODE || property === "__proto__") return value;
-    const wrappable = isWrappable(value);
+    if (property === solidJs.$TRACK) return trackSelf(target);
     if (solidJs.getListener() && (typeof value !== "function" || target.hasOwnProperty(property))) {
-      let nodes, node;
-      if (wrappable && (nodes = getDataNodes(value))) {
-        node = nodes._ || (nodes._ = createDataNode());
-        node();
-      }
-      nodes = getDataNodes(target);
-      node = nodes[property] || (nodes[property] = createDataNode());
-      node();
+      const nodes = getDataNodes(target);
+      (nodes[property] || (nodes[property] = createDataNode()))();
+    } else if (value != null && value === Array.prototype[property]) {
+      return (...args) => solidJs.batch(() => Array.prototype[property].apply(target, args));
     }
-    return wrappable ? wrap(value, target[$NAME] && `${target[$NAME]}:${property.toString()}`) : value;
+    return isWrappable(value) ? wrap(value, target[$NAME] && `${target[$NAME]}:${property.toString()}`) : value;
   },
   set(target, property, value) {
     setProperty(target, property, unwrap(value));
@@ -348,9 +351,9 @@ function reconcile(value, options = {}) {
         v = unwrap(value);
   return state => {
     if (!isWrappable(state) || !isWrappable(v)) return v;
-    applyState(v, {
+    solidJs.batch(() => applyState(v, {
       state
-    }, "state", merge, key);
+    }, "state", merge, key));
     return state;
   };
 }

package/store/dist/dev.js

@@ -1,4 +1,4 @@
-import { $PROXY, DEV, getListener, batch, createSignal } from 'solid-js';
+import { $PROXY, DEV, $TRACK, getListener, batch, createSignal } from 'solid-js';
 
 const $RAW = Symbol("store-raw"),
       $NODE = Symbol("store-node"),
@@ -67,11 +67,14 @@ function proxyDescriptor(target, property) {
   desc.get = () => target[$PROXY][property];
   return desc;
 }
-function ownKeys(target) {
+function trackSelf(target) {
   if (getListener()) {
     const nodes = getDataNodes(target);
     (nodes._ || (nodes._ = createDataNode()))();
   }
+}
+function ownKeys(target) {
+  trackSelf(target);
   return Reflect.ownKeys(target);
 }
 function createDataNode() {
@@ -88,18 +91,12 @@ const proxyTraps$1 = {
     if (property === $PROXY) return receiver;
     const value = target[property];
     if (property === $NODE || property === "__proto__") return value;
-    const wrappable = isWrappable(value);
+    if (property === $TRACK) return trackSelf(target);
     if (getListener() && (typeof value !== "function" || target.hasOwnProperty(property))) {
-      let nodes, node;
-      if (wrappable && (nodes = getDataNodes(value))) {
-        node = nodes._ || (nodes._ = createDataNode());
-        node();
-      }
-      nodes = getDataNodes(target);
-      node = nodes[property] || (nodes[property] = createDataNode());
-      node();
+      const nodes = getDataNodes(target);
+      (nodes[property] || (nodes[property] = createDataNode()))();
     }
-    return wrappable ? wrap$1(value, target[$NAME] && `${target[$NAME]}:${property.toString()}`) : value;
+    return isWrappable(value) ? wrap$1(value, target[$NAME] && `${target[$NAME]}:${property.toString()}`) : value;
   },
   set() {
     console.warn("Cannot mutate a Store directly");
@@ -116,16 +113,14 @@ function setProperty(state, property, value) {
   if (state[property] === value) return;
   const array = Array.isArray(state);
   const len = state.length;
-  const isUndefined = value === undefined;
-  const notify = array || isUndefined === property in state;
-  if (isUndefined) {
+  if (value === undefined) {
     delete state[property];
   } else state[property] = value;
   let nodes = getDataNodes(state),
       node;
   (node = nodes[property]) && node.$();
   if (array && state.length !== len) (node = nodes.length) && node.$();
-  notify && (node = nodes._) && node.$();
+  (node = nodes._) && node.$();
 }
 function mergeStoreNode(state, value) {
   const keys = Object.keys(value);
@@ -134,6 +129,15 @@ function mergeStoreNode(state, value) {
     setProperty(state, key, value[key]);
   }
 }
+function updateArray(current, next) {
+  let i = 0,
+      len = next.length;
+  for (; i < len; i++) {
+    const value = next[i];
+    if (current[i] !== value) setProperty(current, i, value);
+  }
+  setProperty(current, "length", len);
+}
 function updatePath(current, path, traversed = []) {
   let part,
       prev = current;
@@ -181,6 +185,7 @@ function updatePath(current, path, traversed = []) {
 }
 function createStore(store, options) {
   const unwrappedStore = unwrap(store || {});
+  const isArray = Array.isArray(unwrappedStore);
   if (typeof unwrappedStore !== "object" && typeof unwrappedStore !== "function") throw new Error(`Unexpected type ${typeof unwrappedStore} received when initializing 'createStore'. Expected an object.`);
   const wrappedStore = wrap$1(unwrappedStore, (options && options.name || DEV.hashValue(unwrappedStore)));
   {
@@ -190,7 +195,9 @@ function createStore(store, options) {
     });
   }
   function setStore(...args) {
-    batch(() => updatePath(unwrappedStore, args));
+    batch(() => {
+      isArray && args.length === 1 ? updateArray(unwrappedStore, unwrap(args[0])) : updatePath(unwrappedStore, args);
+    });
   }
   return [wrappedStore, setStore];
 }
@@ -201,18 +208,14 @@ const proxyTraps = {
     if (property === $PROXY) return receiver;
     const value = target[property];
     if (property === $NODE || property === "__proto__") return value;
-    const wrappable = isWrappable(value);
+    if (property === $TRACK) return trackSelf(target);
     if (getListener() && (typeof value !== "function" || target.hasOwnProperty(property))) {
-      let nodes, node;
-      if (wrappable && (nodes = getDataNodes(value))) {
-        node = nodes._ || (nodes._ = createDataNode());
-        node();
-      }
-      nodes = getDataNodes(target);
-      node = nodes[property] || (nodes[property] = createDataNode());
-      node();
+      const nodes = getDataNodes(target);
+      (nodes[property] || (nodes[property] = createDataNode()))();
+    } else if (value != null && value === Array.prototype[property]) {
+      return (...args) => batch(() => Array.prototype[property].apply(target, args));
     }
-    return wrappable ? wrap(value, target[$NAME] && `${target[$NAME]}:${property.toString()}`) : value;
+    return isWrappable(value) ? wrap(value, target[$NAME] && `${target[$NAME]}:${property.toString()}`) : value;
   },
   set(target, property, value) {
     setProperty(target, property, unwrap(value));
@@ -344,9 +347,9 @@ function reconcile(value, options = {}) {
         v = unwrap(value);
   return state => {
     if (!isWrappable(state) || !isWrappable(v)) return v;
-    applyState(v, {
+    batch(() => applyState(v, {
       state
-    }, "state", merge, key);
+    }, "state", merge, key));
     return state;
   };
 }

package/store/dist/store.cjs

@@ -68,11 +68,14 @@ function proxyDescriptor(target, property) {
   desc.get = () => target[solidJs.$PROXY][property];
   return desc;
 }
-function ownKeys(target) {
+function trackSelf(target) {
   if (solidJs.getListener()) {
     const nodes = getDataNodes(target);
     (nodes._ || (nodes._ = createDataNode()))();
   }
+}
+function ownKeys(target) {
+  trackSelf(target);
   return Reflect.ownKeys(target);
 }
 function createDataNode() {
@@ -89,18 +92,12 @@ const proxyTraps$1 = {
     if (property === solidJs.$PROXY) return receiver;
     const value = target[property];
     if (property === $NODE || property === "__proto__") return value;
-    const wrappable = isWrappable(value);
+    if (property === solidJs.$TRACK) return trackSelf(target);
     if (solidJs.getListener() && (typeof value !== "function" || target.hasOwnProperty(property))) {
-      let nodes, node;
-      if (wrappable && (nodes = getDataNodes(value))) {
-        node = nodes._ || (nodes._ = createDataNode());
-        node();
-      }
-      nodes = getDataNodes(target);
-      node = nodes[property] || (nodes[property] = createDataNode());
-      node();
+      const nodes = getDataNodes(target);
+      (nodes[property] || (nodes[property] = createDataNode()))();
     }
-    return wrappable ? wrap$1(value) : value;
+    return isWrappable(value) ? wrap$1(value) : value;
   },
   set() {
     return true;
@@ -115,16 +112,14 @@ function setProperty(state, property, value) {
   if (state[property] === value) return;
   const array = Array.isArray(state);
   const len = state.length;
-  const isUndefined = value === undefined;
-  const notify = array || isUndefined === property in state;
-  if (isUndefined) {
+  if (value === undefined) {
     delete state[property];
   } else state[property] = value;
   let nodes = getDataNodes(state),
       node;
   (node = nodes[property]) && node.$();
   if (array && state.length !== len) (node = nodes.length) && node.$();
-  notify && (node = nodes._) && node.$();
+  (node = nodes._) && node.$();
 }
 function mergeStoreNode(state, value) {
   const keys = Object.keys(value);
@@ -133,6 +128,15 @@ function mergeStoreNode(state, value) {
     setProperty(state, key, value[key]);
   }
 }
+function updateArray(current, next) {
+  let i = 0,
+      len = next.length;
+  for (; i < len; i++) {
+    const value = next[i];
+    if (current[i] !== value) setProperty(current, i, value);
+  }
+  setProperty(current, "length", len);
+}
 function updatePath(current, path, traversed = []) {
   let part,
       prev = current;
@@ -180,9 +184,12 @@ function updatePath(current, path, traversed = []) {
 }
 function createStore(store, options) {
   const unwrappedStore = unwrap(store || {});
+  const isArray = Array.isArray(unwrappedStore);
   const wrappedStore = wrap$1(unwrappedStore);
   function setStore(...args) {
-    solidJs.batch(() => updatePath(unwrappedStore, args));
+    solidJs.batch(() => {
+      isArray && args.length === 1 ? updateArray(unwrappedStore, unwrap(args[0])) : updatePath(unwrappedStore, args);
+    });
   }
   return [wrappedStore, setStore];
 }
@@ -193,18 +200,14 @@ const proxyTraps = {
     if (property === solidJs.$PROXY) return receiver;
     const value = target[property];
     if (property === $NODE || property === "__proto__") return value;
-    const wrappable = isWrappable(value);
+    if (property === solidJs.$TRACK) return trackSelf(target);
     if (solidJs.getListener() && (typeof value !== "function" || target.hasOwnProperty(property))) {
-      let nodes, node;
-      if (wrappable && (nodes = getDataNodes(value))) {
-        node = nodes._ || (nodes._ = createDataNode());
-        node();
-      }
-      nodes = getDataNodes(target);
-      node = nodes[property] || (nodes[property] = createDataNode());
-      node();
+      const nodes = getDataNodes(target);
+      (nodes[property] || (nodes[property] = createDataNode()))();
+    } else if (value != null && value === Array.prototype[property]) {
+      return (...args) => solidJs.batch(() => Array.prototype[property].apply(target, args));
     }
-    return wrappable ? wrap(value) : value;
+    return isWrappable(value) ? wrap(value) : value;
   },
   set(target, property, value) {
     setProperty(target, property, unwrap(value));
@@ -326,9 +329,9 @@ function reconcile(value, options = {}) {
         v = unwrap(value);
   return state => {
     if (!isWrappable(state) || !isWrappable(v)) return v;
-    applyState(v, {
+    solidJs.batch(() => applyState(v, {
       state
-    }, "state", merge, key);
+    }, "state", merge, key));
     return state;
   };
 }

package/store/dist/store.js

@@ -1,4 +1,4 @@
-import { $PROXY, getListener, batch, createSignal } from 'solid-js';
+import { $PROXY, $TRACK, getListener, batch, createSignal } from 'solid-js';
 
 const $RAW = Symbol("store-raw"),
       $NODE = Symbol("store-node"),
@@ -64,11 +64,14 @@ function proxyDescriptor(target, property) {
   desc.get = () => target[$PROXY][property];
   return desc;
 }
-function ownKeys(target) {
+function trackSelf(target) {
   if (getListener()) {
     const nodes = getDataNodes(target);
     (nodes._ || (nodes._ = createDataNode()))();
   }
+}
+function ownKeys(target) {
+  trackSelf(target);
   return Reflect.ownKeys(target);
 }
 function createDataNode() {
@@ -85,18 +88,12 @@ const proxyTraps$1 = {
     if (property === $PROXY) return receiver;
     const value = target[property];
     if (property === $NODE || property === "__proto__") return value;
-    const wrappable = isWrappable(value);
+    if (property === $TRACK) return trackSelf(target);
     if (getListener() && (typeof value !== "function" || target.hasOwnProperty(property))) {
-      let nodes, node;
-      if (wrappable && (nodes = getDataNodes(value))) {
-        node = nodes._ || (nodes._ = createDataNode());
-        node();
-      }
-      nodes = getDataNodes(target);
-      node = nodes[property] || (nodes[property] = createDataNode());
-      node();
+      const nodes = getDataNodes(target);
+      (nodes[property] || (nodes[property] = createDataNode()))();
     }
-    return wrappable ? wrap$1(value) : value;
+    return isWrappable(value) ? wrap$1(value) : value;
   },
   set() {
     return true;
@@ -111,16 +108,14 @@ function setProperty(state, property, value) {
   if (state[property] === value) return;
   const array = Array.isArray(state);
   const len = state.length;
-  const isUndefined = value === undefined;
-  const notify = array || isUndefined === property in state;
-  if (isUndefined) {
+  if (value === undefined) {
     delete state[property];
   } else state[property] = value;
   let nodes = getDataNodes(state),
       node;
   (node = nodes[property]) && node.$();
   if (array && state.length !== len) (node = nodes.length) && node.$();
-  notify && (node = nodes._) && node.$();
+  (node = nodes._) && node.$();
 }
 function mergeStoreNode(state, value) {
   const keys = Object.keys(value);
@@ -129,6 +124,15 @@ function mergeStoreNode(state, value) {
     setProperty(state, key, value[key]);
   }
 }
+function updateArray(current, next) {
+  let i = 0,
+      len = next.length;
+  for (; i < len; i++) {
+    const value = next[i];
+    if (current[i] !== value) setProperty(current, i, value);
+  }
+  setProperty(current, "length", len);
+}
 function updatePath(current, path, traversed = []) {
   let part,
       prev = current;
@@ -176,9 +180,12 @@ function updatePath(current, path, traversed = []) {
 }
 function createStore(store, options) {
   const unwrappedStore = unwrap(store || {});
+  const isArray = Array.isArray(unwrappedStore);
   const wrappedStore = wrap$1(unwrappedStore);
   function setStore(...args) {
-    batch(() => updatePath(unwrappedStore, args));
+    batch(() => {
+      isArray && args.length === 1 ? updateArray(unwrappedStore, unwrap(args[0])) : updatePath(unwrappedStore, args);
+    });
   }
   return [wrappedStore, setStore];
 }
@@ -189,18 +196,14 @@ const proxyTraps = {
     if (property === $PROXY) return receiver;
     const value = target[property];
     if (property === $NODE || property === "__proto__") return value;
-    const wrappable = isWrappable(value);
+    if (property === $TRACK) return trackSelf(target);
     if (getListener() && (typeof value !== "function" || target.hasOwnProperty(property))) {
-      let nodes, node;
-      if (wrappable && (nodes = getDataNodes(value))) {
-        node = nodes._ || (nodes._ = createDataNode());
-        node();
-      }
-      nodes = getDataNodes(target);
-      node = nodes[property] || (nodes[property] = createDataNode());
-      node();
+      const nodes = getDataNodes(target);
+      (nodes[property] || (nodes[property] = createDataNode()))();
+    } else if (value != null && value === Array.prototype[property]) {
+      return (...args) => batch(() => Array.prototype[property].apply(target, args));
     }
-    return wrappable ? wrap(value) : value;
+    return isWrappable(value) ? wrap(value) : value;
   },
   set(target, property, value) {
     setProperty(target, property, unwrap(value));
@@ -322,9 +325,9 @@ function reconcile(value, options = {}) {
         v = unwrap(value);
   return state => {
     if (!isWrappable(state) || !isWrappable(v)) return v;
-    applyState(v, {
+    batch(() => applyState(v, {
       state
-    }, "state", merge, key);
+    }, "state", merge, key));
     return state;
   };
 }

package/store/types/store.d.ts

@@ -11,6 +11,7 @@ export declare function isWrappable(obj: any): any;
 export declare function unwrap<T extends StoreNode>(item: any, set?: Set<unknown>): T;
 export declare function getDataNodes(target: StoreNode): any;
 export declare function proxyDescriptor(target: StoreNode, property: PropertyKey): PropertyDescriptor | undefined;
+export declare function trackSelf(target: StoreNode): void;
 export declare function ownKeys(target: StoreNode): (string | symbol)[];
 export declare function createDataNode(): Accessor<void> & {
     $: () => void;

package/types/index.d.ts

@@ -1,4 +1,4 @@
-export { createRoot, createSignal, createEffect, createRenderEffect, createComputed, createReaction, createDeferred, createSelector, createMemo, createResource, onMount, onCleanup, onError, untrack, batch, on, enableScheduling, enableExternalSource, startTransition, useTransition, refetchResources, createContext, useContext, children, getListener, getOwner, runWithOwner, equalFn, $DEVCOMP, $PROXY } from "./reactive/signal";
+export { createRoot, createSignal, createEffect, createRenderEffect, createComputed, createReaction, createDeferred, createSelector, createMemo, createResource, onMount, onCleanup, onError, untrack, batch, on, enableScheduling, enableExternalSource, startTransition, useTransition, createContext, useContext, children, getListener, getOwner, runWithOwner, equalFn, $DEVCOMP, $PROXY, $TRACK } from "./reactive/signal";
 export type { Accessor, Setter, Signal, Resource, ResourceReturn, ResourceFetcher, ResourceFetcherInfo, Context, ReturnTypes } from "./reactive/signal";
 export * from "./reactive/observable";
 export * from "./reactive/scheduler";

package/types/jsx.d.ts

@@ -58,7 +58,11 @@ export namespace JSX {
     };
     $ServerOnly?: boolean;
   }
+  type Accessor<T> = () => T
   interface Directives {}
+  interface DirectiveFunctions {
+    [x: string]: (el: Element, accessor: Accessor<any>) => void;
+  }
   interface ExplicitProperties {}
   interface ExplicitAttributes {}
   interface CustomEvents {}
@@ -66,6 +70,20 @@ export namespace JSX {
   type DirectiveAttributes = {
     [Key in keyof Directives as `use:${Key}`]?: Directives[Key];
   };
+  type DirectiveFunctionAttributes<T> = {
+    [K in keyof DirectiveFunctions as string extends K ? never : `use:${K}`]?: DirectiveFunctions[K] extends (
+      el: infer E, // will be unknown if not provided
+      ...rest: infer R // use rest so that we can check whether it's provided or not
+    ) => void
+      ? T extends E // everything extends unknown if E is unknown
+        ? R extends [infer A] // check if has accessor provided
+          ? A extends Accessor<infer V>
+            ? V // it's an accessor
+            : never // it isn't, type error
+          : true // no accessor provided
+        : never // T is the wrong element
+      : never; // it isn't a function
+  };
   type PropAttributes = {
     [Key in keyof ExplicitProperties as `prop:${Key}`]?: ExplicitProperties[Key];
   };
@@ -78,7 +96,7 @@ export namespace JSX {
   type OnCaptureAttributes<T> = {
     [Key in keyof CustomCaptureEvents as `oncapture:${Key}`]?: EventHandler<T, CustomCaptureEvents[Key]>;
   }
-  interface DOMAttributes<T> extends CustomAttributes<T>, DirectiveAttributes, PropAttributes, AttrAttributes, OnAttributes<T>, OnCaptureAttributes<T> {
+  interface DOMAttributes<T> extends CustomAttributes<T>, DirectiveAttributes, DirectiveFunctionAttributes<T>, PropAttributes, AttrAttributes, OnAttributes<T>, OnCaptureAttributes<T> {
     children?: Element;
     innerHTML?: string;
     innerText?: string | number;
@@ -1905,7 +1923,6 @@ export namespace JSX {
 
   interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
     accessKey?: string;
-    className?: string;
     class?: string;
     contenteditable?: boolean | "inherit";
     contextmenu?: string;
@@ -2206,7 +2223,6 @@ export namespace JSX {
     name?: string;
   }
   interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
-    htmlFor?: string;
     for?: string;
     form?: string;
   }
@@ -2293,7 +2309,6 @@ export namespace JSX {
   }
   interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
     form?: string;
-    htmlFor?: string;
     for?: string;
     name?: string;
   }
@@ -2467,7 +2482,6 @@ export namespace JSX {
   }
   interface StylableSVGAttributes {
     class?: string;
-    className?: string;
     style?: CSSProperties | string;
   }
   interface TransformableSVGAttributes {

package/types/reactive/signal.d.ts

@@ -2,6 +2,7 @@ import { requestCallback } from "./scheduler";
 import type { JSX } from "../jsx";
 export declare const equalFn: <T>(a: T, b: T) => boolean;
 export declare const $PROXY: unique symbol;
+export declare const $TRACK: unique symbol;
 export declare const $DEVCOMP: unique symbol;
 export declare const NOTPENDING: {};
 export declare var Owner: Owner | null;
@@ -70,7 +71,7 @@ export declare type RootFunction<T> = (dispose: () => void) => T;
  */
 export declare function createRoot<T>(fn: RootFunction<T>, detachedOwner?: Owner): T;
 export declare type Accessor<T> = () => T;
-export declare type Setter<T> = (undefined extends T ? (value?: undefined) => undefined : {}) & (<U extends T>(value: Exclude<U, Function> | ((prev: T) => U)) => U);
+export declare type Setter<T> = (undefined extends T ? () => undefined : {}) & (<U extends T>(value: Exclude<U, Function> | ((prev: T) => U)) => U);
 export declare type Signal<T> = [get: Accessor<T>, set: Setter<T>];
 export interface SignalOptions<T> extends MemoOptions<T> {
     internal?: boolean;
@@ -198,6 +199,7 @@ export declare function createMemo<Next extends _Next, Init = undefined, _Next =
 export interface Resource<T> extends Accessor<T> {
     loading: boolean;
     error: any;
+    latest: T | undefined;
 }
 export declare type ResourceActions<T> = {
     mutate: Setter<T>;
@@ -213,12 +215,10 @@ export declare type ResourceFetcherInfo<T> = {
 export declare type ResourceOptions<T> = undefined extends T ? {
     initialValue?: T;
     name?: string;
-    globalRefetch?: boolean;
     onHydrated?: <S, T>(k: S, info: ResourceFetcherInfo<T>) => void;
 } : {
     initialValue: T;
     name?: string;
-    globalRefetch?: boolean;
     onHydrated?: <S, T>(k: S, info: ResourceFetcherInfo<T>) => void;
 };
 /**
@@ -250,7 +250,6 @@ export declare function createResource<T, S = true>(fetcher: ResourceFetcher<S,
 export declare function createResource<T, S = true>(fetcher: ResourceFetcher<S, T>, options: ResourceOptions<T>): ResourceReturn<T>;
 export declare function createResource<T, S>(source: ResourceSource<S>, fetcher: ResourceFetcher<S, T>, options?: ResourceOptions<undefined>): ResourceReturn<T | undefined>;
 export declare function createResource<T, S>(source: ResourceSource<S>, fetcher: ResourceFetcher<S, T>, options: ResourceOptions<T>): ResourceReturn<T>;
-export declare function refetchResources(info?: unknown): Promise<any[]>;
 export interface DeferredOptions<T> {
     equals?: false | ((prev: T, next: T) => boolean);
     name?: string;