@dooboostore/simple-web-component 1.0.32 → 1.0.34

package/dist/cjs/decorators/setProperty.js

@@ -45,48 +45,59 @@ const setProperty = (selector, propertyNameOrOptions, options = {}) => {
       options: { ...finalOptions, name: propertyName }
     });
     const original = descriptor.value;
-    descriptor.value = async function(...args) {
+    descriptor.value = function(...args) {
       (0, import_elementDefine.ensureInit)(this);
-      const res = await original.apply(this, args);
-      if (res !== void 0) {
-        const win = this.ownerDocument?.defaultView || window;
-        const host = this;
-        const hostSet = { ...import_Utils.SwcUtils.getHelperAndHostSet(win, host), $this: this };
-        const r = finalOptions.root || "auto";
-        const targetEls = [];
-        const applyRoot = (t) => {
-          if (!t || !(t instanceof win.HTMLElement)) return;
-          targetEls.push(t);
-        };
-        if (selector === ":parentHost") applyRoot(hostSet.$parentHost);
-        else if (selector === ":appHost") applyRoot(hostSet.$appHost);
-        else if (selector === ":firstHost") applyRoot(hostSet.$firstHost);
-        else if (selector === ":lastHost") applyRoot(hostSet.$lastHost);
-        else if (selector === ":firstAppHost") applyRoot(hostSet.$firstAppHost);
-        else if (selector === ":lastAppHost") applyRoot(hostSet.$lastAppHost);
-        else if (selector === ":hosts") hostSet.$hosts.forEach(applyRoot);
-        else if (selector === ":appHosts") hostSet.$appHosts.forEach(applyRoot);
-        else if (selector === ":host" || !selector) applyRoot(host);
-        else {
-          const targetRoot = r === "auto" ? host.shadowRoot || host : r === "shadow" ? host.shadowRoot : host;
-          if (targetRoot) {
-            const found = targetRoot.querySelectorAll(selector);
-            if (found) targetEls.push(...Array.from(found));
+      const res = original.apply(this, args);
+      const handleResult = (resolvedValue) => {
+        if (resolvedValue !== void 0) {
+          const win = this.ownerDocument?.defaultView || window;
+          const host = this;
+          const hostSet = { ...import_Utils.SwcUtils.getHelperAndHostSet(win, host), $this: this };
+          const r = finalOptions.root || "auto";
+          const targetEls = [];
+          const applyRoot = (t) => {
+            if (!t || !(t instanceof win.HTMLElement)) return;
+            targetEls.push(t);
+          };
+          if (selector === ":parentHost") applyRoot(hostSet.$parentHost);
+          else if (selector === ":appHost") applyRoot(hostSet.$appHost);
+          else if (selector === ":firstHost") applyRoot(hostSet.$firstHost);
+          else if (selector === ":lastHost") applyRoot(hostSet.$lastHost);
+          else if (selector === ":firstAppHost") applyRoot(hostSet.$firstAppHost);
+          else if (selector === ":lastAppHost") applyRoot(hostSet.$lastAppHost);
+          else if (selector === ":hosts") hostSet.$hosts.forEach(applyRoot);
+          else if (selector === ":appHosts") hostSet.$appHosts.forEach(applyRoot);
+          else if (selector === ":host" || !selector) applyRoot(host);
+          else {
+            const targetRoot = r === "auto" ? host.shadowRoot || host : r === "shadow" ? host.shadowRoot : host;
+            if (targetRoot) {
+              const found = targetRoot.querySelectorAll(selector);
+              if (found) targetEls.push(...Array.from(found));
+            }
           }
+          targetEls.forEach((targetEl) => {
+            if (finalOptions.filter && !finalOptions.filter(targetEl, resolvedValue, { currentThis: this, helper: hostSet })) {
+              return;
+            }
+            const resolvedRes = typeof resolvedValue === "function" ? resolvedValue(targetEl, hostSet) : resolvedValue;
+            if (propertyName) {
+              targetEl[propertyName] = resolvedRes;
+            } else if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
+              Object.entries(resolvedRes).forEach(([prop, val]) => {
+                const finalVal = typeof val === "function" ? val(targetEl, hostSet) : val;
+                targetEl[prop] = finalVal;
+              });
+            } else {
+              targetEl.value = resolvedRes;
+            }
+          });
         }
-        targetEls.forEach((targetEl) => {
-          const resolvedRes = typeof res === "function" ? res(targetEl, hostSet) : res;
-          if (propertyName) {
-            targetEl[propertyName] = resolvedRes;
-          } else if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
-            Object.entries(resolvedRes).forEach(([prop, val]) => {
-              const finalVal = typeof val === "function" ? val(targetEl, hostSet) : val;
-              targetEl[prop] = finalVal;
-            });
-          } else {
-            targetEl.value = resolvedRes;
-          }
-        });
+        return resolvedValue;
+      };
+      if (res instanceof Promise) {
+        return res.then(handleResult);
+      } else {
+        return handleResult(res);
       }
     };
   };

package/dist/cjs/decorators/setProperty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/setProperty.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SwcQueryOptions } from '../types';\n\nexport interface PropertySetOptions extends SwcQueryOptions {\n  name?: string;\n}\n\nexport interface PropertySetMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: PropertySetOptions;\n}\n\nexport const PROPERTY_SET_METADATA_KEY = Symbol.for('simple-web-component:property-set');\n\nexport const setProperty = (selector: string, propertyNameOrOptions?: string | PropertySetOptions, options: PropertySetOptions = {}): MethodDecorator => {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(PROPERTY_SET_METADATA_KEY, constructor) as Map<string | symbol, PropertySetMetadata>;\n    if (!metaList) {\n      metaList = new Map<string | symbol, PropertySetMetadata>();\n      ReflectUtils.defineMetadata(PROPERTY_SET_METADATA_KEY, metaList, constructor);\n    }\n\n    let propertyName = typeof propertyNameOrOptions === 'string' ? propertyNameOrOptions : undefined;\n    let finalOptions = options;\n    \n    if (typeof propertyNameOrOptions === 'object' && propertyNameOrOptions !== null) {\n      finalOptions = propertyNameOrOptions as PropertySetOptions;\n    }\n\n    metaList.set(propertyKey, { \n      propertyKey, \n      selector, \n      options: { ...finalOptions, name: propertyName } \n    });\n\n    const original = descriptor.value;\n    descriptor.value = async function (...args: any[]) {\n      ensureInit(this);\n      const res = await (original as any).apply(this, args);\n      if (res !== undefined) {\n        const win = (this as any).ownerDocument?.defaultView || window;\n        const host = this as unknown as HTMLElement;\n        const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host), $this: this };\n        const r = finalOptions.root || 'auto';\n        const targetEls: HTMLElement[] = [];\n\n        const applyRoot = (t: any) => {\n          if (!t || !(t instanceof win.HTMLElement)) return;\n          targetEls.push(t);\n        };\n\n        if (selector === ':parentHost') applyRoot(hostSet.$parentHost);\n        else if (selector === ':appHost') applyRoot(hostSet.$appHost);\n        else if (selector === ':firstHost') applyRoot(hostSet.$firstHost);\n        else if (selector === ':lastHost') applyRoot(hostSet.$lastHost);\n        else if (selector === ':firstAppHost') applyRoot(hostSet.$firstAppHost);\n        else if (selector === ':lastAppHost') applyRoot(hostSet.$lastAppHost);\n        else if (selector === ':hosts') hostSet.$hosts.forEach(applyRoot);\n        else if (selector === ':appHosts') hostSet.$appHosts.forEach(applyRoot);\n        else if (selector === ':host' || !selector) applyRoot(host);\n        else {\n          const targetRoot = r === 'auto' ? (host.shadowRoot || host) : (r === 'shadow' ? host.shadowRoot : host);\n          if (targetRoot) {\n            const found = targetRoot.querySelectorAll(selector);\n            if (found) targetEls.push(...(Array.from(found) as HTMLElement[]));\n          }\n        }\n\n        targetEls.forEach(targetEl => {\n          const resolvedRes = typeof res === 'function' ? (res as any)(targetEl, hostSet) : res;\n\n          if (propertyName) {\n            // Case: @setProperty(selector, 'propertyName')\n            (targetEl as any)[propertyName] = resolvedRes;\n          } else if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n            // Case: @setProperty(selector) with Object return - assign multiple properties\n            Object.entries(resolvedRes as any).forEach(([prop, val]) => {\n              const finalVal = typeof val === 'function' ? val(targetEl, hostSet) : val;\n              (targetEl as any)[prop] = finalVal;\n            });\n          } else {\n            // Simple value - assign to 'value' property by default\n            (targetEl as any).value = resolvedRes;\n          }\n        });\n      }\n    };\n  };\n};\n\nexport const setPropertyHost = (propertyNameOrOptions?: string | PropertySetOptions, options: PropertySetOptions = {}): MethodDecorator => {\n  return setProperty(':host', propertyNameOrOptions, options);\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { HelperHostSet, SwcQueryOptions } from '../types';\n\nexport interface PropertySetOptions extends SwcQueryOptions {\n  name?: string;\n  filter?: (target: HTMLElement, value: any, meta: {currentThis: any, helper: HelperHostSet}) => boolean;\n}\n\nexport interface PropertySetMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: PropertySetOptions;\n}\n\nexport const PROPERTY_SET_METADATA_KEY = Symbol.for('simple-web-component:property-set');\n\nexport const setProperty = (selector: string, propertyNameOrOptions?: string | PropertySetOptions, options: PropertySetOptions = {}): MethodDecorator => {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(PROPERTY_SET_METADATA_KEY, constructor) as Map<string | symbol, PropertySetMetadata>;\n    if (!metaList) {\n      metaList = new Map<string | symbol, PropertySetMetadata>();\n      ReflectUtils.defineMetadata(PROPERTY_SET_METADATA_KEY, metaList, constructor);\n    }\n\n    let propertyName = typeof propertyNameOrOptions === 'string' ? propertyNameOrOptions : undefined;\n    let finalOptions = options;\n    \n    if (typeof propertyNameOrOptions === 'object' && propertyNameOrOptions !== null) {\n      finalOptions = propertyNameOrOptions as PropertySetOptions;\n    }\n\n    metaList.set(propertyKey, { \n      propertyKey, \n      selector, \n      options: { ...finalOptions, name: propertyName } \n    });\n\n    const original = descriptor.value;\n    descriptor.value = function (...args: any[]) {\n      ensureInit(this);\n      const res = (original as any).apply(this, args);\n\n      const handleResult = (resolvedValue: any) => {\n        if (resolvedValue !== undefined) {\n          const win = (this as any).ownerDocument?.defaultView || window;\n          const host = this as unknown as HTMLElement;\n          const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host), $this: this };\n          const r = finalOptions.root || 'auto';\n          const targetEls: HTMLElement[] = [];\n\n          const applyRoot = (t: any) => {\n            if (!t || !(t instanceof win.HTMLElement)) return;\n            targetEls.push(t);\n          };\n\n          if (selector === ':parentHost') applyRoot(hostSet.$parentHost);\n          else if (selector === ':appHost') applyRoot(hostSet.$appHost);\n          else if (selector === ':firstHost') applyRoot(hostSet.$firstHost);\n          else if (selector === ':lastHost') applyRoot(hostSet.$lastHost);\n          else if (selector === ':firstAppHost') applyRoot(hostSet.$firstAppHost);\n          else if (selector === ':lastAppHost') applyRoot(hostSet.$lastAppHost);\n          else if (selector === ':hosts') hostSet.$hosts.forEach(applyRoot);\n          else if (selector === ':appHosts') hostSet.$appHosts.forEach(applyRoot);\n          else if (selector === ':host' || !selector) applyRoot(host);\n          else {\n            const targetRoot = r === 'auto' ? (host.shadowRoot || host) : (r === 'shadow' ? host.shadowRoot : host);\n            if (targetRoot) {\n              const found = targetRoot.querySelectorAll(selector);\n              if (found) targetEls.push(...(Array.from(found) as HTMLElement[]));\n            }\n          }\n\n          targetEls.forEach(targetEl => {\n            if (finalOptions.filter && !finalOptions.filter(targetEl, resolvedValue, {currentThis: this, helper: hostSet})) {\n              return;\n            }\n            const resolvedRes = typeof resolvedValue === 'function' ? (resolvedValue as any)(targetEl, hostSet) : resolvedValue;\n\n            if (propertyName) {\n              // Case: @setProperty(selector, 'propertyName')\n              (targetEl as any)[propertyName] = resolvedRes;\n            } else if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n              // Case: @setProperty(selector) with Object return - assign multiple properties\n              Object.entries(resolvedRes as any).forEach(([prop, val]) => {\n                const finalVal = typeof val === 'function' ? val(targetEl, hostSet) : val;\n                (targetEl as any)[prop] = finalVal;\n              });\n            } else {\n              // Simple value - assign to 'value' property by default\n              (targetEl as any).value = resolvedRes;\n            }\n          });\n        }\n        return resolvedValue;\n      };\n\n      if (res instanceof Promise) {\n        return res.then(handleResult);\n      } else {\n        return handleResult(res);\n      }\n    };\n  };\n};\n\nexport const setPropertyHost = (propertyNameOrOptions?: string | PropertySetOptions, options: PropertySetOptions = {}): MethodDecorator => {\n  return setProperty(':host', propertyNameOrOptions, options);\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/decorators/subscribeSwcAppMessageWhileConnected.js

@@ -0,0 +1,62 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var subscribeSwcAppMessageWhileConnected_exports = {};
+__export(subscribeSwcAppMessageWhileConnected_exports, {
+  SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY: () => SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY,
+  getSubscribeSwcAppMessageWhileConnectedMetadata: () => getSubscribeSwcAppMessageWhileConnectedMetadata,
+  subscribeSwcAppMessageWhileConnected: () => subscribeSwcAppMessageWhileConnected
+});
+module.exports = __toCommonJS(subscribeSwcAppMessageWhileConnected_exports);
+var import_core = require("@dooboostore/core");
+const 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 = import_core.ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY, constructor);
+    if (!list) {
+      list = [];
+      import_core.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);
+}
+const getSubscribeSwcAppMessageWhileConnectedMetadata = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return import_core.ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY, constructor);
+};
+//# sourceMappingURL=subscribeSwcAppMessageWhileConnected.js.map

