@dooboostore/simple-web-component 1.0.37 → 1.0.38

package/dist/esm/elements/SwcApp.js

@@ -4,321 +4,209 @@ var __decorate = function(decorators, target, key, desc) {
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { elementDefine, findAllLifecycleMetadata, getSubscribeSwcAppMessageWhileConnectedMetadata, getSubscribeSwcAppRouteChangeWhileConnectedMetadata, ON_CONNECTED_SWC_APP_METADATA_KEY } from "../decorators/index.js";
-import { SwcAppEngine } from "../SwcAppEngine.js";
-import { debounceTimeIntervalLock, FunctionUtils } from "@dooboostore/core";
-import { SwcUtils } from "../utils/Utils.js";
-const isSSR = (i) => {
-  return i.hasAttribute("swc-use-ssr");
+import { elementDefine } from "../decorators/index.js";
+import { SwcAppMixin } from "./SwcAppMixin.js";
+import { createElement } from "../utils/Utils.js";
+const swcAppTagName = "swc-app";
+const SwcApp = (w, data) => {
+  return createElement(w, swcAppTagName, data);
 };
-const setSSRAttribute = (i) => {
-  i.setAttribute("swc-use-ssr", i._swcId ?? "");
+const defineSwcApp = async (w) => {
+  const existing = w.customElements.get(swcAppTagName);
+  if (existing)
+    return existing;
+  let SwcAppImpl = class SwcAppImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppImpl = __decorate([
+    elementDefine(swcAppTagName, { window: w })
+  ], SwcAppImpl);
+  return w.customElements.whenDefined(swcAppTagName);
+};
+const swcAppBodyTagName = "swc-app-body";
+const SwcAppBody = (w, data) => {
+  return createElement(w, swcAppBodyTagName, data);
+};
+const defineSwcAppBody = async (w) => {
+  const existing = w.customElements.get(swcAppBodyTagName);
+  if (existing)
+    return existing;
+  let SwcAppBodyImpl = class SwcAppBodyImpl extends SwcAppMixin(w.HTMLBodyElement) {
+  };
+  SwcAppBodyImpl = __decorate([
+    elementDefine(swcAppBodyTagName, { window: w, extends: "body" })
+  ], SwcAppBodyImpl);
+  return w.customElements.whenDefined(swcAppBodyTagName);
+};
+const swcAppDivTagName = "swc-app-div";
+const SwcAppDiv = (w, data) => {
+  return createElement(w, swcAppDivTagName, data);
+};
+const defineSwcAppDiv = async (w) => {
+  const existing = w.customElements.get(swcAppDivTagName);
+  if (existing)
+    return existing;
+  let SwcAppDivImpl = class SwcAppDivImpl extends SwcAppMixin(w.HTMLDivElement) {
+  };
+  SwcAppDivImpl = __decorate([
+    elementDefine(swcAppDivTagName, { window: w, extends: "div" })
+  ], SwcAppDivImpl);
+  return w.customElements.whenDefined(swcAppDivTagName);
+};
+const swcAppSectionTagName = "swc-app-section";
+const SwcAppSection = (w, data) => {
+  return createElement(w, swcAppSectionTagName, data);
+};
+const defineSwcAppSection = async (w) => {
+  const existing = w.customElements.get(swcAppSectionTagName);
+  if (existing)
+    return existing;
+  let SwcAppSectionImpl = class SwcAppSectionImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppSectionImpl = __decorate([
+    elementDefine(swcAppSectionTagName, { window: w, extends: "section" })
+  ], SwcAppSectionImpl);
+  return w.customElements.whenDefined(swcAppSectionTagName);
+};
+const swcAppMainTagName = "swc-app-main";
+const SwcAppMain = (w, data) => {
+  return createElement(w, swcAppMainTagName, data);
+};
+const defineSwcAppMain = async (w) => {
+  const existing = w.customElements.get(swcAppMainTagName);
+  if (existing)
+    return existing;
+  let SwcAppMainImpl = class SwcAppMainImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppMainImpl = __decorate([
+    elementDefine(swcAppMainTagName, { window: w, extends: "main" })
+  ], SwcAppMainImpl);
+  return w.customElements.whenDefined(swcAppMainTagName);
+};
+const swcAppArticleTagName = "swc-app-article";
+const SwcAppArticle = (w, data) => {
+  return createElement(w, swcAppArticleTagName, data);
+};
+const defineSwcAppArticle = async (w) => {
+  const existing = w.customElements.get(swcAppArticleTagName);
+  if (existing)
+    return existing;
+  let SwcAppArticleImpl = class SwcAppArticleImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppArticleImpl = __decorate([
+    elementDefine(swcAppArticleTagName, { window: w, extends: "article" })
+  ], SwcAppArticleImpl);
+  return w.customElements.whenDefined(swcAppArticleTagName);
+};
+const swcAppHeaderTagName = "swc-app-header";
+const SwcAppHeader = (w, data) => {
+  return createElement(w, swcAppHeaderTagName, data);
+};
+const defineSwcAppHeader = async (w) => {
+  const existing = w.customElements.get(swcAppHeaderTagName);
+  if (existing)
+    return existing;
+  let SwcAppHeaderImpl = class SwcAppHeaderImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppHeaderImpl = __decorate([
+    elementDefine(swcAppHeaderTagName, { window: w, extends: "header" })
+  ], SwcAppHeaderImpl);
+  return w.customElements.whenDefined(swcAppHeaderTagName);
 };
-const removeSSRAttribute = (i) => {
-  i.removeAttribute("swc-use-ssr");
+const swcAppFooterTagName = "swc-app-footer";
+const SwcAppFooter = (w, data) => {
+  return createElement(w, swcAppFooterTagName, data);
 };
-const tagName = "swc-app";
-var SwcApp_default = async (w) => {
-  const existing = w.customElements.get(tagName);
+const defineSwcAppFooter = async (w) => {
+  const existing = w.customElements.get(swcAppFooterTagName);
   if (existing)
     return existing;
-  let SwcApp = class SwcApp extends w.HTMLElement {
-    constructor() {
-      super(...arguments);
-      this.__swc_engine = new SwcAppEngine(this);
-      this._swc_connected_instance = /* @__PURE__ */ new Set();
-      this._routeChangeInvocations = 0;
-      this._connectedInvocations = 0;
-      this._connected_safari_and_standby = [];
-    }
-    get simpleApplication() {
-      return this.__swc_engine.simpleApplication;
-    }
-    get config() {
-      return this.__swc_engine?.config;
-    }
-    get router() {
-      return this.__swc_engine?.router;
-    }
-    async _invokeRouteChangeSubscribers(instance, re) {
-      if (instance.isConnected === false)
-        return;
-      this._routeChangeInvocations++;
-      if (this._childrenRouteChangedInterval) {
-        this.config.window.clearInterval(this._childrenRouteChangedInterval);
-      }
-      const intervalConfig = { setInterval: this.config.window.setInterval.bind(this.config.window), clearInterval: this.config.window.clearInterval.bind(this.config.window) };
-      this._childrenRouteChangedInterval = debounceTimeIntervalLock(
-        () => this._routeChangeInvocations === 0,
-        () => {
-          this._childrenRouteChangedInterval = null;
-          this.config.onChildrenRouteChanged?.(re, this);
-        },
-        this.config?.childrenConnectedDoneCheckIntervalTime ?? 30,
-        intervalConfig
-        // {setInterval: window.setInterval, clearInterval: window.clearInterval}
-      );
-      try {
-        const routeChangeSubscribers = getSubscribeSwcAppRouteChangeWhileConnectedMetadata(instance);
-        if (routeChangeSubscribers && Array.isArray(routeChangeSubscribers)) {
-          const ps = routeChangeSubscribers.map(async (metadata) => {
-            const methodName = metadata.propertyKey;
-            let pathPattern = metadata.options?.path;
-            const filter = metadata.options?.filter;
-            if (typeof pathPattern === "function") {
-              pathPattern = pathPattern(instance);
-            }
-            let pathMatched = false;
-            let pathData = null;
-            if (!pathPattern) {
-              pathMatched = true;
-              pathData = {};
-            } else if (Array.isArray(pathPattern)) {
-              for (const pattern of pathPattern) {
-                const data = SwcUtils.parsePathPattern(pattern, re.path || "/");
-                if (data !== null) {
-                  pathMatched = true;
-                  pathData = data;
-                  break;
-                }
-              }
-            } else {
-              pathData = SwcUtils.parsePathPattern(pathPattern, re.path || "/");
-              pathMatched = pathData !== null;
-            }
-            const filterPassed = !filter || filter(this.router, instance);
-            if (pathMatched && filterPassed && instance[methodName]) {
-              await instance[methodName]({ ...re, pathData });
-            }
-          });
-          await Promise.allSettled(ps);
-        }
-      } finally {
-        if (this.config?.ssr) {
-          setSSRAttribute(instance);
-        } else {
-          removeSSRAttribute(instance);
-        }
-        this._routeChangeInvocations = Math.max(0, this._routeChangeInvocations - 1);
-      }
-    }
-    async _connected(instance, option) {
-      if (instance) {
-        if (!this.simpleApplication && !this.config) {
-          this._connected_safari_and_standby.push(instance);
-          return;
-        }
-        this.config.onConnectedChildBefore?.(instance);
-        if (!option?.noIncrements) {
-          this._connectedInvocations++;
-        }
-        this._swc_connected_instance.add(instance);
-        const connectedSwcAppCallBacks = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY) ?? [];
-        for (let connectedSwcAppCallBack of connectedSwcAppCallBacks) {
-          await instance?._invokeLifecycleMethod?.(connectedSwcAppCallBack);
-        }
-        if (this._childrenConnectedDoneInterval) {
-          this.config.window.clearInterval(this._childrenConnectedDoneInterval);
-        }
-        const intervalConfig = { setInterval: this.config.window.setInterval.bind(this.config.window), clearInterval: this.config.window.clearInterval.bind(this.config.window) };
-        this._childrenConnectedDoneInterval = debounceTimeIntervalLock(() => this._connectedInvocations === 0, () => {
-          this._childrenConnectedDoneInterval = null;
-          this.config.onChildrenConnectedDone?.(this);
-        }, this.config?.childrenConnectedDoneCheckIntervalTime ?? 30, intervalConfig);
-        if (this.simpleApplication) {
-          try {
-            if (this.router && this._lastRouterEvent) {
-              await this._invokeRouteChangeSubscribers(instance, this._lastRouterEvent);
-            }
-          } catch (e) {
-            throw e;
-          }
-        }
-        if (this.config?.ssr) {
-          setSSRAttribute(instance);
-        } else {
-          removeSSRAttribute(instance);
-        }
-      }
-      this.config.onConnectedChildAfter?.(instance);
-      return this;
-    }
-    async _connectedDone(instance) {
-      try {
-      } finally {
-        this._connectedInvocations = Math.max(0, this._connectedInvocations - 1);
-      }
-    }
-    _disconnected(instance) {
-      if (instance) {
-        this._swc_connected_instance.delete(instance);
-        this.config?.onDisconnectedChildAfter?.(instance);
-      }
-    }
-    async _handleRouteChange(route) {
-      this._lastRouterEvent = route;
-      const swcConnectedInstance = Array.from(this._swc_connected_instance);
-      const ps = swcConnectedInstance.map((instance) => this._invokeRouteChangeSubscribers(instance, route));
-      await Promise.allSettled(ps);
-    }
-    async connect(config) {
-      console.log("[SWC] connect");
-      const swcConfig = {
-        routeType: "element",
-        window: config?.window,
-        ...config
-      };
-      const mode = config?.connectMode || "direct";
-      if (mode === "direct" || mode === "hydrate") {
-        this.setAttribute("swc-connect-mode", mode);
-        await this.__swc_engine.connect(swcConfig);
-      } else if (mode === "swap" || mode === "clear-swap") {
-        if (!this.parentNode) {
-          await this.__swc_engine.connect(swcConfig);
-          this.setAttribute("swc-connect-mode", "direct");
-        } else {
-          const clonedApp = this.cloneNode(mode === "swap");
-          clonedApp.style.display = "none";
-          this.parentNode.insertBefore(clonedApp, this.nextSibling);
-          try {
-            await clonedApp.connect({ ...config || {}, connectMode: "direct" });
-            if (this.parentNode) {
-              this.parentNode.removeChild(this);
-            }
-            clonedApp.style.display = "";
-            clonedApp.setAttribute("swc-connect-mode", mode);
-            return;
-          } catch (e) {
-            if (clonedApp.parentNode) {
-              clonedApp.parentNode.removeChild(clonedApp);
-            }
-            await this.__swc_engine.connect(swcConfig);
-            this.setAttribute("swc-connect-mode", "direct");
-          }
-        }
-      }
-      this._connected_safari_and_standby.forEach((instance) => {
-        this._connected(instance, { noIncrements: true });
-      });
-      if (!this._routerSubscription && this.router) {
-        const config2 = this.__swc_engine.config;
-        this._routerSubscription = this.router.observable.subscribe(async (route) => {
-          console.log("[SWC] Router event received:", route.triggerPoint);
-          if (route.triggerPoint === "end") {
-            await this._handleRouteChange(route);
-          }
-        });
-        if (config2?.path) {
-          console.log("[DEBUG] Navigating to initial path:", config2.path);
-        }
-      }
-    }
-    // async _invokeOnConnectedSwcAppStarted(instance: any) {
-    //   this._swcAppStartedInvocations++;
-    //   try {
-    //     // 이미 시작된 인스턴스라면 스킵 (비동기 병렬 중복 호출 방지)
-    //     if (this._swc_started_instances.has(instance)) return;
-    //     this._swc_started_instances.add(instance);
-    //
-    //     const startedMethods = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY);
-    //     if (startedMethods) {
-    //       const ps = startedMethods.map(m => instance._invokeLifecycleMethod(m));
-    //       await Promise.allSettled(ps);
-    //     }
-    //   } finally {
-    //     this._swcAppStartedInvocations--;
-    //   }
-    // }
-    connectedCallback() {
-      if (super.connectedCallback)
-        super.connectedCallback();
-      const configStr = this.getAttribute("swc-get-application-config");
-      const win = this.ownerDocument?.defaultView || window;
-      if (configStr && win) {
-        try {
-          const userConfig = FunctionUtils.executeReturn({
-            script: configStr,
-            context: this,
-            args: SwcUtils.getHelperAndHostSet(win, this)
-          });
-          this.connect(userConfig);
-        } catch (e) {
-          console.error("[SWC-APP-ENGINE] Script execution failed:", e);
-        }
-      }
-      this._connected(this);
-      this.__swc_engine?.config?.onConnected?.(this);
-      this._connectedDone(this);
-    }
-    disconnectedCallback() {
-      if (super.disconnectedCallback)
-        super.disconnectedCallback();
-      this._routerSubscription?.unsubscribe();
-      this._routerSubscription = void 0;
-      this._lastRouterEvent = void 0;
-      this.__swc_engine.disconnect();
-      this.__swc_engine?.config?.onDisconnected?.(this);
-      this._disconnected(this);
-    }
-    async routing(path) {
-      await this.router?.go(path);
-    }
-    back() {
-      this.router?.back();
-    }
-    forward() {
-      this.router?.forward();
-    }
-    reload() {
-      this.router?.reload();
-    }
-    // async completedSwcApp() {
-    //   const ss = Array.from(this._swc_connected_instance).flatMap((it) => {
-    //     const ms = findAllLifecycleMetadata(it, ON_CONNECTED_COMPLETED_SWC_APP_METADATA_KEY) ?? [];
-    //     return ms.map((sit) => it[sit](this));
-    //   });
-    //   await Promise.allSettled(ss);
-    // }
-    publishMessage(message) {
-      this._swc_connected_instance.forEach((instance) => {
-        this._invokeMessageSubscribers(instance, message);
-      });
-    }
-    _invokeMessageSubscribers(instance, message) {
-      const messageSubscribers = getSubscribeSwcAppMessageWhileConnectedMetadata(instance);
-      if (messageSubscribers && Array.isArray(messageSubscribers)) {
-        messageSubscribers.forEach((metadata) => {
-          const methodName = metadata.propertyKey;
-          const messageType = metadata.messageType;
-          const filter = metadata.filter;
-          let typeMatched = false;
-          if (!messageType) {
-            typeMatched = true;
-          } else if (message.type === messageType) {
-            typeMatched = true;
-          }
-          let filterMatched = true;
-          if (filter && typeMatched) {
-            filterMatched = filter(message, instance);
-          }
-          if (typeMatched && filterMatched && typeof instance[methodName] === "function") {
-            instance[methodName](message);
-          }
-        });
-      }
-    }
+  let SwcAppFooterImpl = class SwcAppFooterImpl extends SwcAppMixin(w.HTMLElement) {
   };
-  SwcApp = __decorate([
-    elementDefine(tagName, { window: w })
-  ], SwcApp);
-  ;
-  return w.customElements.whenDefined(tagName);
+  SwcAppFooterImpl = __decorate([
+    elementDefine(swcAppFooterTagName, { window: w, extends: "footer" })
+  ], SwcAppFooterImpl);
+  return w.customElements.whenDefined(swcAppFooterTagName);
+};
+const swcAppNavTagName = "swc-app-nav";
+const SwcAppNav = (w, data) => {
+  return createElement(w, swcAppNavTagName, data);
+};
+const defineSwcAppNav = async (w) => {
+  const existing = w.customElements.get(swcAppNavTagName);
+  if (existing)
+    return existing;
+  let SwcAppNavImpl = class SwcAppNavImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppNavImpl = __decorate([
+    elementDefine(swcAppNavTagName, { window: w, extends: "nav" })
+  ], SwcAppNavImpl);
+  return w.customElements.whenDefined(swcAppNavTagName);
+};
+const swcAppAsideTagName = "swc-app-aside";
+const SwcAppAside = (w, data) => {
+  return createElement(w, swcAppAsideTagName, data);
+};
+const defineSwcAppAside = async (w) => {
+  const existing = w.customElements.get(swcAppAsideTagName);
+  if (existing)
+    return existing;
+  let SwcAppAsideImpl = class SwcAppAsideImpl extends SwcAppMixin(w.HTMLElement) {
+  };
+  SwcAppAsideImpl = __decorate([
+    elementDefine(swcAppAsideTagName, { window: w, extends: "aside" })
+  ], SwcAppAsideImpl);
+  return w.customElements.whenDefined(swcAppAsideTagName);
+};
+const swcAppFactories = [
+  defineSwcApp,
+  defineSwcAppBody,
+  defineSwcAppDiv,
+  defineSwcAppSection,
+  defineSwcAppMain,
+  defineSwcAppArticle,
+  defineSwcAppHeader,
+  defineSwcAppFooter,
+  defineSwcAppNav,
+  defineSwcAppAside
+];
+const defineSwcAppAll = async (w) => {
+  await Promise.all(swcAppFactories.map((factory) => factory(w)));
+  return w.customElements.whenDefined(swcAppTagName);
 };
+var SwcApp_default = defineSwcAppAll;
 export {
+  SwcApp,
+  SwcAppArticle,
+  SwcAppAside,
+  SwcAppBody,
+  SwcAppDiv,
+  SwcAppFooter,
+  SwcAppHeader,
+  SwcAppMain,
+  SwcAppNav,
+  SwcAppSection,
   SwcApp_default as default,
-  isSSR,
-  removeSSRAttribute,
-  setSSRAttribute,
-  tagName
+  defineSwcApp,
+  defineSwcAppAll,
+  defineSwcAppArticle,
+  defineSwcAppAside,
+  defineSwcAppBody,
+  defineSwcAppDiv,
+  defineSwcAppFooter,
+  defineSwcAppHeader,
+  defineSwcAppMain,
+  defineSwcAppNav,
+  defineSwcAppSection,
+  swcAppArticleTagName,
+  swcAppAsideTagName,
+  swcAppBodyTagName,
+  swcAppDivTagName,
+  swcAppFactories,
+  swcAppFooterTagName,
+  swcAppHeaderTagName,
+  swcAppMainTagName,
+  swcAppNavTagName,
+  swcAppSectionTagName,
+  swcAppTagName
 };
 //# sourceMappingURL=SwcApp.js.map

package/dist/esm/elements/SwcApp.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcApp.ts"],
-  "sourcesContent": ["import {SwcAppInterface, SwcAppMessage} from \"../types\";\nimport {elementDefine, findAllLifecycleMetadata, getSubscribeSwcAppMessageWhileConnectedMetadata, getSubscribeSwcAppRouteChangeWhileConnectedMetadata,  ON_CONNECTED_SWC_APP_METADATA_KEY} from \"../decorators\";\nimport {SwcAppEngine, SwcAttributeConfigType, SwcConfigType} from \"../SwcAppEngine\";\nimport {debounceTimeIntervalLock, FunctionUtils, Subscription} from \"@dooboostore/core\";\nimport {RouterEventType} from \"@dooboostore/core-web\";\nimport {SwcUtils} from \"../utils/Utils\";\n\nexport const isSSR = (i: HTMLElement) => {\n  return i.hasAttribute('swc-use-ssr');\n}\nexport const setSSRAttribute = (i: HTMLElement) => {\n  i.setAttribute('swc-use-ssr', (i as any)._swcId ?? '');\n}\nexport const removeSSRAttribute = (i: HTMLElement) => {\n  i.removeAttribute('swc-use-ssr');\n}\n\n\nexport const tagName = 'swc-app';\nexport default async (w: Window) => {\n  const existing = w.customElements.get(tagName);\n  if (existing) return existing;\n\n  @elementDefine(tagName, {window: w})\n  class SwcApp extends w.HTMLElement implements SwcAppInterface {\n    __swc_engine = new SwcAppEngine(this as any);\n    _swc_connected_instance = new Set<any>();\n    // _swc_notified_routes = new WeakMap<any, RouterEventType>();\n    _routerSubscription?: Subscription;\n    _lastRouterEvent?: RouterEventType;\n    _routeChangeInvocations = 0;\n    _connectedInvocations = 0;\n\n    _childrenRouteChangedInterval: any;\n    _childrenConnectedDoneInterval: any;\n\n    /*\n      사파리 is 일경우\n    <script src=\"https://unpkg.com/@ungap/custom-elements\"></script>\n    이걸사용하는데 is 대응하는거다 그런데 이때 처리되는 순서가  크롬이나 표준에서는 부모부터 만들어지고 자식들이 만들어지는데\n     저 polyfill에서는 자식부터 만들어지고 부모가 만들어진다 is일때 아 .. 이문제때문에 자식이 _connected_safari 에 강제로 자기자식넣어준다\n     */\n    _connected_safari_and_standby = [];\n\n    get simpleApplication() {\n      return this.__swc_engine.simpleApplication;\n    }\n\n    get config() {\n      return this.__swc_engine?.config;\n    }\n\n    get router() {\n      return this.__swc_engine?.router;\n    }\n\n    async _invokeRouteChangeSubscribers(instance: HTMLElement, re: RouterEventType) {\n      if (instance.isConnected === false) return;\n\n      this._routeChangeInvocations++;\n\n      if (this._childrenRouteChangedInterval) {\n        this.config.window.clearInterval(this._childrenRouteChangedInterval);\n      }\n      const intervalConfig = {setInterval: this.config.window.setInterval.bind(this.config.window), clearInterval: this.config.window.clearInterval.bind(this.config.window)};\n      this._childrenRouteChangedInterval = debounceTimeIntervalLock(\n        () => this._routeChangeInvocations === 0,\n        () => {\n          this._childrenRouteChangedInterval = null;\n          this.config.onChildrenRouteChanged?.(re, this)\n        },\n        this.config?.childrenConnectedDoneCheckIntervalTime ?? 30,\n        intervalConfig\n        // {setInterval: window.setInterval, clearInterval: window.clearInterval}\n      );\n\n\n      // debounceTimeIntervalLock({\n      //   unlockChecker: () => this._routeChangeInvocations === 0,\n      //   unlocked: () => this.config.onChildrenRouteChanged(re, this)\n      // }, {\n      //   intervalId: this._childrenRouteChangedInterval,\n      //   setIntervalId: (id) => this._childrenRouteChangedInterval = id,\n      //   intervalTime: this.config?.childrenRouteChangedCheckIntervalTime ?? 30\n      // }, {\n      //   setInterval: window.setInterval,\n      //   clearInterval: window.clearInterval\n      // });\n\n      try {\n        // if (this._swc_notified_routes.get(instance) === re) {\n        //   return;\n        // }\n        // this._swc_notified_routes.set(instance, re);\n\n        const routeChangeSubscribers = getSubscribeSwcAppRouteChangeWhileConnectedMetadata(instance);\n        if (routeChangeSubscribers && Array.isArray(routeChangeSubscribers)) {\n          const ps = routeChangeSubscribers.map(async metadata => {\n            const methodName = metadata.propertyKey;\n            let pathPattern = metadata.options?.path as any;\n            const filter = metadata.options?.filter;\n\n            if (typeof pathPattern === 'function') {\n              pathPattern = (pathPattern as Function)(instance);\n            }\n\n            let pathMatched = false;\n            let pathData: any = null;\n\n            if (!pathPattern) {\n              pathMatched = true;\n              pathData = {};\n            } else if (Array.isArray(pathPattern)) {\n              for (const pattern of pathPattern) {\n                const data = SwcUtils.parsePathPattern(pattern, re.path || '/');\n                if (data !== null) {\n                  pathMatched = true;\n                  pathData = data;\n                  break;\n                }\n              }\n            } else {\n              pathData = SwcUtils.parsePathPattern(pathPattern, re.path || '/');\n              pathMatched = pathData !== null;\n            }\n\n            const filterPassed = !filter || filter(this.router!, instance);\n\n            if (pathMatched && filterPassed && instance[methodName]) {\n              await instance[methodName]({...re, pathData: pathData});\n            }\n          });\n          await Promise.allSettled(ps);\n        }\n      } finally {\n        if (this.config?.ssr) {\n          setSSRAttribute(instance);\n        } else {\n          removeSSRAttribute(instance);\n        }\n        this._routeChangeInvocations = Math.max(0, this._routeChangeInvocations - 1);\n      }\n    }\n\n    async _connected(instance: HTMLElement, option?: { noIncrements: boolean }) {\n      if (instance) {\n        // console.log('_connected-->', instance.tagName, this._connectedInvocations)\n\n        if (!this.simpleApplication && !this.config) {\n          this._connected_safari_and_standby.push(instance);\n          return;\n        }\n\n        this.config.onConnectedChildBefore?.(instance);\n        if (!option?.noIncrements) {\n          this._connectedInvocations++;\n        }\n        this._swc_connected_instance.add(instance);\n\n        const connectedSwcAppCallBacks = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY) ?? [];\n        for (let connectedSwcAppCallBack of connectedSwcAppCallBacks) {\n          await (instance as any)?._invokeLifecycleMethod?.(connectedSwcAppCallBack);\n        }\n\n        if (this._childrenConnectedDoneInterval) {\n          this.config.window.clearInterval(this._childrenConnectedDoneInterval);\n        }\n        const intervalConfig = {setInterval: this.config.window.setInterval.bind(this.config.window), clearInterval: this.config.window.clearInterval.bind(this.config.window)};\n        this._childrenConnectedDoneInterval = debounceTimeIntervalLock(\n          () => this._connectedInvocations === 0,\n          () => {\n            this._childrenConnectedDoneInterval = null;\n            this.config.onChildrenConnectedDone?.(this)\n          },\n          this.config?.childrenConnectedDoneCheckIntervalTime ?? 30,\n          intervalConfig\n        );\n\n        // console.log('onChildConnectedDone-->')\n\n        if (this.simpleApplication) {\n          try {\n            // await this._invokeOnConnectedSwcAppStarted(instance);\n\n            if (this.router && this._lastRouterEvent) {\n              await this._invokeRouteChangeSubscribers(instance, this._lastRouterEvent!);\n            }\n          } catch (e) {\n            throw e;\n          }\n        }\n\n        if (this.config?.ssr) {\n          setSSRAttribute(instance);\n        } else {\n          removeSSRAttribute(instance);\n        }\n      }\n\n\n      this.config.onConnectedChildAfter?.(instance);\n      return this;\n    }\n\n    async _connectedDone(instance: any) {\n      try {\n        // 내부 연결 처리 로직이 있다면 여기에 추가\n        // console.log('_connectedDone-->', instance, this._connectedInvocations)\n      } finally {\n        this._connectedInvocations = Math.max(0, this._connectedInvocations - 1);\n      }\n    }\n\n    _disconnected(instance: any) {\n      // console.log('_disconnected', instance);\n      if (instance) {\n        this._swc_connected_instance.delete(instance);\n        this.config?.onDisconnectedChildAfter?.(instance);\n        // this._swc_notified_routes.delete(instance);\n      }\n    }\n\n    async _handleRouteChange(route: RouterEventType) {\n      // Save last router event\n      this._lastRouterEvent = route;\n      // if (route.triggerPoint === 'end') {\n      // Iterate through all connected component instances\n      const swcConnectedInstance = Array.from(this._swc_connected_instance);\n      // console.log('routing handle-->', swcConnectedInstance)\n      const ps = swcConnectedInstance.map((instance: any) => this._invokeRouteChangeSubscribers(instance, route));\n      await Promise.allSettled(ps);\n      // }\n    }\n\n    async connect(config?: SwcAttributeConfigType) {\n      console.log('[SWC] connect')\n      const swcConfig = {\n        routeType: 'element',\n        window: config?.window,\n        ...config\n      } as SwcConfigType;\n\n      const mode = config?.connectMode || 'direct';\n\n      if (mode === 'direct' || mode === 'hydrate') {\n        this.setAttribute('swc-connect-mode', mode);\n        await this.__swc_engine.connect(swcConfig);\n      } else if (mode === 'swap' || mode === 'clear-swap') {\n        if (!this.parentNode) {\n          // 부모가 없으면 swap을 할 수 없으므로 direct로 폴백합니다.\n          await this.__swc_engine.connect(swcConfig);\n          this.setAttribute('swc-connect-mode', 'direct');\n        } else {\n          // 1. 현재 SSR 상태(화면)를 그대로 유지한 채로, 백그라운드용 클론을 만듭니다.\n          const clonedApp = this.cloneNode(mode === 'swap') as any; // clear-swap 모드면 자식 노드를 클론하지 않음(false)\n          clonedApp.style.display = 'none';\n\n          // 2. DOM에 클론을 몰래 붙입니다.\n          this.parentNode.insertBefore(clonedApp, this.nextSibling);\n\n          try {\n            // 3. 클론을 direct 모드로 연결(초기화/렌더링) 시킵니다.\n            await clonedApp.connect({...(config || {}), connectMode: 'direct'});\n\n            // 4. 클론의 렌더링이 완전히 끝나면, 기존 SSR 화면(this)을 지우고 클론을 보여줍니다.\n            if (this.parentNode) {\n              this.parentNode.removeChild(this);\n            }\n            clonedApp.style.display = '';\n            clonedApp.setAttribute('swc-connect-mode', mode);\n\n            // ★ 매우 중요: 교체가 완료되었으므로 기존 앱(this)은 여기서 즉시 종료하여 불필요한 라우터/이벤트 구독을 막아야 합니다!\n            return;\n          } catch (e) {\n            // 실패 시 클론을 지우고 원본을 direct로 강제 연결합니다.\n            if (clonedApp.parentNode) {\n              clonedApp.parentNode.removeChild(clonedApp);\n            }\n            await this.__swc_engine.connect(swcConfig);\n            this.setAttribute('swc-connect-mode', 'direct');\n          }\n        }\n      }\n\n      // 사파리일떄 예외이다 is 일때 polyfill되는데 이떄 부모부터 만들어지는게 아니라 자식부터 만들어진다 그래서 부모가 만들어질때 자식들이 이미 만들어져있어서 부모가 자식들을 등록해주는 형태로 강제로 등록해준다\n      this._connected_safari_and_standby.forEach((instance: any) => {\n        // console.log('safari!!!!!!!!!!', instance)\n        this._connected(instance, {noIncrements: true});\n        // this._swc_connected_instance.add(instance);\n      });\n      // Invoke @onConnectedSwcApp lifecycle methods on all connected component instances\n      // const hostSet = SwcUtils.getHostSet(this as any);\n\n      // const scis = Array.from(this._swc_connected_instance);\n      // await Promise.allSettled(scis.map(instance => this._invokeOnConnectedSwcAppStarted(instance)));\n\n      // this._swc_connected_instance.forEach((instance: any) => {\n      //   this._invokeOnConnectedSwcAppStarted(instance);\n      // });\n\n      // Subscribe to router changes after connect\n      if (!this._routerSubscription && this.router) {\n        const config = this.__swc_engine.config;\n\n        this._routerSubscription = this.router.observable.subscribe(async (route: RouterEventType) => {\n          console.log('[SWC] Router event received:', route.triggerPoint);\n          if (route.triggerPoint === 'end') {\n            // 1. 모든 기존 연결된 자식들에게 라우트 이벤트 알림\n            await this._handleRouteChange(route);\n          }\n        });\n\n        // Navigate to initial path if specified\n        if (config?.path) {\n          console.log('[DEBUG] Navigating to initial path:', config.path);\n          // this.router.go(config.path);\n        }\n      }\n    }\n\n    // async _invokeOnConnectedSwcAppStarted(instance: any) {\n    //   this._swcAppStartedInvocations++;\n    //   try {\n    //     // 이미 시작된 인스턴스라면 스킵 (비동기 병렬 중복 호출 방지)\n    //     if (this._swc_started_instances.has(instance)) return;\n    //     this._swc_started_instances.add(instance);\n    //\n    //     const startedMethods = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY);\n    //     if (startedMethods) {\n    //       const ps = startedMethods.map(m => instance._invokeLifecycleMethod(m));\n    //       await Promise.allSettled(ps);\n    //     }\n    //   } finally {\n    //     this._swcAppStartedInvocations--;\n    //   }\n    // }\n\n    connectedCallback() {\n      // this.innerHTML='';\n      // @ts-ignore\n      if (super.connectedCallback) super.connectedCallback();\n\n      const configStr = this.getAttribute('swc-get-application-config');\n      const win = this.ownerDocument?.defaultView || window;\n      if (configStr && win) {\n        try {\n          // console.log('vvvvvvvvvvvvvvvv->>>>', SwcUtils.findNearestSwcHost(this.host), SwcUtils.getHostSet(this.host))\n          const userConfig = FunctionUtils.executeReturn({\n            script: configStr,\n            context: this,\n            args: SwcUtils.getHelperAndHostSet(win, this)\n          });\n          this.connect(userConfig);\n        } catch (e) {\n          console.error('[SWC-APP-ENGINE] Script execution failed:', e);\n        }\n      }\n\n      // 자기자신은 apphost로 포함이 도지않으니(부모)  내자신은 self로 넣는다\n      this._connected(this);\n      this.__swc_engine?.config?.onConnected?.(this);\n      this._connectedDone(this);\n    }\n\n    disconnectedCallback() {\n      // @ts-ignore\n      if (super.disconnectedCallback) super.disconnectedCallback();\n      this._routerSubscription?.unsubscribe();\n      this._routerSubscription = undefined;\n      this._lastRouterEvent = undefined;\n      this.__swc_engine.disconnect();\n      this.__swc_engine?.config?.onDisconnected?.(this);\n      this._disconnected(this);\n    }\n\n    async routing(path: string) {\n      await this.router?.go(path);\n    }\n\n    back(): void {\n      this.router?.back();\n    }\n\n    forward(): void {\n      this.router?.forward();\n    }\n\n    reload(): void {\n      this.router?.reload();\n    }\n\n    // async completedSwcApp() {\n    //   const ss = Array.from(this._swc_connected_instance).flatMap((it) => {\n    //     const ms = findAllLifecycleMetadata(it, ON_CONNECTED_COMPLETED_SWC_APP_METADATA_KEY) ?? [];\n    //     return ms.map((sit) => it[sit](this));\n    //   });\n    //   await Promise.allSettled(ss);\n    // }\n\n    publishMessage(message: SwcAppMessage): void {\n      // 메시지를 모든 connected component instances로 분배\n      this._swc_connected_instance.forEach((instance: any) => {\n        this._invokeMessageSubscribers(instance, message);\n      });\n    }\n\n    _invokeMessageSubscribers(instance: any, message: SwcAppMessage) {\n      const messageSubscribers = getSubscribeSwcAppMessageWhileConnectedMetadata(instance);\n      if (messageSubscribers && Array.isArray(messageSubscribers)) {\n        messageSubscribers.forEach(metadata => {\n          const methodName = metadata.propertyKey;\n          const messageType = metadata.messageType;\n          const filter = metadata.filter;\n\n          // 메시지 타입 확인\n          let typeMatched = false;\n          if (!messageType) {\n            // messageType이 없으면 모든 메시지 매칭 (와일드카드)\n            typeMatched = true;\n          } else if (message.type === messageType) {\n            typeMatched = true;\n          }\n\n          // 필터 적용\n          let filterMatched = true;\n          if (filter && typeMatched) {\n            filterMatched = filter(message, instance);\n          }\n\n          // 조건을 만족하면 메서드 호출\n          if (typeMatched && filterMatched && typeof instance[methodName] === 'function') {\n            instance[methodName](message);\n          }\n        });\n      }\n    }\n  };\n\n\n  return w.customElements.whenDefined(tagName);\n\n\n}"],
-  "mappings": "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",
-  "names": ["config"]
+  "sourcesContent": ["import {elementDefine} from \"../decorators\";\nimport {SwcAppInterface} from \"../types\";\nimport {SwcAppMixin} from \"./SwcAppMixin\";\nimport {SwcUtils, createElement, CreateElementConfig} from \"../utils/Utils\";\n\n// ============================================\n// SwcApp (HTMLElement)\n// ============================================\nexport const swcAppTagName = 'swc-app';\n\nexport const SwcApp = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface>(w, swcAppTagName, data);\n};\n\nexport const defineSwcApp = async (w: Window) => {\n  const existing = w.customElements.get(swcAppTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppTagName, {window: w})\n  class SwcAppImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppTagName);\n};\n\n// ============================================\n// SwcAppBody (HTMLBodyElement)\n// ============================================\nexport const swcAppBodyTagName = 'swc-app-body';\n\nexport const SwcAppBody = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLBodyElement>(w, swcAppBodyTagName, data);\n};\n\nexport const defineSwcAppBody = async (w: Window) => {\n  const existing = w.customElements.get(swcAppBodyTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppBodyTagName, {window: w, extends: 'body'})\n  class SwcAppBodyImpl extends SwcAppMixin(w.HTMLBodyElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppBodyTagName);\n};\n\n// ============================================\n// SwcAppDiv (HTMLDivElement)\n// ============================================\nexport const swcAppDivTagName = 'swc-app-div';\n\nexport const SwcAppDiv = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLDivElement>(w, swcAppDivTagName, data);\n};\n\nexport const defineSwcAppDiv = async (w: Window) => {\n  const existing = w.customElements.get(swcAppDivTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppDivTagName, {window: w, extends: 'div'})\n  class SwcAppDivImpl extends SwcAppMixin(w.HTMLDivElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppDivTagName);\n};\n\n// ============================================\n// SwcAppSection (HTMLElement)\n// ============================================\nexport const swcAppSectionTagName = 'swc-app-section';\n\nexport const SwcAppSection = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLElement>(w, swcAppSectionTagName, data);\n};\n\nexport const defineSwcAppSection = async (w: Window) => {\n  const existing = w.customElements.get(swcAppSectionTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppSectionTagName, {window: w, extends: 'section'})\n  class SwcAppSectionImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppSectionTagName);\n};\n\n// ============================================\n// SwcAppMain (HTMLElement)\n// ============================================\nexport const swcAppMainTagName = 'swc-app-main';\n\nexport const SwcAppMain = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLElement>(w, swcAppMainTagName, data);\n};\n\nexport const defineSwcAppMain = async (w: Window) => {\n  const existing = w.customElements.get(swcAppMainTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppMainTagName, {window: w, extends: 'main'})\n  class SwcAppMainImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppMainTagName);\n};\n\n// ============================================\n// SwcAppArticle (HTMLElement)\n// ============================================\nexport const swcAppArticleTagName = 'swc-app-article';\n\nexport const SwcAppArticle = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLElement>(w, swcAppArticleTagName, data);\n};\n\nexport const defineSwcAppArticle = async (w: Window) => {\n  const existing = w.customElements.get(swcAppArticleTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppArticleTagName, {window: w, extends: 'article'})\n  class SwcAppArticleImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppArticleTagName);\n};\n\n// ============================================\n// SwcAppHeader (HTMLElement)\n// ============================================\nexport const swcAppHeaderTagName = 'swc-app-header';\n\nexport const SwcAppHeader = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLElement>(w, swcAppHeaderTagName, data);\n};\n\nexport const defineSwcAppHeader = async (w: Window) => {\n  const existing = w.customElements.get(swcAppHeaderTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppHeaderTagName, {window: w, extends: 'header'})\n  class SwcAppHeaderImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppHeaderTagName);\n};\n\n// ============================================\n// SwcAppFooter (HTMLElement)\n// ============================================\nexport const swcAppFooterTagName = 'swc-app-footer';\n\nexport const SwcAppFooter = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLElement>(w, swcAppFooterTagName, data);\n};\n\nexport const defineSwcAppFooter = async (w: Window) => {\n  const existing = w.customElements.get(swcAppFooterTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppFooterTagName, {window: w, extends: 'footer'})\n  class SwcAppFooterImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppFooterTagName);\n};\n\n// ============================================\n// SwcAppNav (HTMLElement)\n// ============================================\nexport const swcAppNavTagName = 'swc-app-nav';\n\nexport const SwcAppNav = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLElement>(w, swcAppNavTagName, data);\n};\n\nexport const defineSwcAppNav = async (w: Window) => {\n  const existing = w.customElements.get(swcAppNavTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppNavTagName, {window: w, extends: 'nav'})\n  class SwcAppNavImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppNavTagName);\n};\n\n// ============================================\n// SwcAppAside (HTMLElement)\n// ============================================\nexport const swcAppAsideTagName = 'swc-app-aside';\n\nexport const SwcAppAside = (w: Window, data?: CreateElementConfig) => {\n  return createElement<SwcAppInterface & HTMLElement>(w, swcAppAsideTagName, data);\n};\n\nexport const defineSwcAppAside = async (w: Window) => {\n  const existing = w.customElements.get(swcAppAsideTagName);\n  if (existing) return existing;\n\n  @elementDefine(swcAppAsideTagName, {window: w, extends: 'aside'})\n  class SwcAppAsideImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n    // SwcAppMixin에서 모든 기능을 상속받음\n  }\n\n  return w.customElements.whenDefined(swcAppAsideTagName);\n};\n\n// ============================================\n// Factory Array\n// ============================================\nexport const swcAppFactories = [\n  defineSwcApp,\n  defineSwcAppBody,\n  defineSwcAppDiv,\n  defineSwcAppSection,\n  defineSwcAppMain,\n  defineSwcAppArticle,\n  defineSwcAppHeader,\n  defineSwcAppFooter,\n  defineSwcAppNav,\n  defineSwcAppAside\n];\n\n// ============================================\n// Define All SwcApp Elements\n// ============================================\nexport const defineSwcAppAll = async (w: Window) => {\n  await Promise.all(swcAppFactories.map(factory => factory(w)));\n  return w.customElements.whenDefined(swcAppTagName);\n};\n\n// Default export for backward compatibility\nexport default defineSwcAppAll;"],
+  "mappings": "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",
+  "names": []
 }