tungsten 0.2.7 → 0.2.9

package/dist/indexInner.d.ts

@@ -36,7 +36,6 @@ export { isDev } from './isDev.js';
 export { isProd } from './isProd.js';
 export { logAndReturn } from './logAndReturn.js';
 export * from './requests/index.js';
-export * from './react-zone.jsx';
 export { registerGlobalData, type GlobalData, type GlobalDataFunction } from './routing/registerGlobalData.js';
 export * from './routing/MatchedRoute.jsx';
 export * from './routing/RedirectCode.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

@@ -45,7 +45,7 @@ export { isProd } from "./isProd.js";
 export { logAndReturn } from "./logAndReturn.js";
 //export * from './RenderRoutes.js' // maybe we won't use render routes, instead Router and Route
 export * from "./requests/index.js";
-export * from "./react-zone.js";
+//export * from './zones/react.jsx'
 export { registerGlobalData } from "./routing/registerGlobalData.js";
 export * from "./routing/MatchedRoute.js";
 export * from "./routing/RedirectCode.js";

package/dist/update/UpdateScheduler.d.ts

@@ -0,0 +1,17 @@
+export type ScheduledWork = () => void | Promise<void>;
+export declare class UpdateScheduler {
+    #private;
+    readonly maxPasses: number;
+    constructor(maxPasses?: number);
+    enqueueUpdate(key: object, run: ScheduledWork, description: string): void;
+    enqueueTask(run: ScheduledWork, description: string): void;
+    trackWork(run: () => unknown, description: string): void;
+    resolved(): Promise<void>;
+    private resolvePending;
+    private run;
+    private recordError;
+    private throwRecordedError;
+    cancelPending(): void;
+    dispose(): void;
+}
+//# sourceMappingURL=UpdateScheduler.d.ts.map

package/dist/update/UpdateScheduler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateScheduler.d.ts","sourceRoot":"","sources":["../../src/update/UpdateScheduler.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;AAOtD,qBAAa,eAAe;;IAOxB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;gBAEd,SAAS,SAAM;IAI3B,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI;IAKzE,WAAW,CAAC,GAAG,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI;IAK1D,SAAS,CAAC,GAAG,EAAE,MAAM,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI;IAsBxD,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;YAQX,cAAc;YA6Bd,GAAG;IAQjB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,kBAAkB;IAQ1B,aAAa,IAAI,IAAI;IAKrB,OAAO,IAAI,IAAI;CAMlB"}

package/dist/update/UpdateScheduler.js