package/dist/cjs/decorators/subscribeSwcAppMessageWhileConnected.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/subscribeSwcAppMessageWhileConnected.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { SwcAppMessage } from '../types';\n\nexport const SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY = Symbol.for('simple-web-component:subscribe-swc-app-message-while-connected');\n\nexport interface SwcAppMessageSubscriberMetadata {\n  propertyKey: string | symbol;\n  messageType?: string;\n  filter?: (message: SwcAppMessage, currentThis: any) => boolean;\n}\n\nexport interface SwcAppMessageOptions {\n  filter?: (message: SwcAppMessage, currentThis: any) => boolean;\n}\n\nfunction createSubscribeSwcAppMessageWhileConnected(options?: SwcAppMessageOptions, messageType?: string): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const filter = options?.filter;\n\n    const constructor = target.constructor;\n    let list = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY, constructor) as SwcAppMessageSubscriberMetadata[];\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, messageType, filter });\n    \n    return descriptor;\n  };\n}\n\n// \uC624\uBC84\uB85C\uB4DC \uC2DC\uADF8\uB2C8\uCC98 - \uC9C1\uC811 \uC0AC\uC6A9 (\uAD04\uD638 \uC5C6\uC74C)\nexport function subscribeSwcAppMessageWhileConnected(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\n// \uC624\uBC84\uB85C\uB4DC \uC2DC\uADF8\uB2C8\uCC98 - \uD568\uC218 \uD638\uCD9C (\uAD04\uD638 \uC788\uC74C) - \uBA54\uC2DC\uC9C0 \uD0C0\uC785\uB9CC\nexport function subscribeSwcAppMessageWhileConnected(messageType: string): MethodDecorator;\n// \uC624\uBC84\uB85C\uB4DC \uC2DC\uADF8\uB2C8\uCC98 - \uD568\uC218 \uD638\uCD9C (\uAD04\uD638 \uC788\uC74C) - \uC635\uC158\uB9CC\nexport function subscribeSwcAppMessageWhileConnected(options: SwcAppMessageOptions): MethodDecorator;\n// \uC624\uBC84\uB85C\uB4DC \uC2DC\uADF8\uB2C8\uCC98 - \uD568\uC218 \uD638\uCD9C (\uAD04\uD638 \uC788\uC74C) - \uBA54\uC2DC\uC9C0 \uD0C0\uC785 + \uC635\uC158\nexport function subscribeSwcAppMessageWhileConnected(messageType: string, options: SwcAppMessageOptions): MethodDecorator;\n\nexport function subscribeSwcAppMessageWhileConnected(targetOrMessageTypeOrOptions?: any, optionsOrPropertyKey?: any, descriptor?: PropertyDescriptor): any {\n  // \uC9C1\uC811 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0 (\uAD04\uD638 \uC5C6\uC74C): @subscribeSwcAppMessageWhileConnected\n  if (targetOrMessageTypeOrOptions && typeof targetOrMessageTypeOrOptions === 'object' && \n      optionsOrPropertyKey && (typeof optionsOrPropertyKey === 'string' || typeof optionsOrPropertyKey === 'symbol') &&\n      descriptor) {\n    const target = targetOrMessageTypeOrOptions;\n    const propertyKey = optionsOrPropertyKey;\n    return createSubscribeSwcAppMessageWhileConnected({})(target, propertyKey, descriptor);\n  }\n\n  // \uD568\uC218\uB85C \uD638\uCD9C\uB41C \uACBD\uC6B0 (\uAD04\uD638 \uC788\uC74C)\n  let messageType: string | undefined;\n  let options: SwcAppMessageOptions = {};\n\n  if (typeof targetOrMessageTypeOrOptions === 'string') {\n    // \uBA54\uC2DC\uC9C0 \uD0C0\uC785 \uC804\uB2EC: @subscribeSwcAppMessageWhileConnected('messageType') \uB610\uB294 @subscribeSwcAppMessageWhileConnected('messageType', options)\n    messageType = targetOrMessageTypeOrOptions;\n    if (optionsOrPropertyKey && typeof optionsOrPropertyKey === 'object') {\n      options = optionsOrPropertyKey;\n    }\n  } else if (targetOrMessageTypeOrOptions && typeof targetOrMessageTypeOrOptions === 'object') {\n    // \uC635\uC158\uB9CC \uC804\uB2EC: @subscribeSwcAppMessageWhileConnected({ filter: ... })\n    options = targetOrMessageTypeOrOptions;\n  }\n\n  return createSubscribeSwcAppMessageWhileConnected(options, messageType);\n}\n\n// Helper function to retrieve message subscribers metadata\nexport const getSubscribeSwcAppMessageWhileConnectedMetadata = (target: any): SwcAppMessageSubscriberMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_MESSAGE_WHILE_CONNECTED_METADATA_KEY, constructor);\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAGtB,MAAM,yDAAyD,OAAO,IAAI,gEAAgE;AAYjJ,SAAS,2CAA2C,SAAgC,aAAuC;AACzH,SAAO,CAAC,QAAgB,aAA8B,eAAoC;AACxF,UAAM,SAAS,SAAS;AAExB,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,yBAAa,eAAe,wDAAwD,WAAW;AAC1G,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,+BAAa,eAAe,wDAAwD,MAAM,WAAW;AAAA,IACvG;AACA,SAAK,KAAK,EAAE,aAAa,aAAa,OAAO,CAAC;AAE9C,WAAO;AAAA,EACT;AACF;AAWO,SAAS,qCAAqC,8BAAoC,sBAA4B,YAAsC;AAEzJ,MAAI,gCAAgC,OAAO,iCAAiC,YACxE,yBAAyB,OAAO,yBAAyB,YAAY,OAAO,yBAAyB,aACrG,YAAY;AACd,UAAM,SAAS;AACf,UAAM,cAAc;AACpB,WAAO,2CAA2C,CAAC,CAAC,EAAE,QAAQ,aAAa,UAAU;AAAA,EACvF;AAGA,MAAI;AACJ,MAAI,UAAgC,CAAC;AAErC,MAAI,OAAO,iCAAiC,UAAU;AAEpD,kBAAc;AACd,QAAI,wBAAwB,OAAO,yBAAyB,UAAU;AACpE,gBAAU;AAAA,IACZ;AAAA,EACF,WAAW,gCAAgC,OAAO,iCAAiC,UAAU;AAE3F,cAAU;AAAA,EACZ;AAEA,SAAO,2CAA2C,SAAS,WAAW;AACxE;AAGO,MAAM,kDAAkD,CAAC,WAA+D;AAC7H,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,yBAAa,eAAe,wDAAwD,WAAW;AACxG;",
+  "names": []
+}

