@dooboostore/simple-web-component 1.0.34 → 1.0.35

package/dist/esm/elements/SwcAppMixin.js

@@ -1,96 +1,144 @@
+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";
-import { FunctionUtils } from "@dooboostore/core";
-import { ON_CONNECTED_SWC_APP_METADATA_KEY, findAllLifecycleMetadata } from "../decorators/lifecycles.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 {
     constructor() {
       super(...arguments);
-      this.__swc_engine = new SwcAppEngine(this);
-      this._swc_connected_instance = /* @__PURE__ */ new Set();
-      this._swc_started_instances = /* @__PURE__ */ new WeakSet();
-      this._swc_notified_routes = /* @__PURE__ */ new WeakMap();
+      __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 에 강제로 자기자식넣어준다
        */
-      this._connected_safari = [];
+      __publicField(this, "_connected_safari", []);
     }
     get simpleApplication() {
       return this.__swc_engine.simpleApplication;
     }
+    get config() {
+      return this.__swc_engine?.config;
+    }
     get router() {
-      return this.__swc_engine.router;
+      return this.__swc_engine?.router;
     }
     async _invokeRouteChangeSubscribers(instance, re) {
-      if (this._swc_notified_routes.get(instance) === re) return;
-      this._swc_notified_routes.set(instance, re);
-      const routeChangeSubscribers = getSubscribeSwcAppRouteChangeWhileConnectedMetadata(instance);
-      if (routeChangeSubscribers && Array.isArray(routeChangeSubscribers)) {
-        const ps = routeChangeSubscribers.map(async (metadata) => {
-          const methodName = metadata.propertyKey;
-          const pathPattern = metadata.pathPattern;
-          const filter = metadata.filter;
-          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;
+      if (instance.isConnected === false) return;
+      this._routeChangeInvocations++;
+      if (this._childrenRouteChangedInterval) {
+        clearInterval(this._childrenRouteChangedInterval);
+      }
+      this._childrenRouteChangedInterval = debounceTimeIntervalLock(
+        () => this._routeChangeInvocations === 0,
+        () => {
+          this._childrenRouteChangedInterval = null;
+          this.config.onChildrenRouteChanged(re, this);
+        },
+        this.config?.childrenConnectedDoneCheckIntervalTime ?? 30,
+        { setInterval: window.setInterval, clearInterval: window.clearInterval }
+        // {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;
             }
-          } 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 });
-          }
-        });
-        return await Promise.allSettled(ps);
+            const filterPassed = !filter || filter(this.router, instance);
+            if (pathMatched && filterPassed && instance[methodName]) {
+              await instance[methodName]({ ...re, pathData });
+            }
+          });
+          await Promise.allSettled(ps);
+        }
+      } finally {
+        this._routeChangeInvocations--;
       }
     }