@@ -0,0 +1,113 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
+function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
+var _updates = /*#__PURE__*/new WeakMap();
+var _tasks = /*#__PURE__*/new WeakMap();
+var _promises = /*#__PURE__*/new WeakMap();
+var _error = /*#__PURE__*/new WeakMap();
+var _disposed = /*#__PURE__*/new WeakMap();
+var _resolving = /*#__PURE__*/new WeakMap();
+export class UpdateScheduler {
+  constructor(maxPasses = 100) {
+    _classPrivateFieldInitSpec(this, _updates, new Map());
+    _classPrivateFieldInitSpec(this, _tasks, []);
+    _classPrivateFieldInitSpec(this, _promises, new Set());
+    _classPrivateFieldInitSpec(this, _error, void 0);
+    _classPrivateFieldInitSpec(this, _disposed, false);
+    _classPrivateFieldInitSpec(this, _resolving, void 0);
+    _defineProperty(this, "maxPasses", void 0);
+    this.maxPasses = maxPasses;
+  }
+  enqueueUpdate(key, run, description) {
+    if (_classPrivateFieldGet(_disposed, this)) return;
+    if (!_classPrivateFieldGet(_updates, this).has(key)) _classPrivateFieldGet(_updates, this).set(key, {
+      run,
+      description
+    });
+  }
+  enqueueTask(run, description) {
+    if (_classPrivateFieldGet(_disposed, this)) return;
+    _classPrivateFieldGet(_tasks, this).push({
+      run,
+      description
+    });
+  }
+  trackWork(run, description) {
+    if (_classPrivateFieldGet(_disposed, this)) return;
+    let result;
+    try {
+      result = run();
+    } catch (error) {
+      this.recordError(error, description);
+      return;
+    }
+    if (result instanceof Promise || typeof result === 'object' && result !== null && 'then' in result) {
+      const promise = Promise.resolve(result).then(() => undefined, error => this.recordError(error, description)).finally(() => {
+        _classPrivateFieldGet(_promises, this).delete(promise);
+      });
+      _classPrivateFieldGet(_promises, this).add(promise);
+    }
+  }
+  resolved() {
+    if (_classPrivateFieldGet(_resolving, this) !== undefined) return _classPrivateFieldGet(_resolving, this);
+    _classPrivateFieldSet(_resolving, this, this.resolvePending().finally(() => {
+      _classPrivateFieldSet(_resolving, this, undefined);
+    }));
+    return _classPrivateFieldGet(_resolving, this);
+  }
+  async resolvePending() {
+    let passes = 0;
+    while (!_classPrivateFieldGet(_disposed, this) && (_classPrivateFieldGet(_tasks, this).length > 0 || _classPrivateFieldGet(_updates, this).size > 0 || _classPrivateFieldGet(_promises, this).size > 0)) {
+      passes++;
+      if (passes > this.maxPasses) {
+        throw new Error(`Tungsten testing scheduler exceeded ${this.maxPasses} passes. ` + 'A component lifecycle may be continuously queueing updates.');
+      }
+      const tasks = _classPrivateFieldGet(_tasks, this).splice(0);
+      for (const task of tasks) await this.run(task);
+      const updates = [..._classPrivateFieldGet(_updates, this).values()];
+      _classPrivateFieldGet(_updates, this).clear();
+      for (const update of updates) await this.run(update);
+      if (_classPrivateFieldGet(_promises, this).size > 0) {
+        await Promise.all([..._classPrivateFieldGet(_promises, this)]);
+      }
+      this.throwRecordedError();
+    }
+    this.throwRecordedError();
+  }
+  async run(work) {
+    try {
+      await work.run();
+    } catch (error) {
+      this.recordError(error, work.description);
+    }
+  }
+  recordError(error, description) {
+    if (_classPrivateFieldGet(_error, this) !== undefined) return;
+    const message = error instanceof Error ? error.message : String(error);
+    _classPrivateFieldSet(_error, this, new Error(`Tungsten ${description} failed: ${message}`, {
+      cause: error
+    }));
+  }
+  throwRecordedError() {
+    if (_classPrivateFieldGet(_error, this) !== undefined) {
+      const error = _classPrivateFieldGet(_error, this);
+      _classPrivateFieldSet(_error, this, undefined);
+      throw error;
+    }
+  }
+  cancelPending() {
+    _classPrivateFieldGet(_updates, this).clear();
+    _classPrivateFieldGet(_tasks, this).length = 0;
+  }
+  dispose() {
+    _classPrivateFieldSet(_disposed, this, true);
+    _classPrivateFieldGet(_updates, this).clear();
+    _classPrivateFieldGet(_tasks, this).length = 0;
+    _classPrivateFieldGet(_promises, this).clear();
+  }
+}

package/dist/update/integrateUpdateVdom.d.ts

@@ -3,13 +3,16 @@ import { ContentNode, ContentNodeHtml, ContentNodeComponentAny } from '../Conten
 import { Instance } from '../Instance/Instance.js';
 import { TungstenElement } from '../TungstenElement.js';
 import { AnyComponent } from '../AnyComponent.js';
-import { RenderedContentNodeComponent } from '../RenderedContentNode.js';
+import { $ContentNull } from '../symbols.js';
+import { RenderedContentNode, RenderedContentNodeComponent } from '../RenderedContentNode.js';
 import { UpdateResult } from './UpdateResult.js';
+import type { TungstenBaseComponentType } from '../Components.jsx';
 export type TungstenHTMLElement = HTMLElement & {
     __tungsten_click_handler: (this: HTMLElement, ev: MouseEvent) => any;
     [key: string]: unknown;
 };
 export declare function integrateElementUpdateVdom(element: AnyComponent, newContent: ContentNode): Promise<UpdateResult>;