package/dist/cjs/decorators/{subscribeSwcAppRouteChange.js → subscribeSwcAppRouteChangeWhileConnected.js}

@@ -15,32 +15,32 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var subscribeSwcAppRouteChange_exports = {};
-__export(subscribeSwcAppRouteChange_exports, {
-  SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY: () => SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY,
-  getSubscribeSwcAppRouteChangeMetadata: () => getSubscribeSwcAppRouteChangeMetadata,
-  subscribeSwcAppRouteChange: () => subscribeSwcAppRouteChange
+var subscribeSwcAppRouteChangeWhileConnected_exports = {};
+__export(subscribeSwcAppRouteChangeWhileConnected_exports, {
+  SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY: () => SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY,
+  getSubscribeSwcAppRouteChangeWhileConnectedMetadata: () => getSubscribeSwcAppRouteChangeWhileConnectedMetadata,
+  subscribeSwcAppRouteChangeWhileConnected: () => subscribeSwcAppRouteChangeWhileConnected
 });
-module.exports = __toCommonJS(subscribeSwcAppRouteChange_exports);
+module.exports = __toCommonJS(subscribeSwcAppRouteChangeWhileConnected_exports);
 var import_core = require("@dooboostore/core");
-const SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY = Symbol.for("simple-web-component:subscribe-swc-app-route-change");
-function createSwcAppRouteChangeSubscriber(options) {
+const 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 = import_core.ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, constructor);
+    let list = import_core.ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor);
     if (!list) {
       list = [];
-      import_core.ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, list, constructor);
+      import_core.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)) {
@@ -50,10 +50,10 @@ function subscribeSwcAppRouteChange(targetOrOptions, propertyKey, descriptor) {
   } else if (targetOrOptions && typeof targetOrOptions === "object") {
     options = targetOrOptions;
   }
-  return createSwcAppRouteChangeSubscriber(options);
+  return createSubscribeSwcAppRouteChangeWhileConnected(options);
 }
