tungsten 0.4.13 → 0.4.14

package/dist/componentProxyHandlers.d.ts

@@ -1,36 +1,43 @@
-import { TungstenStatefulComponent, TungstenComponent } from './Components.jsx';
-type StatefulComponentWithState<State extends object> = TungstenStatefulComponent<any, State, any> | TungstenComponent<any, State, any>;
-type StatefulComponentAny = TungstenStatefulComponent<any, any, any> | TungstenComponent<any, any, any>;
+export type StateOwner = {
+    __initialized: boolean;
+    __signals: boolean;
+    __stateUpdated: () => void;
+    constructor: {
+        name: string;
+    };
+};
 export declare const $original: unique symbol;
 export declare const $ownerName: unique symbol;
-export declare const getStateProxyHandler: <State extends object>(element: StatefulComponentWithState<State>) => {
+export declare const getStateProxyHandler: <State extends object>(element: StateOwner) => {
     get: (obj: State, key: string | symbol) => unknown;
     set: (obj: State, key: string | symbol, value: unknown) => boolean;
     deleteProperty: (obj: State, key: string | symbol) => boolean;
     has(obj: State, key: string | symbol): boolean;
+    ownKeys(obj: State): (string | symbol)[];
 };
-declare const makeStateObjectProxyHandler: <O extends object>(element: StatefulComponentAny) => {
+declare const makeStateObjectProxyHandler: <O extends object>(element: StateOwner) => {
     get: (obj: O, key: string | symbol) => unknown;
     set: (obj: O, key: string | symbol, value: unknown) => boolean;
     deleteProperty: (obj: O, key: string | symbol) => boolean;
     has(obj: O, key: string | symbol): boolean;
+    ownKeys(obj: O): (string | symbol)[];
 };
-export declare const getStateObjectProxyHandler: <O extends object>(element: StatefulComponentAny) => ReturnType<typeof makeStateObjectProxyHandler<O>>;
-export declare const getStateArrayProxyHandler: (element: StatefulComponentAny) => {
+export declare const getStateObjectProxyHandler: <O extends object>(element: StateOwner) => ReturnType<typeof makeStateObjectProxyHandler<O>>;
+export declare const getStateArrayProxyHandler: (element: StateOwner) => {
     get: (arr: unknown[], key: string | symbol) => any;
     set: (arr: unknown[], key: string | symbol, value: unknown) => boolean;
     has(arr: unknown[], key: string | symbol): boolean;
     deleteProperty(arr: unknown[], key: string | symbol): boolean;
 };
-export declare const getStateMapProxyHandler: (element: StatefulComponentAny) => {
-    get: (map: Map<unknown, unknown>, key: string | symbol) => any;
+export declare const getStateMapProxyHandler: (element: StateOwner) => {
+    get: (map: Map<unknown, unknown>, key: string | symbol, receiver: unknown) => any;
     has(map: Map<unknown, unknown>, key: string | symbol): boolean;
 };
-export declare const getStateSetProxyHandler: (element: StatefulComponentAny) => {
-    get: (set: Set<unknown>, key: string | symbol) => any;
+export declare const getStateSetProxyHandler: (element: StateOwner) => {
+    get: (set: Set<unknown>, key: string | symbol, receiver: unknown) => any;
     has(set: Set<unknown>, key: string | symbol): boolean;
 };
-export declare function proxyObjectContent<O extends object>(element: StatefulComponentAny, object: O, adopted?: WeakMap<object, object>): void;
-export declare function proxyArrayContent<A extends unknown[]>(element: StatefulComponentAny, array: A, adopted?: WeakMap<object, object>): void;
+export declare function proxyObjectContent<O extends object>(element: StateOwner, object: O, adopted?: WeakMap<object, object>): void;
+export declare function proxyArrayContent<A extends unknown[]>(element: StateOwner, array: A, adopted?: WeakMap<object, object>): void;
 export {};
 //# sourceMappingURL=componentProxyHandlers.d.ts.map

package/dist/componentProxyHandlers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"componentProxyHandlers.d.ts","sourceRoot":"","sources":["../src/componentProxyHandlers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAO/E,KAAK,0BAA0B,CAAC,KAAK,SAAS,MAAM,IAC9C,yBAAyB,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,GAC1C,iBAAiB,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;AAExC,KAAK,oBAAoB,GAAG,yBAAyB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAEvG,eAAO,MAAM,SAAS,eAAqB,CAAA;AAC3C,eAAO,MAAM,UAAU,eAAsB,CAAA;AAE7C,eAAO,MAAM,oBAAoB,GAAI,KAAK,SAAS,MAAM,EACxD,SAAS,0BAA0B,CAAC,KAAK,CAAC;eAC5B,KAAK,OAAO,MAAM,GAAG,MAAM;eAQ3B,KAAK,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;0BAoChC,KAAK,OAAO,MAAM,GAAG,MAAM;aAQxC,KAAK,OAAO,MAAM,GAAG,MAAM;CAItC,CAAA;AAGF,QAAA,MAAM,2BAA2B,GAAI,CAAC,SAAS,MAAM,EAAE,SAAS,oBAAoB;eACrE,CAAC,OAAO,MAAM,GAAG,MAAM;eAQvB,CAAC,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;0BAmC5B,CAAC,OAAO,MAAM,GAAG,MAAM;aAQpC,CAAC,OAAO,MAAM,GAAG,MAAM;CAIlC,CAAA;AAuBF,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS,MAAM,EAAE,SAAS,oBAAoB,KACzC,UAAU,CAAC,OAAO,2BAA2B,CAAC,CAAC,CAAC,CAAC,CAAA;AAwFlG,eAAO,MAAM,yBAAyB,YArGyC,oBAAoB;eA+ChF,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;eA9B5B,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;aAkEpD,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;wBAIpB,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;CAcoB,CAAA;AA4D/E,eAAO,MAAM,uBAAuB,YAjK2C,oBAAoB;eAyGpF,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;aAiD7C,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;CAOmB,CAAA;AAsD3E,eAAO,MAAM,uBAAuB,YAvN2C,oBAAoB;eAqKpF,GAAG,CAAC,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;aA4CpC,GAAG,CAAC,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;CAM4B,CAAA;AAgC3E,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,GAAE,OAAO,CAAC,MAAM,EAAE,MAAM,CAAiB,GAC3F,IAAI,CA8BN;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EAAE,EACjD,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,GAAE,OAAO,CAAC,MAAM,EAAE,MAAM,CAAiB,GAC1F,IAAI,CA+BN"}
+{"version":3,"file":"componentProxyHandlers.d.ts","sourceRoot":"","sources":["../src/componentProxyHandlers.ts"],"names":[],"mappings":"AAYA,MAAM,MAAM,UAAU,GAAG;IACrB,aAAa,EAAE,OAAO,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,WAAW,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,SAAS,eAAqB,CAAA;AAC3C,eAAO,MAAM,UAAU,eAAsB,CAAA;AAuB7C,eAAO,MAAM,oBAAoB,GAAI,KAAK,SAAS,MAAM,EACxD,SAAS,UAAU;eACL,KAAK,OAAO,MAAM,GAAG,MAAM;eAS3B,KAAK,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;0BAoChC,KAAK,OAAO,MAAM,GAAG,MAAM;aAOxC,KAAK,OAAO,MAAM,GAAG,MAAM;iBAKvB,KAAK;CAIpB,CAAA;AAGF,QAAA,MAAM,2BAA2B,GAAI,CAAC,SAAS,MAAM,EAAE,SAAS,UAAU;eAC3D,CAAC,OAAO,MAAM,GAAG,MAAM;eASvB,CAAC,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;0BAmC5B,CAAC,OAAO,MAAM,GAAG,MAAM;aAOpC,CAAC,OAAO,MAAM,GAAG,MAAM;iBAKnB,CAAC;CAIhB,CAAA;AAuBF,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS,MAAM,EAAE,SAAS,UAAU,KAC/B,UAAU,CAAC,OAAO,2BAA2B,CAAC,CAAC,CAAC,CAAC,CAAA;AAwFlG,eAAO,MAAM,yBAAyB,YArG+B,UAAU;eA4C5D,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;eAjB5B,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM,SAAS,OAAO;aA2DpD,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;wBAKpB,OAAO,EAAE,OAAO,MAAM,GAAG,MAAM;CAUoB,CAAA;AAgE/E,eAAO,MAAM,uBAAuB,YArKiC,UAAU;eA2GhE,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM,YAAY,OAAO;aAmDhE,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;CAOmB,CAAA;AA8D3E,eAAO,MAAM,uBAAuB,YAnOiC,UAAU;eA0KhE,GAAG,CAAC,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM,YAAY,OAAO;aAmDvD,GAAG,CAAC,OAAO,CAAC,OAAO,MAAM,GAAG,MAAM;CAM4B,CAAA;AAgC3E,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,GAAE,OAAO,CAAC,MAAM,EAAE,MAAM,CAAiB,GACjF,IAAI,CA8BN;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EAAE,EACjD,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,GAAE,OAAO,CAAC,MAAM,EAAE,MAAM,CAAiB,GAChF,IAAI,CA+BN"}

package/dist/componentProxyHandlers.js

@@ -1,14 +1,34 @@
-import { KeyIsArrayMutatingFunction, KeyIsMapMutatingFunction, KeyIsSetMutatingFunction } from './mutatingFunctions.js';
+import { KeyIsArrayMutatingFunction, KeyIsMapMutatingFunction, KeyIsSetMutatingFunction, arrayMutatingFunctionInsertsFrom } from './mutatingFunctions.js';
 import { objectTypesToProxy } from './objectTypesToProxy.js';
 import { markChanged } from './stateTracking.js';
+import { ITERATE, notify, notifyAll, track, untracked } from './signals/tracking.js';
 export const $original = Symbol('original');
 export const $ownerName = Symbol('ownerName');
+// The one write path behind every trap: stamp for the props dirty check, wake the effects
+// tracking these keys, and wake the owner -- except a signals component, which is only ever
+// woken through its effect, so a write to a key its content never read does not re-render it.
+function changed(element, target, keys) {
+  markChanged(target);
+  notify(target, ...keys);
+  if (!element.__signals && element.__initialized) element.__stateUpdated();
+}
+// for bulk mutations (splice, sort, clear) where working out the affected keys costs more than waking everyone
+function changedAll(element, target) {
+  markChanged(target);
+  notifyAll(target);
+  if (!element.__signals && element.__initialized) element.__stateUpdated();
+}
+function isIndexOrLength(key) {
+  const c = key.charCodeAt(0);
+  return c >= 48 && c <= 57 || key === 'length';
+}
 export const getStateProxyHandler = element => ({
   get: (obj, key) => {
     if (key === '__original') return obj; // return the internal object if requested
     if (key === $original) return obj; // return the internal object if requested
     // owner?
     if (key === $ownerName) return element.constructor.name;
+    if (typeof key === 'string') track(obj, key);
     return obj[key]; // Proxy typing allowed accessing keys outside of the type.
     // So act on that obj as an object that accept all string | symbol keys
   },
@@ -16,6 +36,7 @@ export const getStateProxyHandler = element => ({
     //console.log('set in proxied state', key, obj)
     //set: (obj: State, key: string, value: unknown) => {
     //const isObject = (typeof value === 'object' && value !== null)
+    const added = !Object.prototype.hasOwnProperty.call(obj, key);
     if (Array.isArray(value)) {
       // arrays
       obj[key]
@@ -45,21 +66,24 @@ export const getStateProxyHandler = element => ({
     }
     //const varKey = key
     //this.__reactiveUpdate(varKey)
-    markChanged(obj); // stamp for the props dirty check
-    if (element.__initialized) element.__stateUpdated();
+    changed(element, obj, added ? [key, ITERATE] : [key]);
     return true;
   },
   deleteProperty: (obj, key) => {
     if (key in obj) {
       delete obj[key]; // we know key is in obj
-      markChanged(obj); // stamp for the props dirty check
-      if (element.__initialized) element.__stateUpdated();
+      changed(element, obj, [key, ITERATE]);
     }
     return true;
   },
   has(obj, key) {
     if (key === $original || key === '__original' || key === $ownerName) return true;
+    if (typeof key === 'string') track(obj, key);
     return key in obj;
+  },
+  ownKeys(obj) {
+    track(obj, ITERATE);
+    return Reflect.ownKeys(obj);
   }
 });
 // intercept get sna dsets within state objects to proxy child objects and trigger component updates
@@ -69,11 +93,13 @@ const makeStateObjectProxyHandler = element => ({
     if (key === $original) return obj; // return the internal object if requested
     // owner?
     if (key === $ownerName) return element.constructor.name;
+    if (typeof key === 'string') track(obj, key);
     return obj[key]; // Proxy typing allowed accessing keys outside of the type.
     // So act on that obj as an object that accept all string | symbol keys
   },
   set: (obj, key, value) => {
     //console.log('set in proxied object', key, obj)
+    const added = !Object.prototype.hasOwnProperty.call(obj, key);
     if (Array.isArray(value)) {
       // arrays
       obj[key]
@@ -103,21 +129,24 @@ const makeStateObjectProxyHandler = element => ({
     }
     //const varKey = key
     //this.__reactiveUpdate(varKey)
-    markChanged(obj); // stamp for the props dirty check
-    if (element.__initialized) element.__stateUpdated();
+    changed(element, obj, added ? [key, ITERATE] : [key]);
     return true;
   },
   deleteProperty: (obj, key) => {
     if (key in obj) {
       delete obj[key]; // we know key is in obj
-      markChanged(obj); // stamp for the props dirty check
-      if (element.__initialized) element.__stateUpdated();
+      changed(element, obj, [key, ITERATE]);
     }
     return true;
   },
   has(obj, key) {
     if (key === $original || key === '__original' || key === $ownerName) return true;
+    if (typeof key === 'string') track(obj, key);
     return key in obj;
+  },
+  ownKeys(obj) {
+    track(obj, ITERATE);
+    return Reflect.ownKeys(obj);
   }
 });
 /**
@@ -143,33 +172,28 @@ const getStateObjectProxyHandlerCached = perElement(makeStateObjectProxyHandler)
 export const getStateObjectProxyHandler = element => getStateObjectProxyHandlerCached(element); // eslint-disable-line @typescript-eslint/no-unsafe-type-assertion -- the generic only types the trap parameters; the handler itself is identical for every O
 // intercept calls to array prototype funcs that mutate the array, to trigger an update
 const makeStateArrayProxyHandler = element => {
+  // what an array slot ends up holding: data holders are proxied so later writes inside them are seen
+  const proxyValue = value => {
+    if (Array.isArray(value)) return proxyArray(value, element);
+    if (typeof value === 'object' && value !== null && objectTypesToProxy.includes(value.constructor.name) // ensure that it is an object literal or otherwise an approve object type
+    ) return proxyObject(value, element);
+    return value;
+  };
   const set = (arr, key, value) => {
     //console.log('set in proxied array', arr, key)
-    //if (typeof key === 'string') {
-    if (Array.isArray(value)) {
-      // arrays
-      // @ts-ignore // TS doesn't like us accessing array by string key
-      arr[key]
-      //= new Proxy(value, getStateArrayProxyHandler as ProxyHandler<unknown[]>) // if an array was set, proxy it too
-      = proxyArray(value, element);
-    } else if (typeof value === 'object' && value !== null
-    // && value.constructor.name === 'Object'
-    && objectTypesToProxy.includes(value.constructor.name) // ensure that it is an object literal or otherwise an approve object type
-    ) {
-      // plain objects
-      // @ts-ignore // TS doesn't like us accessing array by string key
-      arr[key]
-      //= new Proxy(value, getStateObjectProxyHandler) // if an plan object was set, proxy it too. If an object has a class other than Object, we'll leave it alone
-      = proxyObject(value, element);
-    } else {
-      arr[key] = value; // eslint-disable-line @typescript-eslint/no-unsafe-type-assertion
+    if (key === 'length') {
+      // truncation drops every index above the new length, so wake everyone
+      arr.length = value; // eslint-disable-line @typescript-eslint/no-unsafe-type-assertion
+      changedAll(element, arr);
+      return true;
     }
+    const appended = typeof key === 'string' && Number(key) >= arr.length;
+    arr[key] = proxyValue(value); // eslint-disable-line @typescript-eslint/no-unsafe-type-assertion
     // reactivity
     //const varKey = key
     //warn('__stateArrayProxyHandler set __reactiveUpdate key may overlap between strings and numbers')
     //this.__reactiveUpdate(String(varKey))
-    markChanged(arr); // stamp for the props dirty check
-    if (element.__initialized) element.__stateUpdated();
+    changed(element, arr, appended ? [key, 'length'] : [key]);
     return true;
   };
   return {
@@ -192,16 +216,22 @@ const makeStateArrayProxyHandler = element => {
         };else if (KeyIsArrayMutatingFunction(key)) {
           //console.log('yeah go')
           return (...args) => {
-            arr[key](
+            // inserted values become elements, so they need the same proxying as a set
+            const insertsFrom = arrayMutatingFunctionInsertsFrom[key];
+            if (insertsFrom !== undefined) {
+              for (let i = insertsFrom; i < args.length; i++) args[i] = proxyValue(args[i]);
+            }
+            // the method reads length and indexes itself; those reads must not subscribe anyone
+            const result = untracked(() => arr[key](
             // @ts-ignore -- don't wanna deal with args compatibility
-            ...args);
-            // reactivity
-            //const varKey = key
-            //this.__reactiveUpdate(varKey)
-            markChanged(arr); // stamp for the props dirty check
-            if (element.__initialized) element.__stateUpdated();
+            ...args));
+            changedAll(element, arr);
+            return result;
           };
         }
+        // iteration (map, for..of, includes) reads length and each index through the proxy,
+        // so tracking those is enough; method lookups themselves are not dependencies
+        else if (isIndexOrLength(key)) track(arr, key);
       }
       // @ts-ignore // TS doesn't like us accessing array by string key
       return arr[key];
@@ -209,67 +239,71 @@ const makeStateArrayProxyHandler = element => {
     set,
     has(arr, key) {
       if (key === $original || key === '__original' || key === $ownerName) return true;
+      if (typeof key === 'string' && isIndexOrLength(key)) track(arr, key);
       return key in arr;
     },
     deleteProperty(arr, key) {
       //console.log('proxy delete')
       const res = delete arr[key]; // eslint-disable-line @typescript-eslint/no-unsafe-type-assertion
-      if (element.__initialized) {
-        //console.log('proxy delete update')
-        markChanged(arr); // stamp for the props dirty check
-        element.__stateUpdated();
-      }
+      changed(element, arr, [key]);
       return res;
     }
   };
 };
 export const getStateArrayProxyHandler = perElement(makeStateArrayProxyHandler);
 // intercept calls to array prototype funcs that mutate the array, to trigger an update
+// Map methods run against the raw target (Map internals reject a proxy receiver), so reads
+// cannot be tracked through traps like an array's; each read method tracks explicitly instead.
 const makeStateMapProxyHandler = element => ({
-  get: (map, key) => {
+  get: (map, key, receiver) => {
     //console.log('map get', key)
     if (key === $original) return map; // return the internal object if requested
     // owner?
     if (key === $ownerName) return element.constructor.name;
+    if (key === Symbol.iterator) {
+      track(map, ITERATE);
+      return map[Symbol.iterator].bind(map);
+    }
     if (typeof key === 'string') {
       if (key === '__original') return map; // return the internal object if requested
       if (KeyIsMapMutatingFunction(key)) {
         //console.log('map mutating func called', key, map)
         if (key === 'set') {
           // SETTING - should we handle nested objects?
-          return (...args) => {
-            //console.log('map set')
-            map[key](
-            // @ts-ignore -- don't wanna deal with args compatibility
-            ...args);
-            // reactivity
-            //const varKey = key
-            //this.__reactiveUpdate(varKey)
-            markChanged(map); // stamp for the props dirty check
-            if (element.__initialized) element.__stateUpdated();
+          return (k, v) => {
+            map.set(k, v);
+            changed(element, map, [k, ITERATE]); // ITERATE: forEach/values see the new value
+            return receiver; // chaining, as the native method returns the map
+          };
+        } else if (key === 'delete') {
+          return k => {
+            const result = map.delete(k);
+            changed(element, map, [k, ITERATE]);
+            return result;
           };
         } else {
-          return (...args) => {
-            //console.log('map', key)
-            map[key](
-            // @ts-ignore -- don't wanna deal with args compatibility
-            ...args);
-            // reactivity
-            //const varKey = key
-            //this.__reactiveUpdate(varKey)
-            markChanged(map); // stamp for the props dirty check
-            if (element.__initialized) element.__stateUpdated();
+          return () => {
+            map.clear();
+            changedAll(element, map);
           };
         }
       }
+      if (key === 'get' || key === 'has') {
+        return k => {
+          track(map, k);
+          return map[key](k);
+        };
+      }
+      if (key === 'size') {
+        track(map, ITERATE);
+        return map.size;
+      }
+      if (key === 'forEach' || key === 'keys' || key === 'values' || key === 'entries') track(map, ITERATE);
     }
     // @ts-ignore // TS doesn't like us accessing array by string key
     const v = map[key];
     if (typeof v === 'function') return v.bind(map);
     return v;
-    // if (typeof map[key] === 'function') return map[key].bind(map)
-    // // @ts-ignore // TS doesn't like us accessing array by string key
-    // return map[key]
   },
   has(map, key) {
     if (key === $original || key === '__original' || key === $ownerName) return true;
@@ -278,42 +312,52 @@ const makeStateMapProxyHandler = element => ({
 });
 export const getStateMapProxyHandler = perElement(makeStateMapProxyHandler);
 // intercept calls to array prototype funcs that mutate the array, to trigger an update
+// see the Map handler: reads are tracked per method, not per trap
 const makeStateSetProxyHandler = element => ({
-  get: (set, key) => {
+  get: (set, key, receiver) => {
     //console.log('arr key', typeof key)
     if (key === $original) return set; // return the internal object if requested
     // owner?
     if (key === $ownerName) return element.constructor.name;
+    if (key === Symbol.iterator) {
+      track(set, ITERATE);
+      return set[Symbol.iterator].bind(set);
+    }
     if (typeof key === 'string') {
       if (key === '__original') return set; // return the internal object if requested
       if (KeyIsSetMutatingFunction(key)) {
         //console.log('set mutating func called', key, set)
         if (key === 'add') {
           // ADDING - should we handle nested objects?
-          return (...args) => {
-            set[key](
-            // @ts-ignore -- don't wanna deal with args compatibility
-            ...args);
-            // reactivity
-            //const varKey = key
-            //this.__reactiveUpdate(varKey)
-            markChanged(set); // stamp for the props dirty check
-            if (element.__initialized) element.__stateUpdated();
+          return v => {
+            set.add(v);
+            changed(element, set, [v, ITERATE]);
+            return receiver; // chaining, as the native method returns the set
+          };
+        } else if (key === 'delete') {
+          return v => {
+            const result = set.delete(v);
+            changed(element, set, [v, ITERATE]);
+            return result;
           };
         } else {
-          //console.log('set in proxied object', key, set)
-          return (...args) => {
-            set[key](
-            // @ts-ignore -- don't wanna deal with args compatibility
-            ...args);
-            // reactivity
-            //const varKey = key
-            //this.__reactiveUpdate(varKey)
-            markChanged(set); // stamp for the props dirty check
-            if (element.__initialized) element.__stateUpdated();
+          return () => {
+            set.clear();
+            changedAll(element, set);
           };
         }
       }
+      if (key === 'has') {
+        return v => {
+          track(set, v);
+          return set.has(v);
+        };
+      }
+      if (key === 'size') {
+        track(set, ITERATE);
+        return set.size;
+      }
+      if (key === 'forEach' || key === 'keys' || key === 'values' || key === 'entries') track(set, ITERATE);
     }
     // @ts-ignore // TS doesn't like us accessing array by string key
     const v = set[key];
@@ -326,7 +370,7 @@ const makeStateSetProxyHandler = element => ({
   }
 });
 export const getStateSetProxyHandler = perElement(makeStateSetProxyHandler);
-// export function proxyStateContent<O extends object>(element: StatefulComponentAny, object: O) {
+// export function proxyStateContent<O extends object>(element: StateOwner, object: O) {
 //     for (const key in object) {
 //         const value = object[key]
 //         if (typeof value === 'object' && value !== null) { // objects, including array

package/dist/hydrate/hydrate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hydrate.d.ts","sourceRoot":"","sources":["../../src/hydrate/hydrate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAQnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAmBxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAM7C,OAAO,EAAE,yBAAyB,EAAoD,MAAM,mBAAmB,CAAA;AAE/G,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAmBlD,OAAO,EAC4B,KAAK,uBAAuB,EAC9D,MAAM,oCAAoC,CAAA;AAQ3C,OAAO,0BAA0B,CAAA;AASjC,MAAM,MAAM,WAAW,GAAG;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,uBAAuB,EAAE,CAAA;IAGrC,WAAW,EAAE,OAAO,CAAA;CACvB,CAAA;AACD,wBAAgB,sBAAsB,IAAI,WAAW,CAEpD;AAID,wBAAsB,OAAO,CACzB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,yBAAyB,GAAG,IAAI,EAC/C,cAAc,EAAE,cAAc,iBA2DjC;AAyBD,wBAAsB,oBAAoB,CACtC,aAAa,SAAS,yBAAyB,CAAC,GAAG,EAAE,GAAG,CAAC,EAEzD,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,WAAW,EAIjB,KAAK,GAAE,YAAY,CAAC,aAAa,CAAC,CAAC,OAAO,CAAM,EAAE,sJAAsJ;AACxM,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACpC,SAAS,CAAC,EAAE,OAAO,GACpB,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CA6DtC"}
+{"version":3,"file":"hydrate.d.ts","sourceRoot":"","sources":["../../src/hydrate/hydrate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAQnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAmBxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAM7C,OAAO,EACH,yBAAyB,EAC5B,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAmBlD,OAAO,EAC4B,KAAK,uBAAuB,EAC9D,MAAM,oCAAoC,CAAA;AAQ3C,OAAO,0BAA0B,CAAA;AASjC,MAAM,MAAM,WAAW,GAAG;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,uBAAuB,EAAE,CAAA;IAGrC,WAAW,EAAE,OAAO,CAAA;CACvB,CAAA;AACD,wBAAgB,sBAAsB,IAAI,WAAW,CAEpD;AAID,wBAAsB,OAAO,CACzB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,yBAAyB,GAAG,IAAI,EAC/C,cAAc,EAAE,cAAc,iBA2DjC;AAyBD,wBAAsB,oBAAoB,CACtC,aAAa,SAAS,yBAAyB,CAAC,GAAG,EAAE,GAAG,CAAC,EAEzD,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,WAAW,EAIjB,KAAK,GAAE,YAAY,CAAC,aAAa,CAAC,CAAC,OAAO,CAAM,EAAE,sJAAsJ;AACxM,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACpC,SAAS,CAAC,EAAE,OAAO,GACpB,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CA6DtC"}

package/dist/hydrate/hydrate.js

@@ -9,7 +9,7 @@ import { DomRegion } from '../DomRegion.js';
 import { FunctionElement } from '../FunctionComponentStandIn.js';
 import { getStyledContentFromFunctionComponent } from '../getStyledContentFromFunctionComponent.js';
 import { StringIsHtmlEvent, htmlEvents } from '../htmlEvents.js';
-import { TungstenStatefulComponent } from "../Components.js";
+import { TungstenStatefulComponent, TungstenSignalsComponent } from "../Components.js";
 import { TungstenError } from '../TungstenError.js';
 import { Instance } from '../Instance/Instance.js';
 import { validChildren } from '../validChildren.js';
@@ -175,6 +175,8 @@ function handleRootTitle(rootElement) {
   if (typeof rootElement.title === 'function') {
     if (rootElement instanceof TungstenStatefulComponent) {
       rootElement.__instance.setDefaultTitle(rootElement.title(rootElement.props, rootElement.state).toString());
+    } else if (rootElement instanceof TungstenSignalsComponent) {
+      rootElement.__instance.setDefaultTitle(rootElement.title(rootElement.props, rootElement.signals).toString());
     } else {
       rootElement.__instance.setDefaultTitle(rootElement.title(rootElement.props, undefined).toString());
     }

package/dist/indexInner.d.ts

@@ -1,7 +1,7 @@
 export * from './TungstenAppOld.js';
 export { TungstenSimpleComponent, TungstenSimpleComponent as SimpleComponent, // static component
 TungstenStatefulComponent, TungstenStatefulComponent as StatefulComponent, // stateful component
-TungstenBaseSimpleStoreComponent, TungstenBaseSimpleStoreComponent as BaseSimpleStoreComponent, TungstenBaseStatefulStoreComponent, TungstenBaseStatefulStoreComponent as BaseStatefulStoreComponent, } from './Components.jsx';
+TungstenSignalsComponent as __TungstenSignalsComponent, TungstenSignalsComponent as __SignalsComponent, TungstenBaseSimpleStoreComponent, TungstenBaseSimpleStoreComponent as BaseSimpleStoreComponent, TungstenBaseStatefulStoreComponent, TungstenBaseStatefulStoreComponent as BaseStatefulStoreComponent, } from './Components.jsx';
 export * from './alive.js';
 export * from './appOutput.js';
 export * from './AssignedStyle.js';

package/dist/indexInner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"indexInner.d.ts","sourceRoot":"","sources":["../src/indexInner.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"indexInner.d.ts","sourceRoot":"","sources":["../src/indexInner.ts"],"names":[],"mappings":"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"}

package/dist/indexInner.js

@@ -4,6 +4,7 @@ export { TungstenSimpleComponent, TungstenSimpleComponent as SimpleComponent,
 // static component
 TungstenStatefulComponent, TungstenStatefulComponent as StatefulComponent,
 // stateful component
+TungstenSignalsComponent as __TungstenSignalsComponent, TungstenSignalsComponent as __SignalsComponent,
 //TungstenBaseStoreComponent as TungstenBaseStoreComponent, TungstenBaseStoreComponent as BaseStoreComponent,
 TungstenBaseSimpleStoreComponent, TungstenBaseSimpleStoreComponent as BaseSimpleStoreComponent, TungstenBaseStatefulStoreComponent, TungstenBaseStatefulStoreComponent as BaseStatefulStoreComponent } from "./Components.js";
 // other

package/dist/mutatingFunctions.d.ts

@@ -1,5 +1,6 @@
-export declare const arrayMutatingFunctions: readonly ["push", "pop", "shift", "unshift", "sort", "splice", "reverse"];
+export declare const arrayMutatingFunctions: readonly ["push", "pop", "shift", "unshift", "sort", "splice", "reverse", "fill", "copyWithin"];
 type ArrayMutatingFunctions = typeof arrayMutatingFunctions[number];
+export declare const arrayMutatingFunctionInsertsFrom: Partial<Record<ArrayMutatingFunctions, number>>;
 export declare const mapMutatingFunctions: readonly ["set", "delete", "clear"];
 type MapMutatingFunctions = typeof mapMutatingFunctions[number];
 export declare const setMutatingFunctions: readonly ["add", "delete", "clear"];

package/dist/mutatingFunctions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mutatingFunctions.d.ts","sourceRoot":"","sources":["../src/mutatingFunctions.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,sBAAsB,2EAA4E,CAAA;AAC/G,KAAK,sBAAsB,GAAG,OAAO,sBAAsB,CAAC,MAAM,CAAC,CAAA;AAEnE,eAAO,MAAM,oBAAoB,qCAAsC,CAAA;AACvE,KAAK,oBAAoB,GAAG,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAA;AAE/D,eAAO,MAAM,oBAAoB,qCAAsC,CAAA;AACvE,KAAK,oBAAoB,GAAG,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAA;AAE/D,wBAAgB,0BAA0B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,sBAAsB,CAGrF;AAED,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,oBAAoB,CAGjF;AAED,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,oBAAoB,CAGjF"}
+{"version":3,"file":"mutatingFunctions.d.ts","sourceRoot":"","sources":["../src/mutatingFunctions.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,sBAAsB,iGAEzB,CAAA;AACV,KAAK,sBAAsB,GAAG,OAAO,sBAAsB,CAAC,MAAM,CAAC,CAAA;AAGnE,eAAO,MAAM,gCAAgC,EAAE,OAAO,CAAC,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAE5F,CAAA;AAED,eAAO,MAAM,oBAAoB,qCAAsC,CAAA;AACvE,KAAK,oBAAoB,GAAG,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAA;AAE/D,eAAO,MAAM,oBAAoB,qCAAsC,CAAA;AACvE,KAAK,oBAAoB,GAAG,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAA;AAE/D,wBAAgB,0BAA0B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,sBAAsB,CAGrF;AAED,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,oBAAoB,CAGjF;AAED,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,oBAAoB,CAGjF"}

package/dist/mutatingFunctions.js

@@ -1,4 +1,10 @@
-export const arrayMutatingFunctions = ['push', 'pop', 'shift', 'unshift', 'sort', 'splice', 'reverse'];
+export const arrayMutatingFunctions = ['push', 'pop', 'shift', 'unshift', 'sort', 'splice', 'reverse', 'fill', 'copyWithin'];
+// index of the first argument that becomes an element, for the mutators that insert values
+export const arrayMutatingFunctionInsertsFrom = {
+  unshift: 0,
+  splice: 2,
+  fill: 0
+};
 export const mapMutatingFunctions = ['set', 'delete', 'clear'];
 export const setMutatingFunctions = ['add', 'delete', 'clear'];
 export function KeyIsArrayMutatingFunction(key) {

package/dist/render/processHead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"processHead.d.ts","sourceRoot":"","sources":["../../src/render/processHead.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAK7C,OAAO,EAAE,oBAAoB,EAAqB,MAAM,qBAAqB,CAAA;AAS7E,wBAAgB,WAAW,CACvB,QAAQ,EAAE,oBAAoB,EAC9B,QAAQ,EAAE,QAAQ,QA0NrB"}
+{"version":3,"file":"processHead.d.ts","sourceRoot":"","sources":["../../src/render/processHead.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAK7C,OAAO,EAAE,oBAAoB,EAAqB,MAAM,qBAAqB,CAAA;AAQ7E,wBAAgB,WAAW,CACvB,QAAQ,EAAE,oBAAoB,EAC9B,QAAQ,EAAE,QAAQ,QA6IrB"}

package/dist/render/processHead.js

@@ -3,7 +3,6 @@ import { clientFolder, componentCssFolder, componentCssFile } from '../settings.
 import { addImportMap } from './addImportMap.js';
 import { $props, $type } from '../contentNodeSymbols.js';
 import { windowGlobalEnvStatement } from 'tungsten/env/windowGlobalEnvStatement.js';
-import { frameworkDestLocation } from '../build/frameworkDestLocation.js';
 import { devErrorPageClearRetryScript } from '../Servers/devErrorPageAutoRetry.js';
 // process the tree returned by the root component
 // doing things like ensuring there is are html and head elements,
@@ -87,44 +86,16 @@ export function processHead(headNode, headData) {
       }
     };
     headNode[$props].children.unshift(clearErrorRetryScriptNode);
-    // Auto-reload / HMR. This has to stay a raw inline script rather than a real imported
-    // module: it fetches whichever file just recompiled via a computed, cache-busted
-    // import() call, and any dynamic import() with a non-literal argument anywhere in the
-    // framework's traced dependency graph makes the package-copying step that serves
-    // framework code to the browser throw (it requires every import specifier to be
-    // statically known so it can be rewritten/copied). Keeping this logic as untraced text
-    // sidesteps that. applyHmrModule.js itself has no dynamic imports, so it's safely
-    // reachable via a normal static import elsewhere (see hydrate.tsx) and gets copied
-    // there, then loaded here by computed URL. See tungsten/docs/hmr.md.
-    // Tier 1 (hmr: 'reload', or nothing left for Tier 2 to do): always full-reload. A
-    // simple, independent branch from Tier 2's logic - restored as an explicit config value
-    // so it's available as a one-line escape hatch if Tier 2 itself is misbehaving.
-    // The server sends its bootId as the first event on every connection (see
-    // handleLiveReloadStream). If sessionStorage already holds a different one, this
-    // connection is a reconnect to a process that restarted since the page loaded (e.g. via
-    // tungsten devmon on a framework rebuild) - EventSource retries silently on its own, so
-    // this is the only reliable signal that the page is now stale and needs reloading.
-    const bootIdReloadSnippet = `es.addEventListener('boot',function(ev){` + `var bootId=JSON.parse(ev.data).bootId;` + `var key='__tungsten_boot_id__';` + `var prev=sessionStorage.getItem(key);` + `sessionStorage.setItem(key,bootId);` + `if(prev!==null&&prev!==bootId){location.reload()}` + `});`;
-    const tier1OnlyScript = `(function(){` + `var es=new EventSource('${siteBasePath}/__tungsten_live_reload__');` + bootIdReloadSnippet + `es.addEventListener('css',function(){location.reload()});` + `es.addEventListener('js',function(){location.reload()});` + `})();`;
-    // Tier 2: attempt an in-place component/CSS hot-swap before falling back to a full
-    // reload. See tungsten/docs/hmr.md.
-    const tier2Script = `(function(){` + `var es=new EventSource('${siteBasePath}/__tungsten_live_reload__');` + `function fullReload(reason){console.info('[tungsten-hmr] full reload:',reason);location.reload()}` + `es.addEventListener('boot',function(ev){` + `var bootId=JSON.parse(ev.data).bootId;` + `var key='__tungsten_boot_id__';` + `var prev=sessionStorage.getItem(key);` + `sessionStorage.setItem(key,bootId);` + `if(prev!==null&&prev!==bootId){fullReload('dev server restarted')}` + `});` + `function loadHmr(){return import('${frameworkDestLocation}/hmr/applyHmrModule.js')}`
-    // CSS has no state to preserve, so re-applying it is always safe: refreshStylesheets()
-    // inserts the new link and only removes the old one once it's loaded, so there's no
-    // gap where nothing is applied (a plain href swap can produce a visible flash).
-    + `es.addEventListener('css',function(){` + `console.info('[tungsten-hmr] css change, refreshing stylesheets');` + `loadHmr().then(function(hmr){return Promise.all(hmr.refreshStylesheets())})` + `.catch(function(e){console.error('[tungsten-hmr] stylesheet refresh failed',e)});` + `});` + `es.addEventListener('js',function(ev){` + `var payload;` + `try{payload=JSON.parse(ev.data)}catch(e){fullReload('bad payload');return}` + `var files=(payload&&payload.files)||[];` + `if(files.length===0){fullReload('no files in payload');return}` + `console.info('[tungsten-hmr] fetching',files);` + `loadHmr().then(function(hmr){`
-    // a component's own inline style block piggybacks on this same JS pipeline (it
-    // lives in the .tsx/.jsx source, not a separate .css file), so refresh stylesheets
-    // here too rather than only on a dedicated 'css' event - independently of the
-    // component swap below, so a stylesheet load error doesn't force a full reload.
-    + `Promise.all(hmr.refreshStylesheets())` + `.catch(function(e){console.error('[tungsten-hmr] stylesheet refresh failed',e)});` + `return Promise.all(files.map(function(f){return import(f+'?t='+Date.now())}))` + `.then(function(modules){` + `return Promise.all(modules.map(function(m,i){return hmr.applyHmrModule(m,files[i])}))` + `})` + `})` + `.then(function(results){` + `console.info('[tungsten-hmr] results',results);` + `if(results.some(function(r){return r&&r.orphaned})){fullReload('a component export was renamed or removed');return}` + `if(!results.some(function(r){return r&&r.matched}))fullReload('no matching live component found')` + `})` + `.catch(function(e){console.error('[tungsten-hmr] swap failed',e);fullReload('error during swap')});` + `});` + `})();`;
-    // hmr === false: no live-reload script at all (auto-refresh fully disabled).
+    // Live reload / HMR: real modules in _client, copied untraced into .client by
+    // createClientFiles (see the note atop _client/hmr.ts). hmr === true runs Tier 2 (hmr.js),
+    // 'reload' the always-full-reload Tier 1 (liveReload.js), false injects nothing.
     if (hmr !== false) {
       const liveReloadScriptNode = {
         [$type]: 'script',
         [$props]: {
           'data--t-internal': undefined,
-          children: hmr === true ? tier2Script : tier1OnlyScript
+          type: 'module',
+          src: `${siteBasePath}/${clientFolder}/${hmr === true ? 'hmr.js' : 'liveReload.js'}`
         }
       };
       headNode[$props].children.unshift(liveReloadScriptNode);