+export declare function deleteNodeIfRendered(node: $ContentNull | RenderedContentNode): void;
 export declare function processHtmlNode(node: ContentNodeHtml, parentNode: ContentNode): void;
 type CreateTungstenComponentArgs = {
     parent: TungstenElement;
@@ -18,5 +21,12 @@ type CreateTungstenComponentArgs = {
     domPointer: DomPointer;
 };
 export declare function createTungstenComponent({ parent, instance, node, domPointer }: CreateTungstenComponentArgs): Promise<RenderedContentNodeComponent>;
+export type MountedTungstenRoot<ComponentType extends TungstenBaseComponentType<any, any>> = {
+    component: InstanceType<ComponentType>;
+    openingComment: Comment;
+    closingComment: Comment;
+};
+export declare function createTungstenRootComponent<ComponentType extends TungstenBaseComponentType<any, any>>(RootComponent: ComponentType, props: InstanceType<ComponentType>['props'], routeParams: Record<string, string> | undefined, routeData: unknown, instance: Instance, container: HTMLElement): Promise<MountedTungstenRoot<ComponentType>>;
+export declare function deleteTungstenRoot(root: MountedTungstenRoot<TungstenBaseComponentType<any, any>>): void;
 export {};
 //# sourceMappingURL=integrateUpdateVdom.d.ts.map

package/dist/update/integrateUpdateVdom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"integrateUpdateVdom.d.ts","sourceRoot":"","sources":["../../src/update/integrateUpdateVdom.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EACH,WAAW,EAAwC,eAAe,EAElE,uBAAuB,EAG1B,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAKlD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAKjD,OAAO,EAKyB,4BAA4B,EAI3D,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAYhD,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC5C,wBAAwB,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,UAAU,KAAK,GAAG,CAAA;IACpE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACzB,CAAA;AAYD,wBAAsB,0BAA0B,CAC5C,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,GAC/C,OAAO,CAAC,YAAY,CAAC,CA0GvB;AAkmBD,wBAAgB,eAAe,CAAC,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,WAAW,QAkK7E;AAwUD,KAAK,2BAA2B,GAAG;IAC/B,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,uBAAuB,CAAC;IAE9B,UAAU,EAAE,UAAU,CAAA;CACzB,CAAA;AACD,wBAAsB,uBAAuB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,2BAA2B,GAC3G,OAAO,CAAC,4BAA4B,CAAC,CAU1C"}
+{"version":3,"file":"integrateUpdateVdom.d.ts","sourceRoot":"","sources":["../../src/update/integrateUpdateVdom.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EACH,WAAW,EAAwC,eAAe,EAElE,uBAAuB,EAG1B,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAKlD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAGjD,OAAO,EAAE,YAAY,EAAgB,MAAM,eAAe,CAAA;AAE1D,OAAO,EACe,mBAAmB,EAIT,4BAA4B,EAI3D,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAUhD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAA;AAGlE,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC5C,wBAAwB,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,UAAU,KAAK,GAAG,CAAA;IACpE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACzB,CAAA;AAYD,wBAAsB,0BAA0B,CAC5C,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,GAC/C,OAAO,CAAC,YAAY,CAAC,CA0GvB;AA+fD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,mBAAmB,QAuC5E;AAgED,wBAAgB,eAAe,CAAC,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,WAAW,QAkK7E;AA6VD,KAAK,2BAA2B,GAAG;IAC/B,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,uBAAuB,CAAC;IAE9B,UAAU,EAAE,UAAU,CAAA;CACzB,CAAA;AACD,wBAAsB,uBAAuB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,2BAA2B,GAC3G,OAAO,CAAC,4BAA4B,CAAC,CAU1C;AAED,MAAM,MAAM,mBAAmB,CAC3B,aAAa,SAAS,yBAAyB,CAAC,GAAG,EAAE,GAAG,CAAC,IACzD;IACA,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;IACtC,cAAc,EAAE,OAAO,CAAA;IACvB,cAAc,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,wBAAsB,2BAA2B,CAC7C,aAAa,SAAS,yBAAyB,CAAC,GAAG,EAAE,GAAG,CAAC,EAEzD,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,EAC3C,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,EAC/C,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,WAAW,GACvB,OAAO,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAgD7C;AAED,wBAAgB,kBAAkB,CAC9B,IAAI,EAAE,mBAAmB,CAAC,yBAAyB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,GAC/D,IAAI,CAON"}

package/dist/update/integrateUpdateVdom.js

@@ -393,7 +393,7 @@ async function updateHtmlElement(tungstenElement, instance, newNode, oldNode, do
   debug('updating html node', newNode[$type]);
   // !!!! update
   const domNode = oldNode.domNode;
-  updateAttributes(newNode, oldNode, domNode);
+  updateAttributes(tungstenElement, instance, newNode, oldNode, domNode);
   domPointer.increment();
   debug(`!!!!dom pointer index is`, domPointer.index, 'after updating html node');
   // !!! handle children
@@ -477,8 +477,9 @@ function moveDomNode(domNode, domPointer) {
   //console.log('moving domNode', domNode)
   if (domPointer.positionOf(domNode) !== domPointer.index) {
     //console.log('document.activeElement', document.activeElement, domNode ==  document.activeElement,  domNode ===  document.activeElement)
-    const hasFocus = domNode === document.activeElement;
-    const activeElement = document.activeElement;
+    const ownerDocument = domNode.ownerDocument;
+    const hasFocus = domNode === ownerDocument.activeElement;
+    const activeElement = ownerDocument.activeElement;
     if (domPointer.index >= domPointer.parent.childNodes.length) {
       //console.log('appending', domNode)
       domPointer.parent.appendChild(domNode);
@@ -493,7 +494,7 @@ function moveDomNode(domNode, domPointer) {
   }
   domPointer.increment();
 }
-function deleteNodeIfRendered(node) {
+export function deleteNodeIfRendered(node) {
   //console.log('-deleteNodeIfRendered', node)
   debug('-deleteNodeIfRendered', node);
   if (node !== $contentNull && !RenderedContentNodeIsNonRendered(node)) {
@@ -511,7 +512,10 @@ function deleteNodeIfRendered(node) {
       throwError('deleteNodeIfRendered', 'has been asked to remove the head node, this should not occur');
     } else if (RenderedContentNodeSingleIsHtml(node)) {
       debug('delete node html', node);
-      //node
+      deleteNodeIfRendered(node.renderedChildren);
+      if ('ref' in node[$props] && node[$props].ref?.current === node.domNode) {
+        node[$props].ref.current = null;
+      }
       node.domNode.remove();
     } else if (RenderedContentNodeSingleIsComponent(node)) {
       //console.log('***delete component', node.element.__currentContent)
@@ -578,7 +582,7 @@ function createComment({
 }) {
   debug('-createComment');
   //console.log('createComment', text)
-  const comment = document.createComment(text);
+  const comment = documentFromParent(domPointer.parent).createComment(text);
   if (domPointer.index >= domPointer.parent.childNodes.length) {
     domPointer.parent.appendChild(comment);
   } else {
@@ -727,7 +731,7 @@ function createLiteral(value, domPointer) {
   const text = String(value);
   debug('dom parent', domPointer.parent);
   debug('dom index', domPointer.index);
-  const textNode = document.createTextNode(text);
+  const textNode = documentFromParent(domPointer.parent).createTextNode(text);
   if (domPointer.parent.childNodes.length === domPointer.index) {
     domPointer.parent.appendChild(textNode);
   } else {
@@ -752,8 +756,8 @@ async function createHtmlElement(tungstenElement, instance, node, domPointer, pa
   //console.log('Process HTML El')
   processHtmlNode(node, parentNode);
   debug('-createHtmlElement', node);
-  const htmlEl = document.createElement(node[$type]);
-  addAttributes(node, htmlEl);
+  const htmlEl = documentFromParent(domPointer.parent).createElement(node[$type]);
+  addAttributes(tungstenElement, instance, node, htmlEl);
   if (node[$type] === 'head') {
     for (const el of instance.persistentHeadChildren) {
       htmlEl.appendChild(el.cloneNode(true));
@@ -801,7 +805,7 @@ async function createHtmlElement(tungstenElement, instance, node, domPointer, pa
 function removeAttribute(htmlElement, attr) {
   if (attr === 'checked') htmlElement.checked = false;else htmlElement.removeAttribute(attr);
 }
-function addAttributes(node, domNode) {
+function addAttributes(tungstenElement, instance, node, domNode) {
   //console.log('-addAttributes', node)
   const attributes = processAttributes(node);
   debug('attributes', attributes);
@@ -812,7 +816,7 @@ function addAttributes(node, domNode) {
       const eventName = htmlEvents[key];
       todo('addAttributes() warning - ensure type safety of event names');
       todo('addAttributes() warning - ensure type safety of event listener'); // we need to set all possible event listeners to take only EventListener funcs
-      const handler = attributes[key];
+      const handler = makeEventListener(tungstenElement, instance, eventName, attributes[key]);
       // // if its a button without type="submit", prevent default to stop it from submitting forms
       // const handler = (key === 'onClick' && node[$type] === 'button' && node[$props].type !== 'submit')
       //     ? (event: Event) => { event.preventDefault(); return (attributes[key] as EventListener)(event) } 
@@ -835,8 +839,7 @@ function addAttributes(node, domNode) {
   domNode.__tungsten_oldAttributes = attributes;
   return attributes;
 }
-const clickEvents = [['onClick', 'click']];
-function updateAttributes(node, oldNode, domNodeHTMLElement) {
+function updateAttributes(tungstenElement, instance, node, oldNode, domNodeHTMLElement) {
   //console.log('-updateAttributes node', node)
   //console.log('domNodeHTMLElement', domNodeHTMLElement)
   const domNode = domNodeHTMLElement;
@@ -853,8 +856,14 @@ function updateAttributes(node, oldNode, domNodeHTMLElement) {
   debug('oldAttributes', oldAttributes);
   for (const attr in oldAttributes) {
     if (!(attr in newAttributes)) {
-      debug('remove attr', attr);
-      removeAttribute(domNode, attr);
+      if (StringIsHtmlEvent(attr)) {
+        const eventName = htmlEvents[attr];
+        const listener = domNode[htmlEventHandlerKey(eventName)];
+        if (listener !== undefined) domNode.removeEventListener(eventName, listener);
+      } else {
+        debug('remove attr', attr);
+        removeAttribute(domNode, attr);
+      }
     }
   }
   // for (const attr of domNode.attributes) {
@@ -863,57 +872,48 @@ function updateAttributes(node, oldNode, domNodeHTMLElement) {
   //         removeAttribute(domNode, attr.name)
   //     }
   // }
-  //if (attributes.onClick !== undefined)
-  for (const [event, eventName] of clickEvents) {
-    if (newAttributes[event] === undefined) {
-      debug('remove event', eventName);
-      //!!
-      domNode.removeEventListener(eventName, domNode[htmlEventHandlerKey(eventName)]);
-    }
-  }
   for (const key in newAttributes) {
-    switch (key) {
-      case 'onClick':
-        {
-          debug('add onclick');
-          const clickHandlerKey = htmlEventHandlerKey('click');
-          debug('domNode.' + clickHandlerKey, domNode[clickHandlerKey]);
-          if ('clickHandlerKey' in domNode) {
-            domNode.removeEventListener('click', domNode[clickHandlerKey]);
-          }
-          // if its a button without type="submit", prevent default to stop it from submitting forms
-          const handler = newAttributes[key];
-          // const handler = (key === 'onClick' && node[$type] === 'button' && node[$props].type !== 'submit')
-          //     ? (event: Event) => { event.preventDefault(); return (attributes[key] as EventListener)(event) } 
-          //     : attributes[key] as EventListener
-          todo(`Ensure type safety on event listener`);
-          domNode.addEventListener('click', handler);
-          domNode[clickHandlerKey] = handler;
-          debug('added event handler', domNode[clickHandlerKey]);
-          break;
-        }
-      default:
-        {
-          //console.log('add/set attr', domNode, key, attributes[key], String(attributes[key]))
-          //if (domNode.tagName === 'input' || domNode.tagName === 'INPUT') continue
-          // try to set value directly for inputs that aren't updating with the below code
-          if (key === 'value') {
-            domNode.value = String(newAttributes[key]);
-          } else {
-            if (typeof newAttributes[key] === 'boolean') {
-              if (newAttributes[key]) domNode.setAttribute(key, '');else removeAttribute(domNode, key);
-            } else if (newAttributes[key] === undefined || newAttributes[key] === null) {
-              removeAttribute(domNode, key);
-            } else {
-              domNode.setAttribute(key, String(newAttributes[key]));
-            }
-          }
+    if (StringIsHtmlEvent(key)) {
+      const eventName = htmlEvents[key];
+      const listenerKey = htmlEventHandlerKey(eventName);
+      const oldHandler = oldAttributes?.[key];
+      if (oldHandler !== newAttributes[key]) {
+        const oldListener = domNode[listenerKey];
+        if (oldListener !== undefined) domNode.removeEventListener(eventName, oldListener);
+        const listener = makeEventListener(tungstenElement, instance, eventName, newAttributes[key]);
+        domNode.addEventListener(eventName, listener);
+        domNode[listenerKey] = listener;
+      }
+    } else {
+      //console.log('add/set attr', domNode, key, attributes[key], String(attributes[key]))
+      //if (domNode.tagName === 'input' || domNode.tagName === 'INPUT') continue
+      // try to set value directly for inputs that aren't updating with the below code
+      if (key === 'value') {
+        domNode.value = String(newAttributes[key]);
+      } else {
+        if (typeof newAttributes[key] === 'boolean') {
+          if (newAttributes[key]) domNode.setAttribute(key, '');else removeAttribute(domNode, key);
+        } else if (newAttributes[key] === undefined || newAttributes[key] === null) {
+          removeAttribute(domNode, key);
+        } else {
+          domNode.setAttribute(key, String(newAttributes[key]));
         }
+      }
     }
   }
   domNode.__tungsten_oldAttributes = newAttributes;
   return newAttributes;
 }
+function documentFromParent(parent) {
+  if (parent.nodeType === 9) return parent;
+  if (parent.ownerDocument === null) throw new Error('Tungsten DOM parent has no owner document.');
+  return parent.ownerDocument;
+}
+function makeEventListener(tungstenElement, instance, eventName, handler) {
+  return event => {
+    instance.trackWork(() => handler(event), `${tungstenElement.constructor.name} ${eventName} event handler`);
+  };
+}
 // const ignoreAttributes = {
 //     'ref': true,
 //     //'key': true
@@ -1001,6 +1001,64 @@ export async function createTungstenComponent({
   // need to set a domRegion
   // element.__domRegion = domRegion
 }
+export async function createTungstenRootComponent(RootComponent, props, routeParams, routeData, instance, container) {
+  const domPointer = new DomPointer(container, container.childNodes.length);
+  const domStartIndex = domPointer.index;
+  const component = new RootComponent({
+    props,
+    routeParams,
+    routeData,
+    instance,
+    parentElement: null
+  });
+  try {
+    await component.__init();
+    const content = await component.__initialContent();
+    const componentName = RootComponent.displayName ?? RootComponent.name;
+    const openingComment = createComment({
+      text: printComponentNamesInSource ? componentName : '',
+      domPointer
+    });
+    const renderedContent = await createNode({
+      tungstenElement: component,
+      instance,
+      newNode: content,
+      domPointer,
+      parentNode: null
+    });
+    const closingComment = createComment({
+      text: printComponentNamesInSource ? `/${componentName}` : '',
+      domPointer
+    });
+    component.__domRegion = new DomRegion(container, domStartIndex, domPointer.index - domStartIndex);
+    component.__currentContent = renderedContent;
+    component.__didMount();
+    return {
+      component,
+      openingComment,
+      closingComment
+    };
+  } catch (error) {
+    component.__delete();
+    while (container.childNodes.length > domStartIndex) {
+      container.removeChild(container.childNodes[domStartIndex]);
+    }
+    component.__deleted();
+    throw error;
+  }
+}
+export function deleteTungstenRoot(root) {
+  const {
+    component,
+    openingComment,
+    closingComment
+  } = root;
+  component.__delete();
+  deleteNodeIfRendered(component.__currentContent);
+  openingComment.remove();
+  closingComment.remove();
+  component.__deleted();
+}
 let cc = 0; // debugging aid
 async function createTungstenClassComponent(parent, instance, node, domPointer) {
   //console.log('creating tung class comp', node[$type].name)

package/dist/{react-zone.d.ts → zones/react.d.ts}

@@ -1,7 +1,7 @@
-import { TungstenSimpleComponent } from './Components.jsx';
-import { type TungstenElementRef } from './createRef.js';
-import type { CssNames } from './CssNames.js';
-import type { ContentNode } from './ContentNode.js';
+import { TungstenSimpleComponent } from '../Components.jsx';
+import { type TungstenElementRef } from '../createRef.js';
+import type { CssNames } from '../CssNames.js';
+import type { ContentNode } from '../ContentNode.js';
 export type ReactZoneComponent<Props extends object> = ((props: Props) => unknown) | (new (...args: any[]) => unknown);
 type ReactZoneRoot = {
     render(children: unknown): void;
@@ -50,4 +50,4 @@ export declare class ReactZone<Props extends object> extends TungstenSimpleCompo
     private reportError;
 }
 export {};
-//# sourceMappingURL=react-zone.d.ts.map
+//# sourceMappingURL=react.d.ts.map

package/dist/zones/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/zones/react.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAoB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAGpD,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,MAAM,IAC7C,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC,GAC3B,CAAC,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,CAAA;AAEvC,KAAK,aAAa,GAAG;IACjB,MAAM,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAA;IAC/B,OAAO,IAAI,IAAI,CAAA;CAClB,CAAA;AAED,KAAK,kBAAkB,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA;AAE7F,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE;QACH,SAAS,EAAE,GAAG,CAAA;QACd,aAAa,EAAE,kBAAkB,CAAA;KACpC,CAAA;IACD,MAAM,EAAE;QACJ,UAAU,CAAC,IAAI,EAAE,OAAO,GAAG,aAAa,CAAA;QACxC,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,aAAa,CAAA;KAC/D,CAAA;IACD,MAAM,EAAE;QACJ,cAAc,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAA;KAC5C,CAAA;CACJ,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,MAAM,IAAI;IAC/C,SAAS,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACpC,KAAK,EAAE,KAAK,CAAA;IACZ,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,OAAO,EAAE,gBAAgB,CAAA;CAC5B,CAAA;AAED,qBAAa,SAAS,CAAC,KAAK,SAAS,MAAM,CAAE,SAAQ,uBAAuB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/F,OAAO,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAqC;IAChF,SAAS,EAAE,aAAa,GAAG,SAAS,CAAA;IACpC,kBAAkB,EAAE,kBAAkB,GAAG,SAAS,CAAA;IAClD,aAAa,EAAE,OAAO,GAAG,SAAS,CAAA;IAClC,SAAS,UAAQ;IAEjB,OAAO,QAAa,OAAO,CAAC,WAAW,CAAC,CAsBvC;IAED,iBAAiB,QAAO,IAAI,CAG3B;IAED,kBAAkB,QAAO,IAAI,CAE5B;IAED,oBAAoB,QAAO,IAAI,CAM9B;IAED,OAAO,CAAC,UAAU;IAyBlB,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,WAAW;CAOtB"}

package/dist/{react-zone.js → zones/react.js}

@@ -1,9 +1,9 @@
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { TungstenSimpleComponent } from "./Components.js";
-import { createElementRef } from "./createRef.js";
-import { isServer } from "./isServer.js";
+import { TungstenSimpleComponent } from "../Components.js";
+import { createElementRef } from "../createRef.js";
+import { isServer } from "../isServer.js";
 import { jsx as _jsx } from "tungsten/jsxRuntime.js";
 export class ReactZone extends TungstenSimpleComponent {
   constructor(...args) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tungsten",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "description": "",
   "type": "module",
   "bin": {
@@ -9,7 +9,8 @@
   "main": "dist/index.js",
   "exports": {
     ".": "./dist/index.js",
-    "./react-zone": "./dist/react-zone.js",
+    "./react-zone": "./dist/zones/react.js",
+    "./testing": "./dist/testing/index.js",
     "./*": "./dist/*",
     "./types/*": "./types/*"
   },
@@ -123,13 +124,14 @@
     "eslint-import-resolver-typescript": "^2.7.1",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-no-type-assertion": "^1.3.0",
+    "happy-dom": "^20.10.6",
     "progress-webpack-plugin": "^1.0.16",
     "prop-types": "^15.8.1",
     "rimraf": "^5.0.10",
     "rmrf": "^2.0.4",
     "rollup-plugin-visualizer": "^5.14.0",
     "supertest": "^6.3.4",
-    "sxy-test-runner": "^1.4.3",
+    "sxy-test-runner": "^2.2.2",
     "sxy-types": "^1.0.23",
     "typescript": "^6.0.3",
     "webpack-bundle-analyzer": "^4.10.2",
@@ -161,6 +163,7 @@
     "build-ts-once": "tsc",
     "build-babel": "babel intermed --out-dir dist --ignore \"**/*.cjs\" --copy-files --config-file ./babel.framework.config.js --watch",
     "build-babel-once": "babel intermed --out-dir dist --ignore \"**/*.cjs\" --copy-files --config-file ./babel.framework.config.js",
-    "test": "sxy-test-runner"
+    "test": "sxy-test-runner",
+    "test-once": "sxy-test-runner once"
   }
 }