defuss 2.1.11 → 3.2.0

package/dist/index.mjs

@@ -1,8 +1,9 @@
-import { s as createStore, t as isServer, l as createRef, $, k as isRef } from './dom-DzxptL4T.mjs';
-export { C as CLASS_ATTRIBUTE_NAME, S as Call, Y as CallChainImpl, Z as CallChainImplThenable, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, p as DEFAULT_TRANSITION_CONFIG, F as Fragment, R as REF_ATTRIBUTE_NAME, X as XLINK_ATTRIBUTE_NAME, a as XMLNS_ATTRIBUTE_NAME, L as addElementEvent, T as addNonChainedReturnCallNames, n as applyStyles, v as areDomNodesEqual, J as checkElementVisibility, N as clearElementEvents, a7 as createCall, a8 as createGetterSetterCall, c as createInPlaceErrorMessageVNode, a9 as createSubChain, a1 as delayedAutoStart, a2 as dequery, O as domNodeToVNode, W as emptyImpl, a0 as getAllFormValues, a5 as getDefaultDequeryOptions, K as getEventMap, H as getMimeType, U as getNonChainedReturnCallNames, g as getRenderer, m as getTransitionStyles, d as globalScopeDomApis, h as handleLifecycleEventsForOnMount, P as htmlStringToVNodes, a3 as isDequery, a4 as isDequeryOptionsObject, B as isHTML, i as isJSX, E as isMarkup, V as isNonChainedReturnCall, A as isSVG, j as jsx, f as jsxDEV, e as jsxs, a6 as mapArrayIndexAccess, o as observeUnmount, z as parseDOM, q as performTransition, I as processAllFormElements, Q as queueCallback, M as removeElementEvent, b as renderIsomorphicAsync, r as renderIsomorphicSync, G as renderMarkup, ac as renderNode, x as replaceDomWithVdom, ad as resolveNodes, ab as runWithTimeGuard, _ as scrollHelper, aa as subChainForNextAwait, ae as traverse, u as updateDom, w as updateDomWithVdom, y as waitForDOM, af as webstorage } from './dom-DzxptL4T.mjs';
+import { M as createStore, h as createRef, $, r as isRef } from './dom-BjFpmoeW.mjs';
+export { C as CAPTURE_ONLY_EVENTS, a as CLASS_ATTRIBUTE_NAME, N as Call, O as CallChainImpl, P as CallChainImplThenable, D as DANGEROUSLY_SET_INNER_HTML_ATTRIBUTE, b as DEFAULT_TRANSITION_CONFIG, F as Fragment, R as REF_ATTRIBUTE_NAME, X as XLINK_ATTRIBUTE_NAME, c as XMLNS_ATTRIBUTE_NAME, Q as addElementEvent, S as addNonChainedReturnCallNames, d as applyStyles, T as areDomNodesEqual, U as checkElementVisibility, e as clearDelegatedEvents, f as clearDelegatedEventsDeep, V as clearElementEvents, W as createCall, Y as createGetterSetterCall, g as createInPlaceErrorMessageVNode, Z as createSubChain, _ as createSyncCall, a0 as deepEquals, a1 as delayedAutoStart, a2 as dequery, a3 as domNodeToVNode, a4 as emptyImpl, a5 as getAllFormValues, i as getComponentInstance, a6 as getDefaultDequeryOptions, a7 as getEventMap, a8 as getMimeType, a9 as getNonChainedReturnCallNames, j as getRegisteredEventKeys, k as getRegisteredEventTypes, l as getRenderer, m as getTransitionStyles, n as globalScopeDomApis, o as handleLifecycleEventsForOnMount, aa as htmlStringToVNodes, p as isComponentRoot, ab as isDequery, ac as isDequeryOptionsObject, ad as isHTML, q as isJSX, ae as isMarkup, af as isNonChainedReturnCall, ag as isSVG, s as jsx, t as jsxDEV, u as jsxs, ah as mapArrayIndexAccess, v as nsMap, w as observeUnmount, ai as parseDOM, x as parseEventPropName, y as performTransition, aj as processAllFormElements, ak as queueCallback, z as registerComponent, A as registerDelegatedEvent, B as removeDelegatedEvent, E as removeDelegatedEventByKey, al as removeElementEvent, G as render, H as renderInto, I as renderIsomorphicAsync, J as renderIsomorphicSync, am as renderMarkup, an as renderNode, ao as replaceDomWithVdom, ap as resolveNodes, aq as runWithTimeGuard, ar as scrollHelper, as as shallowEquals, at as subChainForNextAwait, au as traverse, K as unregisterComponent, L as updateDom, av as updateDomWithVdom, aw as waitForDOM, ax as webstorage } from './dom-BjFpmoeW.mjs';
+export { m as mount, u as unmount } from './mount-OwEsrEgH.mjs';
 import 'defuss-runtime';
 
