@dooboostore/simple-web-component 1.0.50 → 1.0.51

package/dist/esm/decorators/setTimeout.js

@@ -1,16 +1,9 @@
 import { ReflectUtils } from "@dooboostore/core";
-import { ensureInit, getElementConfig } from "./elementDefine.js";
+import { ensureInit } from "./elementDefine.js";
 import { SwcUtils } from "../utils/Utils.js";
+import { buildSwcParameterArgs } from "./parameter.js";
 const SET_TIMEOUT_METADATA_KEY = Symbol.for("simple-web-component:set-timeout");
-const activeMap = /* @__PURE__ */ new WeakMap();
-const getActiveEntries = (inst) => {
-  let entries = activeMap.get(inst);
-  if (!entries) {
-    entries = [];
-    activeMap.set(inst, entries);
-  }
-  return entries;
-};
+const getActiveEntries = (inst) => inst.__swc_timeoutIds ?? (inst.__swc_timeoutIds = []);
 function setTimeout(delay, options = {}) {
   return (target, propertyKey, descriptor) => {
     const constructor = target.constructor;
@@ -31,8 +24,7 @@ function setTimeout(delay, options = {}) {
       const tickFn = typeof res === "function" ? res : res && typeof res === "object" && typeof res[vk] === "function" ? res[vk] : void 0;
       if (tickFn) {
         ensureInit(this);
-        const conf = getElementConfig(this);
-        const win = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
+        const win = SwcUtils.resolveWindow(this);
         const id = win.setTimeout(() => {
           const entries = getActiveEntries(this);
           const idx = entries.indexOf(id);
@@ -43,7 +35,7 @@ function setTimeout(delay, options = {}) {
             console.error("[SWC] setTimeout fire error:", e);
           }
         }, delay);
-        normalizedOptions.created?.(SwcUtils.getHelperAndHostSet(win, this), id);
+        normalizedOptions.created?.(SwcUtils.getHelperAndHostSet(this), id);
         getActiveEntries(this).push(id);
       }
       return res;
@@ -52,26 +44,45 @@ function setTimeout(delay, options = {}) {
   };
 }
 const findAllSetTimeoutMetadata = (target) => {
-  const constructor = target instanceof Function ? target : target.constructor;
+  const constructor = typeof target === "function" ? target : target.constructor;
   return (ReflectUtils.findAllMetadata(SET_TIMEOUT_METADATA_KEY, constructor) || []).flat();
 };
 class SetTimeoutLifeCycler {
   onConnected(helperHostSet) {
     const inst = helperHostSet.$this;
-    activeMap.delete(inst);
+    inst.__swc_timeoutIds = [];
     for (const meta of findAllSetTimeoutMetadata(inst)) {
       if (meta.options.type !== "onConnected") continue;
       const id = helperHostSet.$w.setTimeout(() => {
-        const args = meta.options.parameter?.(helperHostSet) ?? [];
-        try {
-          const res = inst[meta.propertyKey](...args);
-          const vk = meta.options.valueKey ?? SET_TIMEOUT_METADATA_KEY;
-          if (res && typeof res === "object" && typeof res[vk] === "function") {
-            res[vk](id);
+        void (async () => {
+          const helper = SwcUtils.getHelperAndHostSet(inst);
+          if (meta.options.filter && !await meta.options.filter(helper)) return;
+          const paramArgs = meta.options.parameter?.(helperHostSet) ?? [];
+          const hostSet = SwcUtils.getHostSet(inst);
+          const helperSet = SwcUtils.getHelperSet(helperHostSet.$w);
+          const buildArgs = (beforeReturn) => buildSwcParameterArgs(inst, meta.propertyKey, {
+            hostSet,
+            helperHostSet: helper,
+            helperSet,
+            setTimeoutBeforeReturn: beforeReturn
+          }, [...paramArgs, beforeReturn]);
+          let args = buildArgs(void 0);
+          if (meta.options.before) {
+            const br = await meta.options.before(helper);
+            args = buildArgs(br);
+          }
+          let result, error;
+          try {
+            result = await inst[meta.propertyKey](...args);
+            const vk = meta.options.valueKey ?? SET_TIMEOUT_METADATA_KEY;
+            if (result && typeof result === "object" && typeof result[vk] === "function") result[vk](id);
+          } catch (e) {
+            error = e;
+          } finally {
+            if (meta.options.finally) await meta.options.finally(helper, { args, result, error });
           }
-        } catch (e) {
-          console.error("[SWC] setTimeout fire error:", e);
-        }
+          if (error) console.error("[SWC] setTimeout fire error:", error);
+        })().catch((e) => console.error("[SWC] setTimeout fire error:", e));
       }, meta.delay);
       meta.options.created?.(helperHostSet, id);
       getActiveEntries(inst).push(id);
@@ -79,14 +90,14 @@ class SetTimeoutLifeCycler {
   }
   onDisconnected(helperHostSet) {
     const inst = helperHostSet.$this;
-    for (const id of activeMap.get(inst) ?? []) {
+    for (const id of inst.__swc_timeoutIds ?? []) {
       try {
         helperHostSet.$w.clearTimeout(id);
       } catch (e) {
         console.error("[SWC] clearTimeout error:", e);
       }
     }
-    activeMap.delete(inst);
+    inst.__swc_timeoutIds = [];
   }
 }
 export {

package/dist/esm/decorators/setTimeout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/setTimeout.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { ElementDefineLifeCycler, HelperHostSet } from '../types';\n\nexport const SET_TIMEOUT_METADATA_KEY = Symbol.for('simple-web-component:set-timeout');\n\nexport type SetTimeoutType = 'onConnected' | 'returnValue';\n\nexport interface SetTimeoutOptions {\n  /**\n   * 'onConnected' (connect \uC2DC \uC790\uB3D9\uC73C\uB85C \uC608\uC57D, disconnect \uC2DC \uC790\uB3D9 \uC815\uB9AC) |\n   * 'returnValue' (\uAE30\uBCF8\uAC12 - \uC790\uB3D9 \uC608\uC57D \uC5C6\uC74C. \uAC1C\uBC1C\uC790\uAC00 \uC774 \uBA54\uC11C\uB4DC\uB97C \uC9C1\uC811 \uD638\uCD9C\uD574\uC57C \uC608\uC57D\uB418\uACE0,\n   *   \uADF8 \uD638\uCD9C\uC758 \uB9AC\uD134\uAC12\uC774 \uC2E4\uC81C\uB85C \uC2E4\uD589\uB420 \uD568\uC218\uAC00 \uB41C\uB2E4 - \uC544\uB798 \uC124\uBA85 \uCC38\uACE0).\n   */\n  type?: SetTimeoutType;\n  /** \uC2E4\uD589 \uC2DC \uB370\uCF54\uB808\uC774\uD2B8\uB41C \uBA54\uC11C\uB4DC\uC5D0 \uB118\uAE38 \uC778\uC790\uB97C \uACC4\uC0B0. type:'onConnected'\uC5D0\uC11C\uB9CC \uC758\uBBF8\uAC00 \uC788\uC74C (\uC5C6\uC73C\uBA74 \uC778\uC790 \uC5C6\uC774 \uD638\uCD9C). */\n  parameter?: (set: HelperHostSet) => any[];\n  /** \uD0C0\uC774\uBA38 \uB4F1\uB85D \uC9C1\uD6C4 1\uD68C \uD638\uCD9C (\uB514\uBC84\uAE45/\uB85C\uAE45\uC6A9). id\uB294 \uC2E4\uC81C setTimeout \uBC18\uD658\uAC12 - cleanup\uC740 \uC790\uB3D9\uC73C\uB85C \uCC98\uB9AC\uB418\uBBC0\uB85C \uC9C1\uC811 clear\uD560 \uD544\uC694 \uC5C6\uC74C. */\n  created?: (set: HelperHostSet, id: number) => void;\n  /**\n   * type:'onConnected' - fire \uC2DC \uB370\uCF54\uB808\uC774\uD2B8\uB41C \uBA54\uC11C\uB4DC\uC758 \uB9AC\uD134\uAC12\uC774 \uAC1D\uCCB4\uC774\uACE0 \uC774 \uD0A4\uC758 \uAC12\uC774 \uD568\uC218\uC774\uBA74 (id: number)\uB85C \uD638\uCD9C\uD55C\uB2E4.\n   * type:'returnValue' - \uB9AC\uD134\uAC12\uC774 \uD568\uC218\uBA74 \uADF8 \uC790\uCCB4\uB97C, \uAC1D\uCCB4\uBA74 \uC774 \uD0A4\uC758 \uAC12\uC774 \uD568\uC218\uC77C \uB54C \uADF8 \uAC12\uC744 \"\uC2E4\uC81C\uB85C \uC2E4\uD589\uB420 \uD568\uC218\"\uB85C \uC0AC\uC6A9\uD55C\uB2E4.\n   * \uC548 \uC8FC\uBA74 SET_TIMEOUT_METADATA_KEY\uB85C \uD3F4\uBC31\uD55C\uB2E4 - applyAttribute.ts/applyNode.ts\uC758 valueKey\uC640 \uB3D9\uC77C\uD55C \uCEE8\uBCA4\uC158\n   * (\uB9AC\uD134 \uAC1D\uCCB4\uC5D0\uC11C \uC774 \uB370\uCF54\uB808\uC774\uD130 \uBAAB\uB9CC \uBF51\uC544 \uC4F0\uACE0, \uB2E4\uB978 \uB370\uCF54\uB808\uC774\uD130\uC640 \uC2A4\uD0DD\uD560 \uB54C\uB9CC \uCEE4\uC2A4\uD140 \uD0A4\uB85C \uAD6C\uBD84\uD558\uBA74 \uB41C\uB2E4).\n   */\n  valueKey?: symbol | string;\n}\n\nexport interface SetTimeoutMetadata {\n  propertyKey: string | symbol;\n  delay: number;\n  options: SetTimeoutOptions;\n}\n\nconst activeMap = new WeakMap<any, number[]>();\nconst getActiveEntries = (inst: any): number[] => {\n  let entries = activeMap.get(inst);\n  if (!entries) {\n    entries = [];\n    activeMap.set(inst, entries);\n  }\n  return entries;\n};\n\n/**\n * type:'onConnected' - connect \uC2DC \uC790\uB3D9\uC73C\uB85C setTimeout\uC744 \uAC78\uACE0, disconnect \uC2DC (\uC544\uC9C1 \uC2E4\uD589 \uC804\uC774\uB77C\uBA74) \uC790\uB3D9\uC73C\uB85C clearTimeout \uD55C\uB2E4.\n * type:'returnValue'(\uAE30\uBCF8\uAC12) - \uBA54\uC11C\uB4DC\uB97C \uAC10\uC2F8\uC9C0 \uC54A\uB294 \uB300\uC2E0, \uD638\uCD9C\uB420 \uB54C\uB9C8\uB2E4(\uAC1C\uBC1C\uC790\uAC00 \uC9C1\uC811 \uD638\uCD9C) \uC6D0\uBCF8 \uB85C\uC9C1\uC744\n *   \uADF8\uB300\uB85C \uC2E4\uD589\uD558\uACE0 \uB9AC\uD134\uAC12(\uB610\uB294 valueKey\uB85C \uBF51\uC740 \uAC12)\uC774 \uD568\uC218\uBA74 \uADF8 \uD568\uC218\uB97C \uC0C8 setTimeout\uC73C\uB85C \uC608\uC57D\uD55C\uB2E4.\n *   \uD638\uCD9C\uD560 \uB54C\uB9C8\uB2E4 \uBCC4\uB3C4\uC758 \uC0C8 \uD0C0\uC774\uBA38\uAC00 \uC0DD\uAE30\uBA70, disconnect \uC2DC (\uC544\uC9C1 \uC2E4\uD589 \uC804\uC778 \uAC83\uB4E4\uC740) \uC804\uBD80 \uC815\uB9AC\uB41C\uB2E4.\n *   \uC6D0\uBCF8 \uB9AC\uD134\uAC12\uC740 \uADF8\uB300\uB85C \uD1B5\uACFC\uC2DC\uD0A4\uBBC0\uB85C \uB2E4\uB978 \uB370\uCF54\uB808\uC774\uD130\uC640 \uAC19\uC740 \uBA54\uC11C\uB4DC\uC5D0 \uC2A4\uD0DD\uD574\uB3C4 \uC21C\uC11C\uC5D0 \uC0C1\uAD00\uC5C6\uC774 \uC548\uC804\uD558\uB2E4.\n */\nexport function setTimeout(delay: number, options: SetTimeoutOptions = {}): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    const normalizedOptions: SetTimeoutOptions = { ...options, type: options.type ?? 'returnValue' };\n\n    let metaList = ReflectUtils.getOwnMetadata(SET_TIMEOUT_METADATA_KEY, constructor) as SetTimeoutMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(SET_TIMEOUT_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({ propertyKey, delay, options: normalizedOptions });\n\n    if (normalizedOptions.type === 'onConnected' || !descriptor) {\n      return; // LifeCycler\uAC00 connect/disconnect\uB97C \uC804\uB2F4 - wrapping \uBD88\uD544\uC694\n    }\n\n    const original = descriptor.value;\n    descriptor.value = function (this: any, ...args: any[]) {\n      const res = original.apply(this, args);\n      // valueKey\uB97C \uC548 \uC8FC\uBA74 \uC774 \uB370\uCF54\uB808\uC774\uD130 \uC804\uC6A9 METADATA_KEY\uB85C \uD3F4\uBC31 (applyAttribute.ts/applyNode.ts\uC640 \uB3D9\uC77C\uD55C \uCEE8\uBCA4\uC158)\n      const vk = normalizedOptions.valueKey ?? SET_TIMEOUT_METADATA_KEY;\n      const tickFn: ((id: number) => void) | undefined =\n        typeof res === 'function' ? res : res && typeof res === 'object' && typeof res[vk] === 'function' ? res[vk] : undefined;\n\n      if (tickFn) {\n        ensureInit(this);\n        const conf = getElementConfig(this);\n        const win = (this as any)._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as Window);\n        const id = win.setTimeout(() => {\n          const entries = getActiveEntries(this);\n          const idx = entries.indexOf(id);\n          if (idx >= 0) entries.splice(idx, 1);\n          try {\n            tickFn(id);\n          } catch (e) {\n            console.error('[SWC] setTimeout fire error:', e);\n          }\n        }, delay);\n        normalizedOptions.created?.(SwcUtils.getHelperAndHostSet(win, this), id);\n        getActiveEntries(this).push(id);\n      }\n      return res;\n    };\n    return descriptor;\n  };\n}\n\nexport const findAllSetTimeoutMetadata = (target: any): SetTimeoutMetadata[] => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return (ReflectUtils.findAllMetadata<SetTimeoutMetadata[]>(SET_TIMEOUT_METADATA_KEY, constructor) || []).flat();\n};\n\nexport class SetTimeoutLifeCycler implements ElementDefineLifeCycler {\n  onConnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    activeMap.delete(inst); // \uC7AC\uC5F0\uACB0 \uB300\uBE44 \uB9AC\uC14B\n    for (const meta of findAllSetTimeoutMetadata(inst)) {\n      if (meta.options.type !== 'onConnected') continue; // returnValue \uD0C0\uC785\uC740 \uC218\uB3D9 \uD638\uCD9C\uC744 \uAE30\uB2E4\uB9BC\n      const id = helperHostSet.$w.setTimeout(() => {\n        const args = meta.options.parameter?.(helperHostSet) ?? [];\n        try {\n          const res = inst[meta.propertyKey](...args);\n          const vk = meta.options.valueKey ?? SET_TIMEOUT_METADATA_KEY;\n          if (res && typeof res === 'object' && typeof res[vk] === 'function') {\n            res[vk](id);\n          }\n        } catch (e) {\n          console.error('[SWC] setTimeout fire error:', e);\n        }\n      }, meta.delay);\n      meta.options.created?.(helperHostSet, id);\n      getActiveEntries(inst).push(id);\n    }\n  }\n\n  onDisconnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    for (const id of activeMap.get(inst) ?? []) {\n      try {\n        helperHostSet.$w.clearTimeout(id);\n      } catch (e) {\n        console.error('[SWC] clearTimeout error:', e);\n      }\n    }\n    activeMap.delete(inst);\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { buildSwcParameterArgs } from './parameter';\nimport { ElementDefineLifeCycler, HelperHostSet } from '../types';\n\nexport const SET_TIMEOUT_METADATA_KEY = Symbol.for('simple-web-component:set-timeout');\n\nexport type SetTimeoutType = 'onConnected' | 'returnValue';\n\nexport interface SetTimeoutOptions {\n  /**\n   * 'onConnected' (connect \uC2DC \uC790\uB3D9\uC73C\uB85C \uC608\uC57D, disconnect \uC2DC \uC790\uB3D9 \uC815\uB9AC) |\n   * 'returnValue' (\uAE30\uBCF8\uAC12 - \uC790\uB3D9 \uC608\uC57D \uC5C6\uC74C. \uAC1C\uBC1C\uC790\uAC00 \uC774 \uBA54\uC11C\uB4DC\uB97C \uC9C1\uC811 \uD638\uCD9C\uD574\uC57C \uC608\uC57D\uB418\uACE0,\n   *   \uADF8 \uD638\uCD9C\uC758 \uB9AC\uD134\uAC12\uC774 \uC2E4\uC81C\uB85C \uC2E4\uD589\uB420 \uD568\uC218\uAC00 \uB41C\uB2E4 - \uC544\uB798 \uC124\uBA85 \uCC38\uACE0).\n   */\n  type?: SetTimeoutType;\n  /** \uC2E4\uD589 \uC2DC \uB370\uCF54\uB808\uC774\uD2B8\uB41C \uBA54\uC11C\uB4DC\uC5D0 \uB118\uAE38 \uC778\uC790\uB97C \uACC4\uC0B0. type:'onConnected'\uC5D0\uC11C\uB9CC \uC758\uBBF8\uAC00 \uC788\uC74C (\uC5C6\uC73C\uBA74 \uC778\uC790 \uC5C6\uC774 \uD638\uCD9C). */\n  parameter?: (set: HelperHostSet) => any[];\n  /** \uD0C0\uC774\uBA38 \uB4F1\uB85D \uC9C1\uD6C4 1\uD68C \uD638\uCD9C (\uB514\uBC84\uAE45/\uB85C\uAE45\uC6A9). id\uB294 \uC2E4\uC81C setTimeout \uBC18\uD658\uAC12 - cleanup\uC740 \uC790\uB3D9\uC73C\uB85C \uCC98\uB9AC\uB418\uBBC0\uB85C \uC9C1\uC811 clear\uD560 \uD544\uC694 \uC5C6\uC74C. */\n  created?: (set: HelperHostSet, id: number) => void;\n  /** [type:'onConnected' \uC804\uC6A9] \uBC1C\uD654 \uC5EC\uBD80 \uAC8C\uC774\uD2B8. Promise<boolean>\uB3C4 \uAC00\uB2A5. false\uBA74 \uC2A4\uD0B5. */\n  filter?: (set: HelperHostSet) => boolean | Promise<boolean>;\n  /** [type:'onConnected' \uC804\uC6A9] \uD578\uB4E4\uB7EC \uC9C1\uC804 \uD6C5. await\uB418\uACE0, \uB9AC\uD134\uAC12\uC740 @setTimeoutBeforeReturn \uC73C\uB85C \uC8FC\uC785\uB41C\uB2E4. */\n  before?: (set: HelperHostSet) => any | Promise<any>;\n  /** [type:'onConnected' \uC804\uC6A9] \uD578\uB4E4\uB7EC\uAC00 \uC131\uACF5/\uC2E4\uD328\uD574\uB3C4 \uD56D\uC0C1 \uC2E4\uD589\uB418\uB294 \uC815\uB9AC \uD6C5. ctx\uB85C \uC778\uC790/\uACB0\uACFC/\uC5D0\uB7EC. */\n  finally?: (set: HelperHostSet, ctx: { args: any[]; result?: any; error?: any }) => any | Promise<any>;\n  /**\n   * type:'onConnected' - fire \uC2DC \uB370\uCF54\uB808\uC774\uD2B8\uB41C \uBA54\uC11C\uB4DC\uC758 \uB9AC\uD134\uAC12\uC774 \uAC1D\uCCB4\uC774\uACE0 \uC774 \uD0A4\uC758 \uAC12\uC774 \uD568\uC218\uC774\uBA74 (id: number)\uB85C \uD638\uCD9C\uD55C\uB2E4.\n   * type:'returnValue' - \uB9AC\uD134\uAC12\uC774 \uD568\uC218\uBA74 \uADF8 \uC790\uCCB4\uB97C, \uAC1D\uCCB4\uBA74 \uC774 \uD0A4\uC758 \uAC12\uC774 \uD568\uC218\uC77C \uB54C \uADF8 \uAC12\uC744 \"\uC2E4\uC81C\uB85C \uC2E4\uD589\uB420 \uD568\uC218\"\uB85C \uC0AC\uC6A9\uD55C\uB2E4.\n   * \uC548 \uC8FC\uBA74 SET_TIMEOUT_METADATA_KEY\uB85C \uD3F4\uBC31\uD55C\uB2E4 - applyAttribute.ts/applyNode.ts\uC758 valueKey\uC640 \uB3D9\uC77C\uD55C \uCEE8\uBCA4\uC158\n   * (\uB9AC\uD134 \uAC1D\uCCB4\uC5D0\uC11C \uC774 \uB370\uCF54\uB808\uC774\uD130 \uBAAB\uB9CC \uBF51\uC544 \uC4F0\uACE0, \uB2E4\uB978 \uB370\uCF54\uB808\uC774\uD130\uC640 \uC2A4\uD0DD\uD560 \uB54C\uB9CC \uCEE4\uC2A4\uD140 \uD0A4\uB85C \uAD6C\uBD84\uD558\uBA74 \uB41C\uB2E4).\n   */\n  valueKey?: symbol | string;\n}\n\nexport interface SetTimeoutMetadata {\n  propertyKey: string | symbol;\n  delay: number;\n  options: SetTimeoutOptions;\n}\n\nconst getActiveEntries = (inst: any): number[] => (inst.__swc_timeoutIds ??= []);\n\n/**\n * type:'onConnected' - connect \uC2DC \uC790\uB3D9\uC73C\uB85C setTimeout\uC744 \uAC78\uACE0, disconnect \uC2DC (\uC544\uC9C1 \uC2E4\uD589 \uC804\uC774\uB77C\uBA74) \uC790\uB3D9\uC73C\uB85C clearTimeout \uD55C\uB2E4.\n * type:'returnValue'(\uAE30\uBCF8\uAC12) - \uBA54\uC11C\uB4DC\uB97C \uAC10\uC2F8\uC9C0 \uC54A\uB294 \uB300\uC2E0, \uD638\uCD9C\uB420 \uB54C\uB9C8\uB2E4(\uAC1C\uBC1C\uC790\uAC00 \uC9C1\uC811 \uD638\uCD9C) \uC6D0\uBCF8 \uB85C\uC9C1\uC744\n *   \uADF8\uB300\uB85C \uC2E4\uD589\uD558\uACE0 \uB9AC\uD134\uAC12(\uB610\uB294 valueKey\uB85C \uBF51\uC740 \uAC12)\uC774 \uD568\uC218\uBA74 \uADF8 \uD568\uC218\uB97C \uC0C8 setTimeout\uC73C\uB85C \uC608\uC57D\uD55C\uB2E4.\n *   \uD638\uCD9C\uD560 \uB54C\uB9C8\uB2E4 \uBCC4\uB3C4\uC758 \uC0C8 \uD0C0\uC774\uBA38\uAC00 \uC0DD\uAE30\uBA70, disconnect \uC2DC (\uC544\uC9C1 \uC2E4\uD589 \uC804\uC778 \uAC83\uB4E4\uC740) \uC804\uBD80 \uC815\uB9AC\uB41C\uB2E4.\n *   \uC6D0\uBCF8 \uB9AC\uD134\uAC12\uC740 \uADF8\uB300\uB85C \uD1B5\uACFC\uC2DC\uD0A4\uBBC0\uB85C \uB2E4\uB978 \uB370\uCF54\uB808\uC774\uD130\uC640 \uAC19\uC740 \uBA54\uC11C\uB4DC\uC5D0 \uC2A4\uD0DD\uD574\uB3C4 \uC21C\uC11C\uC5D0 \uC0C1\uAD00\uC5C6\uC774 \uC548\uC804\uD558\uB2E4.\n */\nexport function setTimeout(delay: number, options: SetTimeoutOptions = {}): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    const normalizedOptions: SetTimeoutOptions = { ...options, type: options.type ?? 'returnValue' };\n\n    let metaList = ReflectUtils.getOwnMetadata(SET_TIMEOUT_METADATA_KEY, constructor) as SetTimeoutMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(SET_TIMEOUT_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({ propertyKey, delay, options: normalizedOptions });\n\n    if (normalizedOptions.type === 'onConnected' || !descriptor) {\n      return; // LifeCycler\uAC00 connect/disconnect\uB97C \uC804\uB2F4 - wrapping \uBD88\uD544\uC694\n    }\n\n    const original = descriptor.value;\n    descriptor.value = function (this: any, ...args: any[]) {\n      const res = original.apply(this, args);\n      // valueKey\uB97C \uC548 \uC8FC\uBA74 \uC774 \uB370\uCF54\uB808\uC774\uD130 \uC804\uC6A9 METADATA_KEY\uB85C \uD3F4\uBC31 (applyAttribute.ts/applyNode.ts\uC640 \uB3D9\uC77C\uD55C \uCEE8\uBCA4\uC158)\n      const vk = normalizedOptions.valueKey ?? SET_TIMEOUT_METADATA_KEY;\n      const tickFn: ((id: number) => void) | undefined =\n        typeof res === 'function' ? res : res && typeof res === 'object' && typeof res[vk] === 'function' ? res[vk] : undefined;\n\n      if (tickFn) {\n        ensureInit(this);\n        const win = SwcUtils.resolveWindow(this);\n        const id = win.setTimeout(() => {\n          const entries = getActiveEntries(this);\n          const idx = entries.indexOf(id);\n          if (idx >= 0) entries.splice(idx, 1);\n          try {\n            tickFn(id);\n          } catch (e) {\n            console.error('[SWC] setTimeout fire error:', e);\n          }\n        }, delay);\n        normalizedOptions.created?.(SwcUtils.getHelperAndHostSet(this), id);\n        getActiveEntries(this).push(id);\n      }\n      return res;\n    };\n    return descriptor;\n  };\n}\n\nexport const findAllSetTimeoutMetadata = (target: any): SetTimeoutMetadata[] => {\n  const constructor = typeof target === 'function' ? target : target.constructor;\n  return (ReflectUtils.findAllMetadata<SetTimeoutMetadata[]>(SET_TIMEOUT_METADATA_KEY, constructor) || []).flat();\n};\n\nexport class SetTimeoutLifeCycler implements ElementDefineLifeCycler {\n  onConnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    inst.__swc_timeoutIds = []; // \uC7AC\uC5F0\uACB0 \uB300\uBE44 \uB9AC\uC14B\n    for (const meta of findAllSetTimeoutMetadata(inst)) {\n      if (meta.options.type !== 'onConnected') continue; // returnValue \uD0C0\uC785\uC740 \uC218\uB3D9 \uD638\uCD9C\uC744 \uAE30\uB2E4\uB9BC\n      const id = helperHostSet.$w.setTimeout(() => {\n        void (async () => {\n          const helper = SwcUtils.getHelperAndHostSet(inst);\n          if (meta.options.filter && !(await meta.options.filter(helper))) return;\n          const paramArgs = meta.options.parameter?.(helperHostSet) ?? [];\n          const hostSet = SwcUtils.getHostSet(inst);\n          const helperSet = SwcUtils.getHelperSet(helperHostSet.$w);\n          const buildArgs = (beforeReturn: any) => buildSwcParameterArgs(inst, meta.propertyKey, {\n            hostSet, helperHostSet: helper, helperSet, setTimeoutBeforeReturn: beforeReturn\n          }, [...paramArgs, beforeReturn]);\n          let args = buildArgs(undefined);\n          if (meta.options.before) { const br = await meta.options.before(helper); args = buildArgs(br); }\n          let result: any, error: any;\n          try {\n            result = await inst[meta.propertyKey](...args);\n            const vk = meta.options.valueKey ?? SET_TIMEOUT_METADATA_KEY;\n            if (result && typeof result === 'object' && typeof result[vk] === 'function') result[vk](id);\n          } catch (e) {\n            error = e;\n          } finally {\n            if (meta.options.finally) await meta.options.finally(helper, { args, result, error });\n          }\n          if (error) console.error('[SWC] setTimeout fire error:', error);\n        })().catch(e => console.error('[SWC] setTimeout fire error:', e));\n      }, meta.delay);\n      meta.options.created?.(helperHostSet, id);\n      getActiveEntries(inst).push(id);\n    }\n  }\n\n  onDisconnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    for (const id of inst.__swc_timeoutIds ?? []) {\n      try {\n        helperHostSet.$w.clearTimeout(id);\n      } catch (e) {\n        console.error('[SWC] clearTimeout error:', e);\n      }\n    }\n    inst.__swc_timeoutIds = [];\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/decorators/state.js

@@ -1,17 +1,15 @@
 import { ReflectUtils } from "@dooboostore/core";
 import { ElementApply } from "@dooboostore/core-web";
 import { SwcUtils } from "../utils/Utils.js";
-import { getElementConfig } from "./elementDefine.js";
 const STATE_METADATA_KEY = Symbol.for("simple-web-component:state");
 function state(nameOrTarget, propertyKey) {
   const stateDefine = (targetObj, stateMetadata) => {
-    let storage = targetObj[stateMetadata.propertyKey];
+    const storageKey = Symbol(`state:${String(stateMetadata.propertyKey)}`);
     Object.defineProperty(targetObj, stateMetadata.propertyKey, {
       set(nv) {
-        storage = nv;
-        const config = getElementConfig(this);
+        this[storageKey] = nv;
         const ea = new ElementApply(this, { id: this._swcId });
-        const helperHostSet = SwcUtils.getHelperAndHostSet(config.window, this);
+        const helperHostSet = SwcUtils.getHelperAndHostSet(this);
         const stateContext = { ...helperHostSet };
         findAllStateMetadata(this).forEach((it) => {
           stateContext[it.name] = this[it.propertyKey];
@@ -19,7 +17,12 @@ function state(nameOrTarget, propertyKey) {
         ea.apply({ context: stateContext, targetVariableName: stateMetadata.name, bind: this });
       },
       get() {
-        return storage;
+        const own = Object.getOwnPropertyDescriptor(this, stateMetadata.propertyKey);
+        if (own && "value" in own) {
+          delete this[stateMetadata.propertyKey];
+          this[storageKey] = own.value;
+        }
+        return this[storageKey];
       },
       enumerable: true,
       configurable: true
@@ -29,7 +32,7 @@ function state(nameOrTarget, propertyKey) {
     const targetObj = nameOrTarget;
     const name = String(propertyKey);
     const constructor = targetObj.constructor;
-    let states = ReflectUtils.getMetadata(STATE_METADATA_KEY, constructor);
+    let states = ReflectUtils.getOwnMetadata(STATE_METADATA_KEY, constructor);
     if (!states) {
       states = [];
       ReflectUtils.defineMetadata(STATE_METADATA_KEY, states, constructor);
@@ -42,7 +45,7 @@ function state(nameOrTarget, propertyKey) {
   return (targetObj, propertyKey2) => {
     const name = String(nameOrTarget);
     const constructor = targetObj.constructor;
-    let states = ReflectUtils.getMetadata(STATE_METADATA_KEY, constructor);
+    let states = ReflectUtils.getOwnMetadata(STATE_METADATA_KEY, constructor);
     if (!states) {
       states = [];
       ReflectUtils.defineMetadata(STATE_METADATA_KEY, states, constructor);
@@ -53,8 +56,8 @@ function state(nameOrTarget, propertyKey) {
   };
 }
 const findAllStateMetadata = (target) => {
-  const constructor = target instanceof Function ? target : target.constructor;
-  return ReflectUtils.getMetadata(STATE_METADATA_KEY, constructor) ?? [];
+  const constructor = typeof target === "function" ? target : target.constructor;
+  return ReflectUtils.findAllMetadata(STATE_METADATA_KEY, constructor).flat();
 };
 export {
   STATE_METADATA_KEY,

package/dist/esm/decorators/state.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/state.ts"],
-  "sourcesContent": ["import {ReflectUtils} from '@dooboostore/core';\nimport {ElementApply} from \"@dooboostore/core-web\";\nimport {SwcUtils} from \"../utils/Utils\";\nimport {getElementConfig} from \"./elementDefine\";\n\nexport interface StateMetadata {\n  propertyKey: string | symbol;\n  name: string;\n}\n\nexport const STATE_METADATA_KEY = Symbol.for('simple-web-component:state');\n\n// export function state(target: SpecialSelector): PropertyDecorator;\n// export function state(): PropertyDecorator;\nexport function state(target: Object, propertyKey: string | symbol): void;\nexport function state(name: string): PropertyDecorator;\n/**\n * Supports both forms:\n * - @state\n * - @state()\n * - @state('selector')\n */\nexport function state(nameOrTarget?: string | Object, propertyKey?: string | symbol): any {\n\n  const stateDefine = (targetObj: any, stateMetadata: StateMetadata) => {\n\n    let storage = targetObj[stateMetadata.propertyKey];\n    // console.log('ssssssssssssssss', storage, stateMetadata.propertyKey)\n    Object.defineProperty(targetObj, stateMetadata.propertyKey, {\n      set(this: any, nv: string) {\n        storage = nv;\n        const config = getElementConfig(this)\n        const ea = new ElementApply(this, {id: this._swcId});\n        const helperHostSet = SwcUtils.getHelperAndHostSet(config.window, this);\n        const stateContext: any = {...helperHostSet};\n        findAllStateMetadata(this).forEach(it => {\n          stateContext[it.name] = this[it.propertyKey]\n        })\n        ea.apply({context:stateContext, targetVariableName: stateMetadata.name, bind: this});\n      },\n      get(this: any) {\n        return storage;\n      },\n      enumerable: true,\n      configurable: true\n    });\n  }\n\n  // If used as @state (no parentheses), TypeScript will call this function with (target, propertyKey)\n  if (typeof nameOrTarget === 'object' && propertyKey) {\n    const targetObj = nameOrTarget as Object;\n    const name = String(propertyKey);\n    const constructor = (targetObj as any).constructor;\n    let states = ReflectUtils.getMetadata<StateMetadata[]>(STATE_METADATA_KEY, constructor);\n    if (!states) {\n      states = [];\n      ReflectUtils.defineMetadata(STATE_METADATA_KEY, states, constructor);\n    }\n    const stateMetadata = {propertyKey, name};\n    states.push(stateMetadata);\n    stateDefine(targetObj, stateMetadata);\n    return;\n  }\n\n  // Otherwise return a decorator factory\n  return (targetObj: Object, propertyKey: string | symbol): void => {\n    const name = String(nameOrTarget);\n    const constructor = targetObj.constructor;\n    let states = ReflectUtils.getMetadata<StateMetadata[]>(STATE_METADATA_KEY, constructor);\n    if (!states) {\n      states = [];\n      ReflectUtils.defineMetadata(STATE_METADATA_KEY, states, constructor);\n    }\n    const stateMetadata = {propertyKey, name};\n    states.push(stateMetadata);\n    stateDefine(targetObj, stateMetadata);\n  };\n}\n\nexport const findAllStateMetadata = (target: any): StateMetadata[] => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(STATE_METADATA_KEY, constructor) ?? [];\n};\n"],
-  "mappings": "AAAA,SAAQ,oBAAmB;AAC3B,SAAQ,oBAAmB;AAC3B,SAAQ,gBAAe;AACvB,SAAQ,wBAAuB;AAOxB,MAAM,qBAAqB,OAAO,IAAI,4BAA4B;AAYlE,SAAS,MAAM,cAAgC,aAAoC;AAExF,QAAM,cAAc,CAAC,WAAgB,kBAAiC;AAEpE,QAAI,UAAU,UAAU,cAAc,WAAW;AAEjD,WAAO,eAAe,WAAW,cAAc,aAAa;AAAA,MAC1D,IAAe,IAAY;AACzB,kBAAU;AACV,cAAM,SAAS,iBAAiB,IAAI;AACpC,cAAM,KAAK,IAAI,aAAa,MAAM,EAAC,IAAI,KAAK,OAAM,CAAC;AACnD,cAAM,gBAAgB,SAAS,oBAAoB,OAAO,QAAQ,IAAI;AACtE,cAAM,eAAoB,EAAC,GAAG,cAAa;AAC3C,6BAAqB,IAAI,EAAE,QAAQ,QAAM;AACvC,uBAAa,GAAG,IAAI,IAAI,KAAK,GAAG,WAAW;AAAA,QAC7C,CAAC;AACD,WAAG,MAAM,EAAC,SAAQ,cAAc,oBAAoB,cAAc,MAAM,MAAM,KAAI,CAAC;AAAA,MACrF;AAAA,MACA,MAAe;AACb,eAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,MACZ,cAAc;AAAA,IAChB,CAAC;AAAA,EACH;AAGA,MAAI,OAAO,iBAAiB,YAAY,aAAa;AACnD,UAAM,YAAY;AAClB,UAAM,OAAO,OAAO,WAAW;AAC/B,UAAM,cAAe,UAAkB;AACvC,QAAI,SAAS,aAAa,YAA6B,oBAAoB,WAAW;AACtF,QAAI,CAAC,QAAQ;AACX,eAAS,CAAC;AACV,mBAAa,eAAe,oBAAoB,QAAQ,WAAW;AAAA,IACrE;AACA,UAAM,gBAAgB,EAAC,aAAa,KAAI;AACxC,WAAO,KAAK,aAAa;AACzB,gBAAY,WAAW,aAAa;AACpC;AAAA,EACF;AAGA,SAAO,CAAC,WAAmBA,iBAAuC;AAChE,UAAM,OAAO,OAAO,YAAY;AAChC,UAAM,cAAc,UAAU;AAC9B,QAAI,SAAS,aAAa,YAA6B,oBAAoB,WAAW;AACtF,QAAI,CAAC,QAAQ;AACX,eAAS,CAAC;AACV,mBAAa,eAAe,oBAAoB,QAAQ,WAAW;AAAA,IACrE;AACA,UAAM,gBAAgB,EAAC,aAAAA,cAAa,KAAI;AACxC,WAAO,KAAK,aAAa;AACzB,gBAAY,WAAW,aAAa;AAAA,EACtC;AACF;AAEO,MAAM,uBAAuB,CAAC,WAAiC;AACpE,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,oBAAoB,WAAW,KAAK,CAAC;AACvE;",
+  "sourcesContent": ["import {ReflectUtils} from '@dooboostore/core';\nimport {ElementApply} from \"@dooboostore/core-web\";\nimport {SwcUtils} from \"../utils/Utils\";\n\nexport interface StateMetadata {\n  propertyKey: string | symbol;\n  name: string;\n}\n\nexport const STATE_METADATA_KEY = Symbol.for('simple-web-component:state');\n\n// export function state(target: SpecialSelector): PropertyDecorator;\n// export function state(): PropertyDecorator;\nexport function state(target: Object, propertyKey: string | symbol): void;\nexport function state(name: string): PropertyDecorator;\n/**\n * Forms (\uBE48 \uAD04\uD638 @state() \uB294 \uD0C0\uC785 \uC5D0\uB7EC):\n * - @state\n * - @state('selector')\n */\nexport function state(nameOrTarget?: string | Object, propertyKey?: string | symbol): any {\n\n  const stateDefine = (targetObj: any, stateMetadata: StateMetadata) => {\n\n    // around.ts\uC640 \uB3D9\uC77C: \uD074\uB85C\uC800 \uBCC0\uC218\uC5D0 \uB450\uBA74 \uBAA8\uB4E0 \uC778\uC2A4\uD134\uC2A4\uAC00 \uACF5\uC720\uD574\uBC84\uB9AC\uBBC0\uB85C\n    // \uC778\uC2A4\uD134\uC2A4 \uC804\uC6A9 Symbol \uC2AC\uB86F\uC5D0 \uC2E4\uC81C \uAC12\uC744 \uB454\uB2E4.\n    const storageKey = Symbol(`state:${String(stateMetadata.propertyKey)}`);\n    Object.defineProperty(targetObj, stateMetadata.propertyKey, {\n      set(this: any, nv: string) {\n        this[storageKey] = nv;\n        const ea = new ElementApply(this, {id: this._swcId});\n        const helperHostSet = SwcUtils.getHelperAndHostSet(this);\n        const stateContext: any = {...helperHostSet};\n        findAllStateMetadata(this).forEach(it => {\n          stateContext[it.name] = this[it.propertyKey]\n        })\n        ea.apply({context:stateContext, targetVariableName: stateMetadata.name, bind: this});\n      },\n      get(this: any) {\n        // \uC548\uC804\uB9DD: \uD544\uB4DC \uC774\uB2C8\uC15C\uB77C\uC774\uC800\uC758 own property\uAC00 \uB0A8\uC544\uC788\uB2E4\uBA74(ensureInit\uC774 \uC548 \uB3C8\n        // \uC77C\uBC18 \uD074\uB798\uC2A4 \uB4F1) \uC2AC\uB86F\uC73C\uB85C \uD68C\uC218\uD55C\uB2E4. setter \uACBD\uC720\uB294 \uC548 \uD568 \u2014 setter\uC758 DOM\n        // \uB3D9\uAE30\uD654\uB294 \uCD08\uAE30\uD654 \uC804\uC5D0 \uB3CC\uBA74 \uC548 \uB418\uBBC0\uB85C \uC9C1\uC811 \uC2AC\uB86F\uC5D0 \uB454\uB2E4.\n        const own = Object.getOwnPropertyDescriptor(this, stateMetadata.propertyKey);\n        if (own && 'value' in own) {\n          delete this[stateMetadata.propertyKey];\n          this[storageKey] = own.value;\n        }\n        return this[storageKey];\n      },\n      enumerable: true,\n      configurable: true\n    });\n  }\n\n  // If used as @state (no parentheses), TypeScript will call this function with (target, propertyKey)\n  if (typeof nameOrTarget === 'object' && propertyKey) {\n    const targetObj = nameOrTarget as Object;\n    const name = String(propertyKey);\n    const constructor = (targetObj as any).constructor;\n    let states = ReflectUtils.getOwnMetadata(STATE_METADATA_KEY, constructor) as StateMetadata[] | undefined;\n    if (!states) {\n      states = [];\n      ReflectUtils.defineMetadata(STATE_METADATA_KEY, states, constructor);\n    }\n    const stateMetadata = {propertyKey, name};\n    states.push(stateMetadata);\n    stateDefine(targetObj, stateMetadata);\n    return;\n  }\n\n  // Otherwise return a decorator factory\n  return (targetObj: Object, propertyKey: string | symbol): void => {\n    const name = String(nameOrTarget);\n    const constructor = targetObj.constructor;\n    let states = ReflectUtils.getOwnMetadata(STATE_METADATA_KEY, constructor) as StateMetadata[] | undefined;\n    if (!states) {\n      states = [];\n      ReflectUtils.defineMetadata(STATE_METADATA_KEY, states, constructor);\n    }\n    const stateMetadata = {propertyKey, name};\n    states.push(stateMetadata);\n    stateDefine(targetObj, stateMetadata);\n  };\n}\n\nexport const findAllStateMetadata = (target: any): StateMetadata[] => {\n  const constructor = typeof target === 'function' ? target : target.constructor;\n  return ReflectUtils.findAllMetadata<any[]>(STATE_METADATA_KEY, constructor).flat();\n};\n"],
+  "mappings": "AAAA,SAAQ,oBAAmB;AAC3B,SAAQ,oBAAmB;AAC3B,SAAQ,gBAAe;AAOhB,MAAM,qBAAqB,OAAO,IAAI,4BAA4B;AAWlE,SAAS,MAAM,cAAgC,aAAoC;AAExF,QAAM,cAAc,CAAC,WAAgB,kBAAiC;AAIpE,UAAM,aAAa,OAAO,SAAS,OAAO,cAAc,WAAW,CAAC,EAAE;AACtE,WAAO,eAAe,WAAW,cAAc,aAAa;AAAA,MAC1D,IAAe,IAAY;AACzB,aAAK,UAAU,IAAI;AACnB,cAAM,KAAK,IAAI,aAAa,MAAM,EAAC,IAAI,KAAK,OAAM,CAAC;AACnD,cAAM,gBAAgB,SAAS,oBAAoB,IAAI;AACvD,cAAM,eAAoB,EAAC,GAAG,cAAa;AAC3C,6BAAqB,IAAI,EAAE,QAAQ,QAAM;AACvC,uBAAa,GAAG,IAAI,IAAI,KAAK,GAAG,WAAW;AAAA,QAC7C,CAAC;AACD,WAAG,MAAM,EAAC,SAAQ,cAAc,oBAAoB,cAAc,MAAM,MAAM,KAAI,CAAC;AAAA,MACrF;AAAA,MACA,MAAe;AAIb,cAAM,MAAM,OAAO,yBAAyB,MAAM,cAAc,WAAW;AAC3E,YAAI,OAAO,WAAW,KAAK;AACzB,iBAAO,KAAK,cAAc,WAAW;AACrC,eAAK,UAAU,IAAI,IAAI;AAAA,QACzB;AACA,eAAO,KAAK,UAAU;AAAA,MACxB;AAAA,MACA,YAAY;AAAA,MACZ,cAAc;AAAA,IAChB,CAAC;AAAA,EACH;AAGA,MAAI,OAAO,iBAAiB,YAAY,aAAa;AACnD,UAAM,YAAY;AAClB,UAAM,OAAO,OAAO,WAAW;AAC/B,UAAM,cAAe,UAAkB;AACvC,QAAI,SAAS,aAAa,eAAe,oBAAoB,WAAW;AACxE,QAAI,CAAC,QAAQ;AACX,eAAS,CAAC;AACV,mBAAa,eAAe,oBAAoB,QAAQ,WAAW;AAAA,IACrE;AACA,UAAM,gBAAgB,EAAC,aAAa,KAAI;AACxC,WAAO,KAAK,aAAa;AACzB,gBAAY,WAAW,aAAa;AACpC;AAAA,EACF;AAGA,SAAO,CAAC,WAAmBA,iBAAuC;AAChE,UAAM,OAAO,OAAO,YAAY;AAChC,UAAM,cAAc,UAAU;AAC9B,QAAI,SAAS,aAAa,eAAe,oBAAoB,WAAW;AACxE,QAAI,CAAC,QAAQ;AACX,eAAS,CAAC;AACV,mBAAa,eAAe,oBAAoB,QAAQ,WAAW;AAAA,IACrE;AACA,UAAM,gBAAgB,EAAC,aAAAA,cAAa,KAAI;AACxC,WAAO,KAAK,aAAa;AACzB,gBAAY,WAAW,aAAa;AAAA,EACtC;AACF;AAEO,MAAM,uBAAuB,CAAC,WAAiC;AACpE,QAAM,cAAc,OAAO,WAAW,aAAa,SAAS,OAAO;AACnE,SAAO,aAAa,gBAAuB,oBAAoB,WAAW,EAAE,KAAK;AACnF;",
   "names": ["propertyKey"]
 }

package/dist/esm/decorators/subscribeSwcAppMessage.js

@@ -0,0 +1,53 @@
+import { ReflectUtils } from "@dooboostore/core";
+const SUBSCRIBE_SWC_APP_MESSAGE_METADATA_KEY = Symbol.for("simple-web-component:subscribe-swc-app-message");
+function createSubscribeSwcAppMessage(options, messageType) {
+  return (target, propertyKey, descriptor) => {
+    const constructor = target.constructor;
+    let list = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_MESSAGE_METADATA_KEY, constructor);
+    if (!list) {
+      list = [];
+      ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_MESSAGE_METADATA_KEY, list, constructor);
+    }
+    list.push({ propertyKey, messageType, filter: options?.filter, before: options?.before, finally: options?.finally, subject: options?.subject, trigger: options?.trigger });
+    return descriptor;
+  };
+}
+function subscribeSwcAppMessage(targetOrMessageTypeOrOptions, optionsOrPropertyKey, descriptor) {
+  if (targetOrMessageTypeOrOptions && typeof targetOrMessageTypeOrOptions === "object" && optionsOrPropertyKey && (typeof optionsOrPropertyKey === "string" || typeof optionsOrPropertyKey === "symbol") && descriptor) {
+    const target = targetOrMessageTypeOrOptions;
+    const propertyKey = optionsOrPropertyKey;
+    return createSubscribeSwcAppMessage({})(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 createSubscribeSwcAppMessage(options, messageType);
+}
+const receiveMessage = subscribeSwcAppMessage;
+const getSubscribeSwcAppMessageMetadata = (target) => {
+  const constructor = typeof target === "function" ? target : target.constructor;
+  return ReflectUtils.findAllMetadata(SUBSCRIBE_SWC_APP_MESSAGE_METADATA_KEY, constructor).flat();
+};
+class MessageSubscribeLifeCycler {
+  onConnected(_helperHostSet) {
+  }
+  /** SwcAppMixin 이 구독 대상 메타를 꺼낼 때 사용 */
+  getMetadata(helperHostSet) {
+    return getSubscribeSwcAppMessageMetadata(helperHostSet.$this);
+  }
+}
+export {
+  MessageSubscribeLifeCycler,
+  SUBSCRIBE_SWC_APP_MESSAGE_METADATA_KEY,
+  getSubscribeSwcAppMessageMetadata,
+  receiveMessage,
+  subscribeSwcAppMessage
+};
+//# sourceMappingURL=subscribeSwcAppMessage.js.map

package/dist/esm/decorators/subscribeSwcAppMessage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/subscribeSwcAppMessage.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { SwcAppMessage, SwcAppMessageSubject, SpecialSelector, SwcQueryOptions, HelperHostSet } from '../types';\n\nexport const SUBSCRIBE_SWC_APP_MESSAGE_METADATA_KEY = Symbol.for('simple-web-component:subscribe-swc-app-message');\n\nexport interface SwcAppMessageOptions<Data = any, BeforeReturn = any, Result = any> {\n  /** \uBA54\uC2DC\uC9C0 \uC218\uC2E0 \uC2DC \uD578\uB4E4\uB7EC \uC2E4\uD589 \uC5EC\uBD80 \uAC8C\uC774\uD2B8. Promise<boolean>\uB3C4 \uB418\uC5B4 async \uD310\uC815 \uAC00\uB2A5. false\uBA74 \uC2A4\uD0B5. */\n  filter?: (message: SwcAppMessage<Data>, currentThis: any) => boolean | Promise<boolean>;\n  /** filter \uD1B5\uACFC \uD6C4 \uD578\uB4E4\uB7EC \uC9C1\uC804 \uD6C5. await\uB418\uACE0, \uB9AC\uD134\uAC12\uC740 @appMessageBeforeReturn \uC73C\uB85C \uD578\uB4E4\uB7EC\uC5D0 \uC8FC\uC785\uB41C\uB2E4. */\n  before?: (message: SwcAppMessage<Data>, currentThis: any) => BeforeReturn | Promise<BeforeReturn>;\n  /** \uD578\uB4E4\uB7EC\uAC00 \uC131\uACF5/\uC2E4\uD328\uD574\uB3C4 \uD56D\uC0C1 \uC2E4\uD589\uB418\uB294 \uC815\uB9AC \uD6C5. ctx\uB85C \uD578\uB4E4\uB7EC \uC778\uC790/\uACB0\uACFC/\uC5D0\uB7EC\uB97C \uBC1B\uB294\uB2E4. \uC5D0\uB7EC\uB294 \uC0BC\uD0A4\uC9C0 \uC54A\uACE0 \uC804\uD30C. */\n  finally?: (message: SwcAppMessage<Data>, currentThis: any, ctx: { args: any[]; result?: Result; error?: any }) => any | Promise<any>;\n  /**\n   * \uB2A6\uAC8C \uC5F0\uACB0\uB41C \uACBD\uC6B0 \uACFC\uAC70 \uBA54\uC2DC\uC9C0 \uC7AC\uC0DD \uBC29\uC2DD. \uC774\uBBF8 \uC5F0\uACB0\uB41C \uAD6C\uB3C5\uC790\uC5D0\uAC8C\uB294 \uD56D\uC0C1 live\uB85C \uC3E8.\n   * - \uBBF8\uC9C0\uC815/'subject': live\uB9CC. \uC9C0\uB098\uAC04 \uAC74 \uBABB \uBC1B\uC74C (\uAE30\uBCF8\uAC12, \uAE30\uC874 \uB3D9\uC791)\n   * - 'behavior': \uB9C8\uC9C0\uB9C9 1\uAC1C \uC7AC\uC0DD\n   * - 'replay': \uBC84\uD37C \uC804\uCCB4 \uC2DC\uAC04\uC21C \uC7AC\uC0DD\n   */\n  subject?: SwcAppMessageSubject;\n  /**\n   * \uC7AC\uC0DD \uC2DC\uC810. \uAE30\uBCF8 'connected' (\uC5F0\uACB0 \uC989\uC2DC).\n   * - 'connectedDone': \uC5D8\uB9AC\uBA3C\uD2B8 render \uC644\uB8CC \uD6C4 (_connectedDone). @innerHtml \uB4F1\n   *   DOM \uD0C0\uAC9F\uC774 \uD544\uC694\uD55C \uD578\uB4E4\uB7EC\uB294 \uC774\uAC78\uB85C (replay\uAC00 render\uBCF4\uB2E4 \uBA3C\uC800 \uC640\uC11C \uC99D\uBC1C\uD558\uB294 \uB808\uC774\uC2A4 \uBC29\uC9C0).\n   */\n  trigger?: 'connected' | 'connectedDone';\n}\n\nexport interface SwcAppMessageSubscriberMetadata extends SwcAppMessageOptions {\n  propertyKey: string | symbol;\n  messageType?: string;\n}\n\nfunction createSubscribeSwcAppMessage(options?: SwcAppMessageOptions, messageType?: string): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    let list = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_MESSAGE_METADATA_KEY, constructor) as SwcAppMessageSubscriberMetadata[];\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_MESSAGE_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, messageType, filter: options?.filter, before: options?.before, finally: options?.finally, subject: options?.subject, trigger: options?.trigger });\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 subscribeSwcAppMessage(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 subscribeSwcAppMessage(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 subscribeSwcAppMessage<Data = any, BeforeReturn = any, Result = any>(options: SwcAppMessageOptions<NoInfer<Data>, NoInfer<BeforeReturn>, NoInfer<Result>>): 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 subscribeSwcAppMessage<Data = any, BeforeReturn = any, Result = any>(messageType: string, options: SwcAppMessageOptions<NoInfer<Data>, NoInfer<BeforeReturn>, NoInfer<Result>>): MethodDecorator;\n\nexport function subscribeSwcAppMessage(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): @subscribeSwcAppMessage\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 createSubscribeSwcAppMessage({})(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: @subscribeSwcAppMessage('messageType') \uB610\uB294 @subscribeSwcAppMessage('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: @subscribeSwcAppMessage({ filter: ... })\n    options = targetOrMessageTypeOrOptions;\n  }\n\n  return createSubscribeSwcAppMessage(options, messageType);\n}\n\nexport const receiveMessage = subscribeSwcAppMessage;\n// Helper function to retrieve message subscribers metadata\nexport const getSubscribeSwcAppMessageMetadata = (target: any): SwcAppMessageSubscriberMetadata[] | undefined => {\n  const constructor = typeof target === 'function' ? target : target.constructor;\n  return ReflectUtils.findAllMetadata<any[]>(SUBSCRIBE_SWC_APP_MESSAGE_METADATA_KEY, constructor).flat();\n};\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// MessageSubscribeLifeCycler\n// NOTE: \uC2E4\uC81C \uAD6C\uB3C5 \uB85C\uC9C1\uC740 SwcAppMixin._connected \uC5D0\uC11C \uCC98\uB9AC\uB41C\uB2E4.\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nimport { ElementDefineLifeCycler } from '../types';\n\nexport class MessageSubscribeLifeCycler implements ElementDefineLifeCycler {\n  onConnected(_helperHostSet: HelperHostSet): void {\n    // \uC2E4\uC81C \uAD6C\uB3C5\uC740 SwcAppMixin._connected \uC5D0\uC11C \uCC98\uB9AC\n  }\n\n  /** SwcAppMixin \uC774 \uAD6C\uB3C5 \uB300\uC0C1 \uBA54\uD0C0\uB97C \uAEBC\uB0BC \uB54C \uC0AC\uC6A9 */\n  getMetadata(helperHostSet: HelperHostSet): SwcAppMessageSubscriberMetadata[] | undefined {\n    return getSubscribeSwcAppMessageMetadata(helperHostSet.$this);\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAGtB,MAAM,yCAAyC,OAAO,IAAI,gDAAgD;AA6BjH,SAAS,6BAA6B,SAAgC,aAAuC;AAC3G,SAAO,CAAC,QAAgB,aAA8B,eAAoC;AACxF,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,aAAa,eAAe,wCAAwC,WAAW;AAC1F,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,mBAAa,eAAe,wCAAwC,MAAM,WAAW;AAAA,IACvF;AACA,SAAK,KAAK,EAAE,aAAa,aAAa,QAAQ,SAAS,QAAQ,QAAQ,SAAS,QAAQ,SAAS,SAAS,SAAS,SAAS,SAAS,SAAS,SAAS,SAAS,QAAQ,CAAC;AAEzK,WAAO;AAAA,EACT;AACF;AAWO,SAAS,uBAAuB,8BAAoC,sBAA4B,YAAsC;AAE3I,MAAI,gCAAgC,OAAO,iCAAiC,YACxE,yBAAyB,OAAO,yBAAyB,YAAY,OAAO,yBAAyB,aACrG,YAAY;AACd,UAAM,SAAS;AACf,UAAM,cAAc;AACpB,WAAO,6BAA6B,CAAC,CAAC,EAAE,QAAQ,aAAa,UAAU;AAAA,EACzE;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,6BAA6B,SAAS,WAAW;AAC1D;AAEO,MAAM,iBAAiB;AAEvB,MAAM,oCAAoC,CAAC,WAA+D;AAC/G,QAAM,cAAc,OAAO,WAAW,aAAa,SAAS,OAAO;AACnE,SAAO,aAAa,gBAAuB,wCAAwC,WAAW,EAAE,KAAK;AACvG;AAQO,MAAM,2BAA8D;AAAA,EACzE,YAAY,gBAAqC;AAAA,EAEjD;AAAA;AAAA,EAGA,YAAY,eAA6E;AACvF,WAAO,kCAAkC,cAAc,KAAK;AAAA,EAC9D;AACF;",
+  "names": []
+}

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

@@ -1,22 +1,22 @@
 import { ReflectUtils } from "@dooboostore/core";
-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) {
+const SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY = Symbol.for("simple-web-component:subscribe-swc-app-route-change");
+function createSubscribeSwcAppRouteChange(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_WHILE_CONNECTED_METADATA_KEY, constructor);
+    let list = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, constructor);
     if (!list) {
       list = [];
-      ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, list, constructor);
+      ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, list, constructor);
     }
     list.push({ propertyKey, options });
     return descriptor;
   };
 }
-function subscribeSwcAppRouteChangeWhileConnected(targetOrOptions, propertyKeyOrConfig, descriptor) {
+function subscribeSwcAppRouteChange(targetOrOptions, propertyKeyOrConfig, descriptor) {
   if (propertyKeyOrConfig && (typeof propertyKeyOrConfig === "string" || typeof propertyKeyOrConfig === "symbol")) {
-    return createSubscribeSwcAppRouteChangeWhileConnected({})(targetOrOptions, propertyKeyOrConfig, descriptor);
+    return createSubscribeSwcAppRouteChange({})(targetOrOptions, propertyKeyOrConfig, descriptor);
   }
   let options = {};
   if (Array.isArray(targetOrOptions)) {
@@ -32,12 +32,15 @@ function subscribeSwcAppRouteChangeWhileConnected(targetOrOptions, propertyKeyOr
   } else if (targetOrOptions && typeof targetOrOptions === "object") {
     options = targetOrOptions;
   }
-  return createSubscribeSwcAppRouteChangeWhileConnected(options);
+  return createSubscribeSwcAppRouteChange(options);
 }
-const changedRoute = subscribeSwcAppRouteChangeWhileConnected;
-const getSubscribeSwcAppRouteChangeWhileConnectedMetadata = (target) => {
-  const constructor = target instanceof Function ? target : target.constructor;
-  const results = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY, constructor);
+const changedRoute = subscribeSwcAppRouteChange;
+function subscribeSwcAppRouteChangeConnectedDone(pathPattern, config) {
+  return subscribeSwcAppRouteChange(pathPattern, { ...config, trigger: "connectedDone" });
+}
+const getSubscribeSwcAppRouteChangeMetadata = (target) => {
+  const constructor = typeof target === "function" ? target : target.constructor;
+  const results = ReflectUtils.findAllMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, constructor).flat();
   if (!results) return [];
   return [...results].sort((a, b) => (a.options?.order ?? 0) - (b.options?.order ?? 0));
 };
@@ -46,14 +49,15 @@ class RouteSubscribeLifeCycler {
   }
   /** SwcAppMixin 이 구독 대상 메타를 꺼낼 때 사용 */
   getMetadata(helperHostSet) {
-    return getSubscribeSwcAppRouteChangeWhileConnectedMetadata(helperHostSet.$this);
+    return getSubscribeSwcAppRouteChangeMetadata(helperHostSet.$this);
   }
 }
 export {
   RouteSubscribeLifeCycler,
-  SUBSCRIBE_SWC_APP_ROUTE_CHANGE_WHILE_CONNECTED_METADATA_KEY,
+  SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY,
   changedRoute,
-  getSubscribeSwcAppRouteChangeWhileConnectedMetadata,
-  subscribeSwcAppRouteChangeWhileConnected
+  getSubscribeSwcAppRouteChangeMetadata,
+  subscribeSwcAppRouteChange,
+  subscribeSwcAppRouteChangeConnectedDone
 };
-//# sourceMappingURL=subscribeSwcAppRouteChangeWhileConnected.js.map
+//# sourceMappingURL=subscribeSwcAppRouteChange.js.map

package/dist/esm/decorators/subscribeSwcAppRouteChange.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/subscribeSwcAppRouteChange.ts"],
+  "sourcesContent": ["import {ReflectUtils} from '@dooboostore/core';\nimport {Router} from '@dooboostore/core-web';\nimport {HelperHostSet} from '../types';\n\nexport const SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY = Symbol.for('simple-web-component:subscribe-swc-app-route-change');\n\nexport type RoutePathType = string | string[] | ((currentThis: any) => string | string[]);\n\nexport interface SwcAppRouteChangeSubscriberMetadata {\n  propertyKey: string | symbol;\n  options?: SwcAppRouteChangeOptions;\n}\n\nexport interface SwcAppRouteChangeOptions<BeforeReturn = any, Result = any> {\n  path?: RoutePathType;\n  /** \uB77C\uC6B0\uD2B8 \uBCC0\uACBD \uC2DC \uD578\uB4E4\uB7EC \uC2E4\uD589 \uC5EC\uBD80 \uAC8C\uC774\uD2B8. Promise<boolean>\uB3C4 \uB418\uC5B4 async \uAC00\uB4DC(\uC778\uC99D \uCCB4\uD06C \uB4F1) \uAC00\uB2A5. false\uBA74 \uC2A4\uD0B5. */\n  filter?: (router: Router, meta: { currentThis: any; helper: HelperHostSet }) => boolean | Promise<boolean>;\n  /** filter \uD1B5\uACFC \uD6C4 \uD578\uB4E4\uB7EC \uC9C1\uC804 \uD6C5. await\uB418\uACE0, \uB9AC\uD134\uAC12\uC740 @routeChangeBeforeReturn \uC73C\uB85C \uD578\uB4E4\uB7EC\uC5D0 \uC8FC\uC785\uB41C\uB2E4. */\n  before?: (router: Router, meta: { currentThis: any; helper: HelperHostSet }) => BeforeReturn | Promise<BeforeReturn>;\n  /** \uD578\uB4E4\uB7EC\uAC00 \uC131\uACF5/\uC2E4\uD328\uD574\uB3C4 \uD56D\uC0C1 \uC2E4\uD589\uB418\uB294 \uC815\uB9AC \uD6C5. ctx\uB85C \uD578\uB4E4\uB7EC \uC778\uC790/\uACB0\uACFC/\uC5D0\uB7EC\uB97C \uBC1B\uB294\uB2E4. \uC5D0\uB7EC\uB294 \uC0BC\uD0A4\uC9C0 \uC54A\uACE0 \uC804\uD30C. */\n  finally?: (router: Router, meta: { currentThis: any; helper: HelperHostSet }, ctx: { args: any[]; result?: Result; error?: any }) => any | Promise<any>;\n  order?: number;\n  valueKey?: symbol | string;\n  /**\n   * \uB2A6\uAC8C \uBD99\uC740 \uC778\uC2A4\uD134\uC2A4\uC5D0 \uB9C8\uC9C0\uB9C9 \uB77C\uC6B0\uD2B8 \uC7AC\uC0DD \uC2DC\uC810. \uAE30\uBCF8 'connected'.\n   * - 'connectedDone': render \uC644\uB8CC \uD6C4 (_connectedDone). DOM \uD0C0\uAC9F \uD544\uC694\uD55C \uD578\uB4E4\uB7EC\uC6A9.\n   * - live \uB77C\uC6B0\uD2B8 \uBCC0\uACBD(\uC804\uCCB4 \uBC29\uC1A1) \uB54C\uB294 \uD56D\uC0C1 \uC2E4\uD589. replay\uC5D0\uB9CC \uC801\uC6A9.\n   */\n  trigger?: 'connected' | 'connectedDone';\n  /**\n   * \uC5B8\uC81C \uC2E4\uD589\uD560\uC9C0. \uAE30\uBCF8 'match'(\uACBD\uB85C\uAC00 \uB9DE\uC744 \uB54C\uB9C8\uB2E4 \u2014 \uAE30\uC874 \uB3D9\uC791).\n   * - 'enter': \uC548 \uB9DE\uB2E4\uAC00 \uB9DE\uAC8C \uB410\uC744 \uB54C (\uCC98\uC74C \uBD99\uC744 \uB54C\uC758 \uC7AC\uC0DD \uD3EC\uD568)\n   * - 'update': \uACC4\uC18D \uB9DE\uB294\uB370 \uACBD\uB85C\uB098 query \uAC00 \uBC14\uB00C\uC5C8\uC744 \uB54C\n   * - 'leave': \uB9DE\uB2E4\uAC00 \uC548 \uB9DE\uAC8C \uB410\uC744 \uB54C (\uC694\uC18C\uAC00 \uBD99\uC5B4 \uC788\uC744 \uB54C\uB9CC \u2014 \uAD50\uCCB4\uB418\uB294 \uD398\uC774\uC9C0\uB294 onDisconnected \uAC00 \uB2F4\uB2F9)\n   * - 'beforeLeave': \uC774 \uACBD\uB85C\uB97C \uB5A0\uB098\uAE30 \uC804. false(\uB610\uB294 Promise<false>)\uB97C \uB9AC\uD134\uD558\uBA74 \uC774\uB3D9 \uCDE8\uC18C (router.go / \uB4A4\uB85C\u00B7\uC55E\uC73C\uB85C \uAC00\uAE30)\n   */\n  on?: 'match' | 'enter' | 'update' | 'leave' | 'beforeLeave';\n}\n\nfunction createSubscribeSwcAppRouteChange(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_METADATA_KEY, constructor) as SwcAppRouteChangeSubscriberMetadata[];\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, options });\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 subscribeSwcAppRouteChange(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 subscribeSwcAppRouteChange(pathPattern: RoutePathType): MethodDecorator;\nexport function subscribeSwcAppRouteChange<BeforeReturn = any, Result = any>(pathPattern: RoutePathType, config: Omit<SwcAppRouteChangeOptions<NoInfer<BeforeReturn>, NoInfer<Result>>, 'path'>): MethodDecorator;\nexport function subscribeSwcAppRouteChange<BeforeReturn = any, Result = any>(options: SwcAppRouteChangeOptions<NoInfer<BeforeReturn>, NoInfer<Result>>): MethodDecorator;\n\n// \uC2E4\uC81C \uAD6C\uD604 (\uC774\uC911 \uBAA8\uB4DC)\nexport function subscribeSwcAppRouteChange(targetOrOptions?: any, propertyKeyOrConfig?: any, descriptor?: PropertyDescriptor): any {\n  // \uC9C1\uC811 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0 (\uAD04\uD638 \uC5C6\uC74C): @subscribeSwcAppRouteChange\n  // propertyKey\uAC00 string | symbol\uC774\uACE0 descriptor\uAC00 \uC788\uC73C\uBA74 \uC9C1\uC811 \uC0AC\uC6A9\n  if (propertyKeyOrConfig && (typeof propertyKeyOrConfig === 'string' || typeof propertyKeyOrConfig === 'symbol')) {\n    return createSubscribeSwcAppRouteChange({})(targetOrOptions, propertyKeyOrConfig, descriptor);\n  }\n\n  // \uD568\uC218\uB85C \uD638\uCD9C\uB41C \uACBD\uC6B0 (\uC778\uC790 \uC788\uC74C): @subscribeSwcAppRouteChange('/path')\n  let options: SwcAppRouteChangeOptions = {};\n\n  if (Array.isArray(targetOrOptions)) {\n    // \uBC30\uC5F4: @subscribeSwcAppRouteChange(['/path1', '/path2'])\n    // \uB610\uB294: @subscribeSwcAppRouteChange(['/path1', '/path2'], { order: 1 })\n    options.path = targetOrOptions;\n    if (propertyKeyOrConfig && typeof propertyKeyOrConfig === 'object') {\n      options = { ...options, ...propertyKeyOrConfig };\n    }\n  } else if (typeof targetOrOptions === 'string' || typeof targetOrOptions === 'function') {\n    // \uBB38\uC790\uC5F4 \uB610\uB294 \uD568\uC218: @subscribeSwcAppRouteChange('/path')\n    // \uB610\uB294: @subscribeSwcAppRouteChange('/path', { order: 1 })\n    options.path = targetOrOptions;\n    if (propertyKeyOrConfig && typeof propertyKeyOrConfig === 'object') {\n      options = { ...options, ...propertyKeyOrConfig };\n    }\n  } else if (targetOrOptions && typeof targetOrOptions === 'object') {\n    // \uAC1D\uCCB4: @subscribeSwcAppRouteChange({ path: '/path', filter: ..., order: 1 })\n    options = targetOrOptions;\n  }\n\n  return createSubscribeSwcAppRouteChange(options);\n}\nexport const changedRoute = subscribeSwcAppRouteChange;\n\n// \uB2A6\uAC8C \uBD99\uC740 \uC778\uC2A4\uD134\uC2A4\uB3C4 \uB80C\uB354 \uC644\uB8CC \uD6C4 \uB9C8\uC9C0\uB9C9 \uB77C\uC6B0\uD2B8\uB97C \uC7AC\uC0DD \u2014 DOM \uD0C0\uAC9F \uD578\uB4E4\uB7EC\uC6A9.\n// @subscribeSwcAppRouteChange(path, { trigger: 'connectedDone' }) \uC758 \uB2E8\uCD95\uD615.\nexport function subscribeSwcAppRouteChangeConnectedDone<BeforeReturn = any, Result = any>(pathPattern: RoutePathType, config?: Omit<SwcAppRouteChangeOptions<NoInfer<BeforeReturn>, NoInfer<Result>>, 'path' | 'trigger'>): MethodDecorator {\n  return subscribeSwcAppRouteChange(pathPattern, { ...config, trigger: 'connectedDone' });\n}\n\n// Helper function to retrieve route change subscribers metadata\nexport const getSubscribeSwcAppRouteChangeMetadata = (target: any): SwcAppRouteChangeSubscriberMetadata[] => {\n  const constructor = typeof target === 'function' ? target : target.constructor;\n  const results = ReflectUtils.findAllMetadata<any[]>(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, constructor).flat();\n  if (!results) return [];\n  \n  // Sort by order (default 0 if not specified)\n  return [...results].sort((a, b) => (a.options?.order ?? 0) - (b.options?.order ?? 0));\n};\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// RouteSubscribeLifeCycler\n// NOTE: \uC2E4\uC81C \uAD6C\uB3C5 \uB85C\uC9C1\uC740 SwcAppMixin._connected \uC5D0\uC11C \uCC98\uB9AC\uB41C\uB2E4.\n//       \uC774 cycler \uB294 \uBA54\uD0C0\uB370\uC774\uD130 \uC811\uADFC \uC9C4\uC785\uC810 \uC5ED\uD560\uB9CC \uD558\uBA70,\n//       \uD5A5\uD6C4 SwcAppMixin \uC5D0\uC11C \uB85C\uC9C1\uC744 \uBD84\uB9AC\uD560 \uB54C \uC774 \uD074\uB798\uC2A4\uB85C \uC774\uC804\uD55C\uB2E4.\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nimport { ElementDefineLifeCycler } from '../types';\n\nexport class RouteSubscribeLifeCycler implements ElementDefineLifeCycler {\n  onConnected(_helperHostSet: HelperHostSet): void {\n    // \uC2E4\uC81C \uAD6C\uB3C5\uC740 SwcAppMixin._connected \uC5D0\uC11C \uCC98\uB9AC\n  }\n\n  /** SwcAppMixin \uC774 \uAD6C\uB3C5 \uB300\uC0C1 \uBA54\uD0C0\uB97C \uAEBC\uB0BC \uB54C \uC0AC\uC6A9 */\n  getMetadata(helperHostSet: HelperHostSet): SwcAppRouteChangeSubscriberMetadata[] {\n    return getSubscribeSwcAppRouteChangeMetadata(helperHostSet.$this);\n  }\n}\n"],
+  "mappings": "AAAA,SAAQ,oBAAmB;AAIpB,MAAM,8CAA8C,OAAO,IAAI,qDAAqD;AAmC3H,SAAS,iCAAiC,SAAqD;AAC7F,SAAO,CAAC,QAAgB,aAA8B,eAAoC;AACxF,UAAM,cAAc,SAAS;AAC7B,UAAM,SAAS,SAAS;AAExB,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,aAAa,eAAe,6CAA6C,WAAW;AAC/F,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,mBAAa,eAAe,6CAA6C,MAAM,WAAW;AAAA,IAC5F;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAElC,WAAO;AAAA,EACT;AACF;AAUO,SAAS,2BAA2B,iBAAuB,qBAA2B,YAAsC;AAGjI,MAAI,wBAAwB,OAAO,wBAAwB,YAAY,OAAO,wBAAwB,WAAW;AAC/G,WAAO,iCAAiC,CAAC,CAAC,EAAE,iBAAiB,qBAAqB,UAAU;AAAA,EAC9F;AAGA,MAAI,UAAoC,CAAC;AAEzC,MAAI,MAAM,QAAQ,eAAe,GAAG;AAGlC,YAAQ,OAAO;AACf,QAAI,uBAAuB,OAAO,wBAAwB,UAAU;AAClE,gBAAU,EAAE,GAAG,SAAS,GAAG,oBAAoB;AAAA,IACjD;AAAA,EACF,WAAW,OAAO,oBAAoB,YAAY,OAAO,oBAAoB,YAAY;AAGvF,YAAQ,OAAO;AACf,QAAI,uBAAuB,OAAO,wBAAwB,UAAU;AAClE,gBAAU,EAAE,GAAG,SAAS,GAAG,oBAAoB;AAAA,IACjD;AAAA,EACF,WAAW,mBAAmB,OAAO,oBAAoB,UAAU;AAEjE,cAAU;AAAA,EACZ;AAEA,SAAO,iCAAiC,OAAO;AACjD;AACO,MAAM,eAAe;AAIrB,SAAS,wCAA0E,aAA4B,QAAsH;AAC1O,SAAO,2BAA2B,aAAa,EAAE,GAAG,QAAQ,SAAS,gBAAgB,CAAC;AACxF;AAGO,MAAM,wCAAwC,CAAC,WAAuD;AAC3G,QAAM,cAAc,OAAO,WAAW,aAAa,SAAS,OAAO;AACnE,QAAM,UAAU,aAAa,gBAAuB,6CAA6C,WAAW,EAAE,KAAK;AACnH,MAAI,CAAC,QAAS,QAAO,CAAC;AAGtB,SAAO,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,GAAG,OAAO,EAAE,SAAS,SAAS,MAAM,EAAE,SAAS,SAAS,EAAE;AACtF;AAUO,MAAM,yBAA4D;AAAA,EACvE,YAAY,gBAAqC;AAAA,EAEjD;AAAA;AAAA,EAGA,YAAY,eAAqE;AAC/E,WAAO,sCAAsC,cAAc,KAAK;AAAA,EAClE;AACF;",
+  "names": []
+}

package/dist/esm/decorators/swcAppRoute.js

@@ -0,0 +1,130 @@
+import { ReflectUtils } from "@dooboostore/core";
+import { SwcUtils } from "../utils/Utils.js";
+const SWC_APP_ROUTE_METADATA_KEY = Symbol.for("simple-web-component:swc-app-route");
+const isGoConfig = (v) => !!v && typeof v === "object" && "path" in v && ("replace" in v || "state" in v || "scrollToTop" in v || typeof v.path === "object");
+function createSwcAppRoute(options) {
+  return (target, propertyKey, descriptor) => {
+    const constructor = target.constructor;
+    let list = ReflectUtils.getOwnMetadata(SWC_APP_ROUTE_METADATA_KEY, constructor);
+    if (!list) {
+      list = [];
+      ReflectUtils.defineMetadata(SWC_APP_ROUTE_METADATA_KEY, list, constructor);
+    }
+    list.push({ propertyKey, options });
+    if (!descriptor) {
+      return descriptor;
+    }
+    const originalMethod = descriptor.value;
+    descriptor.value = function(...args) {
+      const result = originalMethod.apply(this, args);
+      const extractValue = (v) => {
+        const keyToUse = options?.valueKey ?? SWC_APP_ROUTE_METADATA_KEY;
+        if (v && typeof v === "object" && keyToUse in v) {
+          return v[keyToUse];
+        }
+        return v;
+      };
+      const route = (value) => {
+        if (value === void 0 || value === null || value === false) return;
+        const router = SwcUtils.getAppHost(this)?.router;
+        if (!router) {
+          console.warn("swcAppRoute: no SwcApp router found for", this);
+          return;
+        }
+        if (options?.filter) {
+          const helper = SwcUtils.getHelperAndHostSet(this);
+          if (!options.filter(router, value, { currentThis: this, helper })) return;
+        }
+        const type = options?.type ?? "go";
+        if (type === "go") {
+          if (typeof value === "number") return router.go(value);
+          const defaults = { replace: options?.replace, state: options?.state, scrollToTop: options?.scrollToTop };
+          return router.go(isGoConfig(value) ? { ...defaults, ...value } : { ...defaults, path: value });
+        }
+        const state = options?.state;
+        if ((type === "push" || type === "replace") && router.hasLeaveGuards) {
+          return router.canLeave(router.getRouteData({ pathOrUrl: router.toUrl(value) }), router.value).then((ok) => {
+            if (!ok) return;
+            if (type === "push") router.push(value, state);
+            else router.replace(value, state);
+          });
+        }
+        switch (type) {
+          case "push":
+            return router.push(value, state);
+          case "replace":
+            return router.replace(value, state);
+          case "pushDeleteSearchParam":
+            return router.pushDeleteSearchParam(value, state);
+          case "pushDeleteHashSearchParam":
+            return router.pushDeleteHashSearchParam(value, state);
+          case "pushAddSearchParam":
+            return router.pushAddSearchParam(value, state);
+          case "pushUpsertSearchParam":
+            return router.pushUpsertSearchParam(value, state);
+          case "replaceDeleteSearchParam":
+            return router.replaceDeleteSearchParam(value, state);
+          case "replaceDeleteHashSearchParam":
+            return router.replaceDeleteHashSearchParam(value, state);
+          case "replaceAddSearchParam":
+            return router.replaceAddSearchParam(value, state);
+          case "replaceUpsertSearchParam":
+            return router.replaceUpsertSearchParam(value, state);
+        }
+      };
+      if (result instanceof Promise) {
+        result.then((data) => route(extractValue(data))).catch((err) => {
+          console.warn("swcAppRoute async error:", err);
+        });
+      } else {
+        route(extractValue(result));
+      }
+      return result;
+    };
+    return descriptor;
+  };
+}
+function swcAppRoute(targetOrOptions, propertyKey, descriptor) {
+  if (targetOrOptions && typeof targetOrOptions === "object" && propertyKey && (typeof propertyKey === "string" || typeof propertyKey === "symbol") && descriptor) {
+    return createSwcAppRoute()(targetOrOptions, propertyKey, descriptor);
+  }
+  return createSwcAppRoute(targetOrOptions);
+}
+const typedRoute = (type) => (targetOrOptions, propertyKey, descriptor) => {
+  if (targetOrOptions && typeof targetOrOptions === "object" && propertyKey && (typeof propertyKey === "string" || typeof propertyKey === "symbol") && descriptor) {
+    return createSwcAppRoute({ type })(targetOrOptions, propertyKey, descriptor);
+  }
+  return createSwcAppRoute({ ...targetOrOptions ?? {}, type });
+};
+const swcAppRouteGo = typedRoute("go");
+const swcAppRoutePush = typedRoute("push");
+const swcAppRouteReplace = typedRoute("replace");
+const swcAppRoutePushDeleteSearchParam = typedRoute("pushDeleteSearchParam");
+const swcAppRoutePushDeleteHashSearchParam = typedRoute("pushDeleteHashSearchParam");
+const swcAppRoutePushAddSearchParam = typedRoute("pushAddSearchParam");
+const swcAppRoutePushUpsertSearchParam = typedRoute("pushUpsertSearchParam");
+const swcAppRouteReplaceDeleteSearchParam = typedRoute("replaceDeleteSearchParam");
+const swcAppRouteReplaceDeleteHashSearchParam = typedRoute("replaceDeleteHashSearchParam");
+const swcAppRouteReplaceAddSearchParam = typedRoute("replaceAddSearchParam");
+const swcAppRouteReplaceUpsertSearchParam = typedRoute("replaceUpsertSearchParam");
+const getSwcAppRouteMetadata = (target) => {
+  const constructor = typeof target === "function" ? target : target.constructor;
+  return ReflectUtils.findAllMetadata(SWC_APP_ROUTE_METADATA_KEY, constructor).flat();
+};
+export {
+  SWC_APP_ROUTE_METADATA_KEY,
+  getSwcAppRouteMetadata,
+  swcAppRoute,
+  swcAppRouteGo,
+  swcAppRoutePush,
+  swcAppRoutePushAddSearchParam,
+  swcAppRoutePushDeleteHashSearchParam,
+  swcAppRoutePushDeleteSearchParam,
+  swcAppRoutePushUpsertSearchParam,
+  swcAppRouteReplace,
+  swcAppRouteReplaceAddSearchParam,
+  swcAppRouteReplaceDeleteHashSearchParam,
+  swcAppRouteReplaceDeleteSearchParam,
+  swcAppRouteReplaceUpsertSearchParam
+};
+//# sourceMappingURL=swcAppRoute.js.map