@dooboostore/simple-web-component 1.0.32 → 1.0.33

package/dist/esm/elements/SwcAppMixin.js

@@ -2,7 +2,8 @@ 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 { getSubscribeSwcAppRouteChangeMetadata } from "../decorators/subscribeSwcAppRouteChange.js";
+import { getSubscribeSwcAppRouteChangeWhileConnectedMetadata } from "../decorators/subscribeSwcAppRouteChangeWhileConnected.js";
+import { getSubscribeSwcAppMessageWhileConnectedMetadata } from "../decorators/subscribeSwcAppMessageWhileConnected.js";
 function SwcAppMixin(Base) {
   return class extends Base {
     constructor() {
@@ -18,7 +19,7 @@ function SwcAppMixin(Base) {
       return this.__swc_engine.router;
     }
     _invokeRouteChangeSubscribers(instance, re) {
-      const routeChangeSubscribers = getSubscribeSwcAppRouteChangeMetadata(instance);
+      const routeChangeSubscribers = getSubscribeSwcAppRouteChangeWhileConnectedMetadata(instance);
       if (routeChangeSubscribers && Array.isArray(routeChangeSubscribers)) {
         routeChangeSubscribers.forEach((metadata) => {
           const methodName = metadata.propertyKey || metadata;
@@ -164,6 +165,34 @@ function SwcAppMixin(Base) {
     reload() {
       this.router?.reload();
     }
+    publishMessage(message) {
+      this._swc_connected_instance.forEach((instance) => {
+        this._invokeMessageSubscribers(instance, message);
+      });
+    }
+    _invokeMessageSubscribers(instance, message) {
+      const messageSubscribers = getSubscribeSwcAppMessageWhileConnectedMetadata(instance);
+      if (messageSubscribers && Array.isArray(messageSubscribers)) {
+        messageSubscribers.forEach((metadata) => {
+          const methodName = metadata.propertyKey;
+          const messageType = metadata.messageType;
+          const filter = metadata.filter;
+          let typeMatched = false;
+          if (!messageType) {
+            typeMatched = true;
+          } else if (message.type === messageType) {
+            typeMatched = true;
+          }
+          let filterMatched = true;
+          if (filter && typeMatched) {
+            filterMatched = filter(message);
+          }
+          if (typeMatched && filterMatched && typeof instance[methodName] === "function") {
+            instance[methodName](message);
+          }
+        });
+      }
+    }
   };
 }
 export {

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 } 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 { getSubscribeSwcAppRouteChangeMetadata } from '../decorators/subscribeSwcAppRouteChange';\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    _routerSubscription?: Subscription;\n    _lastRouterEvent?: RouterEventType;\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 = [];\n    get simpleApplication() {\n      return this.__swc_engine.simpleApplication;\n    }\n    get router() {\n      return this.__swc_engine.router;\n    }\n\n    _invokeRouteChangeSubscribers(instance: any, re: RouterEventType) {\n      const routeChangeSubscribers = getSubscribeSwcAppRouteChangeMetadata(instance);\n      if (routeChangeSubscribers && Array.isArray(routeChangeSubscribers)) {\n        routeChangeSubscribers.forEach((metadata: any) => {\n          const methodName = metadata.propertyKey || metadata;\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이 없으면 모든 경로 매칭 (와일드카드)\n            pathMatched = true;\n            pathData = {};\n          } else if (Array.isArray(pathPattern)) {\n            // 배열: 하나라도 매칭되면 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            // 문자열\n            pathData = SwcUtils.parsePathPattern(pathPattern, re.path || '/');\n            pathMatched = pathData !== null;\n          }\n\n          // Filter validation\n          const filterPassed = !filter || filter(this.router!);\n\n          // Invoke method if conditions pass\n          if (pathMatched && filterPassed) {\n            instance[methodName]?.({...re, pathData: pathData});\n          }\n        });\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      }\n    }\n\n    _handleRouteChange(route: RouterEventType) {\n      if (route.triggerPoint === 'end') {\n        // Iterate through all connected component instances\n        this._swc_connected_instance.forEach((instance: any) => {\n          this._invokeRouteChangeSubscribers(instance, route);\n        });\n      }\n\n      // Save last router event\n      this._lastRouterEvent = route;\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' && !this.parentNode) {\n        await this.__swc_engine.connect(swcConfig);\n        this.setAttribute('swc-connect-mode', 'direct');\n\n        const clonedApp = this.cloneNode(true) as any;\n        clonedApp.style.display = 'none';\n        this.parentNode.insertBefore(clonedApp, this.nextSibling);\n\n        try {\n          await clonedApp.connect({ ...(config || {}), connectMode: 'direct' });\n          if (this.parentNode) {\n            this.parentNode.removeChild(this);\n          }\n          clonedApp.setAttribute('swc-connect-mode', 'swap');\n          clonedApp.style.display = '';\n        } catch (e) {\n          if (clonedApp.parentNode) {\n            clonedApp.parentNode.removeChild(clonedApp);\n          }\n          throw e;\n        }\n      }\n\n      // 사파리일떄 예외이다 is 일때 polyfill되는데 이떄 부모부터 만들어지는게 아니라 자식부터 만들어진다 그래서 부모가 만들어질때 자식들이 이미 만들어져있어서 부모가 자식들을 등록해주는 형태로 강제로 등록해준다\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      this._swc_connected_instance.forEach((instance: any) => {\n        this._invokeOnConnectedSwcAppStarted(instance);\n      });\n\n\n      // Subscribe to router changes after connect\n      if (!this._routerSubscription && this.router) {\n        this._routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n          //@ts-ignore\n          // console.log('Route changed:', route, this._swcId);\n          this._handleRouteChange(route);\n        });\n        // Navigate to initial path if specified\n        const config = this.__swc_engine.config;\n        // if (config?.path) {\n        //   this.router.go(config.path);\n        // }\n      }\n    }\n\n    _invokeOnConnectedSwcAppStarted(instance: any) {\n      const startedMethods = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY);\n      if (startedMethods) {\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}\n"],
-  "mappings": "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",
+  "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    _routerSubscription?: Subscription;\n    _lastRouterEvent?: RouterEventType;\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 = [];\n    get simpleApplication() {\n      return this.__swc_engine.simpleApplication;\n    }\n    get router() {\n      return this.__swc_engine.router;\n    }\n\n    _invokeRouteChangeSubscribers(instance: any, re: RouterEventType) {\n      const routeChangeSubscribers = getSubscribeSwcAppRouteChangeWhileConnectedMetadata(instance);\n      if (routeChangeSubscribers && Array.isArray(routeChangeSubscribers)) {\n        routeChangeSubscribers.forEach((metadata: any) => {\n          const methodName = metadata.propertyKey || metadata;\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이 없으면 모든 경로 매칭 (와일드카드)\n            pathMatched = true;\n            pathData = {};\n          } else if (Array.isArray(pathPattern)) {\n            // 배열: 하나라도 매칭되면 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            // 문자열\n            pathData = SwcUtils.parsePathPattern(pathPattern, re.path || '/');\n            pathMatched = pathData !== null;\n          }\n\n          // Filter validation\n          const filterPassed = !filter || filter(this.router!);\n\n          // Invoke method if conditions pass\n          if (pathMatched && filterPassed) {\n            instance[methodName]?.({...re, pathData: pathData});\n          }\n        });\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      }\n    }\n\n    _handleRouteChange(route: RouterEventType) {\n      if (route.triggerPoint === 'end') {\n        // Iterate through all connected component instances\n        this._swc_connected_instance.forEach((instance: any) => {\n          this._invokeRouteChangeSubscribers(instance, route);\n        });\n      }\n\n      // Save last router event\n      this._lastRouterEvent = route;\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' && !this.parentNode) {\n        await this.__swc_engine.connect(swcConfig);\n        this.setAttribute('swc-connect-mode', 'direct');\n\n        const clonedApp = this.cloneNode(true) as any;\n        clonedApp.style.display = 'none';\n        this.parentNode.insertBefore(clonedApp, this.nextSibling);\n\n        try {\n          await clonedApp.connect({ ...(config || {}), connectMode: 'direct' });\n          if (this.parentNode) {\n            this.parentNode.removeChild(this);\n          }\n          clonedApp.setAttribute('swc-connect-mode', 'swap');\n          clonedApp.style.display = '';\n        } catch (e) {\n          if (clonedApp.parentNode) {\n            clonedApp.parentNode.removeChild(clonedApp);\n          }\n          throw e;\n        }\n      }\n\n      // 사파리일떄 예외이다 is 일때 polyfill되는데 이떄 부모부터 만들어지는게 아니라 자식부터 만들어진다 그래서 부모가 만들어질때 자식들이 이미 만들어져있어서 부모가 자식들을 등록해주는 형태로 강제로 등록해준다\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      this._swc_connected_instance.forEach((instance: any) => {\n        this._invokeOnConnectedSwcAppStarted(instance);\n      });\n\n\n      // Subscribe to router changes after connect\n      if (!this._routerSubscription && this.router) {\n        this._routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n          //@ts-ignore\n          // console.log('Route changed:', route, this._swcId);\n          this._handleRouteChange(route);\n        });\n        // Navigate to initial path if specified\n        const config = this.__swc_engine.config;\n        // if (config?.path) {\n        //   this.router.go(config.path);\n        // }\n      }\n    }\n\n    _invokeOnConnectedSwcAppStarted(instance: any) {\n      const startedMethods = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY);\n      if (startedMethods) {\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      // 메시지를 모든 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: any) => {\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);\n          }\n\n          // 조건을 만족하면 메서드 호출\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/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 = ':host' | ':window' | ':document' | ':parentHost' | ':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; // Current component itself\n  $parentHost: HTMLElement | null; // Nearest parent SWC component\n  $hosts: HTMLElement[]; // [root, ..., parent, self]\n  $firstHost: HTMLElement | null; // Top-most SWC ancestor\n  $lastHost: HTMLElement | null; // Same as $parentHost (for backward compatibility or clarity)\n  $appHost: SwcAppInterface | null;\n  $appHosts: SwcAppInterface[];\n  $firstAppHost: SwcAppInterface | null;\n  $lastAppHost: SwcAppInterface | null;\n};\n\nexport type HelperHostSet = HelperSet & HostSet & {$this: any};\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}\n"],
+  "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 = ':host' | ':window' | ':document' | ':parentHost' | ':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; // Current component itself\n  $parentHost: HTMLElement | null; // Nearest parent SWC component\n  $hosts: HTMLElement[]; // [root, ..., parent, self]\n  $firstHost: HTMLElement | null; // Top-most SWC ancestor\n  $lastHost: HTMLElement | null; // Same as $parentHost (for backward compatibility or clarity)\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"],
   "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-bundle/dooboostore-simple-web-component.esm.js

@@ -7919,7 +7919,7 @@ var elementDefine = (name, config = {}) => (constructor) => {
     const appHost2 = hostSet.$appHost;
     const conf = getElementConfig(this);
     const currentWin = this._resolveWindow(conf);
-    if (connectedInnerHtmlList.some((it) => it.options.useShadow === true) && !this.shadowRoot) {
+    if ((connectedInnerHtmlList.some((it) => it.options.useShadow === true) || conf?.useShadow === true) && !this.shadowRoot) {
       this.attachShadow({ mode: "open" });
     }
     this._executeSwcScript("swc-on-before-connected", hostSet);
@@ -8755,25 +8755,25 @@ var setPropertyHost = (propertyNameOrOptions, options = {}) => {
   return setProperty(":host", propertyNameOrOptions, options);
 };
 
-// src/decorators/subscribeSwcAppRouteChange.ts
-var SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY = Symbol.for("simple-web-component:subscribe-swc-app-route-change");
-function createSwcAppRouteChangeSubscriber(options) {
+// src/decorators/subscribeSwcAppRouteChangeWhileConnected.ts
+var SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY = Symbol.for("simple-web-component:subscribe-swc-app-route-change-while-connected");
+function createSubscribeSwcAppRouteChangeWhileConnected(options) {
   return (target, propertyKey, descriptor) => {
     const pathPattern = options?.path;
     const filter = options?.filter;
     const constructor = target.constructor;
-    let list = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, constructor);
+    let list = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor);
     if (!list) {
       list = [];
-      ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, list, constructor);
+      ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, list, constructor);
     }
     list.push({ propertyKey, pathPattern, filter });
     return descriptor;
   };
 }
-function subscribeSwcAppRouteChange(targetOrOptions, propertyKey, descriptor) {
+function subscribeSwcAppRouteChangeWhileConnected(targetOrOptions, propertyKey, descriptor) {
   if (propertyKey && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-    return createSwcAppRouteChangeSubscriber({})(targetOrOptions, propertyKey, descriptor);
+    return createSubscribeSwcAppRouteChangeWhileConnected({})(targetOrOptions, propertyKey, descriptor);
   }
   let options = {};
   if (Array.isArray(targetOrOptions)) {
@@ -8783,11 +8783,110 @@ function subscribeSwcAppRouteChange(targetOrOptions, propertyKey, descriptor) {
   } else if (targetOrOptions && typeof targetOrOptions === "object") {
     options = targetOrOptions;
   }
-  return createSwcAppRouteChangeSubscriber(options);
+  return createSubscribeSwcAppRouteChangeWhileConnected(options);
 }
-var getSubscribeSwcAppRouteChangeMetadata = (target) => {
+var getSubscribeSwcAppRouteChangeWhileConnectedMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
-  return ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, constructor);
+  return ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor);
+};
+
+// src/decorators/subscribeSwcAppMessageWhileConnected.ts
+var SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY = Symbol.for("simple-web-component:subscribe-swc-app-message-while-connected");
+function createSubscribeSwcAppMessageWhileConnected(options, messageType) {
+  return (target, propertyKey, descriptor) => {
+    const filter = options?.filter;
+    const constructor = target.constructor;
+    let list = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY, constructor);
+    if (!list) {
+      list = [];
+      ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY, list, constructor);
+    }
+    list.push({ propertyKey, messageType, filter });
+    return descriptor;
+  };
+}
+function subscribeSwcAppMessageWhileConnected(targetOrMessageTypeOrOptions, optionsOrPropertyKey, descriptor) {
+  if (targetOrMessageTypeOrOptions && typeof targetOrMessageTypeOrOptions === "object" && optionsOrPropertyKey && (typeof optionsOrPropertyKey === "string" || typeof optionsOrPropertyKey === "symbol") && descriptor) {
+    const target = targetOrMessageTypeOrOptions;
+    const propertyKey = optionsOrPropertyKey;
+    return createSubscribeSwcAppMessageWhileConnected({})(target, propertyKey, descriptor);
+  }
+  let messageType;
+  let options = {};
+  if (typeof targetOrMessageTypeOrOptions === "string") {
+    messageType = targetOrMessageTypeOrOptions;
+    if (optionsOrPropertyKey && typeof optionsOrPropertyKey === "object") {
+      options = optionsOrPropertyKey;
+    }
+  } else if (targetOrMessageTypeOrOptions && typeof targetOrMessageTypeOrOptions === "object") {
+    options = targetOrMessageTypeOrOptions;
+  }
+  return createSubscribeSwcAppMessageWhileConnected(options, messageType);
+}
+var getSubscribeSwcAppMessageWhileConnectedMetadata = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY, constructor);
+};
+
+// src/decorators/publishSwcAppMessage.ts
+var PUBLISH_SWC_APP_MESSAGE_METADATA_KEY = Symbol.for("simple-web-component:publish-swc-app-message");
+function createPublishSwcAppMessage(messageType) {
+  return (target, propertyKey, descriptor) => {
+    const constructor = target.constructor;
+    let list = ReflectUtils.getOwnMetadata(PUBLISH_SWC_APP_MESSAGE_METADATA_KEY, constructor);
+    if (!list) {
+      list = [];
+      ReflectUtils.defineMetadata(PUBLISH_SWC_APP_MESSAGE_METADATA_KEY, list, constructor);
+    }
+    list.push({ propertyKey, messageType });
+    if (!descriptor) {
+      return descriptor;
+    }
+    const originalMethod = descriptor.value;
+    descriptor.value = function(...args) {
+      const result = originalMethod.apply(this, args);
+      if (result instanceof Promise) {
+        result.then((data) => {
+          const appHost2 = SwcUtils.getAppHost(this);
+          if (appHost2) {
+            appHost2.publishMessage({
+              publisher: this,
+              data,
+              type: messageType
+            });
+          }
+        }).catch((err) => {
+          console.warn("publishSwcAppMessage async error:", err);
+        });
+      } else {
+        const appHost2 = SwcUtils.getAppHost(this);
+        if (appHost2) {
+          appHost2.publishMessage({
+            publisher: this,
+            data: result,
+            type: messageType
+          });
+        }
+      }
+      return result;
+    };
+    return descriptor;
+  };
+}
+function publishSwcAppMessage(targetOrMessageType, propertyKey, descriptor) {
+  if (targetOrMessageType && typeof targetOrMessageType === "object" && propertyKey && (typeof propertyKey === "string" || typeof propertyKey === "symbol") && descriptor) {
+    const target = targetOrMessageType;
+    return createPublishSwcAppMessage()(target, propertyKey, descriptor);
+  }
+  let messageType;
+  if (typeof targetOrMessageType === "string") {
+    messageType = targetOrMessageType;
+  }
+  return createPublishSwcAppMessage(messageType);
+}
+var getPublishSwcAppMessageMetadata = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getOwnMetadata(PUBLISH_SWC_APP_MESSAGE_METADATA_KEY, constructor);
 };
 
 // ../simple-boot/dist/esm/decorators/SimDecorator.js
@@ -8850,10 +8949,12 @@ export {
   ON_CONNECTED_SWC_APP_METADATA_KEY,
   ON_INITIALIZE_METADATA_KEY,
   PROPERTY_SET_METADATA_KEY,
+  PUBLISH_SWC_APP_MESSAGE_METADATA_KEY,
   QUERY_ALL_METADATA_KEY,
   QUERY_METADATA_KEY,
   STYLE_METADATA_KEY,
-  SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY,
+  SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY,
+  SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY,
   SWC_NOT_FOUND,
   SwcUtils,
   addClass,
@@ -8904,9 +9005,11 @@ export {
   getElementConfig,
   getEmitCustomEventMetadataList,
   getOnConnectedInnerHtmlMetadata,
+  getPublishSwcAppMessageMetadata,
   getQueryAllMetadata,
   getQueryMetadata,
-  getSubscribeSwcAppRouteChangeMetadata,
+  getSubscribeSwcAppMessageWhileConnectedMetadata,
+  getSubscribeSwcAppRouteChangeWhileConnectedMetadata,
   host,
   htmlAElement,
   htmlArticleElement,
@@ -8935,6 +9038,7 @@ export {
   onDisconnected,
   onInitialize,
   parentHost,
+  publishSwcAppMessage,
   query,
   queryAll,
   queryAllHost,
@@ -8954,7 +9058,8 @@ export {
   setPropertyHost,
   setStyle,
   setStyleHost,
-  subscribeSwcAppRouteChange,
+  subscribeSwcAppMessageWhileConnected,
+  subscribeSwcAppRouteChangeWhileConnected,
   textNode,
   toggleClass,
   toggleClassHost,