-const getSubscribeSwcAppRouteChangeMetadata = (target) => {
+const getSubscribeSwcAppRouteChangeWhileConnectedMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
-  return import_core.ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, constructor);
+  return import_core.ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor);
 };
-//# sourceMappingURL=subscribeSwcAppRouteChange.js.map
+//# sourceMappingURL=subscribeSwcAppRouteChangeWhileConnected.js.map

package/dist/cjs/decorators/subscribeSwcAppRouteChangeWhileConnected.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/subscribeSwcAppRouteChangeWhileConnected.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { Router } from '@dooboostore/core-web';\n\nexport const SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY = Symbol.for('simple-web-component:subscribe-swc-app-route-change-while-connected');\n\nexport interface SwcAppRouteChangeSubscriberMetadata {\n  propertyKey: string | symbol;\n  pathPattern?: string | string[];\n  filter?: (router: Router, currentThis: any) => boolean;\n}\n\nexport interface SwcAppRouteChangeOptions {\n  path?: string | string[];\n  filter?: (router: Router, currentThis: any) => boolean;\n}\n\nfunction createSubscribeSwcAppRouteChangeWhileConnected(options?: SwcAppRouteChangeOptions): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const pathPattern = options?.path;\n    const filter = options?.filter;\n\n    const constructor = target.constructor;\n    let list = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor) as SwcAppRouteChangeSubscriberMetadata[];\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, pathPattern, filter });\n    \n    return descriptor;\n  };\n}\n\n// \uC624\uBC84\uB85C\uB4DC \uC2DC\uADF8\uB2C8\uCC98 - \uC9C1\uC811 \uC0AC\uC6A9 (\uAD04\uD638 \uC5C6\uC74C)\nexport function subscribeSwcAppRouteChangeWhileConnected(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): PropertyDescriptor | void;\n// \uC624\uBC84\uB85C\uB4DC \uC2DC\uADF8\uB2C8\uCC98 - \uD568\uC218 \uD638\uCD9C (\uAD04\uD638 \uC788\uC74C)\nexport function subscribeSwcAppRouteChangeWhileConnected(): MethodDecorator;\nexport function subscribeSwcAppRouteChangeWhileConnected(pathPattern: string): MethodDecorator;\nexport function subscribeSwcAppRouteChangeWhileConnected(pathPatterns: string[]): MethodDecorator;\nexport function subscribeSwcAppRouteChangeWhileConnected(options: SwcAppRouteChangeOptions): MethodDecorator;\n\n// \uC2E4\uC81C \uAD6C\uD604 (\uC774\uC911 \uBAA8\uB4DC)\nexport function subscribeSwcAppRouteChangeWhileConnected(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  // \uC9C1\uC811 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0 (\uAD04\uD638 \uC5C6\uC74C): @subscribeSwcAppRouteChangeWhileConnected\n  // propertyKey\uAC00 string | symbol\uC774\uACE0 descriptor\uAC00 \uC788\uC73C\uBA74 \uC9C1\uC811 \uC0AC\uC6A9\n  if (propertyKey && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {\n    return createSubscribeSwcAppRouteChangeWhileConnected({})(targetOrOptions, propertyKey, descriptor);\n  }\n  \n  // \uD568\uC218\uB85C \uD638\uCD9C\uB41C \uACBD\uC6B0 (\uAD04\uD638 \uC788\uC74C): @subscribeSwcAppRouteChangeWhileConnected() / @subscribeSwcAppRouteChangeWhileConnected('/path')\n  let options: SwcAppRouteChangeOptions = {};\n\n  if (Array.isArray(targetOrOptions)) {\n    // \uBC30\uC5F4: @subscribeSwcAppRouteChangeWhileConnected(['/path1', '/path2'])\n    options.path = targetOrOptions;\n  } else if (typeof targetOrOptions === 'string') {\n    // \uBB38\uC790\uC5F4: @subscribeSwcAppRouteChangeWhileConnected('/path')\n    options.path = targetOrOptions;\n  } else if (targetOrOptions && typeof targetOrOptions === 'object') {\n    // \uAC1D\uCCB4: @subscribeSwcAppRouteChangeWhileConnected({ path: '/path', filter: ... })\n    options = targetOrOptions;\n  }\n\n  return createSubscribeSwcAppRouteChangeWhileConnected(options);\n}\n\n// Helper function to retrieve route change subscribers metadata\nexport const getSubscribeSwcAppRouteChangeWhileConnectedMetadata = (target: any): SwcAppRouteChangeSubscriberMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor);\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAGtB,MAAM,8DAA8D,OAAO,IAAI,qEAAqE;AAa3J,SAAS,+CAA+C,SAAqD;AAC3G,SAAO,CAAC,QAAgB,aAA8B,eAAoC;AACxF,UAAM,cAAc,SAAS;AAC7B,UAAM,SAAS,SAAS;AAExB,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,yBAAa,eAAe,6DAA6D,WAAW;AAC/G,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,+BAAa,eAAe,6DAA6D,MAAM,WAAW;AAAA,IAC5G;AACA,SAAK,KAAK,EAAE,aAAa,aAAa,OAAO,CAAC;AAE9C,WAAO;AAAA,EACT;AACF;AAWO,SAAS,yCAAyC,iBAAuB,aAA+B,YAAsC;AAGnJ,MAAI,gBAAgB,OAAO,gBAAgB,YAAY,OAAO,gBAAgB,WAAW;AACvF,WAAO,+CAA+C,CAAC,CAAC,EAAE,iBAAiB,aAAa,UAAU;AAAA,EACpG;AAGA,MAAI,UAAoC,CAAC;AAEzC,MAAI,MAAM,QAAQ,eAAe,GAAG;AAElC,YAAQ,OAAO;AAAA,EACjB,WAAW,OAAO,oBAAoB,UAAU;AAE9C,YAAQ,OAAO;AAAA,EACjB,WAAW,mBAAmB,OAAO,oBAAoB,UAAU;AAEjE,cAAU;AAAA,EACZ;AAEA,SAAO,+CAA+C,OAAO;AAC/D;AAGO,MAAM,sDAAsD,CAAC,WAAmE;AACrI,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,yBAAa,eAAe,6DAA6D,WAAW;AAC7G;",
+  "names": []
+}