-const inDevMode = true;
+const inDevMode = typeof process !== "undefined" && process.env ? process.env.NODE_ENV !== "production" : false;
 
 const VARIABLE_REGEX = /{([^}]*)}/g;
 const DOUBLE_BRACE_REGEX = /\{\{([^}]*)\}\}/g;
@@ -31,7 +32,7 @@ const createI18n = () => {
     get language() {
       return language;
     },
-    changeLanguage(newLanguage) {
+    changeLanguage: (newLanguage) => {
       if (newLanguage !== language) {
         language = newLanguage;
         onLanguageChangeCallbacks.forEach((callback) => {
@@ -42,7 +43,7 @@ const createI18n = () => {
     // example usage of the t function with placeholders:
     // const translatedString = t('greeting', { name: 'John', age: '30' }, 'common');
     // this would replace placeholders {name} and {age} in the translation string with 'John' and '30' respectively.
-    t(path, replacements = {}) {
+    t: (path, replacements = {}) => {
       const languageData = translationsStore.get(language);
       if (!languageData) {
         return path;
@@ -67,7 +68,7 @@ const createI18n = () => {
       }
       return interpolate(template, replacements);
     },
-    loadLanguage(newLanguage, namespaceTranslations) {
+    loadLanguage: (newLanguage, namespaceTranslations) => {
       translationsStore.set(newLanguage, {
         ...translationsStore.get(newLanguage),
         ...namespaceTranslations
@@ -93,12 +94,12 @@ if (!globalThis.__defuss_i18n) {
   globalThis.__defuss_i18n = createI18n();
 }
 const i18n = globalThis.__defuss_i18n;
-const t = i18n.t.bind(i18n);
-const changeLanguage = i18n.changeLanguage.bind(i18n);
-const loadLanguage = i18n.loadLanguage.bind(i18n);
+const t = i18n.t;
+const changeLanguage = i18n.changeLanguage;
+const loadLanguage = i18n.loadLanguage;
 const getLanguage = () => i18n.language;
 
-const Trans = ({
+const createTrans = (i18n) => ({
   key,
   values,
   tag,
@@ -137,25 +138,92 @@ const Trans = ({
       onUnmount
     },
     // initially render
-    children: i18n.t(key, values)
+    children: [i18n.t(key, values)]
   };
 };
+const Trans = createTrans(i18n);
 const T = Trans;
 
 const tokenizePath = (path) => {
-  const paramNameRegexp = /:([^\/\.\\]+)/g;
+  const paramNameRegexp = /:([a-zA-Z0-9_]+)|\*/g;
   const groups = {};
   let groupIndex = 1;
-  const pattern = path.replace(paramNameRegexp, (_, paramName) => {
-    groups[paramName] = groupIndex++;
-    return "([^/.\\]+)";
-  });
+  const escapeRegex = (str) => str.replace(/[.+?^${}()|[\]\\]/g, "\\$&");
+  let pattern = "";
+  let lastIndex = 0;
+  let match;
+  while ((match = paramNameRegexp.exec(path)) !== null) {
+    const [fullMatch, paramName] = match;
+    const offset = match.index;
+    pattern += escapeRegex(path.slice(lastIndex, offset));
+    if (fullMatch === "*") {
+      groups["wildcard"] = groupIndex++;
+      pattern += "(.*)";
+    } else {
+      groups[paramName] = groupIndex++;
+      pattern += "([^/]+)";
+    }
+    lastIndex = offset + fullMatch.length;
+  }
+  pattern += escapeRegex(path.slice(lastIndex));
+  if (pattern.endsWith("/")) {
+    pattern = pattern.slice(0, -1) + "/?";
+  } else if (pattern !== "") {
+    pattern += "/?";
+  }
   return {
     groups,
     regexp: new RegExp(`^${pattern}$`)
   };
 };
-const matchRouteRegistrations = (routeRegistrations, actualPathName, haystackPathName) => {
+const parseParams = (str) => {
+  const params = {};
+  if (!str) return params;
+  const cleanStr = str.startsWith("?") || str.startsWith("#") ? str.slice(1) : str;
+  if (!cleanStr) return params;
+  const searchParams = new URLSearchParams(cleanStr);
+  for (const [key, value] of searchParams.entries()) {
+    params[key] = value;
+  }
+  return params;
+};
+const buildRouteRequest = (windowImpl, pathname, matched, matchedRoute, params = {}) => {
+  let protocol = "";
+  let domain = "";
+  let port = "";
+  let baseUrl = "";
+  let url = pathname;
+  let queryParams = {};
+  let hashParams = {};
+  if (windowImpl) {
+    const loc = windowImpl.location;
+    protocol = loc.protocol.replace(":", "");
+    domain = loc.hostname;
+    port = loc.port;
+    baseUrl = `${loc.protocol}//${loc.hostname}`;
+    if (loc.port) {
+      baseUrl += `:${loc.port}`;
+    }
+    url = loc.href;
+    queryParams = parseParams(loc.search);
+    hashParams = parseParams(loc.hash);
+  }
+  return {
+    match: matched,
+    matchedRoute,
+    protocol,
+    domain,
+    port,
+    baseUrl,
+    path: pathname,
+    url,
+    params,
+    queryParams,
+    hashParams
+  };
+};
+const matchRouteRegistrations = (routeRegistrations, actualPathName, haystackPathName, opts = {}, windowImpl) => {
+  const invokeHandler = opts.invokeHandler ?? true;
   for (const route of routeRegistrations) {
     if (haystackPathName && route.path !== haystackPathName) {
       continue;
@@ -163,37 +231,60 @@ const matchRouteRegistrations = (routeRegistrations, actualPathName, haystackPat
     if (route.exact && route.path !== actualPathName) {
       continue;
     }
-    const match = route.tokenizedPath.regexp.exec(actualPathName);
-    if (!match) continue;
+    const regexMatch = route.tokenizedPath.regexp.exec(actualPathName);
+    if (!regexMatch) {
+      continue;
+    }
     const params = {};
     for (const [paramName, groupIndex] of Object.entries(
       route.tokenizedPath.groups
     )) {
-      params[paramName] = match[groupIndex];
+      params[paramName] = regexMatch[groupIndex];
     }
-    const request = { url: actualPathName, params };
-    if (typeof route.handler === "function") {
+    const request = buildRouteRequest(
+      windowImpl,
+      actualPathName,
+      true,
+      route.path,
+      params
+    );
+    if (invokeHandler && typeof route.handler === "function") {
       route.handler(request);
     }
     return request;
   }
-  return false;
+  return buildRouteRequest(windowImpl, actualPathName, false, null);
 };
 const setupRouter = (config = {
   strategy: "page-refresh"
   // default
 }, windowImpl) => {
-  const routeRegistrations = [];
-  let currentPath = "";
+  const state = globalThis.__defuss_router_state__ ?? {
+    routeRegistrations: [],
+    currentRequest: null,
+    isReady: false,
+    pendingResolvers: [],
+    currentPath: "",
+    popAttached: false
+  };
+  const routeRegistrations = state.routeRegistrations;
   if (typeof window !== "undefined" && !windowImpl) {
     windowImpl = globalThis.__defuss_window || window;
   }
-  if (!windowImpl && !isServer()) {
-    console.warn("Router requires a Window API implementation!");
-  }
   if (windowImpl) {
-    currentPath = windowImpl.document.location.pathname;
+    state.currentPath = windowImpl.document.location.pathname;
   }
+  const resolveFromLocation = (invokeHandler) => {
+    const pathname = windowImpl?.document.location.pathname ?? "/";
+    state.currentRequest = matchRouteRegistrations(
+      routeRegistrations,
+      pathname,
+      void 0,
+      { invokeHandler },
+      windowImpl
+    );
+    return state.currentRequest;
+  };
   const api = {
     ...config,
     listeners: [],
@@ -214,22 +305,49 @@ const setupRouter = (config = {
       return api;
     },
     match(path) {
-      return matchRouteRegistrations(
+      const pathname = windowImpl?.document.location.pathname ?? "/";
+      const req = matchRouteRegistrations(
+        routeRegistrations,
+        pathname,
+        path,
+        { invokeHandler: false },
+        windowImpl
+      );
+      return req;
+    },
+    resolve(pathname) {
+      const actualPathname = pathname ?? windowImpl?.document.location.pathname ?? "/";
+      state.currentRequest = matchRouteRegistrations(
         routeRegistrations,
-        windowImpl.document.location.pathname,
-        path
+        actualPathname,
+        void 0,
+        { invokeHandler: false },
+        windowImpl
       );
+      return state.currentRequest;
+    },
+    getRequest() {
+      if (state.currentRequest) return state.currentRequest;
+      return resolveFromLocation(false);
     },
     navigate(newPath) {
       const strategy = api.strategy || "page-refresh";
-      const oldPath = currentPath;
+      const oldPath = state.currentPath;
       if (strategy === "page-refresh") {
-        document.location.href = newPath;
+        windowImpl.location.href = newPath;
       } else if (strategy === "slot-refresh") {
+        const pathname = newPath.split("?")[0].split("#")[0];
         if (typeof windowImpl !== "undefined") {
           windowImpl.history.pushState({}, "", newPath);
         }
-        currentPath = newPath;
+        state.currentPath = pathname;
+        state.currentRequest = matchRouteRegistrations(
+          routeRegistrations,
+          pathname,
+          void 0,
+          { invokeHandler: false },
+          windowImpl
+        );
         queueMicrotask(() => {
           for (const listener of api.listeners) {
             listener(newPath, oldPath);
@@ -243,19 +361,39 @@ const setupRouter = (config = {
     destroy() {
       if (windowImpl && api.strategy === "slot-refresh") {
         windowImpl.removeEventListener("popstate", handlePopState);
+        state.popAttached = false;
       }
     },
     attachPopStateHandler() {
-      if (windowImpl && api.strategy === "slot-refresh") {
+      if (windowImpl && api.strategy === "slot-refresh" && !state.popAttached) {
         windowImpl.addEventListener("popstate", handlePopState);
+        state.popAttached = true;
+      }
+    },
+    ready() {
+      if (state.isReady) {
+        return Promise.resolve();
+      }
+      return new Promise((resolve) => {
+        state.pendingResolvers.push(resolve);
+      });
+    },
+    setReady() {
+      if (state.isReady) return;
+      state.isReady = true;
+      resolveFromLocation(false);
+      for (const resolve of state.pendingResolvers) {
+        resolve();
       }
+      state.pendingResolvers = [];
     }
   };
   const handlePopState = (event) => {
     if (api.strategy === "slot-refresh" && windowImpl) {
       const newPath = windowImpl.document.location.pathname;
-      const oldPath = currentPath;
-      currentPath = newPath;
+      const oldPath = state.currentPath;
+      state.currentPath = newPath;
+      resolveFromLocation(false);
       queueMicrotask(() => {
         for (const listener of api.listeners) {
           listener(newPath, oldPath);
@@ -268,7 +406,21 @@ const setupRouter = (config = {
   }
   return api;
 };
-const Router = setupRouter();
+const ROUTER_GLOBAL_KEY = "__defuss_router__";
+const ROUTER_STATE_KEY = "__defuss_router_state__";
+if (!globalThis[ROUTER_STATE_KEY]) {
+  globalThis[ROUTER_STATE_KEY] = {
+    routeRegistrations: [],
+    currentRequest: null,
+    isReady: false,
+    pendingResolvers: [],
+    currentPath: "",
+    popAttached: false
+  };
+}
+const getRouterState = () => globalThis[ROUTER_STATE_KEY];
+const existingRouter = globalThis[ROUTER_GLOBAL_KEY];
+const Router = existingRouter ?? (globalThis[ROUTER_GLOBAL_KEY] = setupRouter());
 
 const Route = ({
   path,
@@ -280,7 +432,9 @@ const Route = ({
     path,
     exact: exact || false
   });
-  return router.match(path) ? Array.isArray(children) ? children[0] : null : null;
+  const req = router.match(path);
+  if (!req.match) return null;
+  return Array.isArray(children) ? children[0] : children || null;
 };
 
 const Redirect = ({
@@ -298,10 +452,12 @@ const Redirect = ({
 };
 
 const RouterSlotId = "router-slot";
+const ROUTER_SLOT_GUARD = Symbol.for("defuss.RouterSlot.guard");
 const RouterSlot = ({
   router = Router,
   children,
   RouterOutlet,
+  id,
   transitionConfig = {
     type: "fade",
     duration: 25,
@@ -311,22 +467,37 @@ const RouterSlot = ({
 }) => {
   const { tag, ...attributesWithoutTag } = attributes;
   const ref = createRef();
+  const slotId = id ?? RouterSlotId;
   router.strategy = "slot-refresh";
   router.attachPopStateHandler();
-  router.onRouteChange(async () => {
-    await $(ref).update(RouterOutlet(), transitionConfig);
-  });
-  if (document.getElementById(RouterSlotId)) {
+  const r = router;
+  if (!r[ROUTER_SLOT_GUARD]) {
+    r[ROUTER_SLOT_GUARD] = true;
+    let lastPath = window.location.pathname;
+    router.onRouteChange(async () => {
+      const currentPath = router.getRequest().path;
+      const isSamePath = currentPath === lastPath;
+      lastPath = currentPath;
+      await $(ref).update(
+        typeof RouterOutlet === "function" ? RouterOutlet() : [],
+        isSamePath ? void 0 : transitionConfig
+      );
+    });
+  }
+  if (document.getElementById(slotId)) {
     console.warn(
-      `It seems there's more than one <RouterSlot /> components defined as an element with id #${RouterSlotId} already exists in the DOM.`
+      `It seems there's more than one <RouterSlot /> components defined as an element with id #${slotId} already exists in the DOM.`
     );
   }
+  queueMicrotask(() => {
+    router.setReady();
+  });
   return {
-    children: RouterOutlet() || [],
+    children: [RouterOutlet() || []].flat(),
     type: attributes.tag || "div",
     attributes: {
       ...attributesWithoutTag,
-      id: RouterSlotId,
+      id: slotId,
       ref
     }
   };
@@ -345,72 +516,77 @@ const Async = ({
   onError
 }) => {
   let childrenToRender = children;
+  let updateToken = 0;
   const containerRef = createRef(
     function onSuspenseUpdate(state) {
-      try {
-        if (!containerRef.current) {
-          if (inDevMode) {
-            console.warn(
-              "Suspense container is not mounted yet, but a state update demands a render. State is:",
-              state
-            );
-          }
-          return;
+      const currentToken = ++updateToken;
+      if (!containerRef.current) {
+        if (inDevMode) {
+          console.warn(
+            "Suspense container is not mounted yet, but a state update demands a render. State is:",
+            state
+          );
         }
-        (async () => {
-          await $(containerRef.current).removeClass(
+        return;
+      }
+      void (async () => {
+        await $(containerRef.current).removeClass(loadingClassName || "suspense-loading").removeClass(loadedClassName || "suspense-loaded").removeClass(errorClassName || "suspense-error");
+        if (currentToken !== updateToken) return;
+        if (!children || state === "error") {
+          await $(containerRef.current).addClass(
+            errorClassName || "suspense-error"
+          );
+          if (currentToken !== updateToken) return;
+          await $(containerRef).jsx({
+            type: "div",
+            children: ["Loading error!"]
+          });
+        } else if (state === "loading") {
+          await $(containerRef.current).addClass(
             loadingClassName || "suspense-loading"
           );
-          await $(containerRef.current).removeClass(
+          if (currentToken !== updateToken) return;
+          if (containerRef.current && containerRef.current.childNodes.length === 0) {
+            if (fallback) {
+              await $(containerRef).jsx(fallback);
+            } else {
+              await $(containerRef.current).empty();
+            }
+          }
+        } else if (state === "loaded") {
+          await $(containerRef.current).addClass(
             loadedClassName || "suspense-loaded"
           );
-          await $(containerRef.current).removeClass(
-            errorClassName || "suspense-error"
-          );
-          if (!children || state === "error") {
-            await $(containerRef.current).addClass(
-              errorClassName || "suspense-error"
-            );
-            await $(containerRef).jsx({
-              type: "div",
-              children: ["Loading error!"]
-            });
-          } else if (state === "loading") {
-            await $(containerRef.current).addClass(
-              loadingClassName || "suspense-loading"
-            );
-            await $(containerRef).jsx(fallback);
-          } else if (state === "loaded") {
-            await $(containerRef.current).addClass(
-              loadedClassName || "suspense-loaded"
-            );
-            console.log("[Async render] start");
-            await $(containerRef).jsx(childrenToRender);
-            console.log("[Async render] finished");
-          }
-        })();
-      } catch (error) {
-        containerRef.update("error");
+          if (currentToken !== updateToken) return;
+          await $(containerRef).jsx(childrenToRender);
+        }
+      })().catch((error) => {
+        containerRef.updateState("error");
         containerRef.error = error;
         if (typeof onError === "function") {
           onError(error);
         }
-      }
+      });
     },
     "loading"
   );
   if (isRef(ref)) {
     let isInitial = true;
+    const outerUpdateState = ref.updateState.bind(ref);
     ref.updateState = (state) => {
+      outerUpdateState(state);
       if (!isInitial) {
         containerRef.updateState(state);
       }
     };
-    ref.updateState("loading");
+    outerUpdateState("loading");
     isInitial = false;
   }
   const promisedChildren = (Array.isArray(children) ? children : children ? [children] : []).map((vnode) => {
     try {
+      if (vnode instanceof Promise) {
+        return vnode;
+      }
       if (!vnode || vnode && !vnode.type) {
         return Promise.resolve("");
       }
@@ -428,20 +604,21 @@ const Async = ({
       if (typeof onError === "function") {
         onError(error);
       }
+      return null;
     }
   });
   const onMount = () => {
     if (promisedChildren.length) {
       containerRef.updateState("loading");
       Promise.all(promisedChildren).then((awaitedVnodes) => {
-        childrenToRender = awaitedVnodes.flatMap(
+        childrenToRender = awaitedVnodes.filter((vnode) => vnode != null).flatMap(
           (vnode) => vnode?.type === "Fragment" ? vnode.children : vnode
         );
         containerRef.updateState("loaded");
       }).catch((error) => {
         containerRef.updateState("error");
         containerRef.error = error;
-        {
+        if (inDevMode) {
           console.error("SuspenseLoadingError", error);
         }
         (async () => {
@@ -455,12 +632,18 @@ const Async = ({
   };
   return {
     type: "div",
-    attributes: { id, class: _class, className, ref: containerRef, onMount },
+    attributes: {
+      id,
+      class: _class,
+      className,
+      ref: containerRef,
+      onMount,
+      "data-defuss-keep": true
+      // Prevent sync DOM overwrite during updates
+    },
     children: fallback ? [fallback] : []
   };
 };
 const Suspense = Async;
 
-console.log(`defuss v${"2.1.11"}`);
-
-export { $, Async, Redirect, Route, Router, RouterSlot, RouterSlotId, Suspense, T, Trans, changeLanguage, createI18n, createRef, createStore, getLanguage, i18n, inDevMode, isRef, loadLanguage, matchRouteRegistrations, setupRouter, t, tokenizePath };
+export { $, Async, Redirect, Route, Router, RouterSlot, RouterSlotId, Suspense, T, Trans, changeLanguage, createI18n, createRef, createStore, createTrans, getLanguage, getRouterState, i18n, inDevMode, isRef, loadLanguage, matchRouteRegistrations, setupRouter, t, tokenizePath };

package/dist/mount--bdP_py-.cjs

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

package/dist/mount-5mGNlNE0.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var dom = require('./dom-B0mZwIcb.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-9aJ90VEy.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var dom = require('./dom-D00lHhSQ.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;