@dooboostore/simple-web-component 1.0.36 → 1.0.37

package/dist/esm/elements/{SwcAppMixin.js → SwcApp.js}

@@ -1,31 +1,35 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { SwcAppEngine } from "./SwcAppEngine.js";
-import { SwcUtils } from "../utils/Utils.js";
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(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 { getSubscribeSwcAppRouteChangeWhileConnectedMetadata } from "../decorators/subscribeSwcAppRouteChangeWhileConnected.js";
-import { getSubscribeSwcAppMessageWhileConnectedMetadata } from "../decorators/subscribeSwcAppMessageWhileConnected.js";
-function SwcAppMixin(Base) {
-  return class extends Base {
+import { SwcUtils } from "../utils/Utils.js";
+const isSSR = (i) => {
+  return i.hasAttribute("swc-use-ssr");
+};
+const setSSRAttribute = (i) => {
+  i.setAttribute("swc-use-ssr", i._swcId ?? "");
+};
+const removeSSRAttribute = (i) => {
+  i.removeAttribute("swc-use-ssr");
+};
+const tagName = "swc-app";
+var SwcApp_default = async (w) => {
+  const existing = w.customElements.get(tagName);
+  if (existing)
+    return existing;
+  let SwcApp = class SwcApp extends w.HTMLElement {
     constructor() {
       super(...arguments);
-      __publicField(this, "__swc_engine", new SwcAppEngine(this));
-      __publicField(this, "_swc_connected_instance", /* @__PURE__ */ new Set());
-      // _swc_notified_routes = new WeakMap<any, RouterEventType>();
-      __publicField(this, "_routerSubscription");
-      __publicField(this, "_lastRouterEvent");
-      __publicField(this, "_routeChangeInvocations", 0);
-      __publicField(this, "_connectedInvocations", 0);
-      __publicField(this, "_childrenRouteChangedInterval");
-      __publicField(this, "_childrenConnectedDoneInterval");
-      /*
-        사파리 is 일경우
-      <script src="https://unpkg.com/@ungap/custom-elements"><\/script>
-      이걸사용하는데 is 대응하는거다 그런데 이때 처리되는 순서가  크롬이나 표준에서는 부모부터 만들어지고 자식들이 만들어지는데
-       저 polyfill에서는 자식부터 만들어지고 부모가 만들어진다 is일때 아 .. 이문제때문에 자식이 _connected_safari 에 강제로 자기자식넣어준다
-       */
-      __publicField(this, "_connected_safari", []);
+      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;
@@ -37,19 +41,21 @@ function SwcAppMixin(Base) {
       return this.__swc_engine?.router;
     }
     async _invokeRouteChangeSubscribers(instance, re) {
-      if (instance.isConnected === false) return;
+      if (instance.isConnected === false)
+        return;
       this._routeChangeInvocations++;
       if (this._childrenRouteChangedInterval) {
-        clearInterval(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.onChildrenRouteChanged?.(re, this);
         },
         this.config?.childrenConnectedDoneCheckIntervalTime ?? 30,
-        { setInterval: window.setInterval, clearInterval: window.clearInterval }
+        intervalConfig
         // {setInterval: window.setInterval, clearInterval: window.clearInterval}
       );
       try {
@@ -88,25 +94,37 @@ function SwcAppMixin(Base) {
           await Promise.allSettled(ps);
         }
       } finally {
-        this._routeChangeInvocations--;
+        if (this.config?.ssr) {
+          setSSRAttribute(instance);
+        } else {
+          removeSSRAttribute(instance);
+        }
+        this._routeChangeInvocations = Math.max(0, this._routeChangeInvocations - 1);
       }
     }
-    async _connected(instance) {
+    async _connected(instance, option) {
       if (instance) {
-        this._connectedInvocations++;
+        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) {
-          clearInterval(this._childrenConnectedDoneInterval);
+          this.config.window.clearInterval(this._childrenConnectedDoneInterval);
         }
-        this._childrenConnectedDoneInterval = debounceTimeIntervalLock(
-          () => this._connectedInvocations === 0,
-          () => {
-            this._childrenConnectedDoneInterval = null;
-            this.config.onChildrenConnectedDone(this);
-          },
-          this.config?.childrenConnectedDoneCheckIntervalTime ?? 30,
-          { setInterval: window.setInterval, clearInterval: window.clearInterval }
-        );
+        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) {
@@ -116,17 +134,25 @@ function SwcAppMixin(Base) {
             throw e;
           }
         }
+        if (this.config?.ssr) {
+          setSSRAttribute(instance);
+        } else {
+          removeSSRAttribute(instance);
+        }
       }
+      this.config.onConnectedChildAfter?.(instance);
+      return this;
     }
     async _connectedDone(instance) {
       try {
       } finally {
-        this._connectedInvocations--;
+        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) {
@@ -136,15 +162,16 @@ function SwcAppMixin(Base) {
       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") {
+      if (mode === "direct" || mode === "hydrate") {
+        this.setAttribute("swc-connect-mode", mode);
         await this.__swc_engine.connect(swcConfig);
-        this.setAttribute("swc-connect-mode", "direct");
       } else if (mode === "swap" || mode === "clear-swap") {
         if (!this.parentNode) {
           await this.__swc_engine.connect(swcConfig);
@@ -170,18 +197,19 @@ function SwcAppMixin(Base) {
           }
         }
       }
-      this._connected_safari.forEach((instance) => {
-        this._connected(instance);
+      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) {
-          this.router.go(config2.path);
+          console.log("[DEBUG] Navigating to initial path:", config2.path);
         }
       }
     }
@@ -202,7 +230,8 @@ function SwcAppMixin(Base) {
     //   }
     // }
     connectedCallback() {
-      if (super.connectedCallback) super.connectedCallback();
+      if (super.connectedCallback)
+        super.connectedCallback();
       const configStr = this.getAttribute("swc-get-application-config");
       const win = this.ownerDocument?.defaultView || window;
       if (configStr && win) {
@@ -217,15 +246,19 @@ function SwcAppMixin(Base) {
           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();
+      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);
@@ -239,6 +272,13 @@ function SwcAppMixin(Base) {
     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);
@@ -268,8 +308,17 @@ function SwcAppMixin(Base) {
       }
     }
   };
-}
+  SwcApp = __decorate([
+    elementDefine(tagName, { window: w })
+  ], SwcApp);
+  ;
+  return w.customElements.whenDefined(tagName);
+};
 export {
-  SwcAppMixin
+  SwcApp_default as default,
+  isSSR,
+  removeSSRAttribute,
+  setSSRAttribute,
+  tagName
 };
-//# sourceMappingURL=SwcAppMixin.js.map
+//# sourceMappingURL=SwcApp.js.map

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

@@ -0,0 +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"]
+}

package/dist/esm/elements/index.js

@@ -1,2 +1,8 @@
-export * from "./register.js";
+import swcAppFactory from "./SwcApp.js";
+const registerSwcApp = swcAppFactory;
+const register = [swcAppFactory];
+export {
+  register,
+  registerSwcApp
+};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/index.ts"],
-  "sourcesContent": ["export * from './register';\n"],
-  "mappings": "AAAA,cAAc;",
+  "sourcesContent": ["// export * from './tt/register';\nimport swcAppFactory from './SwcApp'\n// import swcAsyncFactory from './SwcAsync'\n// import swcLoopFactory from './SwcLoop'\n// import swcIfFactory from './SwcIf'\nexport const registerSwcApp = swcAppFactory;\n// export const registerSwcAsync = swcAsyncFactory;\n// export const registerSwcLoop = swcLoopFactory;\n// export const registerSwcIf = swcIfFactory;\n\nexport const register = [swcAppFactory];"],
+  "mappings": "AACA,OAAO,mBAAmB;AAInB,MAAM,iBAAiB;AAKvB,MAAM,WAAW,CAAC,aAAa;",
   "names": []
 }

package/dist/esm/elements/tt/SwcAppMixin.js

@@ -0,0 +1 @@
+//# sourceMappingURL=SwcAppMixin.js.map

package/dist/esm/elements/tt/SwcAppMixin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/elements/tt/SwcAsync.js

@@ -0,0 +1 @@
+//# sourceMappingURL=SwcAsync.js.map

package/dist/esm/elements/tt/SwcAsync.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/elements/tt/SwcAsyncTemplate.js

@@ -0,0 +1 @@
+//# sourceMappingURL=SwcAsyncTemplate.js.map

package/dist/esm/elements/tt/SwcAsyncTemplate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/elements/tt/SwcChoose.js

@@ -0,0 +1 @@
+//# sourceMappingURL=SwcChoose.js.map

package/dist/esm/elements/tt/SwcChoose.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/elements/tt/SwcChooseTemplate.js

@@ -0,0 +1 @@
+//# sourceMappingURL=SwcChooseTemplate.js.map

package/dist/esm/elements/tt/SwcChooseTemplate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/elements/tt/SwcIf.js

@@ -0,0 +1 @@
+//# sourceMappingURL=SwcIf.js.map

package/dist/esm/elements/tt/SwcIf.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/elements/tt/SwcIfTemplate.js

@@ -0,0 +1 @@
+//# sourceMappingURL=SwcIfTemplate.js.map

package/dist/esm/elements/tt/SwcIfTemplate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/elements/tt/SwcLoop.js

@@ -0,0 +1 @@
+//# sourceMappingURL=SwcLoop.js.map

package/dist/esm/elements/tt/SwcLoop.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/elements/tt/SwcLoopTemplate.js

@@ -0,0 +1 @@
+//# sourceMappingURL=SwcLoopTemplate.js.map

package/dist/esm/elements/tt/SwcLoopTemplate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/elements/tt/SwcSubTemplates.js

@@ -0,0 +1 @@
+//# sourceMappingURL=SwcSubTemplates.js.map

package/dist/esm/elements/tt/SwcSubTemplates.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/elements/tt/register.js

@@ -0,0 +1 @@
+//# sourceMappingURL=register.js.map

package/dist/esm/elements/tt/register.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,17 +1,21 @@
 import "reflect-metadata";
-import { registerAllElements } from "./elements/register.js";
+export * from "./elements/index.js";
+import { register } from "./elements/index.js";
 export * from "./decorators/index.js";
-export * from "./types.js";
+export * from "./types/index.js";
 export * from "./utils/Utils.js";
 export * from "./config/config.js";
-var src_default = (w, other) => {
-  const cr = registerAllElements(w);
-  const r = other?.map((fn) => {
-    if (typeof fn === "function") {
-      const a = fn(w);
-    } else {
+var src_default = async (w, other) => {
+  console.log("rr");
+  const cr = await Promise.all(register.map((it) => it(w)));
+  console.log("rr11");
+  if (other) {
+    for (const fn of other) {
+      if (typeof fn === "function") {
+        await fn(w);
+      }
     }
-  });
+  }
   return cr;
 };
 export {

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import 'reflect-metadata';\nimport { registerAllElements } from './elements/register';\nimport {ConstructorType} from \"@dooboostore/core\";\n\n// Decorators\nexport * from './decorators';\n\n// Types\nexport * from './types';\n\n// Utilities\nexport * from './utils/Utils';\n\n// Config\nexport * from './config/config';\n\n// Registration Factory\nexport default (w: Window, other?: (((w: Window) => ConstructorType<any>) | any) []) => {\n  const cr = registerAllElements(w);\n  const r = other?.map(fn => {\n    if (typeof fn === 'function') {\n      const a = fn(w);\n    } else {\n    }\n  });\n\n  return cr;\n  // return r??[];\n};\n"],
-  "mappings": "AAAA,OAAO;AACP,SAAS,2BAA2B;AAIpC,cAAc;AAGd,cAAc;AAGd,cAAc;AAGd,cAAc;AAGd,IAAO,cAAQ,CAAC,GAAW,UAA6D;AACtF,QAAM,KAAK,oBAAoB,CAAC;AAChC,QAAM,IAAI,OAAO,IAAI,QAAM;AACzB,QAAI,OAAO,OAAO,YAAY;AAC5B,YAAM,IAAI,GAAG,CAAC;AAAA,IAChB,OAAO;AAAA,IACP;AAAA,EACF,CAAC;AAED,SAAO;AAET;",
+  "sourcesContent": ["import 'reflect-metadata';\nexport * from './elements'\nimport { register } from './elements';\nimport {ConstructorType} from \"@dooboostore/core\";\n\n// Decorators\nexport * from './decorators';\n\n// Types\nexport * from './types';\n\n// Utilities\nexport * from './utils/Utils';\n\n// Config\nexport * from './config/config';\n\n// Registration Factory\nexport default async (w: Window, other?: (((w: Window) => Promise<CustomElementConstructor> | CustomElementConstructor) | any) []) => {\n  console.log('rr')\n  const cr = await Promise.all(register.map(it => it(w)));\n  console.log('rr11')\n  // const cr = await elementFactories(w);\n  if (other) {\n    for (const fn of other) {\n      if (typeof fn === 'function') {\n        await fn(w);\n      }\n    }\n  }\n\n  return cr;\n};\n"],
+  "mappings": "AAAA,OAAO;AACP,cAAc;AACd,SAAS,gBAAgB;AAIzB,cAAc;AAGd,cAAc;AAGd,cAAc;AAGd,cAAc;AAGd,IAAO,cAAQ,OAAO,GAAW,UAAqG;AACpI,UAAQ,IAAI,IAAI;AAChB,QAAM,KAAK,MAAM,QAAQ,IAAI,SAAS,IAAI,QAAM,GAAG,CAAC,CAAC,CAAC;AACtD,UAAQ,IAAI,MAAM;AAElB,MAAI,OAAO;AACT,eAAW,MAAM,OAAO;AACtB,UAAI,OAAO,OAAO,YAAY;AAC5B,cAAM,GAAG,CAAC;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/types/window.d.js

@@ -0,0 +1 @@
+//# sourceMappingURL=window.d.js.map

package/dist/esm/types/window.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/types.ts"],
-  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { Router } from '@dooboostore/core-web';\nimport {SwcAttributeConfigType} from \"./elements/SwcAppEngine\";\n\nexport enum InjectSituationType {\n  HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',\n  APP_HOST = 'SIMPLE_WEB_COMPONENT://APPHOST',\n  APP_HOSTS = 'SIMPLE_WEB_COMPONENT://APPHOSTS',\n  HOST = 'SIMPLE_WEB_COMPONENT://HOST',\n  PARENT_HOST = 'SIMPLE_WEB_COMPONENT://PARENTHOST',\n  HOSTS = 'SIMPLE_WEB_COMPONENT://HOSTS',\n  FIRST_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTHOST',\n  LAST_HOST = 'SIMPLE_WEB_COMPONENT://LASTHOST',\n  FIRST_APP_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTAPPHOST',\n  LAST_APP_HOST = 'SIMPLE_WEB_COMPONENT://LASTAPPHOST'\n}\n\nexport type SwcRootType = 'light' | 'shadow' | 'all' | 'auto';\n\nexport type SpecialSelector = '$this' | '$window' | '$document' | '$host' | '$appHost' | '$firstHost' | '$lastHost' | '$firstAppHost' | '$lastAppHost' | '$hosts' | '$appHosts';\n\nexport type SwcQueryOptions = { root?: SwcRootType };\n\nexport type HelperSet = {\n  $d: Document;\n  $w: Window;\n  $q: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement | null;\n  $qa: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement[];\n  $qi: (id: string, root?: Document | ShadowRoot) => HTMLElement | null;\n};\n\nexport type HostSet = {\n  $host: HTMLElement | null; // Nearest parent SWC component\n  $parentHost: HTMLElement | null; // Grandparent SWC ancestor\n  $hosts: HTMLElement[]; // All SWC ancestors [root, ..., parent]\n  $firstHost: HTMLElement | null; // Top-most SWC ancestor\n  $lastHost: HTMLElement | null; // Same as $host\n  $templateHost: HTMLTemplateElement | null | undefined;\n  $appHost: SwcAppInterface | null;\n  $appHosts: SwcAppInterface[];\n  $firstAppHost: SwcAppInterface | null;\n  $lastAppHost: SwcAppInterface | null;\n};\n\nexport type HelperHostSet = HelperSet & HostSet & {$this: any};\n\nexport type SwcAppMessage<T = any> = {\n  publisher?: any;\n  data?: T;\n  type?: string;\n};\n\nexport interface SwcChooseInterface extends HTMLTemplateElement {\n  value: any;\n  refresh(): void;\n}\nexport interface SwcIfInterface extends HTMLTemplateElement {\n  value: any;\n  refresh(): void;\n}\nexport interface SwcAppInterface extends HTMLElement {\n  simpleApplication?: SimpleApplication;\n  router?: Router;\n  connect(config?: SwcAttributeConfigType): Promise<void>;\n  routing(path: string): Promise<void>;\n  reload(): void;\n  back(): void;\n  forward(): void;\n  publishMessage(message: SwcAppMessage): void;\n}\n"],
+  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { Router } from '@dooboostore/core-web';\nimport {SwcAttributeConfigType, SwcConfigType} from \"./SwcAppEngine\";\n\nexport enum InjectSituationType {\n  HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',\n  APP_HOST = 'SIMPLE_WEB_COMPONENT://APPHOST',\n  APP_HOSTS = 'SIMPLE_WEB_COMPONENT://APPHOSTS',\n  HOST = 'SIMPLE_WEB_COMPONENT://HOST',\n  PARENT_HOST = 'SIMPLE_WEB_COMPONENT://PARENTHOST',\n  HOSTS = 'SIMPLE_WEB_COMPONENT://HOSTS',\n  FIRST_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTHOST',\n  LAST_HOST = 'SIMPLE_WEB_COMPONENT://LASTHOST',\n  FIRST_APP_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTAPPHOST',\n  LAST_APP_HOST = 'SIMPLE_WEB_COMPONENT://LASTAPPHOST'\n}\n\nexport type SwcRootType = 'light' | 'shadow' | 'all' | 'auto';\n\nexport type SpecialSelector = '$this' | '$window' | '$document' | '$host' | '$appHost' | '$firstHost' | '$lastHost' | '$firstAppHost' | '$lastAppHost' | '$hosts' | '$appHosts';\n\nexport type SwcQueryOptions = { root?: SwcRootType };\n\nexport type HelperSet = {\n  $d: Document;\n  $w: Window;\n  $q: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement | null;\n  $qa: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement[];\n  $qi: (id: string, root?: Document | ShadowRoot) => HTMLElement | null;\n};\n\nexport type HostSet = {\n  $host: HTMLElement | null; // Nearest parent SWC component\n  $parentHost: HTMLElement | null; // Grandparent SWC ancestor\n  $hosts: HTMLElement[]; // All SWC ancestors [root, ..., parent]\n  $firstHost: HTMLElement | null; // Top-most SWC ancestor\n  $lastHost: HTMLElement | null; // Same as $host\n  // $templateHost: HTMLTemplateElement | null | undefined;\n  $appHost: SwcAppInterface | null;\n  $appHosts: SwcAppInterface[];\n  $firstAppHost: SwcAppInterface | null;\n  $lastAppHost: SwcAppInterface | null;\n};\n\nexport type HelperHostSet = HelperSet & HostSet & {$this: any};\n\nexport type SwcAppMessage<T = any> = {\n  publisher?: any;\n  data?: T;\n  type?: string;\n};\n\nexport interface SwcChooseInterface extends HTMLTemplateElement {\n  value: any;\n  refresh(a: any): void;\n}\nexport interface SwcIfInterface extends HTMLTemplateElement {\n  value: any;\n  refresh(): void;\n}\nexport interface SwcAppInterface extends HTMLElement {\n  simpleApplication?: SimpleApplication;\n  config?:  SwcConfigType;\n  router?: Router;\n  connect(config?: SwcAttributeConfigType): Promise<void>;\n  routing(path: string): Promise<void>;\n  reload(): void;\n  back(): void;\n  forward(): void;\n  publishMessage(message: SwcAppMessage): void;\n}\n"],
   "mappings": "AAIO,IAAK,sBAAL,kBAAKA,yBAAL;AACL,EAAAA,qBAAA,cAAW;AACX,EAAAA,qBAAA,cAAW;AACX,EAAAA,qBAAA,eAAY;AACZ,EAAAA,qBAAA,UAAO;AACP,EAAAA,qBAAA,iBAAc;AACd,EAAAA,qBAAA,WAAQ;AACR,EAAAA,qBAAA,gBAAa;AACb,EAAAA,qBAAA,eAAY;AACZ,EAAAA,qBAAA,oBAAiB;AACjB,EAAAA,qBAAA,mBAAgB;AAVN,SAAAA;AAAA,GAAA;",
   "names": ["InjectSituationType"]
 }

package/dist/esm/utils/Utils.js

@@ -17,14 +17,17 @@ const commentNode = (comment, doc) => {
   if (!d) throw new Error("Document is not available");
   return d.createComment(comment !== void 0 && comment !== null ? String(comment) : "");
 };
-const createElement = (tagName, options) => {
-  const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
-  if (!d) throw new Error("Document is not available");
-  const el = d.createElement(tagName);
-  if (options?.html) el.innerHTML = options.html;
+const createElement = (documentOrWindow, tagName, options) => {
+  const doc = "document" in documentOrWindow ? documentOrWindow.document : documentOrWindow;
+  if (!doc) throw new Error("Document is not available");
+  const el = doc.createElement(tagName);
+  if (options?.innerHtml) el.innerHTML = options.innerHtml;
   if (options?.attrs) {
     Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
   }
+  if (options?.property) {
+    Object.entries(options.property).forEach(([k, v]) => el[k] = v);
+  }
   return el;
 };
 const htmlDivElement = (html, options) => {
@@ -278,7 +281,7 @@ var SwcUtils;
       $hosts,
       $firstHost,
       $lastHost: $host,
-      $templateHost: el.__swc_template_host,
+      // $templateHost: (el as any).__swc_template_host,
       $appHost,
       $appHosts,
       $firstAppHost,