package/dist/cjs/elements/SwcAppEngine.js

@@ -22,10 +22,8 @@ __export(SwcAppEngine_exports, {
 module.exports = __toCommonJS(SwcAppEngine_exports);
 var import_SimpleApplication = require("@dooboostore/simple-boot/SimpleApplication");
 var import_core_web = require("@dooboostore/core-web");
-var import_core_web2 = require("@dooboostore/core-web");
 var import_ElementRouter = require("../router/ElementRouter");
 var import_SimOption = require("@dooboostore/simple-boot/SimOption");
-var import_core_web3 = require("@dooboostore/core-web");
 class SwcAppEngine {
   constructor(host) {
     this.host = host;
@@ -39,25 +37,27 @@ class SwcAppEngine {
       if (this._config.routeType === "path") {
         this.router = new import_core_web.PathRouter({ window: this._config.window, firstUrl: this._config.path });
       } else if (this._config.routeType === "hash") {
-        this.router = new import_core_web2.HashRouter({ window: this._config.window, firstUrl: this._config.path });
+        this.router = new import_core_web.HashRouter({ window: this._config.window, firstUrl: this._config.path });
       } else if (this._config.routeType === "element") {
         this.router = new import_ElementRouter.ElementRouter({ window: this._config.window, firstUrl: this._config.path });
       }
-      const containerSymbol = this._config.container || this.host.getContainerSymbol?.();
       this.simpleApplication = new import_SimpleApplication.SimpleApplication(
         new import_SimOption.SimOption({
           excludeProxys: [Node],
-          container: containerSymbol
+          container: this._config.container
         })
       );
       const otherInstanceSim = /* @__PURE__ */ new Map();
-      if (this.router) otherInstanceSim.set(import_core_web3.Router, this.router);
+      this.config.otherInstanceSim?.forEach((v, k) => {
+        otherInstanceSim.set(k, v);
+      });
+      if (this.router) otherInstanceSim.set(import_core_web.Router, this.router);
       this.simpleApplication.run(otherInstanceSim);
       if (this._config.onEngineStarted) {
         this._config.onEngineStarted(this.simpleApplication, this.host);
       }
     } catch (e) {
-      console.error("[SWC-APP-ENGINE] Init failed:", e);
+      console.error("[SWC-APP-ENGINE] Init failed:", e, this._config);
     }
   }
   disconnect() {

package/dist/cjs/elements/SwcAppEngine.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcAppEngine.ts"],
-  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { PathRouter } from '@dooboostore/core-web';\nimport { HashRouter } from '@dooboostore/core-web';\nimport { ElementRouter } from '../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { Router, RouterEventType } from '@dooboostore/core-web';\nimport { Subscription } from '@dooboostore/core';\nimport { ConstructorType, OptionalType } from '@dooboostore/core';\nimport { FunctionUtils } from '@dooboostore/core';\nimport { SwcUtils } from '../utils/Utils';\n\nimport { SwcAppInterface } from '../types';\nimport {Intent} from \"@dooboostore/simple-boot\";\n\nexport type SwcConfigType = {\n  routeType: 'path' | 'hash' | 'element';\n  connectMode?: 'direct' | 'swap';\n  container?: symbol;\n  path?: string;\n  window: Window;\n  onEngineStarted?: (sp: SimpleApplication, app: SwcAppInterface) => void;\n  onConnected?: (app: SwcAppInterface) => void;\n  onDisconnected?: (app: SwcAppInterface) => void;\n};\n\nexport type SwcAttributeConfigType = OptionalType<SwcConfigType, 'routeType' | 'window'>;\n\nexport class SwcAppEngine {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n  private _config?: SwcConfigType;\n\n  constructor(private host: HTMLElement) {}\n\n  get config() {\n    return this._config;\n  }\n  async connect(config: SwcConfigType) {\n    try {\n      this._config = config;\n\n      // Router Selection\n      if (this._config.routeType === 'path') {\n        this.router = new PathRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'hash') {\n        this.router = new HashRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'element') {\n        this.router = new ElementRouter({ window: this._config.window, firstUrl: this._config.path });\n      }\n\n      // console.log('vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv', this.router)\n\n      // App start\n      const containerSymbol = this._config.container || (this.host as any).getContainerSymbol?.();\n      this.simpleApplication = new SimpleApplication(\n        new SimOption({\n          excludeProxys: [Node],\n          container: containerSymbol\n        })\n      );\n\n      const otherInstanceSim = new Map<any, any>();\n      if (this.router) otherInstanceSim.set(Router, this.router);\n      this.simpleApplication.run(otherInstanceSim);\n\n      if (this._config.onEngineStarted) {\n        this._config.onEngineStarted(this.simpleApplication, this.host as unknown as SwcAppInterface);\n      }\n    } catch (e) {\n      console.error('[SWC-APP-ENGINE] Init failed:', e);\n    }\n  }\n\n  disconnect() {\n    this.routerSubscription?.unsubscribe();\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAkC;AAClC,sBAA2B;AAC3B,IAAAA,mBAA2B;AAC3B,2BAA8B;AAC9B,uBAA0B;AAC1B,IAAAA,mBAAwC;AAsBjC,MAAM,aAAa;AAAA,EAMxB,YAAoB,MAAmB;AAAnB;AAAA,EAAoB;AAAA,EAExC,IAAI,SAAS;AACX,WAAO,KAAK;AAAA,EACd;AAAA,EACA,MAAM,QAAQ,QAAuB;AACnC,QAAI;AACF,WAAK,UAAU;AAGf,UAAI,KAAK,QAAQ,cAAc,QAAQ;AACrC,aAAK,SAAS,IAAI,2BAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,QAAQ;AAC5C,aAAK,SAAS,IAAI,4BAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,WAAW;AAC/C,aAAK,SAAS,IAAI,mCAAc,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC9F;AAKA,YAAM,kBAAkB,KAAK,QAAQ,aAAc,KAAK,KAAa,qBAAqB;AAC1F,WAAK,oBAAoB,IAAI;AAAA,QAC3B,IAAI,2BAAU;AAAA,UACZ,eAAe,CAAC,IAAI;AAAA,UACpB,WAAW;AAAA,QACb,CAAC;AAAA,MACH;AAEA,YAAM,mBAAmB,oBAAI,IAAc;AAC3C,UAAI,KAAK,OAAQ,kBAAiB,IAAI,yBAAQ,KAAK,MAAM;AACzD,WAAK,kBAAkB,IAAI,gBAAgB;AAE3C,UAAI,KAAK,QAAQ,iBAAiB;AAChC,aAAK,QAAQ,gBAAgB,KAAK,mBAAmB,KAAK,IAAkC;AAAA,MAC9F;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,iCAAiC,CAAC;AAAA,IAClD;AAAA,EACF;AAAA,EAEA,aAAa;AACX,SAAK,oBAAoB,YAAY;AAAA,EACvC;AACF;",
-  "names": ["import_core_web"]
+  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { HashRouter, PathRouter, Router, RouterEventType } from '@dooboostore/core-web';\nimport { ElementRouter } from '../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType, OptionalType, Subscription } from '@dooboostore/core';\n\nimport { SwcAppInterface } from '../types';\nimport { SimConfig } from '@dooboostore/simple-boot';\n\nexport type SwcConfigType = {\n  routeType: 'path' | 'hash' | 'element';\n  connectMode?: 'direct' | 'swap' | 'clear-swap';\n  container?: symbol;\n  otherInstanceSim?: Map<ConstructorType<any> | Function | SimConfig | symbol, any>;\n  path?: string;\n  window: Window;\n  onEngineStarted?: (sp: SimpleApplication, app: SwcAppInterface) => void;\n  onConnected?: (app: SwcAppInterface) => void;\n  onDisconnected?: (app: SwcAppInterface) => void;\n  onRouteChanged?: (event: RouterEventType, app: SwcAppInterface) => void;\n};\n\nexport type SwcAttributeConfigType = OptionalType<SwcConfigType, 'routeType' | 'window'>;\n\nexport class SwcAppEngine {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n  private _config?: SwcConfigType;\n\n  constructor(private host: HTMLElement) {}\n\n  get config() {\n    return this._config;\n  }\n  async connect(config: SwcConfigType) {\n    try {\n      this._config = config;\n\n      // Router Selection\n      if (this._config.routeType === 'path') {\n        this.router = new PathRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'hash') {\n        this.router = new HashRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'element') {\n        this.router = new ElementRouter({ window: this._config.window, firstUrl: this._config.path });\n      }\n\n      // console.log('vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv', this.router)\n\n      // App start\n      this.simpleApplication = new SimpleApplication(\n        new SimOption({\n          excludeProxys: [Node],\n          container: this._config.container\n        })\n      );\n\n      const otherInstanceSim = new Map<any, any>();\n      this.config.otherInstanceSim?.forEach((v, k) => {\n        otherInstanceSim.set(k, v);\n      });\n      if (this.router) otherInstanceSim.set(Router, this.router);\n      this.simpleApplication.run(otherInstanceSim);\n\n      if (this._config.onEngineStarted) {\n        this._config.onEngineStarted(this.simpleApplication, this.host as unknown as SwcAppInterface);\n      }\n    } catch (e) {\n      console.error('[SWC-APP-ENGINE] Init failed:', e, this._config);\n    }\n  }\n\n  disconnect() {\n    this.routerSubscription?.unsubscribe();\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAkC;AAClC,sBAAgE;AAChE,2BAA8B;AAC9B,uBAA0B;AAqBnB,MAAM,aAAa;AAAA,EAMxB,YAAoB,MAAmB;AAAnB;AAAA,EAAoB;AAAA,EAExC,IAAI,SAAS;AACX,WAAO,KAAK;AAAA,EACd;AAAA,EACA,MAAM,QAAQ,QAAuB;AACnC,QAAI;AACF,WAAK,UAAU;AAGf,UAAI,KAAK,QAAQ,cAAc,QAAQ;AACrC,aAAK,SAAS,IAAI,2BAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,QAAQ;AAC5C,aAAK,SAAS,IAAI,2BAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,WAAW;AAC/C,aAAK,SAAS,IAAI,mCAAc,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC9F;AAKA,WAAK,oBAAoB,IAAI;AAAA,QAC3B,IAAI,2BAAU;AAAA,UACZ,eAAe,CAAC,IAAI;AAAA,UACpB,WAAW,KAAK,QAAQ;AAAA,QAC1B,CAAC;AAAA,MACH;AAEA,YAAM,mBAAmB,oBAAI,IAAc;AAC3C,WAAK,OAAO,kBAAkB,QAAQ,CAAC,GAAG,MAAM;AAC9C,yBAAiB,IAAI,GAAG,CAAC;AAAA,MAC3B,CAAC;AACD,UAAI,KAAK,OAAQ,kBAAiB,IAAI,wBAAQ,KAAK,MAAM;AACzD,WAAK,kBAAkB,IAAI,gBAAgB;AAE3C,UAAI,KAAK,QAAQ,iBAAiB;AAChC,aAAK,QAAQ,gBAAgB,KAAK,mBAAmB,KAAK,IAAkC;AAAA,MAC9F;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,iCAAiC,GAAG,KAAK,OAAO;AAAA,IAChE;AAAA,EACF;AAAA,EAEA,aAAa;AACX,SAAK,oBAAoB,YAAY;AAAA,EACvC;AACF;",
+  "names": []
 }

package/dist/cjs/elements/SwcAppMixin.js

@@ -24,13 +24,22 @@ var import_SwcAppEngine = require("./SwcAppEngine");
 var import_Utils = require("../utils/Utils");
 var import_core = require("@dooboostore/core");
 var import_lifecycles = require("../decorators/lifecycles");
-var import_subscribeSwcAppRouteChange = require("../decorators/subscribeSwcAppRouteChange");
+var import_subscribeSwcAppRouteChangeWhileConnected = require("../decorators/subscribeSwcAppRouteChangeWhileConnected");
+var import_subscribeSwcAppMessageWhileConnected = require("../decorators/subscribeSwcAppMessageWhileConnected");
 function SwcAppMixin(Base) {
   return class extends Base {
     constructor() {
       super(...arguments);
       this.__swc_engine = new import_SwcAppEngine.SwcAppEngine(this);
       this._swc_connected_instance = /* @__PURE__ */ new Set();
+      this._swc_started_instances = /* @__PURE__ */ new WeakSet();
+      this._swc_notified_routes = /* @__PURE__ */ new WeakMap();
+      /*
+        사파리 is 일경우
+      <script src="https://unpkg.com/@ungap/custom-elements"><\/script>
+      이걸사용하는데 is 대응하는거다 그런데 이때 처리되는 순서가  크롬이나 표준에서는 부모부터 만들어지고 자식들이 만들어지는데
+       저 polyfill에서는 자식부터 만들어지고 부모가 만들어진다 is일때 아 .. 이문제때문에 자식이 _connected_safari 에 강제로 자기자식넣어준다
+       */
       this._connected_safari = [];
     }
     get simpleApplication() {
@@ -39,11 +48,13 @@ function SwcAppMixin(Base) {
     get router() {
       return this.__swc_engine.router;
     }
-    _invokeRouteChangeSubscribers(instance, re) {
-      const routeChangeSubscribers = (0, import_subscribeSwcAppRouteChange.getSubscribeSwcAppRouteChangeMetadata)(instance);
+    async _invokeRouteChangeSubscribers(instance, re) {
+      if (this._swc_notified_routes.get(instance) === re) return;
+      this._swc_notified_routes.set(instance, re);
+      const routeChangeSubscribers = (0, import_subscribeSwcAppRouteChangeWhileConnected.getSubscribeSwcAppRouteChangeWhileConnectedMetadata)(instance);
       if (routeChangeSubscribers && Array.isArray(routeChangeSubscribers)) {
-        routeChangeSubscribers.forEach((metadata) => {
-          const methodName = metadata.propertyKey || metadata;
+        const ps = routeChangeSubscribers.map(async (metadata) => {
+          const methodName = metadata.propertyKey;
           const pathPattern = metadata.pathPattern;
           const filter = metadata.filter;
           let pathMatched = false;
@@ -64,11 +75,12 @@ function SwcAppMixin(Base) {
             pathData = import_Utils.SwcUtils.parsePathPattern(pathPattern, re.path || "/");
             pathMatched = pathData !== null;
           }
-          const filterPassed = !filter || filter(this.router);
-          if (pathMatched && filterPassed) {
-            instance[methodName]?.({ ...re, pathData });
+          const filterPassed = !filter || filter(this.router, instance);
+          if (pathMatched && filterPassed && instance[methodName]) {
+            await instance[methodName]({ ...re, pathData });
           }
         });
+        return await Promise.allSettled(ps);
       }
     }
     _connected(instance) {
@@ -85,15 +97,17 @@ function SwcAppMixin(Base) {
     _disconnected(instance) {
       if (instance) {
         this._swc_connected_instance.delete(instance);
+        this._swc_started_instances.delete(instance);
+        this._swc_notified_routes.delete(instance);
       }
     }
-    _handleRouteChange(route) {
+    async _handleRouteChange(route) {
+      this._lastRouterEvent = route;
       if (route.triggerPoint === "end") {
-        this._swc_connected_instance.forEach((instance) => {
-          this._invokeRouteChangeSubscribers(instance, route);
-        });
+        const swcConnectedInstance = Array.from(this._swc_connected_instance);
+        const ps = swcConnectedInstance.map((instance) => this._invokeRouteChangeSubscribers(instance, route));
+        await Promise.allSettled(ps);
       }
-      this._lastRouterEvent = route;
     }
     async connect(config) {
       const swcConfig = {
@@ -105,50 +119,56 @@ function SwcAppMixin(Base) {
       if (mode === "direct") {
         await this.__swc_engine.connect(swcConfig);
         this.setAttribute("swc-connect-mode", "direct");
-      } else if (mode === "swap" && !this.parentNode) {
-        await this.__swc_engine.connect(swcConfig);
-        this.setAttribute("swc-connect-mode", "direct");
-        const clonedApp = this.cloneNode(true);
-        clonedApp.style.display = "none";
-        this.parentNode.insertBefore(clonedApp, this.nextSibling);
-        try {
-          await clonedApp.connect({ ...config || {}, connectMode: "direct" });
-          if (this.parentNode) {
-            this.parentNode.removeChild(this);
-          }
-          clonedApp.setAttribute("swc-connect-mode", "swap");
-          clonedApp.style.display = "";
-        } catch (e) {
-          if (clonedApp.parentNode) {
-            clonedApp.parentNode.removeChild(clonedApp);
+      } else if (mode === "swap" || mode === "clear-swap") {
+        if (!this.parentNode) {
+          await this.__swc_engine.connect(swcConfig);
+          this.setAttribute("swc-connect-mode", "direct");
+        } else {
+          const clonedApp = this.cloneNode(mode === "swap");
+          clonedApp.style.display = "none";
+          this.parentNode.insertBefore(clonedApp, this.nextSibling);
+          try {
+            await clonedApp.connect({ ...config || {}, connectMode: "direct" });
+            if (this.parentNode) {
+              this.parentNode.removeChild(this);
+            }
+            clonedApp.style.display = "";
+            clonedApp.setAttribute("swc-connect-mode", mode);
+            return;
+          } catch (e) {
+            if (clonedApp.parentNode) {
+              clonedApp.parentNode.removeChild(clonedApp);
+            }
+            await this.__swc_engine.connect(swcConfig);
+            this.setAttribute("swc-connect-mode", "direct");
           }
-          throw e;
         }
       }
       this._connected_safari.forEach((instance) => {
         this._swc_connected_instance.add(instance);
       });
-      this._swc_connected_instance.forEach((instance) => {
-        this._invokeOnConnectedSwcAppStarted(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);
+          this._handleRouteChange(route).then((it) => {
+            config2?.onRouteChanged?.(route, this);
+          });
         });
-        const config2 = this.__swc_engine.config;
       }
     }
-    _invokeOnConnectedSwcAppStarted(instance) {
+    async _invokeOnConnectedSwcAppStarted(instance) {
+      if (this._swc_started_instances.has(instance)) return;
+      this._swc_started_instances.add(instance);
       const startedMethods = (0, import_lifecycles.findAllLifecycleMetadata)(instance, import_lifecycles.ON_CONNECTED_SWC_APP_METADATA_KEY);
       if (startedMethods) {
-        for (const m of startedMethods) {
-          instance._invokeLifecycleMethod(m);
-        }
+        const ps = startedMethods.map((m) => instance._invokeLifecycleMethod(m));
+        return await Promise.allSettled(ps);
       }
     }
     connectedCallback() {
-      if (super.connectedCallback)
-        super.connectedCallback();
+      if (super.connectedCallback) super.connectedCallback();
       const configStr = this.getAttribute("swc-get-application-config");
       const win = this.ownerDocument?.defaultView || window;
       if (configStr && win) {
@@ -166,8 +186,7 @@ function SwcAppMixin(Base) {
       this.__swc_engine?.config?.onConnected?.(this);
     }
     disconnectedCallback() {
-      if (super.disconnectedCallback)
-        super.disconnectedCallback();
+      if (super.disconnectedCallback) super.disconnectedCallback();
       this._routerSubscription?.unsubscribe();
       this._routerSubscription = void 0;
       this._lastRouterEvent = void 0;
@@ -186,6 +205,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 = (0, import_subscribeSwcAppMessageWhileConnected.getSubscribeSwcAppMessageWhileConnectedMetadata)(instance);
+      if (messageSubscribers && Array.isArray(messageSubscribers)) {
+        messageSubscribers.forEach((metadata) => {
+          const methodName = metadata.propertyKey;
+          const messageType = metadata.messageType;
+          const filter = metadata.filter;
+          let typeMatched = false;
+          if (!messageType) {
+            typeMatched = true;
+          } else if (message.type === messageType) {
+            typeMatched = true;
+          }
+          let filterMatched = true;
+          if (filter && typeMatched) {
+            filterMatched = filter(message, instance);
+          }
+          if (typeMatched && filterMatched && typeof instance[methodName] === "function") {
+            instance[methodName](message);
+          }
+        });
+      }
+    }
   };
 }
 //# sourceMappingURL=SwcAppMixin.js.map