-    _connected(instance) {
+    async _connected(instance) {
       if (instance) {
+        this._connectedInvocations++;
         this._swc_connected_instance.add(instance);
+        if (this._childrenConnectedDoneInterval) {
+          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 }
+        );
         if (this.simpleApplication) {
-          this._invokeOnConnectedSwcAppStarted(instance);
-          if (this.router && this._lastRouterEvent) {
-            this._invokeRouteChangeSubscribers(instance, this._lastRouterEvent);
+          try {
+            if (this.router && this._lastRouterEvent) {
+              await this._invokeRouteChangeSubscribers(instance, this._lastRouterEvent);
+            }
+          } catch (e) {
+            throw e;
           }
         }
       }
     }
+    async _connectedDone(instance) {
+      try {
+      } finally {
+        this._connectedInvocations--;
+      }
+    }
     _disconnected(instance) {
       if (instance) {
         this._swc_connected_instance.delete(instance);
-        this._swc_started_instances.delete(instance);
-        this._swc_notified_routes.delete(instance);
       }
     }
     async _handleRouteChange(route) {
       this._lastRouterEvent = route;
-      if (route.triggerPoint === "end") {
-        const swcConnectedInstance = Array.from(this._swc_connected_instance);
-        const ps = swcConnectedInstance.map((instance) => this._invokeRouteChangeSubscribers(instance, route));
-        await Promise.allSettled(ps);
-      }
+      const swcConnectedInstance = Array.from(this._swc_connected_instance);
+      const ps = swcConnectedInstance.map((instance) => this._invokeRouteChangeSubscribers(instance, route));
+      await Promise.allSettled(ps);
     }
     async connect(config) {
       const swcConfig = {
         routeType: "element",
-        window: config.window,
+        window: config?.window,
         ...config
       };
       const mode = config?.connectMode || "direct";
@@ -123,28 +171,36 @@ function SwcAppMixin(Base) {
         }
       }
       this._connected_safari.forEach((instance) => {
-        this._swc_connected_instance.add(instance);
+        this._connected(instance);
       });
-      const scis = Array.from(this._swc_connected_instance);
-      await Promise.allSettled(scis.map((instance) => this._invokeOnConnectedSwcAppStarted(instance)));
       if (!this._routerSubscription && this.router) {
         const config2 = this.__swc_engine.config;
-        this._routerSubscription = this.router.observable.subscribe((route) => {
-          this._handleRouteChange(route).then((it) => {
-            config2?.onRouteChanged?.(route, this);
-          });
+        this._routerSubscription = this.router.observable.subscribe(async (route) => {
+          if (route.triggerPoint === "end") {
+            await this._handleRouteChange(route);
+          }
         });
+        if (config2?.path) {
+          this.router.go(config2.path);
+        }
       }
     }
-    async _invokeOnConnectedSwcAppStarted(instance) {
-      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));
-        return await Promise.allSettled(ps);
-      }
-    }
+    // 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");

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcAppMixin.ts"],
-  "sourcesContent": ["import { SwcAppEngine, SwcAttributeConfigType, SwcConfigType } from './SwcAppEngine';\nimport { SwcAppInterface, SwcAppMessage } from '../types';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils, Subscription } from '@dooboostore/core';\nimport { Router, RouterEventType } from '@dooboostore/core-web';\nimport { ON_CONNECTED_SWC_APP_METADATA_KEY, findAllLifecycleMetadata } from '../decorators/lifecycles';\nimport { getSubscribeSwcAppRouteChangeWhileConnectedMetadata } from '../decorators/subscribeSwcAppRouteChangeWhileConnected';\nimport { getSubscribeSwcAppMessageWhileConnectedMetadata } from '../decorators/subscribeSwcAppMessageWhileConnected';\n\nexport function SwcAppMixin<T extends { new (...args: any[]): HTMLElement }>(Base: T) {\n  //@ts-ignore\n  return class extends Base implements SwcAppInterface {\n    __swc_engine = new SwcAppEngine(this as any);\n    _swc_connected_instance = new Set<any>();\n    _swc_started_instances = new WeakSet<any>();\n    _swc_notified_routes = new WeakMap<any, RouterEventType>();\n    _routerSubscription?: Subscription;\n    _lastRouterEvent?: RouterEventType;\n\n    /*\n      \uC0AC\uD30C\uB9AC is \uC77C\uACBD\uC6B0\n    <script src=\"https://unpkg.com/@ungap/custom-elements\"></script>\n    \uC774\uAC78\uC0AC\uC6A9\uD558\uB294\uB370 is \uB300\uC751\uD558\uB294\uAC70\uB2E4 \uADF8\uB7F0\uB370 \uC774\uB54C \uCC98\uB9AC\uB418\uB294 \uC21C\uC11C\uAC00  \uD06C\uB86C\uC774\uB098 \uD45C\uC900\uC5D0\uC11C\uB294 \uBD80\uBAA8\uBD80\uD130 \uB9CC\uB4E4\uC5B4\uC9C0\uACE0 \uC790\uC2DD\uB4E4\uC774 \uB9CC\uB4E4\uC5B4\uC9C0\uB294\uB370\n     \uC800 polyfill\uC5D0\uC11C\uB294 \uC790\uC2DD\uBD80\uD130 \uB9CC\uB4E4\uC5B4\uC9C0\uACE0 \uBD80\uBAA8\uAC00 \uB9CC\uB4E4\uC5B4\uC9C4\uB2E4 is\uC77C\uB54C \uC544 .. \uC774\uBB38\uC81C\uB54C\uBB38\uC5D0 \uC790\uC2DD\uC774 _connected_safari \uC5D0 \uAC15\uC81C\uB85C \uC790\uAE30\uC790\uC2DD\uB123\uC5B4\uC900\uB2E4\n     */\n    _connected_safari = [];\n    get simpleApplication() {\n      return this.__swc_engine.simpleApplication;\n    }\n    get router() {\n      return this.__swc_engine.router;\n    }\n\n    async _invokeRouteChangeSubscribers(instance: any, re: RouterEventType) {\n      // \uC774\uBBF8 \uC774 \uB77C\uC6B0\uD2B8 \uC774\uBCA4\uD2B8\uC5D0 \uB300\uD574 \uCC98\uB9AC\uB41C \uC778\uC2A4\uD134\uC2A4\uB77C\uBA74 \uC2A4\uD0B5 (\uB3D9\uC2DC\uC131/\uC911\uBCF5 \uBC29\uC9C0)\n      if (this._swc_notified_routes.get(instance) === re) return;\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          const pathPattern = metadata.pathPattern;\n          const filter = metadata.filter;\n\n          // Path pattern matching (support both string and array)\n          let pathMatched = false;\n          let pathData: any = null;\n\n          if (!pathPattern) {\n            // pathPattern\uC774 \uC5C6\uC73C\uBA74 \uBAA8\uB4E0 \uACBD\uB85C \uB9E4\uCE6D (\uC640\uC77C\uB4DC\uCE74\uB4DC)\n            pathMatched = true;\n            pathData = {};\n          } else if (Array.isArray(pathPattern)) {\n            // \uBC30\uC5F4: \uD558\uB098\uB77C\uB3C4 \uB9E4\uCE6D\uB418\uBA74 OK\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            // \uBB38\uC790\uC5F4\n            pathData = SwcUtils.parsePathPattern(pathPattern, re.path || '/');\n            pathMatched = pathData !== null;\n          }\n\n          // Filter validation\n          const filterPassed = !filter || filter(this.router!, instance);\n\n          // Invoke method if conditions pass\n          if (pathMatched && filterPassed && instance[methodName]) {\n            await instance[methodName]({ ...re, pathData: pathData });\n          }\n        });\n        return await Promise.allSettled(ps);\n      }\n    }\n\n    _connected(instance: any) {\n      // console.log('appmixin--> connected', this, instance);\n      if (instance) {\n        this._swc_connected_instance.add(instance);\n        if (this.simpleApplication) {\n          this._invokeOnConnectedSwcAppStarted(instance);\n          // Notify current route subscribers immediately after connection\n          if (this.router && this._lastRouterEvent) {\n            this._invokeRouteChangeSubscribers(instance, this._lastRouterEvent);\n          }\n        }\n      }\n    }\n\n    _disconnected(instance: any) {\n      if (instance) {\n        this._swc_connected_instance.delete(instance);\n        this._swc_started_instances.delete(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        const ps = swcConnectedInstance.map((instance: any) => this._invokeRouteChangeSubscribers(instance, route));\n        await Promise.allSettled(ps);\n      }\n    }\n\n    async connect(config?: SwcAttributeConfigType) {\n      const swcConfig = {\n        routeType: 'element',\n        window: config.window,\n        ...config\n      } as SwcConfigType;\n\n      const mode = config?.connectMode || 'direct';\n\n      // console.log('-------mode', mode);\n      if (mode === 'direct') {\n        await this.__swc_engine.connect(swcConfig);\n        this.setAttribute('swc-connect-mode', 'direct');\n      } else if (mode === 'swap' || mode === 'clear-swap') {\n        if (!this.parentNode) {\n          // \uBD80\uBAA8\uAC00 \uC5C6\uC73C\uBA74 swap\uC744 \uD560 \uC218 \uC5C6\uC73C\uBBC0\uB85C direct\uB85C \uD3F4\uBC31\uD569\uB2C8\uB2E4.\n          await this.__swc_engine.connect(swcConfig);\n          this.setAttribute('swc-connect-mode', 'direct');\n        } else {\n          // 1. \uD604\uC7AC SSR \uC0C1\uD0DC(\uD654\uBA74)\uB97C \uADF8\uB300\uB85C \uC720\uC9C0\uD55C \uCC44\uB85C, \uBC31\uADF8\uB77C\uC6B4\uB4DC\uC6A9 \uD074\uB860\uC744 \uB9CC\uB4ED\uB2C8\uB2E4.\n          const clonedApp = this.cloneNode(mode === 'swap') as any; // clear-swap \uBAA8\uB4DC\uBA74 \uC790\uC2DD \uB178\uB4DC\uB97C \uD074\uB860\uD558\uC9C0 \uC54A\uC74C(false)\n          clonedApp.style.display = 'none';\n          \n          // 2. DOM\uC5D0 \uD074\uB860\uC744 \uBAB0\uB798 \uBD99\uC785\uB2C8\uB2E4.\n          this.parentNode.insertBefore(clonedApp, this.nextSibling);\n\n          try {\n            // 3. \uD074\uB860\uC744 direct \uBAA8\uB4DC\uB85C \uC5F0\uACB0(\uCD08\uAE30\uD654/\uB80C\uB354\uB9C1) \uC2DC\uD0B5\uB2C8\uB2E4.\n            await clonedApp.connect({ ...(config || {}), connectMode: 'direct' });\n            \n            // 4. \uD074\uB860\uC758 \uB80C\uB354\uB9C1\uC774 \uC644\uC804\uD788 \uB05D\uB098\uBA74, \uAE30\uC874 SSR \uD654\uBA74(this)\uC744 \uC9C0\uC6B0\uACE0 \uD074\uB860\uC744 \uBCF4\uC5EC\uC90D\uB2C8\uB2E4.\n            if (this.parentNode) {\n              this.parentNode.removeChild(this);\n            }\n            clonedApp.style.display = '';\n            clonedApp.setAttribute('swc-connect-mode', mode);\n            \n            // \u2605 \uB9E4\uC6B0 \uC911\uC694: \uAD50\uCCB4\uAC00 \uC644\uB8CC\uB418\uC5C8\uC73C\uBBC0\uB85C \uAE30\uC874 \uC571(this)\uC740 \uC5EC\uAE30\uC11C \uC989\uC2DC \uC885\uB8CC\uD558\uC5EC \uBD88\uD544\uC694\uD55C \uB77C\uC6B0\uD130/\uC774\uBCA4\uD2B8 \uAD6C\uB3C5\uC744 \uB9C9\uC544\uC57C \uD569\uB2C8\uB2E4!\n            return;\n          } catch (e) {\n            // \uC2E4\uD328 \uC2DC \uD074\uB860\uC744 \uC9C0\uC6B0\uACE0 \uC6D0\uBCF8\uC744 direct\uB85C \uAC15\uC81C \uC5F0\uACB0\uD569\uB2C8\uB2E4.\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      // \uC0AC\uD30C\uB9AC\uC77C\uB584 \uC608\uC678\uC774\uB2E4 is \uC77C\uB54C polyfill\uB418\uB294\uB370 \uC774\uB584 \uBD80\uBAA8\uBD80\uD130 \uB9CC\uB4E4\uC5B4\uC9C0\uB294\uAC8C \uC544\uB2C8\uB77C \uC790\uC2DD\uBD80\uD130 \uB9CC\uB4E4\uC5B4\uC9C4\uB2E4 \uADF8\uB798\uC11C \uBD80\uBAA8\uAC00 \uB9CC\uB4E4\uC5B4\uC9C8\uB54C \uC790\uC2DD\uB4E4\uC774 \uC774\uBBF8 \uB9CC\uB4E4\uC5B4\uC838\uC788\uC5B4\uC11C \uBD80\uBAA8\uAC00 \uC790\uC2DD\uB4E4\uC744 \uB4F1\uB85D\uD574\uC8FC\uB294 \uD615\uD0DC\uB85C \uAC15\uC81C\uB85C \uB4F1\uB85D\uD574\uC900\uB2E4\n      this._connected_safari.forEach((instance: any) => {\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      const scis = Array.from(this._swc_connected_instance);\n      await Promise.allSettled(scis.map(instance => this._invokeOnConnectedSwcAppStarted(instance)));\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        this._routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n          //@ts-ignore\n          // console.log('Route changed:', route, this._swcId);\n          this._handleRouteChange(route).then(it => {\n            config?.onRouteChanged?.(route, this);\n          });\n        });\n        // Navigate to initial path if specified\n        // if (config?.path) {\n        //   this.router.go(config.path);\n        // }\n      }\n    }\n\n    async _invokeOnConnectedSwcAppStarted(instance: any) {\n      // \uC774\uBBF8 \uC2DC\uC791\uB41C \uC778\uC2A4\uD134\uC2A4\uB77C\uBA74 \uC2A4\uD0B5 (\uBE44\uB3D9\uAE30 \uBCD1\uB82C \uC911\uBCF5 \uD638\uCD9C \uBC29\uC9C0)\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        return await Promise.allSettled(ps)\n        // for (const m of startedMethods) {\n        //   instance._invokeLifecycleMethod(m);\n        // }\n      }\n    }\n\n    connectedCallback() {\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      this.__swc_engine?.config?.onConnected?.(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    }\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    publishMessage(message: SwcAppMessage): void {\n      // \uBA54\uC2DC\uC9C0\uB97C \uBAA8\uB4E0 connected component instances\uB85C \uBD84\uBC30\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          // \uBA54\uC2DC\uC9C0 \uD0C0\uC785 \uD655\uC778\n          let typeMatched = false;\n          if (!messageType) {\n            // messageType\uC774 \uC5C6\uC73C\uBA74 \uBAA8\uB4E0 \uBA54\uC2DC\uC9C0 \uB9E4\uCE6D (\uC640\uC77C\uB4DC\uCE74\uB4DC)\n            typeMatched = true;\n          } else if (message.type === messageType) {\n            typeMatched = true;\n          }\n\n          // \uD544\uD130 \uC801\uC6A9\n          let filterMatched = true;\n          if (filter && typeMatched) {\n            filterMatched = filter(message, instance);\n          }\n\n          // \uC870\uAC74\uC744 \uB9CC\uC871\uD558\uBA74 \uBA54\uC11C\uB4DC \uD638\uCD9C\n          if (typeMatched && filterMatched && typeof instance[methodName] === 'function') {\n            instance[methodName](message);\n          }\n        });\n      }\n    }\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {SwcAppEngine, SwcAttributeConfigType, SwcConfigType} from './SwcAppEngine';\nimport {SwcAppInterface, SwcAppMessage} from '../types';\nimport {SwcUtils} from '../utils/Utils';\nimport {debounceTimeIntervalLock, FunctionUtils, Subscription} from '@dooboostore/core';\nimport {RouterEventType} from '@dooboostore/core-web';\nimport {getSubscribeSwcAppRouteChangeWhileConnectedMetadata} from '../decorators/subscribeSwcAppRouteChangeWhileConnected';\nimport {getSubscribeSwcAppMessageWhileConnectedMetadata} from '../decorators/subscribeSwcAppMessageWhileConnected';\n\nexport function SwcAppMixin<T extends { new(...args: any[]): HTMLElement }>(Base: T) {\n  //@ts-ignore\n  return class extends Base 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      \uC0AC\uD30C\uB9AC is \uC77C\uACBD\uC6B0\n    <script src=\"https://unpkg.com/@ungap/custom-elements\"></script>\n    \uC774\uAC78\uC0AC\uC6A9\uD558\uB294\uB370 is \uB300\uC751\uD558\uB294\uAC70\uB2E4 \uADF8\uB7F0\uB370 \uC774\uB54C \uCC98\uB9AC\uB418\uB294 \uC21C\uC11C\uAC00  \uD06C\uB86C\uC774\uB098 \uD45C\uC900\uC5D0\uC11C\uB294 \uBD80\uBAA8\uBD80\uD130 \uB9CC\uB4E4\uC5B4\uC9C0\uACE0 \uC790\uC2DD\uB4E4\uC774 \uB9CC\uB4E4\uC5B4\uC9C0\uB294\uB370\n     \uC800 polyfill\uC5D0\uC11C\uB294 \uC790\uC2DD\uBD80\uD130 \uB9CC\uB4E4\uC5B4\uC9C0\uACE0 \uBD80\uBAA8\uAC00 \uB9CC\uB4E4\uC5B4\uC9C4\uB2E4 is\uC77C\uB54C \uC544 .. \uC774\uBB38\uC81C\uB54C\uBB38\uC5D0 \uC790\uC2DD\uC774 _connected_safari \uC5D0 \uAC15\uC81C\uB85C \uC790\uAE30\uC790\uC2DD\uB123\uC5B4\uC900\uB2E4\n     */\n    _connected_safari = [];\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: any, re: RouterEventType) {\n      if (instance.isConnected === false) return;\n\n      this._routeChangeInvocations++;\n\n      if (this._childrenRouteChangedInterval) {\n        clearInterval(this._childrenRouteChangedInterval);\n      }\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        {setInterval: window.setInterval, clearInterval: window.clearInterval}\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        this._routeChangeInvocations--;\n      }\n    }\n\n    async _connected(instance: any) {\n      if (instance) {\n        this._connectedInvocations++;\n        this._swc_connected_instance.add(instance);\n\n        if (this._childrenConnectedDoneInterval) {\n          clearInterval(this._childrenConnectedDoneInterval);\n        }\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          {setInterval: window.setInterval, clearInterval: window.clearInterval}\n        );\n\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    }\n\n    async _connectedDone(instance: any) {\n      try {\n        // \uB0B4\uBD80 \uC5F0\uACB0 \uCC98\uB9AC \uB85C\uC9C1\uC774 \uC788\uB2E4\uBA74 \uC5EC\uAE30\uC5D0 \uCD94\uAC00\n      } finally {\n        this._connectedInvocations--;\n      }\n    }\n\n    _disconnected(instance: any) {\n      // console.log('_disconnected', instance);\n      if (instance) {\n        this._swc_connected_instance.delete(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      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') {\n        await this.__swc_engine.connect(swcConfig);\n        this.setAttribute('swc-connect-mode', 'direct');\n      } else if (mode === 'swap' || mode === 'clear-swap') {\n        if (!this.parentNode) {\n          // \uBD80\uBAA8\uAC00 \uC5C6\uC73C\uBA74 swap\uC744 \uD560 \uC218 \uC5C6\uC73C\uBBC0\uB85C direct\uB85C \uD3F4\uBC31\uD569\uB2C8\uB2E4.\n          await this.__swc_engine.connect(swcConfig);\n          this.setAttribute('swc-connect-mode', 'direct');\n        } else {\n          // 1. \uD604\uC7AC SSR \uC0C1\uD0DC(\uD654\uBA74)\uB97C \uADF8\uB300\uB85C \uC720\uC9C0\uD55C \uCC44\uB85C, \uBC31\uADF8\uB77C\uC6B4\uB4DC\uC6A9 \uD074\uB860\uC744 \uB9CC\uB4ED\uB2C8\uB2E4.\n          const clonedApp = this.cloneNode(mode === 'swap') as any; // clear-swap \uBAA8\uB4DC\uBA74 \uC790\uC2DD \uB178\uB4DC\uB97C \uD074\uB860\uD558\uC9C0 \uC54A\uC74C(false)\n          clonedApp.style.display = 'none';\n\n          // 2. DOM\uC5D0 \uD074\uB860\uC744 \uBAB0\uB798 \uBD99\uC785\uB2C8\uB2E4.\n          this.parentNode.insertBefore(clonedApp, this.nextSibling);\n\n          try {\n            // 3. \uD074\uB860\uC744 direct \uBAA8\uB4DC\uB85C \uC5F0\uACB0(\uCD08\uAE30\uD654/\uB80C\uB354\uB9C1) \uC2DC\uD0B5\uB2C8\uB2E4.\n            await clonedApp.connect({...(config || {}), connectMode: 'direct'});\n\n            // 4. \uD074\uB860\uC758 \uB80C\uB354\uB9C1\uC774 \uC644\uC804\uD788 \uB05D\uB098\uBA74, \uAE30\uC874 SSR \uD654\uBA74(this)\uC744 \uC9C0\uC6B0\uACE0 \uD074\uB860\uC744 \uBCF4\uC5EC\uC90D\uB2C8\uB2E4.\n            if (this.parentNode) {\n              this.parentNode.removeChild(this);\n            }\n            clonedApp.style.display = '';\n            clonedApp.setAttribute('swc-connect-mode', mode);\n\n            // \u2605 \uB9E4\uC6B0 \uC911\uC694: \uAD50\uCCB4\uAC00 \uC644\uB8CC\uB418\uC5C8\uC73C\uBBC0\uB85C \uAE30\uC874 \uC571(this)\uC740 \uC5EC\uAE30\uC11C \uC989\uC2DC \uC885\uB8CC\uD558\uC5EC \uBD88\uD544\uC694\uD55C \uB77C\uC6B0\uD130/\uC774\uBCA4\uD2B8 \uAD6C\uB3C5\uC744 \uB9C9\uC544\uC57C \uD569\uB2C8\uB2E4!\n            return;\n          } catch (e) {\n            // \uC2E4\uD328 \uC2DC \uD074\uB860\uC744 \uC9C0\uC6B0\uACE0 \uC6D0\uBCF8\uC744 direct\uB85C \uAC15\uC81C \uC5F0\uACB0\uD569\uB2C8\uB2E4.\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      // \uC0AC\uD30C\uB9AC\uC77C\uB584 \uC608\uC678\uC774\uB2E4 is \uC77C\uB54C polyfill\uB418\uB294\uB370 \uC774\uB584 \uBD80\uBAA8\uBD80\uD130 \uB9CC\uB4E4\uC5B4\uC9C0\uB294\uAC8C \uC544\uB2C8\uB77C \uC790\uC2DD\uBD80\uD130 \uB9CC\uB4E4\uC5B4\uC9C4\uB2E4 \uADF8\uB798\uC11C \uBD80\uBAA8\uAC00 \uB9CC\uB4E4\uC5B4\uC9C8\uB54C \uC790\uC2DD\uB4E4\uC774 \uC774\uBBF8 \uB9CC\uB4E4\uC5B4\uC838\uC788\uC5B4\uC11C \uBD80\uBAA8\uAC00 \uC790\uC2DD\uB4E4\uC744 \uB4F1\uB85D\uD574\uC8FC\uB294 \uD615\uD0DC\uB85C \uAC15\uC81C\uB85C \uB4F1\uB85D\uD574\uC900\uB2E4\n      this._connected_safari.forEach((instance: any) => {\n        // console.log('safari!!!!!!!!!!', instance)\n        this._connected(instance);\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. \uBAA8\uB4E0 \uAE30\uC874 \uC5F0\uACB0\uB41C \uC790\uC2DD\uB4E4\uC5D0\uAC8C \uB77C\uC6B0\uD2B8 \uC774\uBCA4\uD2B8 \uC54C\uB9BC\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    //     // \uC774\uBBF8 \uC2DC\uC791\uB41C \uC778\uC2A4\uD134\uC2A4\uB77C\uBA74 \uC2A4\uD0B5 (\uBE44\uB3D9\uAE30 \uBCD1\uB82C \uC911\uBCF5 \uD638\uCD9C \uBC29\uC9C0)\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      this.__swc_engine?.config?.onConnected?.(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    }\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    publishMessage(message: SwcAppMessage): void {\n      // \uBA54\uC2DC\uC9C0\uB97C \uBAA8\uB4E0 connected component instances\uB85C \uBD84\uBC30\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          // \uBA54\uC2DC\uC9C0 \uD0C0\uC785 \uD655\uC778\n          let typeMatched = false;\n          if (!messageType) {\n            // messageType\uC774 \uC5C6\uC73C\uBA74 \uBAA8\uB4E0 \uBA54\uC2DC\uC9C0 \uB9E4\uCE6D (\uC640\uC77C\uB4DC\uCE74\uB4DC)\n            typeMatched = true;\n          } else if (message.type === messageType) {\n            typeMatched = true;\n          }\n\n          // \uD544\uD130 \uC801\uC6A9\n          let filterMatched = true;\n          if (filter && typeMatched) {\n            filterMatched = filter(message, instance);\n          }\n\n          // \uC870\uAC74\uC744 \uB9CC\uC871\uD558\uBA74 \uBA54\uC11C\uB4DC \uD638\uCD9C\n          if (typeMatched && filterMatched && typeof instance[methodName] === 'function') {\n            instance[methodName](message);\n          }\n        });\n      }\n    }\n  };\n}\n"],
+  "mappings": "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",
   "names": ["config"]
 }

