defuss 3.4.8 → 3.4.9

package/dist/index.cjs

@@ -52,25 +52,32 @@ const Reactive = ({
   cleanup,
   tag = "div",
   className,
-  ref = dom.createRef(),
+  ref: externalRef,
   ...props
 }) => {
-  const reactiveRef = ref || dom.createRef();
+  const reactiveRef = externalRef ?? dom.createRef();
   let cleanupFn;
-  return /* @__PURE__ */ dom.jsx(
-    "tag",
-    {
-      ref: reactiveRef,
-      class: className,
-      ...props,
-      onMount: () => {
-        cleanupFn = dom.reactive({ store, render, cleanup }, reactiveRef);
-      },
-      onUnmount: () => {
-        cleanupFn?.();
-      }
-    }
-  );
+  let isUnmounted = false;
+  const attrs = {
+    ref: reactiveRef
+  };
+  if (className) {
+    attrs.class = className;
+  }
+  Object.assign(attrs, props);
+  attrs.onMount = () => {
+    cleanupFn = dom.reactive({ store, render, cleanup }, reactiveRef);
+  };
+  attrs.onUnmount = () => {
+    if (isUnmounted) return;
+    isUnmounted = true;
+    cleanupFn?.();
+  };
+  return {
+    type: tag,
+    attributes: attrs,
+    children: []
+  };
 };
 
 const VARIABLE_REGEX = /{([^}]*)}/g;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { m as createRef, P as jsx, a0 as reactive, n as createStore, $, N as isRef } from './dom-_OdBXxSy.mjs';
+import { m as createRef, a0 as reactive, n as createStore, P as jsx, $, N as isRef } from './dom-_OdBXxSy.mjs';
 export { C as CAPTURE_ONLY_EVENTS, a as CLASS_ATTRIBUTE_NAME, b as CallChainImpl, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, c as DEFAULT_TRANSITION_CONFIG, F as Fragment, R as REF_ATTRIBUTE_NAME, X as XLINK_ATTRIBUTE_NAME, d as XMLNS_ATTRIBUTE_NAME, e as addElementEvent, f as applyStyles, g as areDomNodesEqual, h as checkElementVisibility, i as clearDelegatedEvents, j as clearDelegatedEventsDeep, k as clearElementEvents, l as createInPlaceErrorMessageVNode, o as deepEquals, p as dequery, q as domNodeToVNode, r as emptyImpl, s as getAllFormValues, t as getComponentInstance, u as getDefaultDequeryOptions, v as getEventMap, w as getMimeType, x as getRegisteredEventKeys, y as getRegisteredEventTypes, z as getRenderer, A as getTransitionStyles, B as globalScopeDomApis, E as handleLifecycleEventsForOnMount, G as htmlStringToVNodes, H as isComponentRoot, I as isDequery, J as isDequeryOptionsObject, K as isHTML, L as isJSX, M as isMarkup, O as isSVG, Q as jsxDEV, S as jsxs, T as nsMap, U as observeUnmount, V as parseDOM, W as parseEventPropName, Y as performTransition, Z as processAllFormElements, _ as queueCallback, a1 as registerComponent, a2 as registerDelegatedEvent, a3 as removeDelegatedEvent, a4 as removeDelegatedEventByKey, a5 as removeElementEvent, a6 as render, a7 as renderInto, a8 as renderIsomorphicAsync, a9 as renderIsomorphicSync, aa as renderMarkup, ab as replaceDomWithVdom, ac as scrollHelper, ad as shallowEquals, ae as unregisterComponent, af as updateDom, ag as updateDomWithVdom, ah as waitForDOM, ai as webstorage } from './dom-_OdBXxSy.mjs';
 export { m as mount, u as unmount } from './mount-BcFWqQDc.mjs';
 import 'defuss-runtime';
