@estjs/template 0.0.16-beta.9 → 0.0.16

package/dist/template.dev.js

@@ -1,4 +1,4 @@
-import { getActiveScope, runWithScope, onCleanup, __objRest, createScope, disposeScope, __spreadValues, __async } from './chunk-W5LMSADN.dev.js';
+import { getActiveScope, runWithScope, onCleanup, __objRest, createScope, disposeScope, __async } from './chunk-R6JICOKI.dev.js';
 import { normalizeClassName, SPREAD_NAME, isObject, warn, startsWith, isSpecialBooleanAttr, isBooleanAttr, includeBooleanAttr, isSymbol, isString, isArray, kebabCase, camelCase, capitalize, HYDRATION_ANCHOR_ATTR, isBrowser, error, isPromise, isFunction, isOn, coerceArray } from '@estjs/shared';
 import { effect, shallowReactive, isSignal, isComputed, isReactive, signal } from '@estjs/signals';
 
@@ -1009,6 +1009,91 @@ function createComponent(componentFn, props) {
   }
   return new Component(componentFn, props);
 }
+
+// src/renderer.ts
+function template(html) {
+  let node;
+  const create = () => {
+    const template2 = document.createElement("template");
+    template2.innerHTML = html;
+    const firstChild = template2.content.firstChild;
+    if (!firstChild) {
+      throw new Error("Invalid template: empty content");
+    }
+    return firstChild;
+  };
+  return () => (node || (node = create())).cloneNode(true);
+}
+function createApp(component, target) {
+  const container = isString(target) ? document.querySelector(target) : target;
+  if (!container) {
+    {
+      warn(`Target element not found: ${target}`);
+    }
+    return;
+  }
+  const existingContent = container.innerHTML;
+  if (existingContent) {
+    {
+      warn(`Target element is not empty, it will be cleared: ${target}`);
+    }
+    container.innerHTML = "";
+  }
+  const scope = createScope();
+  let rootNode;
+  try {
+    runWithScope(scope, () => {
+      const mountedRoot = createComponent(component);
+      if (isComponent(mountedRoot)) {
+        rootNode = mountedRoot;
+        insertNode(container, mountedRoot);
+      }
+    });
+  } catch (error_) {
+    disposeScope(scope);
+    throw error_;
+  }
+  return {
+    root: rootNode,
+    unmount: () => {
+      disposeScope(scope);
+      rootNode == null ? void 0 : rootNode.destroy();
+    }
+  };
+}
+function hydrate(component, target) {
+  const container = isString(target) ? document.querySelector(target) : target;
+  if (!container) {
+    {
+      warn(`[essor] hydrate: target element not found: ${target}`);
+    }
+    return;
+  }
+  beginHydration(container);
+  const scope = createScope();
+  let rootNode;
+  try {
+    runWithScope(scope, () => {
+      const mountedRoot = createComponent(component);
+      if (isComponent(mountedRoot)) {
+        rootNode = mountedRoot;
+        insert(container, mountedRoot);
+      }
+    });
+  } catch (error_) {
+    disposeScope(scope);
+    throw error_;
+  } finally {
+    endHydration();
+  }
+  return {
+    root: rootNode,
+    unmount: () => {
+      disposeScope(scope);
+      rootNode == null ? void 0 : rootNode.destroy();
+    }
+  };
+}
 function provide(key, value) {
   const scope = getActiveScope();
   if (!scope) {
@@ -1041,186 +1126,6 @@ function inject(key, defaultValue) {
   }
   return defaultValue;
 }
-
-// src/renderer.ts
-var VERSION = typeof __VERSION__ === "string" ? __VERSION__ : "";
-var ENFORCE_ORDER = { pre: 0, default: 1, post: 2 };
-function template(html) {
-  let node;
-  const create = () => {
-    const template2 = document.createElement("template");
-    template2.innerHTML = html;
-    const firstChild = template2.content.firstChild;
-    if (!firstChild) {
-      throw new Error("Invalid template: empty content");
-    }
-    return firstChild;
-  };
-  return () => (node || (node = create())).cloneNode(true);
-}
-function createApp(component, arg) {
-  if (isString(arg) || arg instanceof Element) {
-    return buildApp(component).mount(arg);
-  }
-  return buildApp(component, arg);
-}
-function hydrate(component, target) {
-  return buildApp(component).hydrate(target);
-}
-function definePlugin(plugin) {
-  return plugin;
-}
-function buildApp(component, options) {
-  var _a2, _b;
-  const plugins = (_a2 = options == null ? void 0 : options.plugins) != null ? _a2 : [];
-  const config = __spreadValues({}, (_b = options == null ? void 0 : options.config) != null ? _b : {});
-  let mounted = false;
-  function mount(target, isHydrate) {
-    if (mounted) {
-      warn("App is already mounted");
-      return;
-    }
-    mounted = true;
-    const container = isString(target) ? document.querySelector(target) : target;
-    if (!container) {
-      {
-        warn(`[essor] ${isHydrate ? "hydrate" : "createApp"}: target element not found: ${target}`);
-      }
-      return;
-    }
-    if (!isHydrate && container.innerHTML) {
-      warn(`Target element is not empty, it will be cleared: ${target}`);
-      container.innerHTML = "";
-    }
-    const scope = createScope();
-    const mountHooks = [];
-    const seenNames = /* @__PURE__ */ new Set();
-    const seenRefs = /* @__PURE__ */ new Set();
-    let activePluginName;
-    let root;
-    function reportError(error4, info) {
-      if (config.errorHandler) config.errorHandler(info, error4);
-      else throw error4;
-    }
-    const ordered = plugins.map((entry, index) => ({ entry, index })).sort((a, b) => {
-      var _a3, _b2;
-      const pa = ENFORCE_ORDER[(_a3 = normalizePlugin(a.entry).enforce) != null ? _a3 : "default"];
-      const pb = ENFORCE_ORDER[(_b2 = normalizePlugin(b.entry).enforce) != null ? _b2 : "default"];
-      return pa - pb || a.index - b.index;
-    }).map((x) => x.entry);
-    function runSetup(plugin, opts) {
-      if (seenRefs.has(plugin) || seenNames.has(plugin.name)) {
-        warn(`Plugin "${plugin.name}" is already registered, skipping`);
-        return;
-      }
-      seenRefs.add(plugin);
-      seenNames.add(plugin.name);
-      activePluginName = plugin.name;
-      try {
-        const result = plugin.setup(ctx, opts);
-        if (result instanceof Promise) {
-          const pinned = plugin.name;
-          return result.catch((error4) => reportError(error4, { phase: "install", plugin: pinned })).finally(() => {
-            if (activePluginName === pinned) activePluginName = void 0;
-          });
-        }
-        activePluginName = void 0;
-        return result;
-      } catch (error4) {
-        activePluginName = void 0;
-        reportError(error4, { phase: "install", plugin: plugin.name });
-      }
-    }
-    const ctx = {
-      provide,
-      inject,
-      onMount: (fn) => void mountHooks.push(fn),
-      onCleanup,
-      warn(message) {
-        const info = { plugin: activePluginName };
-        if (config.warnHandler) config.warnHandler(info, message);
-        else warn(message);
-      },
-      error(message) {
-        throw new Error(message);
-      },
-      config,
-      version: VERSION
-    };
-    function finishMount() {
-      if (isHydrate) beginHydration(container);
-      try {
-        const node = createComponent(component);
-        if (isComponent(node)) {
-          root = node;
-          (isHydrate ? insert : insertNode)(container, node);
-        }
-      } finally {
-        if (isHydrate) endHydration();
-      }
-      for (const fn of mountHooks) {
-        try {
-          fn();
-        } catch (error4) {
-          reportError(error4, { phase: "mount" });
-        }
-      }
-      return {
-        root,
-        unmount() {
-          disposeScope(scope);
-          root == null ? void 0 : root.destroy();
-        }
-      };
-    }
-    let asyncTail;
-    try {
-      runWithScope(scope, () => {
-        for (const entry of ordered) {
-          const [plugin, opts] = unpack(entry);
-          if (asyncTail) {
-            asyncTail = asyncTail.then(
-              () => runWithScope(scope, () => {
-                const r = runSetup(plugin, opts);
-                return r instanceof Promise ? r : void 0;
-              })
-            );
-            continue;
-          }
-          const result = runSetup(plugin, opts);
-          if (result instanceof Promise) asyncTail = result;
-        }
-      });
-    } catch (error4) {
-      disposeScope(scope);
-      throw error4;
-    }
-    if (asyncTail) {
-      return asyncTail.then(() => runWithScope(scope, finishMount)).catch((error4) => {
-        disposeScope(scope);
-        throw error4;
-      });
-    }
-    try {
-      return runWithScope(scope, finishMount);
-    } catch (error4) {
-      disposeScope(scope);
-      throw error4;
-    }
-  }
-  const app = {
-    config,
-    mount: (target) => mount(target, false),
-    hydrate: (target) => mount(target, true)
-  };
-  return app;
-}
-function normalizePlugin(entry) {
-  return Array.isArray(entry) ? entry[0] : entry;
-}
-function unpack(entry) {
-  return Array.isArray(entry) ? [entry[0], entry[1]] : [entry, void 0];
-}
 function reTargetEvent(e, value) {
   Object.defineProperty(e, "target", {
     configurable: true,
@@ -2869,6 +2774,6 @@ function isTransitionGroup(node) {
   return !!node && !!node[TRANSITION_GROUP_COMPONENT];
 }
 
-export { Component, For, Fragment, Portal, Suspense, Transition, TransitionGroup, addEvent, addEventListener, beginHydration, bindElement, child, clearDelegatedEvents, consumeTeleportAnchor, consumeTeleportBlock, createApp, createComponent, createResource, defineAsyncComponent, definePlugin, delegateEvents, endHydration, getHydrationKey, getRenderedElement, hydrate, hydrationAnchor, hydrationMarker, inject, insert, isComponent, isFragment, isHydrating, isPortal, isSuspense, isTransition, isTransitionGroup, next, normalizeClass, nthChild, omitProps, onDestroy, onMount, onUpdate, patchAttr, patchAttrHydrate, patchClass, patchClassHydrate, patchStyle, patchStyleHydrate, provide, resetHydrationKey, setStyle, template };
+export { Component, For, Fragment, Portal, Suspense, Transition, TransitionGroup, addEvent, addEventListener, beginHydration, bindElement, child, clearDelegatedEvents, consumeTeleportAnchor, consumeTeleportBlock, createApp, createComponent, createResource, defineAsyncComponent, delegateEvents, endHydration, getHydrationKey, getRenderedElement, hydrate, hydrationAnchor, hydrationMarker, inject, insert, isComponent, isFragment, isHydrating, isPortal, isSuspense, isTransition, isTransitionGroup, next, normalizeClass, nthChild, omitProps, onDestroy, onMount, onUpdate, patchAttr, patchAttrHydrate, patchClass, patchClassHydrate, patchStyle, patchStyleHydrate, provide, resetHydrationKey, setStyle, template };
 //# sourceMappingURL=template.dev.js.map
 //# sourceMappingURL=template.dev.js.map