package/dist/esm/elements/SwcAsync.js

@@ -26,9 +26,10 @@ class SwcAsync extends HTMLTemplateElement {
   setValue(valueAttr) {
     this.executeAsync(this._value);
   }
-  setReplaceWrap() {
-    this.executeAsync(this._value);
-  }
+  // @changedAttributeHost('replace-wrap')
+  // private setReplaceWrap() {
+  //   this.executeAsync(this._value);
+  // }
   executeAsync(result = this._value) {
     if (result === void 0 || result === null) {
       this.refresh("default");
@@ -50,11 +51,19 @@ class SwcAsync extends HTMLTemplateElement {
     }
   }
   replaceExpressions(html, groupArgs, context, wrap) {
-    const config = wrap ? { wrapExpression: wrap } : void 0;
+    let config = void 0;
+    if (wrap) {
+      config = {
+        expression: {
+          replace: { start: `${wrap.start}`, end: `${wrap.end}` },
+          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },
+          call: { start: `${wrap.start}@`, end: `${wrap.end}` }
+        }
+      };
+    }
     const ae = new ActionExpression(html, config);
-    const filterOptions = wrap ? { type: "replace", wrap } : "replace";
     const win = this.ownerDocument?.defaultView || window;
-    for (const expr of ae.getExpressions(filterOptions)) {
+    for (const expr of ae.getExpressions("replace")) {
       try {
         const value = FunctionUtils.executeReturn({
           script: ConvertUtils.decodeHtmlEntity(expr.script, win.document),
@@ -69,9 +78,8 @@ class SwcAsync extends HTMLTemplateElement {
     return ae.getUnprocessedTemplate();
   }
   refresh(state = "default") {
-    console.log("rrrrrrrrrrrrrrrrr", state);
     this.cleanup();
-    const portal = this.parentElement;
+    const portal = SwcUtils.getParentContainer(this);
     if (!portal)
       return;
     const win = this.ownerDocument?.defaultView || window;
@@ -79,12 +87,16 @@ class SwcAsync extends HTMLTemplateElement {
     const t = this.content.querySelector(`template[is="swc-${state}"]`);
     if (t) {
       let htmlString = t.innerHTML;
-      const groupArgs = { ...helperSet, $value: this._value, $state: state };
-      htmlString = this.replaceExpressions(htmlString, groupArgs, this, this._replaceWrap);
+      const groupArgs = { ...helperSet, $value: this._value, $state: state, $templateHost: this };
+      htmlString = this.replaceExpressions(htmlString, groupArgs, this, { start: this._replaceWrapStart ?? "{#{", end: this._replaceWrapEnd ?? "}#}" });
       const temp = this.ownerDocument?.createElement("template") || document.createElement("template");
       temp.innerHTML = htmlString;
       const content = temp.content;
       this._nodes = Array.from(content.childNodes);
+      this._nodes.forEach((node) => {
+        if (node instanceof HTMLElement)
+          node.__template_swc_host = this;
+      });
       portal.insertBefore(content, this.nextSibling);
     }
   }
@@ -101,19 +113,17 @@ __decorate([
   __metadata("design:type", Object)
 ], SwcAsync.prototype, "_value", void 0);
 __decorate([
-  attributeHost("replace-wrap"),
+  attributeHost("replace-wrap-start"),
   __metadata("design:type", String)
-], SwcAsync.prototype, "_replaceWrap", void 0);
+], SwcAsync.prototype, "_replaceWrapStart", void 0);
+__decorate([
+  attributeHost("replace-wrap-end"),
+  __metadata("design:type", String)
+], SwcAsync.prototype, "_replaceWrapEnd", void 0);
 __decorate([
   changedAttributeHost("value"),
   __metadata("design:type", Function),
   __metadata("design:paramtypes", [String]),
   __metadata("design:returntype", void 0)
 ], SwcAsync.prototype, "setValue", null);
-__decorate([
-  changedAttributeHost("replace-wrap"),
-  __metadata("design:type", Function),
-  __metadata("design:paramtypes", []),
-  __metadata("design:returntype", void 0)
-], SwcAsync.prototype, "setReplaceWrap", null);
 //# sourceMappingURL=SwcAsync.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcAsync.ts"],
-  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils, ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\nimport { attributeHost } from '../decorators';\n\nclass SwcAsync extends HTMLTemplateElement {\n  @attributeHost('value')\n  _value: any;\n\n  @attributeHost('replace-wrap')\n  _replaceWrap: string | null;\n\n  resultValue?: any;\n\n  get value(): boolean {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    this.executeAsync(nv);\n  }\n\n  private _nodes: Node[] = [];\n\n  @changedAttributeHost('value')\n  private setValue(valueAttr?: string | null) {\n    this.executeAsync(this._value);\n  }\n\n  @changedAttributeHost('replace-wrap')\n  private setReplaceWrap() {\n    this.executeAsync(this._value);\n  }\n\n  private executeAsync(result: any = this._value) {\n    if (result === undefined || result === null) {\n      this.refresh('default');\n      return;\n    }\n\n    if (result instanceof Promise) {\n      this.refresh('loading');\n      result\n        .then(v => {\n          this.resultValue = v;\n          this.refresh('success');\n        })\n        .catch(e => {\n          console.error('[SWC-ASYNC] Promise rejected:', e);\n          this.resultValue = e;\n          this.refresh('error');\n        });\n    } else {\n      this.resultValue = result;\n      this.refresh('success');\n    }\n  }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap?: string | null): string {\n    const config = wrap ? { wrapExpression: wrap } : undefined;\n    const ae = new ActionExpression(html, config);\n    const filterOptions = wrap ? { type: 'replace' as const, wrap } : 'replace';\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions(filterOptions)) {\n      try {\n        const value = FunctionUtils.executeReturn({\n          script: ConvertUtils.decodeHtmlEntity(expr.script, win.document),\n          context,\n          args: groupArgs\n        });\n        ae.replace(expr, String(value));\n      } catch (e) {\n        console.error(`[SWC] Failed to execute ${expr.original}:`, e);\n      }\n    }\n    return ae.getUnprocessedTemplate();\n  }\n\n  refresh(state: string = 'default') {\n    console.log('rrrrrrrrrrrrrrrrr', state);\n    this.cleanup();\n    const portal = this.parentElement;\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    const t = this.content.querySelector(`template[is=\"swc-${state}\"]`) as HTMLTemplateElement;\n    if (t) {\n      let htmlString = t.innerHTML;\n      const groupArgs = { ...helperSet, $value: this._value, $state: state };\n\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, this._replaceWrap);\n\n      const temp = this.ownerDocument?.createElement('template') || document.createElement('template');\n      temp.innerHTML = htmlString;\n      const content = temp.content;\n\n      this._nodes = Array.from(content.childNodes);\n      portal.insertBefore(content, this.nextSibling);\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,4BAA4B;AACrC,SAAS,gBAAgB;AACzB,SAAS,eAAe,wBAAwB;AAChD,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAE9B,MAAM,iBAAiB,oBAAmB;EAA1C,cAAA;;AAiBU,SAAA,SAAiB,CAAA;EA2F3B;EAnGE,IAAI,QAAK;AACP,WAAO,KAAK;EACd;EAEA,IAAI,MAAM,IAAO;AACf,SAAK,aAAa,EAAE;EACtB;EAKQ,SAAS,WAAyB;AACxC,SAAK,aAAa,KAAK,MAAM;EAC/B;EAGQ,iBAAc;AACpB,SAAK,aAAa,KAAK,MAAM;EAC/B;EAEQ,aAAa,SAAc,KAAK,QAAM;AAC5C,QAAI,WAAW,UAAa,WAAW,MAAM;AAC3C,WAAK,QAAQ,SAAS;AACtB;IACF;AAEA,QAAI,kBAAkB,SAAS;AAC7B,WAAK,QAAQ,SAAS;AACtB,aACG,KAAK,OAAI;AACR,aAAK,cAAc;AACnB,aAAK,QAAQ,SAAS;MACxB,CAAC,EACA,MAAM,OAAI;AACT,gBAAQ,MAAM,iCAAiC,CAAC;AAChD,aAAK,cAAc;AACnB,aAAK,QAAQ,OAAO;MACtB,CAAC;IACL,OAAO;AACL,WAAK,cAAc;AACnB,WAAK,QAAQ,SAAS;IACxB;EACF;EAEQ,mBAAmB,MAAc,WAAgB,SAAc,MAAoB;AACzF,UAAM,SAAS,OAAO,EAAE,gBAAgB,KAAI,IAAK;AACjD,UAAM,KAAK,IAAI,iBAAiB,MAAM,MAAM;AAC5C,UAAM,gBAAgB,OAAO,EAAE,MAAM,WAAoB,KAAI,IAAK;AAClE,UAAM,MAAM,KAAK,eAAe,eAAe;AAG/C,eAAW,QAAQ,GAAG,eAAe,aAAa,GAAG;AACnD,UAAI;AACF,cAAM,QAAQ,cAAc,cAAc;UACxC,QAAQ,aAAa,iBAAiB,KAAK,QAAQ,IAAI,QAAQ;UAC/D;UACA,MAAM;SACP;AACD,WAAG,QAAQ,MAAM,OAAO,KAAK,CAAC;MAChC,SAAS,GAAG;AACV,gBAAQ,MAAM,2BAA2B,KAAK,QAAQ,KAAK,CAAC;MAC9D;IACF;AACA,WAAO,GAAG,uBAAsB;EAClC;EAEA,QAAQ,QAAgB,WAAS;AAC/B,YAAQ,IAAI,qBAAqB,KAAK;AACtC,SAAK,QAAO;AACZ,UAAM,SAAS,KAAK;AACpB,QAAI,CAAC;AAAQ;AAEb,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,YAAY,SAAS,oBAAoB,KAAK,IAAI;AAExD,UAAM,IAAI,KAAK,QAAQ,cAAc,oBAAoB,KAAK,IAAI;AAClE,QAAI,GAAG;AACL,UAAI,aAAa,EAAE;AACnB,YAAM,YAAY,EAAE,GAAG,WAAW,QAAQ,KAAK,QAAQ,QAAQ,MAAK;AAEpE,mBAAa,KAAK,mBAAmB,YAAY,WAAW,MAAM,KAAK,YAAY;AAEnF,YAAM,OAAO,KAAK,eAAe,cAAc,UAAU,KAAK,SAAS,cAAc,UAAU;AAC/F,WAAK,YAAY;AACjB,YAAM,UAAU,KAAK;AAErB,WAAK,SAAS,MAAM,KAAK,QAAQ,UAAU;AAC3C,aAAO,aAAa,SAAS,KAAK,WAAW;IAC/C;EACF;EAEQ,UAAO;AACb,SAAK,OAAO,QAAQ,OAAK,EAAE,eAAe,YAAY,CAAC,CAAC;AACxD,SAAK,SAAS,CAAA;EAChB;EAEA,uBAAoB;AAClB,SAAK,QAAO;EACd;;AAzGA,WAAA;EADC,cAAc,OAAO;;;AAItB,WAAA;EADC,cAAc,cAAc;;;AAgBrB,WAAA;EADP,qBAAqB,OAAO;;;;;AAMrB,WAAA;EADP,qBAAqB,cAAc;;;;;",
+  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils, ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\nimport { attributeHost } from '../decorators';\n\nclass SwcAsync extends HTMLTemplateElement {\n  @attributeHost('value')\n  _value: any;\n  @attributeHost('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeHost('replace-wrap-end')\n  _replaceWrapEnd: string | null;  resultValue?: any;\n\n  get value(): boolean {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    this.executeAsync(nv);\n  }\n\n  private _nodes: Node[] = [];\n\n  @changedAttributeHost('value')\n  private setValue(valueAttr?: string | null) {\n    this.executeAsync(this._value);\n  }\n\n  // @changedAttributeHost('replace-wrap')\n  // private setReplaceWrap() {\n  //   this.executeAsync(this._value);\n  // }\n\n  private executeAsync(result: any = this._value) {\n    if (result === undefined || result === null) {\n      this.refresh('default');\n      return;\n    }\n\n    if (result instanceof Promise) {\n      this.refresh('loading');\n      result\n        .then(v => {\n          this.resultValue = v;\n          this.refresh('success');\n        })\n        .catch(e => {\n          console.error('[SWC-ASYNC] Promise rejected:', e);\n          this.resultValue = e;\n          this.refresh('error');\n        });\n    } else {\n      this.resultValue = result;\n      this.refresh('success');\n    }\n  }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap: {start: string, end: string}): string {\n    let config: any = undefined;\n    if (wrap) {\n      config = {\n        expression: {\n          replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n          call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n        }\n      };\n    }\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions('replace')) {\n      try {\n        const value = FunctionUtils.executeReturn({\n          script: ConvertUtils.decodeHtmlEntity(expr.script, win.document),\n          context,\n          args: groupArgs\n        });\n        ae.replace(expr, String(value));\n      } catch (e) {\n        console.error(`[SWC] Failed to execute ${expr.original}:`, e);\n      }\n    }\n    return ae.getUnprocessedTemplate();\n  }\n\n  refresh(state: string = 'default') {\n    // console.log('rrrrrrrrrrrrrrrrr', state);\n    this.cleanup();\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    const t = this.content.querySelector(`template[is=\"swc-${state}\"]`) as HTMLTemplateElement;\n    if (t) {\n      let htmlString = t.innerHTML;\n      const groupArgs = { ...helperSet, $value: this._value, $state: state, $templateHost: this };\n\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\n\n      const temp = this.ownerDocument?.createElement('template') || document.createElement('template');\n      temp.innerHTML = htmlString;\n      const content = temp.content;\n\n      this._nodes = Array.from(content.childNodes);\n      this._nodes.forEach((node: any) => {\n        if (node instanceof HTMLElement)  (node as any).__template_swc_host = this;\n      });\n\n      portal.insertBefore(content, this.nextSibling);\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/elements/SwcChoose.js

@@ -31,18 +31,28 @@ class SwcChoose extends HTMLTemplateElement {
   attributeChangedCallback(na, o, n) {
   }
   setValue(value, o, n) {
+    console.log("chooooooose value", value);
     this._value = value;
     this.refresh(this._value);
   }
-  setReplaceWrap(replaceWrapAttr) {
-    this.refresh();
-  }
+  // @changedAttributeHost('replace-wrap')
+  // private setReplaceWrap(replaceWrapAttr?: string | null) {
+  //   this.refresh();
+  // }
   replaceExpressions(html, groupArgs, context, wrap) {
-    const config = wrap ? { wrapExpression: wrap } : void 0;
+    let config = void 0;
+    if (wrap) {
+      config = {
+        expression: {
+          replace: { start: `${wrap.start}`, end: `${wrap.end}` },
+          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },
+          call: { start: `${wrap.start}@`, end: `${wrap.end}` }
+        }
+      };
+    }
     const ae = new ActionExpression(html, config);
-    const filterOptions = wrap ? { type: "replace", wrap } : "replace";
     const win = this.ownerDocument?.defaultView || window;
-    for (const expr of ae.getExpressions(filterOptions)) {
+    for (const expr of ae.getExpressions("replace")) {
       try {
         const value = FunctionUtils.executeReturn({
           script: ConvertUtils.decodeHtmlEntity(expr.script, win.document),
@@ -58,31 +68,27 @@ class SwcChoose extends HTMLTemplateElement {
   }
   refresh(value) {
     value = getAttributeValue(this, "value") ?? this._value;
-    const portal = this.parentElement;
-    if (!portal)
+    console.log("[DEBUG] SwcChoose.refresh called, value:", value);
+    const portal = SwcUtils.getParentContainer(this);
+    if (!portal) {
+      console.log("[DEBUG] SwcChoose portal is null!");
       return;
+    }
     const win = (getElementConfig(this).window ?? this.ownerDocument?.defaultView) || window;
     const helperSet = SwcUtils.getHelperAndHostSet(win, this);
-    const groupArgs = { ...helperSet, $value: value };
+    const groupArgs = { ...helperSet, $value: value, $templateHost: this };
     const templates = Array.from(this.content.querySelectorAll("template"));
     let selected = null;
     for (const t of templates) {
       if (t.getAttribute("is") === "swc-when") {
-        const attrVal = t.getAttribute("value") || "";
+        const attrVal = t.getAttribute("test") || "";
         let matches = false;
-        const ae = new ActionExpression(attrVal);
-        const expr = ae.getFirstExpression("replace");
-        if (expr) {
-          const decodedScript = ConvertUtils.decodeHtmlEntity(expr.script, win.document);
-          const result = FunctionUtils.executeReturn({
-            script: decodedScript,
-            context: t,
-            args: groupArgs
-          });
-          matches = !!result;
-        } else {
-          matches = String(attrVal) === String(value);
-        }
+        const result = FunctionUtils.executeReturn({
+          script: attrVal,
+          context: t,
+          args: groupArgs
+        });
+        matches = !!result;
         if (matches) {
           selected = t;
           break;
@@ -101,12 +107,27 @@ class SwcChoose extends HTMLTemplateElement {
     this._previousTemplate = target;
     if (target) {
       let htmlString = target.innerHTML;
-      htmlString = this.replaceExpressions(htmlString, groupArgs, this, this._replaceWrap);
+      htmlString = this.replaceExpressions(htmlString, groupArgs, this, { start: this._replaceWrapStart ?? "{#{", end: this._replaceWrapEnd ?? "}#}" });
       const result = this.ownerDocument?.createElement("template") || document.createElement("template");
       result.innerHTML = htmlString;
       const processedFragment = result.content;
       this._nodes = Array.from(processedFragment.childNodes);
+      const setTemplateHost = (element) => {
+        element.__swc_template_host = this;
+        Array.from(element.children).forEach((child) => {
+          if (child instanceof HTMLElement) {
+            setTemplateHost(child);
+          }
+        });
+      };
+      this._nodes.forEach((node) => {
+        if (node instanceof HTMLElement) {
+          setTemplateHost(node);
+        }
+      });
+      console.log(`[DEBUG] SwcChoose before insertBefore, portal: ${portal?.tagName}, isConnected: ${portal?.isConnected}`);
       portal.insertBefore(processedFragment, this.nextSibling);
+      console.log("[DEBUG] SwcChoose after insertBefore");
     }
   }
   cleanup() {
@@ -118,19 +139,17 @@ class SwcChoose extends HTMLTemplateElement {
   }
 }
 __decorate([
-  attributeHost("replace-wrap"),
+  attributeHost("replace-wrap-start"),
+  __metadata("design:type", String)
+], SwcChoose.prototype, "_replaceWrapStart", void 0);
+__decorate([
+  attributeHost("replace-wrap-end"),
   __metadata("design:type", String)
-], SwcChoose.prototype, "_replaceWrap", void 0);
+], SwcChoose.prototype, "_replaceWrapEnd", void 0);
 __decorate([
   changedAttributeHost("value"),
   __metadata("design:type", Function),
   __metadata("design:paramtypes", [Object, String, String]),
   __metadata("design:returntype", void 0)
 ], SwcChoose.prototype, "setValue", null);
-__decorate([
-  changedAttributeHost("replace-wrap"),
-  __metadata("design:type", Function),
-  __metadata("design:paramtypes", [String]),
-  __metadata("design:returntype", void 0)
-], SwcChoose.prototype, "setReplaceWrap", null);
 //# sourceMappingURL=SwcChoose.js.map