@@ -51,25 +51,32 @@ const Reactive = ({
   cleanup,
   tag = "div",
   className,
-  ref = createRef(),
+  ref: externalRef,
   ...props
 }) => {
-  const reactiveRef = ref || createRef();
+  const reactiveRef = externalRef ?? createRef();
   let cleanupFn;
-  return /* @__PURE__ */ jsx(
-    "tag",
-    {
-      ref: reactiveRef,
-      class: className,
-      ...props,
-      onMount: () => {
-        cleanupFn = reactive({ store, render, cleanup }, reactiveRef);
-      },
-      onUnmount: () => {
-        cleanupFn?.();
-      }
-    }
-  );
+  let isUnmounted = false;
+  const attrs = {
+    ref: reactiveRef
+  };
+  if (className) {
+    attrs.class = className;
+  }
+  Object.assign(attrs, props);
+  attrs.onMount = () => {
+    cleanupFn = reactive({ store, render, cleanup }, reactiveRef);
+  };
+  attrs.onUnmount = () => {
+    if (isUnmounted) return;
+    isUnmounted = true;
+    cleanupFn?.();
+  };
+  return {
+    type: tag,
+    attributes: attrs,
+    children: []
+  };
 };
 
 const VARIABLE_REGEX = /{([^}]*)}/g;

package/dist/mount-BN642QJz.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var dom = require('./dom-BMM8gF0l.cjs');
+
+function mount(container, Component, initialProps) {
+  while (container.firstChild) {
+    container.removeChild(container.firstChild);
+  }
+  const vnode = Component(initialProps);
+  dom.renderIsomorphicSync(vnode, container, globalThis);
+  dom.registerComponent(
+    container,
+    Component,
+    { ...initialProps }
+  );
+  if (container.parentNode) {
+    dom.observeUnmount(container, () => dom.unregisterComponent(container));
+  }
+  return container;
+}
+function unmount(container) {
+  dom.unregisterComponent(container);
+  while (container.firstChild) {
+    container.removeChild(container.firstChild);
+  }
+}
+
+exports.mount = mount;
+exports.unmount = unmount;

package/dist/mount-CN-P1rpv.mjs

@@ -0,0 +1,26 @@
+import { a9 as renderIsomorphicSync, a1 as registerComponent, U as observeUnmount, ae as unregisterComponent } from './dom-nGC6cuXP.mjs';
+
+function mount(container, Component, initialProps) {
+  while (container.firstChild) {
+    container.removeChild(container.firstChild);
+  }
+  const vnode = Component(initialProps);
+  renderIsomorphicSync(vnode, container, globalThis);
+  registerComponent(
+    container,
+    Component,
+    { ...initialProps }
+  );
+  if (container.parentNode) {
+    observeUnmount(container, () => unregisterComponent(container));
+  }
+  return container;
+}
+function unmount(container) {
+  unregisterComponent(container);
+  while (container.firstChild) {
+    container.removeChild(container.firstChild);
+  }
+}
+
+export { mount as m, unmount as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "defuss",
-  "version": "3.4.8",
+  "version": "3.4.9",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -43,13 +43,18 @@
     "pretest": "bun run build",
     "test:watch": "vitest --coverage",
     "test": "vitest run --coverage",
+    "pretest:browser": "bunx playwright install chromium",
     "test:browser": "vitest run --config vitest.browser.config.ts",
+    "prebench:chromium": "bunx playwright install chromium",
     "kitchensink": "vitest run --config kitchensink/vitest.config.ts",
-    "bench": "vitest bench --config vitest.bench.config.ts",
-    "bench:browser": "vitest run --config vitest.browser.config.ts src/__benchmarks__/dom-benchmark.browser.test.tsx",
+    "bench": "vitest bench --run --config vitest.bench.config.ts",
+    "bench:browser": "vitest run --config vitest.bench-browser.config.ts src/__benchmarks__/dom-benchmark.browser.test.tsx",
+    "bench:ssr": "vitest run --config vitest.bench-browser.config.ts src/__benchmarks__/dom-benchmark.ssr.test.tsx",
+    "bench:chromium": "vitest run --config vitest.bench-chromium.config.ts src/__benchmarks__/dom-benchmark.browser.test.tsx",
+    "test:all": "bun run test && bun run test:browser && bun run bench && bun run bench:browser && bun run bench:ssr && bun run bench:chromium",
     "prebuild": "bun run clean",
     "build": "node scripts/build.mjs",
-    "prepublishOnly": "bun run build"
+    "prepublishOnly": "bun run build && bun run test:all"
   },
   "author": "Aron Homberg <info@aron-homberg.de>",
   "sideEffects": false,