@dooboostore/simple-web-component 1.0.50 → 1.0.52

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/eventMedia.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ElementDefineLifeCycler, HelperHostSet } from '../types';\nimport { SwcUtils } from '../utils/Utils';\n\nexport const EVENT_MEDIA_METADATA_KEY = Symbol.for('simple-web-component:event-media');\n\nexport interface EventMediaMetadata {\n  propertyKey: string | symbol;\n  query: string;\n  eventType: string;\n}\n\n/**\n * CSS \uBBF8\uB514\uC5B4\uCFFC\uB9AC(`window.matchMedia`) \uC0C1\uD0DC \uBCC0\uD654\uB97C \uAC10\uC9C0\uD55C\uB2E4.\n * connect \uC2DC \uC790\uB3D9\uC73C\uB85C \uAD6C\uB3C5\uD558\uACE0, disconnect \uC2DC \uC790\uB3D9\uC73C\uB85C \uD574\uC81C\uD55C\uB2E4.\n *\n * MediaQueryList\uB294 \uC2A4\uD399\uC0C1 'change' \uC774\uBCA4\uD2B8 \uD558\uB098\uB9CC \uC815\uC758\uB3FC\uC788\uB2E4 \u2014 eventType\uC740 \uADF8\uB798\uB3C4 \uBA85\uC2DC\uC801\uC73C\uB85C \uBC1B\uB294\uB2E4\n * (\uB2E4\uB978 @event* \uACC4\uC5F4\uCC98\uB7FC \uBCA0\uC774\uC2A4\uB294 \uBA85\uC2DC\uC801, \uD3B8\uC758 \uBCC4\uCE6D\uC774 \uAC12\uC744 \uACE0\uC815\uD558\uB294 \uCEE8\uBCA4\uC158\uC744 \uB530\uB984). 'change' \uACE0\uC815 \uBC84\uC804\uC740\n * eventMediaChange\uB97C \uC0AC\uC6A9\uD55C\uB2E4.\n */\nexport function eventMedia(query: string, eventType: string): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(EVENT_MEDIA_METADATA_KEY, constructor) as EventMediaMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(EVENT_MEDIA_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({ propertyKey, query, eventType });\n  };\n}\n\n/** eventMedia(query, 'change')\uC758 \uBCC4\uCE6D - MediaQueryList\uAC00 \uC2E4\uC81C\uB85C \uBC1C\uC0DD\uC2DC\uD0A4\uB294 \uC720\uC77C\uD55C \uC774\uBCA4\uD2B8. */\nexport function eventMediaChange(query: string): MethodDecorator {\n  return eventMedia(query, 'change');\n}\n\nexport const findAllEventMediaMetadata = (target: any): EventMediaMetadata[] => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return (ReflectUtils.findAllMetadata<EventMediaMetadata[]>(EVENT_MEDIA_METADATA_KEY, constructor) || []).flat();\n};\n\nexport class EventMediaLifeCycler implements ElementDefineLifeCycler {\n  private readonly entriesMap = new WeakMap<any, Array<{ mql: MediaQueryList; eventType: string; handler: (e: Event) => void }>>();\n\n  onConnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    const metaList = findAllEventMediaMetadata(inst);\n    if (metaList.length === 0) return;\n\n    const entries: Array<{ mql: MediaQueryList; eventType: string; handler: (e: Event) => void }> = [];\n    for (const meta of metaList) {\n      const mql = helperHostSet.$w.matchMedia(meta.query);\n      const handler = (e: Event) => {\n        try {\n          inst[meta.propertyKey](e, helperHostSet);\n        } catch (err) {\n          console.error('[SWC] eventMedia handler error:', err);\n        }\n      };\n      mql.addEventListener(meta.eventType, handler);\n      entries.push({ mql, eventType: meta.eventType, handler });\n    }\n    this.entriesMap.set(inst, entries);\n  }\n\n  onDisconnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    for (const { mql, eventType, handler } of this.entriesMap.get(inst) ?? []) {\n      try {\n        mql.removeEventListener(eventType, handler);\n      } catch (e) {\n        console.error('[SWC] eventMedia cleanup error:', e);\n      }\n    }\n    this.entriesMap.delete(inst);\n  }\n}\n"],
-  "mappings": ";;;AAAA,SAAS,oBAAoB;AAItB,MAAM,2BAA2B,OAAO,IAAI,kCAAkC;AAgB9E,SAAS,WAAW,OAAe,WAAoC;AAC5E,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,cAAc,OAAO;AAC3B,QAAI,WAAW,aAAa,eAAe,0BAA0B,WAAW;AAChF,QAAI,CAAC,UAAU;AACb,iBAAW,CAAC;AACZ,mBAAa,eAAe,0BAA0B,UAAU,WAAW;AAAA,IAC7E;AACA,aAAS,KAAK,EAAE,aAAa,OAAO,UAAU,CAAC;AAAA,EACjD;AACF;AAGO,SAAS,iBAAiB,OAAgC;AAC/D,SAAO,WAAW,OAAO,QAAQ;AACnC;AAEO,MAAM,4BAA4B,CAAC,WAAsC;AAC9E,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,UAAQ,aAAa,gBAAsC,0BAA0B,WAAW,KAAK,CAAC,GAAG,KAAK;AAChH;AAEO,MAAM,qBAAwD;AAAA,EAA9D;AACL,wBAAiB,cAAa,oBAAI,QAA6F;AAAA;AAAA,EAE/H,YAAY,eAAoC;AAC9C,UAAM,OAAO,cAAc;AAC3B,UAAM,WAAW,0BAA0B,IAAI;AAC/C,QAAI,SAAS,WAAW,EAAG;AAE3B,UAAM,UAA0F,CAAC;AACjG,eAAW,QAAQ,UAAU;AAC3B,YAAM,MAAM,cAAc,GAAG,WAAW,KAAK,KAAK;AAClD,YAAM,UAAU,CAAC,MAAa;AAC5B,YAAI;AACF,eAAK,KAAK,WAAW,EAAE,GAAG,aAAa;AAAA,QACzC,SAAS,KAAK;AACZ,kBAAQ,MAAM,mCAAmC,GAAG;AAAA,QACtD;AAAA,MACF;AACA,UAAI,iBAAiB,KAAK,WAAW,OAAO;AAC5C,cAAQ,KAAK,EAAE,KAAK,WAAW,KAAK,WAAW,QAAQ,CAAC;AAAA,IAC1D;AACA,SAAK,WAAW,IAAI,MAAM,OAAO;AAAA,EACnC;AAAA,EAEA,eAAe,eAAoC;AACjD,UAAM,OAAO,cAAc;AAC3B,eAAW,EAAE,KAAK,WAAW,QAAQ,KAAK,KAAK,WAAW,IAAI,IAAI,KAAK,CAAC,GAAG;AACzE,UAAI;AACF,YAAI,oBAAoB,WAAW,OAAO;AAAA,MAC5C,SAAS,GAAG;AACV,gBAAQ,MAAM,mCAAmC,CAAC;AAAA,MACpD;AAAA,IACF;AACA,SAAK,WAAW,OAAO,IAAI;AAAA,EAC7B;AACF;",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ElementDefineLifeCycler, HelperHostSet } from '../types';\nimport { SwcUtils } from '../utils/Utils';\nimport { buildSwcParameterArgs } from './parameter';\n\nexport const EVENT_MEDIA_METADATA_KEY = Symbol.for('simple-web-component:event-media');\n\nexport interface EventMediaOptions<Return = any> {\n  /** \uBBF8\uB514\uC5B4\uCFFC\uB9AC \uBCC0\uD654 \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?: (e: MediaQueryListEvent, 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 @eventMediaBeforeReturn \uC73C\uB85C \uD578\uB4E4\uB7EC\uC5D0 \uC8FC\uC785\uB41C\uB2E4. */\n  before?: (e: MediaQueryListEvent, meta: { currentThis: any; helper: HelperHostSet }, args: any[]) => any | Promise<any>;\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(\uB85C\uAE45\uB428). */\n  finally?: (e: MediaQueryListEvent, meta: { currentThis: any; helper: HelperHostSet }, ctx: { args: any[]; result?: Return; error?: any }) => any | Promise<any>;\n}\n\nexport interface EventMediaMetadata extends EventMediaOptions {\n  propertyKey: string | symbol;\n  query: string;\n  eventType: string;\n}\n\n/**\n * CSS \uBBF8\uB514\uC5B4\uCFFC\uB9AC(`window.matchMedia`) \uC0C1\uD0DC \uBCC0\uD654\uB97C \uAC10\uC9C0\uD55C\uB2E4.\n * connect \uC2DC \uC790\uB3D9\uC73C\uB85C \uAD6C\uB3C5\uD558\uACE0, disconnect \uC2DC \uC790\uB3D9\uC73C\uB85C \uD574\uC81C\uD55C\uB2E4.\n *\n * MediaQueryList\uB294 \uC2A4\uD399\uC0C1 'change' \uC774\uBCA4\uD2B8 \uD558\uB098\uB9CC \uC815\uC758\uB3FC\uC788\uB2E4 \u2014 eventType\uC740 \uADF8\uB798\uB3C4 \uBA85\uC2DC\uC801\uC73C\uB85C \uBC1B\uB294\uB2E4\n * (\uB2E4\uB978 @event* \uACC4\uC5F4\uCC98\uB7FC \uBCA0\uC774\uC2A4\uB294 \uBA85\uC2DC\uC801, \uD3B8\uC758 \uBCC4\uCE6D\uC774 \uAC12\uC744 \uACE0\uC815\uD558\uB294 \uCEE8\uBCA4\uC158\uC744 \uB530\uB984). 'change' \uACE0\uC815 \uBC84\uC804\uC740\n * eventMediaChange\uB97C \uC0AC\uC6A9\uD55C\uB2E4.\n */\nexport function eventMedia(query: string, eventType: string): MethodDecorator;\nexport function eventMedia<Return = any>(query: string, eventType: string, options: EventMediaOptions<NoInfer<Return>>): MethodDecorator;\nexport function eventMedia(query: string, eventType: string, options?: EventMediaOptions): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(EVENT_MEDIA_METADATA_KEY, constructor) as EventMediaMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(EVENT_MEDIA_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({ propertyKey, query, eventType, filter: options?.filter, before: options?.before, finally: options?.finally });\n  };\n}\n\n/** eventMedia(query, 'change')\uC758 \uBCC4\uCE6D - MediaQueryList\uAC00 \uC2E4\uC81C\uB85C \uBC1C\uC0DD\uC2DC\uD0A4\uB294 \uC720\uC77C\uD55C \uC774\uBCA4\uD2B8. */\nexport function eventMediaChange(query: string): MethodDecorator;\nexport function eventMediaChange<Return = any>(query: string, options: EventMediaOptions<NoInfer<Return>>): MethodDecorator;\nexport function eventMediaChange(query: string, options?: EventMediaOptions): MethodDecorator {\n  return eventMedia(query, 'change', options as any);\n}\n\nexport const findAllEventMediaMetadata = (target: any): EventMediaMetadata[] => {\n  const constructor = typeof target === 'function' ? target : target.constructor;\n  return (ReflectUtils.findAllMetadata<EventMediaMetadata[]>(EVENT_MEDIA_METADATA_KEY, constructor) || []).flat();\n};\n\nexport class EventMediaLifeCycler implements ElementDefineLifeCycler {\n  private readonly entriesMap = new WeakMap<any, Array<{ mql: MediaQueryList; eventType: string; handler: (e: Event) => void }>>();\n\n  onConnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    const metaList = findAllEventMediaMetadata(inst);\n    if (metaList.length === 0) return;\n\n    const win = helperHostSet.$w;\n    const entries: Array<{ mql: MediaQueryList; eventType: string; handler: (e: Event) => void }> = [];\n    for (const meta of metaList) {\n      const mql = win.matchMedia(meta.query);\n      const handler = async (e: Event) => {\n        try {\n          const helper = SwcUtils.getHelperAndHostSet(inst);\n          if (meta.filter && !(await meta.filter(e as MediaQueryListEvent, { currentThis: inst, helper }))) return;\n          const hostSet = SwcUtils.getHostSet(inst);\n          const helperSet = SwcUtils.getHelperSet(win);\n          const legacyArgs = [e, helperHostSet];\n          const buildArgs = (beforeReturn: any) => buildSwcParameterArgs(inst, meta.propertyKey, {\n            eventObject: e,\n            hostSet,\n            helperHostSet: helper,\n            helperSet,\n            eventMediaBeforeReturn: beforeReturn\n          }, legacyArgs);\n          // before\uB97C \uBA3C\uC800 \uB3CC\uB824 \uADF8 \uB9AC\uD134\uAC12\uC744 @eventMediaBeforeReturn \uC73C\uB85C \uC8FC\uC785.\n          let args = buildArgs(undefined);\n          if (meta.before) {\n            const beforeReturn = await meta.before(e as MediaQueryListEvent, { currentThis: inst, helper }, args);\n            args = buildArgs(beforeReturn);\n          }\n          let result: any, error: any;\n          try {\n            result = await inst[meta.propertyKey](...args);\n          } catch (err) {\n            error = err;\n          } finally {\n            if (meta.finally) await meta.finally(e as MediaQueryListEvent, { currentThis: inst, helper }, { args, result, error });\n          }\n          if (error) throw error;\n        } catch (err) {\n          console.error('[SWC] eventMedia handler error:', err);\n        }\n      };\n      mql.addEventListener(meta.eventType, handler);\n      entries.push({ mql, eventType: meta.eventType, handler });\n    }\n    this.entriesMap.set(inst, entries);\n  }\n\n  onDisconnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    for (const { mql, eventType, handler } of this.entriesMap.get(inst) ?? []) {\n      try {\n        mql.removeEventListener(eventType, handler);\n      } catch (e) {\n        console.error('[SWC] eventMedia cleanup error:', e);\n      }\n    }\n    this.entriesMap.delete(inst);\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/decorators/fetch.js

@@ -0,0 +1,259 @@
+import { ReflectUtils, HttpResponseError } from "@dooboostore/core";
+import { SwcUtils } from "../utils/Utils.js";
+import { getParameterMetadata } from "./parameter.js";
+const FETCH_METADATA_KEY = Symbol.for("simple-web-component:fetch");
+const getActiveControllers = (inst) => inst.__swc_fetchControllers ?? (inst.__swc_fetchControllers = /* @__PURE__ */ new Set());
+const getLatestControllers = (inst) => inst.__swc_fetchLatest ?? (inst.__swc_fetchLatest = /* @__PURE__ */ new Map());
+const abortError = (message) => new DOMException(message, "AbortError");
+const combineSignals = (user, own) => {
+  if (!user) return own;
+  if (typeof AbortSignal.any === "function") return AbortSignal.any([user, own]);
+  const merged = new AbortController();
+  for (const s of [user, own]) {
+    if (s.aborted) {
+      merged.abort(s.reason);
+      break;
+    }
+    s.addEventListener("abort", () => merged.abort(s.reason), { once: true });
+  }
+  return merged.signal;
+};
+function createFetch(optionsOrUrl) {
+  const options = typeof optionsOrUrl === "string" ? { url: optionsOrUrl } : optionsOrUrl;
+  return (target, propertyKey, descriptor) => {
+    const constructor = target.constructor;
+    const list = ReflectUtils.getOwnMetadata(FETCH_METADATA_KEY, constructor) ?? [];
+    list.push({ propertyKey, options });
+    ReflectUtils.defineMetadata(FETCH_METADATA_KEY, list, constructor);
+    if (!descriptor) return descriptor;
+    const originalMethod = descriptor.value;
+    const extractBody = (v) => {
+      const keyToUse = options.valueKey ?? FETCH_METADATA_KEY;
+      if (v && typeof v === "object" && keyToUse in v) {
+        return v[keyToUse];
+      }
+      return v;
+    };
+    const resolveUrl = (inst, helper, args) => {
+      const u = options.url;
+      return typeof u === "function" ? u(inst, helper, args) : u;
+    };
+    const isBodyInit = (v) => {
+      if (typeof v === "string") return true;
+      const is = (name) => typeof globalThis[name] === "function" && v instanceof globalThis[name];
+      return ArrayBuffer.isView(v) || v instanceof ArrayBuffer || is("Blob") || is("FormData") || is("URLSearchParams") || is("ReadableStream");
+    };
+    const readBody = async (res) => {
+      const text = await res.text();
+      if (!text) return void 0;
+      return (res.headers.get("Content-Type") ?? "").includes("json") ? JSON.parse(text) : text;
+    };
+    const bodyProcess = options.process;
+    const defaultFetching = async (helper, url, init) => {
+      const rawBody = init?.body;
+      let body = rawBody;
+      let contentType;
+      if (rawBody !== void 0 && rawBody !== null && !isBodyInit(rawBody)) {
+        if (bodyProcess === "json") {
+          body = JSON.stringify(rawBody);
+          contentType = "application/json";
+        } else if (bodyProcess === "form") {
+          const fd = new FormData();
+          for (const [k, v] of Object.entries(rawBody)) {
+            if (v !== void 0 && v !== null) fd.append(k, v);
+          }
+          body = fd;
+        } else if (bodyProcess === "urlencoded") {
+          body = new URLSearchParams(rawBody).toString();
+          contentType = "application/x-www-form-urlencoded";
+        } else if (bodyProcess === "text") {
+          body = String(rawBody);
+          contentType = "text/plain";
+        }
+      }
+      const headers = new Headers(init?.headers);
+      if (contentType && !headers.has("Content-Type")) headers.set("Content-Type", contentType);
+      const w = helper?.$w;
+      const fetchFn = typeof w?.fetch === "function" ? w.fetch.bind(w) : globalThis.fetch;
+      const res = await fetchFn(url, {
+        ...init,
+        method: init?.method ?? (body !== void 0 ? "POST" : "GET"),
+        headers,
+        body
+      });
+      if (!res.ok) {
+        const error = new HttpResponseError(`fetch failed: ${res.status} ${String(url)}`);
+        error.response = res;
+        error.body = await readBody(res).catch(() => void 0);
+        throw error;
+      }
+      return readBody(res);
+    };
+    const injectSettled = (inst, methodName, args, settled) => {
+      const saves = getParameterMetadata(inst, methodName);
+      if (!saves.length) return args;
+      const out = [...args];
+      for (const s of saves) {
+        if (s.kind === "fetchSettled") out[s.index] = settled;
+      }
+      return out;
+    };
+    descriptor.value = async function(...args) {
+      const inst = this;
+      let helper;
+      try {
+        helper = SwcUtils.getHelperAndHostSet(inst);
+      } catch {
+        helper = void 0;
+      }
+      if (inst?.__swc_fetchDetached && inst.isConnected === false) return void 0;
+      if (options.filter && !await options.filter(inst, helper, args)) return void 0;
+      if (options.before) await options.before(inst, helper, args);
+      const manual = options.manual;
+      const controller = new AbortController();
+      const active = getActiveControllers(inst);
+      active.add(controller);
+      if (options.abortPrevious) {
+        const latest = getLatestControllers(inst);
+        latest.get(propertyKey)?.abort(abortError("superseded by a newer call"));
+        latest.set(propertyKey, controller);
+      }
+      const frameworkAborted = () => controller.signal.aborted;
+      const aborted = new Promise((_, reject) => {
+        if (controller.signal.aborted) reject(controller.signal.reason);
+        else controller.signal.addEventListener("abort", () => reject(controller.signal.reason), { once: true });
+      });
+      aborted.catch(() => {
+      });
+      const runFetch = async (init, returnValue) => {
+        let settled;
+        try {
+          const pending = Promise.resolve(manual ? manual(inst, helper, args, controller.signal, returnValue) : defaultFetching(helper, resolveUrl(inst, helper, args), { ...init, signal: combineSignals(init?.signal, controller.signal) }));
+          pending.catch(() => {
+          });
+          settled = { status: "fulfilled", value: await Promise.race([pending, aborted]) };
+        } catch (reason) {
+          settled = { status: "rejected", reason };
+        }
+        if (options.after && !frameworkAborted()) await options.after(inst, helper, args, settled);
+        return settled;
+      };
+      let callArgs = args;
+      let result;
+      let error;
+      try {
+        const trigger = options.trigger;
+        const isAfter = trigger === "after" || trigger !== "before" && "valueKey" in options;
+        if (isAfter) {
+          const returned = await originalMethod.apply(inst, callArgs);
+          const body = extractBody(returned);
+          let settled;
+          if (manual) {
+            settled = await runFetch(void 0, body);
+          } else {
+            const reqOpt = options.request;
+            const reqInit = typeof reqOpt === "string" ? { method: reqOpt } : typeof reqOpt === "function" ? await reqOpt(inst, helper, args, returned) : void 0;
+            settled = await runFetch({ ...reqInit, body: reqInit?.body ?? body });
+          }
+          if (frameworkAborted()) {
+            error = controller.signal.reason;
+            return void 0;
+          }
+          if (settled.status === "rejected") throw settled.reason;
+          result = settled.value;
+        } else {
+          const reqOpt = manual ? void 0 : options.request;
+          const init = typeof reqOpt === "string" ? { method: reqOpt } : typeof reqOpt === "function" ? await reqOpt(inst, helper, args) : void 0;
+          const settled = await runFetch(init);
+          if (frameworkAborted()) {
+            error = controller.signal.reason;
+            return void 0;
+          }
+          callArgs = injectSettled(inst, propertyKey, args, settled);
+          result = await originalMethod.apply(inst, callArgs);
+        }
+        return result;
+      } catch (e) {
+        error = e;
+        throw e;
+      } finally {
+        active.delete(controller);
+        if (options.abortPrevious && getLatestControllers(inst).get(propertyKey) === controller) getLatestControllers(inst).delete(propertyKey);
+        if (options.finally) await options.finally(inst, helper, args, { args: callArgs, result, error });
+      }
+    };
+    return descriptor;
+  };
+}
+function fetch(optionsOrUrl) {
+  return createFetch(optionsOrUrl);
+}
+function fetchManual(manual, options) {
+  return createFetch({ ...options ?? {}, manual });
+}
+const beforeMethod = (method) => (url, options) => {
+  const { request, ...rest } = options ?? {};
+  return createFetch({
+    ...rest,
+    url,
+    trigger: "before",
+    request: (c, h, p) => ({ ...request?.(c, h, p) ?? {}, method })
+  });
+};
+const afterMethod = (method) => (url, options) => {
+  const { request, ...rest } = options ?? {};
+  return createFetch({
+    ...rest,
+    url,
+    trigger: "after",
+    request: (c, h, p, returnValue) => ({ ...request?.(c, h, p, returnValue) ?? {}, method })
+  });
+};
+const fetchGet = beforeMethod("GET");
+const fetchDelete = beforeMethod("DELETE");
+const fetchPost = afterMethod("POST");
+const fetchPut = afterMethod("PUT");
+const fetchPatch = afterMethod("PATCH");
+function fetchLatest(optionsOrUrl) {
+  const options = typeof optionsOrUrl === "string" ? { url: optionsOrUrl } : optionsOrUrl;
+  return createFetch({ ...options, abortPrevious: true });
+}
+function fetchBefore(options) {
+  return createFetch({ ...options, trigger: "before" });
+}
+function fetchAfter(options) {
+  return createFetch({ ...options, trigger: "after" });
+}
+const getFetchMetadata = (target) => {
+  const constructor = typeof target === "function" ? target : target.constructor;
+  return ReflectUtils.findAllMetadata(FETCH_METADATA_KEY, constructor).flat();
+};
+class FetchLifeCycler {
+  onConnected(helperHostSet) {
+    helperHostSet.$this.__swc_fetchDetached = false;
+  }
+  onDisconnected(helperHostSet) {
+    const inst = helperHostSet.$this;
+    inst.__swc_fetchDetached = true;
+    const active = inst.__swc_fetchControllers;
+    if (!active?.size) return;
+    for (const c of active) c.abort(abortError("element disconnected"));
+    active.clear();
+  }
+}
+export {
+  FETCH_METADATA_KEY,
+  FetchLifeCycler,
+  fetch,
+  fetchAfter,
+  fetchBefore,
+  fetchDelete,
+  fetchGet,
+  fetchLatest,
+  fetchManual,
+  fetchPatch,
+  fetchPost,
+  fetchPut,
+  getFetchMetadata
+};
+//# sourceMappingURL=fetch.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/fetch.ts"],
+  "sourcesContent": ["import { ReflectUtils, HttpResponseError } from '@dooboostore/core';\nimport { SwcUtils } from '../utils/Utils';\nimport { getParameterMetadata } from './parameter';\nimport type { ElementDefineLifeCycler, HelperHostSet } from '../types';\n\nexport const FETCH_METADATA_KEY = Symbol.for('simple-web-component:fetch');\n\nexport type FetchUrlFactory = (\n  currentThis: any,\n  helper: HelperHostSet,\n  parameter: any[]\n) => RequestInfo | URL;\n\n/**\n * \uC218\uB3D9 fetch. \uC694\uCCAD\uC744 \uC9C1\uC811 \uB9CC\uB4E4\uACE0 \uBCF4\uB0B8\uB2E4 (\uC11C\uBE44\uC2A4 \uD638\uCD9C, \uC9C1\uC811 \uC4F4 fetch \uB4F1). \uB9AC\uD134\uAC12\uC774 fetch \uACB0\uACFC\uAC00 \uB41C\uB2E4.\n * - signal: \uC694\uC18C disconnect / abortPrevious \uB54C abort \uB41C\uB2E4. \uC9C1\uC811 \uC4F0\uB294 fetch/\uD074\uB77C\uC774\uC5B8\uD2B8\uC5D0 \uB118\uAE30\uBA74 \uB124\uD2B8\uC6CC\uD06C\uAE4C\uC9C0 \uB04A\uAE34\uB2E4\n *   (\uC548 \uB118\uACA8\uB3C4 abort \uC989\uC2DC \uD638\uCD9C\uC740 \uB05D\uB098\uACE0 \uACB0\uACFC\uB294 \uBC84\uB824\uC9C4\uB2E4)\n * - returnValue: after \uBAA8\uB4DC\uC5D0\uC11C \uBA54\uC11C\uB4DC \uB9AC\uD134\uAC12 (valueKey \uAC00 \uC788\uC73C\uBA74 \uCD94\uCD9C\uD55C \uAC12). before \uBAA8\uB4DC\uC5D0\uC120 undefined\n */\nexport type FetchManualFn = (\n  currentThis: any,\n  helper: HelperHostSet,\n  parameter: any[],\n  signal: AbortSignal,\n  returnValue?: any\n) => any | Promise<any>;\n\n/** \uBAA8\uB4DC(\uC120\uC5B8\uD615/\uC218\uB3D9\uD615, before/after)\uC640 \uBB34\uAD00\uD55C \uACF5\uD1B5 \uC635\uC158 */\nexport type FetchType = {\n  /**\n   * \uAC19\uC740 \uBA54\uC11C\uB4DC\uB97C \uB2E4\uC2DC \uBD80\uB974\uBA74 \uC9C4\uD589 \uC911\uC778 \uC774\uC804 \uC694\uCCAD\uC744 abort \uD55C\uB2E4 (\uAC80\uC0C9 \uC790\uB3D9\uC644\uC131 \uB4F1 \uB9C8\uC9C0\uB9C9 \uC694\uCCAD\uB9CC \uC0B4\uB9BC).\n   * \uB04A\uAE34 \uC774\uC804 \uD638\uCD9C\uC740 \uC870\uC6A9\uD788 undefined \uB85C \uB05D\uB09C\uB2E4.\n   */\n  abortPrevious?: boolean;\n  /** false \uB97C \uB9AC\uD134\uD558\uBA74 \uC774\uBC88 \uD638\uCD9C\uC744 \uD1B5\uC9F8\uB85C \uAC74\uB108\uB6F4\uB2E4 (\uBA54\uC11C\uB4DC\uB3C4 fetch \uB3C4 \uC2E4\uD589 \uC548 \uD568, undefined \uB9AC\uD134). */\n  filter?: (\n    currentThis: any,\n    helper: HelperHostSet,\n    parameter: any[]\n  ) => boolean | Promise<boolean>;\n  /** filter \uD1B5\uACFC \uD6C4 \uAC00\uC7A5 \uBA3C\uC800 \uC2E4\uD589 (await). \uB9AC\uD134\uAC12\uC740 \uBB34\uC2DC. init \uC870\uB9BD\uC740 request \uD329\uD1A0\uB9AC \uB2F4\uB2F9. */\n  before?: (\n    currentThis: any,\n    helper: HelperHostSet,\n    parameter: any[]\n  ) => void | Promise<void>;\n  /**\n   * fetch settled \uD6C4 \uD638\uCD9C (fulfilled/rejected \uBAA8\uB450). \uD638\uCD9C\uB9CC \uD558\uACE0 \uB9AC\uD134\uAC12\uC740 \uBB34\uC2DC.\n   * \uBCC0\uD658\u00B7\uBCF5\uAD6C\uAC00 \uD544\uC694\uD558\uBA74 manual \uB85C \uC9C1\uC811 \uAD6C\uD604\uD560 \uAC83.\n   */\n  after?: (\n    currentThis: any,\n    helper: HelperHostSet,\n    parameter: any[],\n    settled: PromiseSettledResult<any>\n  ) => void | Promise<void>;\n  /**\n   * \uC131\uACF5/\uC2E4\uD328 \uBB34\uAD00 \uD56D\uC0C1 \uC2E4\uD589 (\uB2E4\uB978 \uB370\uCF54\uB808\uC774\uD130\uC758 finally \uC640 \uAC19\uC740 \uADDC\uCE59). \uC5D0\uB7EC\uB294 \uC0BC\uD0A4\uC9C0 \uC54A\uACE0 \uC804\uD30C.\n   * args: \uBA54\uC11C\uB4DC\uC5D0 \uB118\uAE34 \uC778\uC790, result: \uC774\uBC88 \uD638\uCD9C\uC758 \uB9AC\uD134\uAC12(before \uBAA8\uB4DC = \uBA54\uC11C\uB4DC \uB9AC\uD134, after \uBAA8\uB4DC = fetch \uACB0\uACFC)\n   */\n  finally?: (\n    currentThis: any,\n    helper: HelperHostSet,\n    parameter: any[],\n    ctx: { args: any[]; result?: any; error?: any }\n  ) => any | Promise<any>;\n};\n\n/** before: \uC778\uC790 \uAE30\uBC18 RequestInit \uC870\uB9BD. \uC5C6\uC73C\uBA74 GET. */\nexport type RequestFactory = (\n  currentThis: any,\n  helper: HelperHostSet,\n  parameter: any[]\n) => RequestInit | undefined;\n\n/** after: \uC778\uC790 + \uBA54\uC11C\uB4DC \uB9AC\uD134\uAC12 \uAE30\uBC18 RequestInit \uC870\uB9BD. \uC5C6\uC73C\uBA74 body \uC720\uBB34\uB85C GET/POST. */\nexport type ReturnRequestFactory = (\n  currentThis: any,\n  helper: HelperHostSet,\n  parameter: any[],\n  returnValue: any\n) => RequestInit | undefined;\n\nexport interface FetchMetadata {\n  propertyKey: string | symbol;\n  options: FetchOptions;\n}\n\n/** \uC120\uC5B8\uD615: url/request/process \uB85C \uAE30\uC220\uD558\uBA74 \uD504\uB808\uC784\uC6CC\uD06C\uAC00 fetch \uD55C\uB2E4 */\nexport type FetchDeclarative<R> = {\n  url: RequestInfo | URL | FetchUrlFactory;\n  request?: R | string;\n  /**\n   * 'json': \uAC1D\uCCB4 \u2192 JSON.stringify + Content-Type: application/json\n   * 'form': \uAC1D\uCCB4 \u2192 FormData (Content-Type\uC740 \uBE0C\uB77C\uC6B0\uC800\uAC00 boundary \uBD99\uC774\uBBC0\uB85C \uAC74\uB4DC\uB9AC\uC9C0 \uC54A\uC74C)\n   * 'urlencoded': \uAC1D\uCCB4 \u2192 URLSearchParams + Content-Type: application/x-www-form-urlencoded\n   * 'text': String(value) + Content-Type: text/plain\n   * \uBBF8\uC9C0\uC815: \uADF8\uB300\uB85C \uD1B5\uACFC (\uAC00\uACF5 \uC5C6\uC74C). \uC774\uBBF8 BodyInit \uC778 \uAC12\uC740 \uAC00\uACF5\uD558\uC9C0 \uC54A\uB294\uB2E4.\n   */\n  process?: 'json' | 'form' | 'urlencoded' | 'text';\n  manual?: never;\n};\n\n/** \uC218\uB3D9\uD615: manual \uC774 \uC694\uCCAD\uC744 \uC804\uBD80 \uB2F4\uB2F9. url/request/process \uB294 \uC4F0\uC774\uC9C0 \uC54A\uC73C\uBBC0\uB85C \uAE08\uC9C0 */\nexport type FetchManual = {\n  manual: FetchManualFn;\n  url?: never;\n  request?: never;\n  process?: never;\n};\n\nexport type FetchOptions =\n  // before(\uAE30\uBCF8): (\uC120\uC5B8\uD615 fetch | manual) \u2192 settled\uB97C @fetchSettled \uC790\uB9AC\uC5D0\n  // \uC8FC\uC785\uD574 \uBA54\uC11C\uB4DC \uC2E4\uD589. \uBA54\uC11C\uB4DC \uACB0\uACFC \uB9AC\uD134. request \uC5C6\uC73C\uBA74 GET. valueKey \uB294 after \uC804\uC6A9\uC774\uB77C \uAE08\uC9C0.\n  | (FetchType & { trigger?: 'before'; valueKey?: never } & (FetchDeclarative<RequestFactory> | FetchManual))\n  // after: \uBA54\uC11C\uB4DC \uC2E4\uD589 \u2192 \uB9AC\uD134\uAC12(valueKey \uAC00 \uC788\uC73C\uBA74 returnValue[valueKey])\uC744 body(\uC218\uB3D9\uD615\uC774\uBA74 returnValue)\uB85C \u2192 fetch. fetch \uACB0\uACFC \uB9AC\uD134.\n  // (valueKey \uAE30\uBCF8\uAC12 = FETCH_METADATA_KEY: Symbol \uD0A4 \uC6B0\uC120 \uC870\uD68C, \uC5C6\uC73C\uBA74 \uD1B5\uC9F8 \uAC12)\n  | (FetchType & { trigger: 'after'; valueKey?: string } & (FetchDeclarative<ReturnRequestFactory> | FetchManual))\n  // after \uCD95\uC57D: trigger \uC5C6\uC774 valueKey \uB9CC \uC918\uB3C4 after\n  | (FetchType & { trigger?: never; valueKey: string } & (FetchDeclarative<ReturnRequestFactory> | FetchManual));\n\n// \uC778\uC2A4\uD134\uC2A4\uBCC4 \uC9C4\uD589 \uC911\uC778 \uC694\uCCAD\uC758 \uCEE8\uD2B8\uB864\uB7EC (disconnect \uC2DC FetchLifeCycler \uAC00 \uC804\uBD80 abort)\nconst getActiveControllers = (inst: any): Set<AbortController> => (inst.__swc_fetchControllers ??= new Set());\n// abortPrevious: \uBA54\uC11C\uB4DC\uBCC4 \uB9C8\uC9C0\uB9C9 \uD638\uCD9C\uC758 \uCEE8\uD2B8\uB864\uB7EC\nconst getLatestControllers = (inst: any): Map<string | symbol, AbortController> => (inst.__swc_fetchLatest ??= new Map());\n\nconst abortError = (message: string) => new DOMException(message, 'AbortError');\n\n// \uC0AC\uC6A9\uC790\uAC00 request \uB85C \uC900 signal \uACFC \uD504\uB808\uC784\uC6CC\uD06C signal \uC744 \uD569\uCE5C\uB2E4 (AbortSignal.any \uBBF8\uC9C0\uC6D0 \uBE0C\uB77C\uC6B0\uC800 \uB300\uBE44)\nconst combineSignals = (user: AbortSignal | null | undefined, own: AbortSignal): AbortSignal => {\n  if (!user) return own;\n  if (typeof (AbortSignal as any).any === 'function') return (AbortSignal as any).any([user, own]);\n  const merged = new AbortController();\n  for (const s of [user, own]) {\n    if (s.aborted) {\n      merged.abort(s.reason);\n      break;\n    }\n    s.addEventListener('abort', () => merged.abort(s.reason), { once: true });\n  }\n  return merged.signal;\n};\n\nfunction createFetch(optionsOrUrl: FetchOptions | string): MethodDecorator {\n  const options: FetchOptions = typeof optionsOrUrl === 'string' ? { url: optionsOrUrl } : optionsOrUrl;\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    const list = (ReflectUtils.getOwnMetadata(FETCH_METADATA_KEY, constructor) as FetchMetadata[] | undefined) ?? [];\n    list.push({ propertyKey, options });\n    ReflectUtils.defineMetadata(FETCH_METADATA_KEY, list, constructor);\n\n    if (!descriptor) return descriptor;\n    const originalMethod = descriptor.value;\n\n    const extractBody = (v: any) => {\n      const keyToUse = (options as { valueKey?: symbol | string }).valueKey ?? FETCH_METADATA_KEY;\n      if (v && typeof v === 'object' && keyToUse in v) {\n        return v[keyToUse];\n      }\n      return v;\n    };\n\n    const resolveUrl = (inst: any, helper: HelperHostSet, args: any[]): RequestInfo | URL => {\n      const u = (options as FetchDeclarative<unknown>).url;\n      return typeof u === 'function' ? (u as FetchUrlFactory)(inst, helper, args) : u;\n    };\n\n    // \uC774\uBBF8 BodyInit \uC778 \uAC12\uC740 process \uB85C \uAC00\uACF5\uD558\uC9C0 \uC54A\uACE0 \uADF8\uB300\uB85C \uBCF4\uB0B8\uB2E4 (Blob \uC744 JSON.stringify \uD558\uBA74 '{}' \uAC00 \uB428)\n    const isBodyInit = (v: any): boolean => {\n      if (typeof v === 'string') return true;\n      const is = (name: string) => typeof (globalThis as any)[name] === 'function' && v instanceof (globalThis as any)[name];\n      return ArrayBuffer.isView(v) || v instanceof ArrayBuffer || is('Blob') || is('FormData') || is('URLSearchParams') || is('ReadableStream');\n    };\n\n    // 204/\uBE48 body \uB294 undefined, JSON \uACC4\uC5F4(application/json, +json)\uC740 \uD30C\uC2F1, \uB098\uBA38\uC9C0\uB294 text\n    const readBody = async (res: Response): Promise<any> => {\n      const text = await res.text();\n      if (!text) return undefined;\n      return (res.headers.get('Content-Type') ?? '').includes('json') ? JSON.parse(text) : text;\n    };\n\n    const bodyProcess = (options as FetchDeclarative<unknown>).process;\n    const defaultFetching = async (helper: HelperHostSet | undefined, url: RequestInfo | URL, init?: RequestInit): Promise<any> => {\n      const rawBody: any = init?.body;\n      let body: BodyInit | undefined = rawBody;\n      let contentType: string | undefined;\n      if (rawBody !== undefined && rawBody !== null && !isBodyInit(rawBody)) {\n        if (bodyProcess === 'json') {\n          body = JSON.stringify(rawBody);\n          contentType = 'application/json';\n        } else if (bodyProcess === 'form') {\n          const fd = new FormData();\n          for (const [k, v] of Object.entries(rawBody)) {\n            if (v !== undefined && v !== null) fd.append(k, v as any);\n          }\n          body = fd;\n        } else if (bodyProcess === 'urlencoded') {\n          body = new URLSearchParams(rawBody as Record<string, string>).toString();\n          contentType = 'application/x-www-form-urlencoded';\n        } else if (bodyProcess === 'text') {\n          body = String(rawBody);\n          contentType = 'text/plain';\n        }\n      }\n      // Headers \uC778\uC2A4\uD134\uC2A4/\uBC30\uC5F4/\uAC1D\uCCB4 \uBAA8\uB450 \uBC1B\uB294\uB2E4 (\uAC1D\uCCB4 spread \uB294 Headers \uC778\uC2A4\uD134\uC2A4\uB97C {} \uB85C \uB0A0\uB9BC). \uC0AC\uC6A9\uC790\uAC00 \uC900 Content-Type \uC6B0\uC120.\n      const headers = new Headers(init?.headers);\n      if (contentType && !headers.has('Content-Type')) headers.set('Content-Type', contentType);\n      // \uC694\uC18C\uAC00 \uC18D\uD55C window \uC758 fetch (SSR \uC774\uBA74 \uC694\uCCAD\uBCC4 window). \uC5C6\uC73C\uBA74 globalThis.fetch\n      const w = helper?.$w as any;\n      const fetchFn: typeof globalThis.fetch = typeof w?.fetch === 'function' ? w.fetch.bind(w) : globalThis.fetch;\n      const res: Response = await fetchFn(url, {\n        ...init,\n        method: init?.method ?? (body !== undefined ? 'POST' : 'GET'),\n        headers,\n        body\n      });\n      if (!res.ok) {\n        // status/\uC751\uB2F5 body \uB97C \uCF54\uB4DC\uC5D0\uC11C \uAEBC\uB0BC \uC218 \uC788\uAC8C core \uC758 HttpResponseError \uB85C \uB358\uC9C4\uB2E4\n        const error = new HttpResponseError(`fetch failed: ${res.status} ${String(url)}`);\n        error.response = res;\n        error.body = await readBody(res).catch(() => undefined);\n        throw error;\n      }\n      return readBody(res);\n    };\n\n    // \uD638\uCD9C \uC778\uC790\uB294 \uC720\uC9C0\uD55C \uCC44, @fetchSettled \uC790\uB9AC\uB9CC \uCC44\uC6B4\uB2E4\n    const injectSettled = (inst: any, methodName: string | symbol, args: any[], settled: PromiseSettledResult<any>): any[] => {\n      const saves = getParameterMetadata(inst, methodName);\n      if (!saves.length) return args;\n      const out = [...args];\n      for (const s of saves) {\n        if (s.kind === 'fetchSettled') out[s.index] = settled;\n      }\n      return out;\n    };\n\n    descriptor.value = async function (...args: any[]) {\n      const inst = this as any;\n      let helper: HelperHostSet | undefined;\n      try {\n        helper = SwcUtils.getHelperAndHostSet(inst);\n      } catch {\n        helper = undefined;\n      }\n\n      // disconnect \uB41C \uB4A4\uC5D0 \uC0C8\uB85C \uC2DC\uC791\uD558\uB294 \uD638\uCD9C(\uC608: \uB5A0\uB098\uAE30 \uC9C1\uC804 \uAC78\uC5B4\uB454 setTimeout)\uB3C4 \uC870\uC6A9\uD788 \uAC74\uB108\uB6F4\uB2E4.\n      // \uD55C \uBC88\uB3C4 connect \uC548 \uB41C \uC694\uC18C\uB294 \uD574\uB2F9 \uC5C6\uC74C (FetchLifeCycler \uAC00 disconnect \uB54C\uB9CC \uD45C\uC2DC)\n      if (inst?.__swc_fetchDetached && inst.isConnected === false) return undefined;\n\n      // filter \u2192 before \u2192 (before \uBAA8\uB4DC: fetch \u2192 \uBA54\uC11C\uB4DC / after \uBAA8\uB4DC: \uBA54\uC11C\uB4DC \u2192 fetch) \u2192 finally\n      if (options.filter && !(await options.filter(inst, helper!, args))) return undefined;\n      if (options.before) await options.before(inst, helper!, args);\n\n      const manual = (options as FetchManual).manual;\n\n      // \uD504\uB808\uC784\uC6CC\uD06C\uAC00 \uB04A\uB294 \uACBD\uC6B0(disconnect / abortPrevious)\uB294 \uC5D0\uB7EC\uAC00 \uC544\uB2C8\uB77C \"\uD560 \uC77C \uC5C6\uC74C\" \u2192 \uC870\uC6A9\uD788 undefined\n      const controller = new AbortController();\n      const active = getActiveControllers(inst);\n      active.add(controller);\n      if (options.abortPrevious) {\n        const latest = getLatestControllers(inst);\n        latest.get(propertyKey)?.abort(abortError('superseded by a newer call'));\n        latest.set(propertyKey, controller);\n      }\n      const frameworkAborted = () => controller.signal.aborted;\n\n      // \uC0AC\uC6A9\uC790 manual \uC774 signal \uC744 \uBB34\uC2DC\uD574\uB3C4 abort \uC989\uC2DC \uD638\uCD9C\uC774 \uB05D\uB098\uB3C4\uB85D abort \uC640 \uACBD\uC7C1\uC2DC\uD0A8\uB2E4\n      const aborted = new Promise<never>((_, reject) => {\n        if (controller.signal.aborted) reject(controller.signal.reason);\n        else controller.signal.addEventListener('abort', () => reject(controller.signal.reason), { once: true });\n      });\n      aborted.catch(() => {}); // race \uC5D0 \uC548 \uC4F0\uC774\uACE0 \uB05D\uB098\uB3C4 unhandled rejection \uC774 \uC548 \uB098\uAC8C\n\n      // \uC218\uB3D9\uD615\uC774\uBA74 manual(\u2026, signal, returnValue), \uC120\uC5B8\uD615\uC774\uBA74 url/init \uC73C\uB85C \uAE30\uBCF8 fetch\n      const runFetch = async (init?: RequestInit, returnValue?: any): Promise<PromiseSettledResult<any>> => {\n        let settled: PromiseSettledResult<any>;\n        try {\n          const pending = Promise.resolve(manual\n            ? manual(inst, helper!, args, controller.signal, returnValue)\n            : defaultFetching(helper, resolveUrl(inst, helper!, args), { ...init, signal: combineSignals(init?.signal, controller.signal) }));\n          pending.catch(() => {}); // abort \uB85C race \uC5D0\uC11C \uC9C4 \uB4A4 \uB2A6\uAC8C reject \uB3FC\uB3C4 unhandled rejection \uC774 \uC548 \uB098\uAC8C\n          settled = { status: 'fulfilled', value: await Promise.race([pending, aborted]) };\n        } catch (reason) {\n          settled = { status: 'rejected', reason };\n        }\n        // \uB5A8\uC5B4\uC9C4 \uC694\uC18C\uC758 DOM \uC744 \uAC74\uB4DC\uB9AC\uC9C0 \uC54A\uAC8C, \uD504\uB808\uC784\uC6CC\uD06C abort \uBA74 after \uD6C5\uC740 \uAC74\uB108\uB6F4\uB2E4\n        if (options.after && !frameworkAborted()) await options.after(inst, helper!, args, settled);\n        return settled;\n      };\n\n      let callArgs = args;\n      let result: any;\n      let error: any;\n      try {\n        const trigger = (options as { trigger?: string }).trigger;\n        const isAfter = trigger === 'after' || (trigger !== 'before' && 'valueKey' in options);\n        if (isAfter) {\n          // after: \uBA54\uC11C\uB4DC \uC2E4\uD589 \u2192 body \uCD94\uCD9C \u2192 request \uC640 \uD569\uCCD0 fetch \u2192 fetch \uACB0\uACFC \uB9AC\uD134.\n          const returned = await originalMethod.apply(inst, callArgs);\n          const body = extractBody(returned);\n          let settled: PromiseSettledResult<any>;\n          if (manual) {\n            settled = await runFetch(undefined, body);\n          } else {\n            const reqOpt = (options as FetchDeclarative<ReturnRequestFactory>).request;\n            const reqInit: RequestInit | undefined = typeof reqOpt === 'string'\n              ? { method: reqOpt }\n              : typeof reqOpt === 'function' ? await reqOpt(inst, helper!, args, returned) : undefined;\n            settled = await runFetch({ ...reqInit, body: reqInit?.body ?? body });\n          }\n          if (frameworkAborted()) {\n            error = controller.signal.reason;\n            return undefined;\n          }\n          if (settled.status === 'rejected') throw settled.reason;\n          result = settled.value;\n        } else {\n          // before: request \uC870\uB9BD \u2192 fetch \u2192 settled \uB97C \uC8FC\uC785\uD574 \uBA54\uC11C\uB4DC \uC2E4\uD589. \uBA54\uC11C\uB4DC \uACB0\uACFC \uB9AC\uD134.\n          const reqOpt = manual ? undefined : (options as FetchDeclarative<RequestFactory>).request;\n          const init: RequestInit | undefined = typeof reqOpt === 'string' ? { method: reqOpt } : typeof reqOpt === 'function' ? await reqOpt(inst, helper!, args) : undefined;\n          const settled = await runFetch(init);\n          if (frameworkAborted()) {\n            // \uB5A8\uC5B4\uC9C4 \uC694\uC18C\uC5D0 \uADF8\uB9AC\uC9C0 \uC54A\uAC8C \uBA54\uC11C\uB4DC\uB3C4 \uC2E4\uD589\uD558\uC9C0 \uC54A\uB294\uB2E4\n            error = controller.signal.reason;\n            return undefined;\n          }\n          callArgs = injectSettled(inst, propertyKey, args, settled);\n          result = await originalMethod.apply(inst, callArgs);\n        }\n        return result;\n      } catch (e) {\n        error = e;\n        throw e;\n      } finally {\n        active.delete(controller);\n        if (options.abortPrevious && getLatestControllers(inst).get(propertyKey) === controller) getLatestControllers(inst).delete(propertyKey);\n        // finally \uB294 \uC815\uB9AC\uC6A9\uC774\uB77C \uD504\uB808\uC784\uC6CC\uD06C abort \uC5EC\uB3C4 \uC2E4\uD589 (ctx.error \uC5D0 AbortError)\n        if (options.finally) await options.finally(inst, helper!, args, { args: callArgs, result, error });\n      }\n    };\n\n    return descriptor;\n  };\n}\n\nexport function fetch(url: string): MethodDecorator;\nexport function fetch(options: FetchOptions): MethodDecorator;\nexport function fetch(optionsOrUrl: FetchOptions | string): MethodDecorator {\n  return createFetch(optionsOrUrl);\n}\n\n// \u2500\u2500\u2500 Aliases \u2500\u2500\u2500\n\n/** trigger/valueKey \uC870\uD569 (before \uC5D0\uB294 valueKey \uAE08\uC9C0) */\ntype FetchTriggerOptions =\n  | { trigger?: 'before'; valueKey?: never }\n  | { trigger: 'after'; valueKey?: string }\n  | { trigger?: never; valueKey: string };\n\n/** fetchManual \uC758 \uB098\uBA38\uC9C0 \uC635\uC158 (\uACF5\uD1B5 \uD6C5 + trigger/valueKey) */\nexport type FetchManualOptions = FetchType & FetchTriggerOptions;\n\n/**\n * @fetchManual(fn, options?) = @fetch({ manual: fn, ...options })\n * \uC11C\uBE44\uC2A4 \uD638\uCD9C \uB4F1 \uC694\uCCAD\uC744 \uC9C1\uC811 \uB9CC\uB4E4 \uB54C. \uC608: @fetchManual((self) => self.myService.getProfile({}))\n */\nexport function fetchManual(manual: FetchManualFn, options?: FetchManualOptions): MethodDecorator {\n  return createFetch({ ...(options ?? {}), manual } as FetchOptions);\n}\n\n/** GET/DELETE(before \uBAA8\uB4DC) \uBCC4\uCE6D\uC758 \uC635\uC158 \u2014 \uBA54\uC11C\uB4DC\uB294 \uACE0\uC815\uC774\uB77C request \uB294 \uD329\uD1A0\uB9AC\uB9CC (method \uB294 \uB36E\uC5B4\uC500) */\nexport type FetchBeforeMethodOptions = FetchType & Omit<FetchDeclarative<RequestFactory>, 'url' | 'request' | 'manual'> & { request?: RequestFactory };\n/** POST/PUT/PATCH(after \uBAA8\uB4DC) \uBCC4\uCE6D\uC758 \uC635\uC158 \u2014 \uBA54\uC11C\uB4DC \uB9AC\uD134\uAC12(\uB610\uB294 returnValue[valueKey])\uC774 body */\nexport type FetchAfterMethodOptions = FetchType & Omit<FetchDeclarative<ReturnRequestFactory>, 'url' | 'request' | 'manual'> & { request?: ReturnRequestFactory; valueKey?: string };\n\ntype FetchUrl = RequestInfo | URL | FetchUrlFactory;\n\nconst beforeMethod = (method: string) => (url: FetchUrl, options?: FetchBeforeMethodOptions): MethodDecorator => {\n  const { request, ...rest } = options ?? {};\n  return createFetch({\n    ...rest,\n    url,\n    trigger: 'before',\n    request: (c, h, p) => ({ ...(request?.(c, h, p) ?? {}), method })\n  } as FetchOptions);\n};\n\nconst afterMethod = (method: string) => (url: FetchUrl, options?: FetchAfterMethodOptions): MethodDecorator => {\n  const { request, ...rest } = options ?? {};\n  return createFetch({\n    ...rest,\n    url,\n    trigger: 'after',\n    request: (c, h, p, returnValue) => ({ ...(request?.(c, h, p, returnValue) ?? {}), method })\n  } as FetchOptions);\n};\n\n/** @fetchGet(url, options?) \u2014 before \uBAA8\uB4DC GET. \uACB0\uACFC\uB294 @fetchSettled \uC73C\uB85C */\nexport const fetchGet = beforeMethod('GET');\n/** @fetchDelete(url, options?) \u2014 before \uBAA8\uB4DC DELETE (body \uC5C6\uC74C) */\nexport const fetchDelete = beforeMethod('DELETE');\n/** @fetchPost(url, options?) \u2014 after \uBAA8\uB4DC POST. \uBA54\uC11C\uB4DC \uB9AC\uD134\uAC12\uC774 body, fetch \uACB0\uACFC\uB97C \uB9AC\uD134 */\nexport const fetchPost = afterMethod('POST');\n/** @fetchPut(url, options?) \u2014 after \uBAA8\uB4DC PUT */\nexport const fetchPut = afterMethod('PUT');\n/** @fetchPatch(url, options?) \u2014 after \uBAA8\uB4DC PATCH */\nexport const fetchPatch = afterMethod('PATCH');\n\n/**\n * @fetchLatest(url | options) = @fetch({ ...options, abortPrevious: true })\n * \uC5F0\uB2EC\uC544 \uBD80\uB974\uBA74 \uC774\uC804 \uC694\uCCAD\uC744 \uB04A\uACE0 \uB9C8\uC9C0\uB9C9 \uAC83\uB9CC \uC0B4\uB9B0\uB2E4 (\uAC80\uC0C9 \uC790\uB3D9\uC644\uC131 \uB4F1)\n */\nexport function fetchLatest(url: string): MethodDecorator;\nexport function fetchLatest(options: FetchOptions): MethodDecorator;\nexport function fetchLatest(optionsOrUrl: FetchOptions | string): MethodDecorator {\n  const options: FetchOptions = typeof optionsOrUrl === 'string' ? { url: optionsOrUrl } : optionsOrUrl;\n  return createFetch({ ...options, abortPrevious: true } as FetchOptions);\n}\n\n/** @fetchBefore(options) = @fetch({ ...options, trigger: 'before' }) */\nexport function fetchBefore(options: FetchType & (FetchDeclarative<RequestFactory> | FetchManual)): MethodDecorator {\n  return createFetch({ ...options, trigger: 'before' } as FetchOptions);\n}\n\n/** @fetchAfter(options) = @fetch({ ...options, trigger: 'after' }) */\nexport function fetchAfter(options: FetchType & { valueKey?: string } & (FetchDeclarative<ReturnRequestFactory> | FetchManual)): MethodDecorator {\n  return createFetch({ ...options, trigger: 'after' } as FetchOptions);\n}\n\n/** @fetch \uAC00 \uBD99\uC740 \uBA54\uC11C\uB4DC \uBAA9\uB85D \uC870\uD68C */\nexport const getFetchMetadata = (target: any): FetchMetadata[] | undefined => {\n  const constructor = typeof target === 'function' ? target : target.constructor;\n  return ReflectUtils.findAllMetadata<any[]>(FETCH_METADATA_KEY, constructor).flat();\n};\n\n/**\n * disconnect \uC2DC \uC9C4\uD589 \uC911\uC778 @fetch \uC694\uCCAD\uC744 \uC804\uBD80 abort (\uBA54\uC11C\uB4DC/after \uB294 \uC2E4\uD589\uB418\uC9C0 \uC54A\uACE0 \uC870\uC6A9\uD788 \uB05D\uB09C\uB2E4).\n * \uB5A8\uC5B4\uC9C4 \uB3D9\uC548 \uC0C8\uB85C \uC2DC\uC791\uD558\uB294 \uD638\uCD9C\uB3C4 \uAC74\uB108\uB6F0\uB3C4\uB85D \uD45C\uC2DC\uD558\uACE0, \uB2E4\uC2DC connect \uB418\uBA74 \uD45C\uC2DC\uB97C \uC9C0\uC6B4\uB2E4.\n */\nexport class FetchLifeCycler implements ElementDefineLifeCycler {\n  onConnected(helperHostSet: HelperHostSet): void {\n    helperHostSet.$this.__swc_fetchDetached = false;\n  }\n\n  onDisconnected(helperHostSet: HelperHostSet): void {\n    const inst = helperHostSet.$this;\n    inst.__swc_fetchDetached = true;\n    const active: Set<AbortController> | undefined = inst.__swc_fetchControllers;\n    if (!active?.size) return;\n    for (const c of active) c.abort(abortError('element disconnected'));\n    active.clear();\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/decorators/index.js

@@ -13,8 +13,9 @@ export * from "./applyClass.js";
 export * from "./applyStyle.js";
 export * from "./applyAttribute.js";
 export * from "./applyProperty.js";
-export * from "./subscribeSwcAppRouteChangeWhileConnected.js";
-export * from "./subscribeSwcAppMessageWhileConnected.js";
+export * from "./subscribeSwcAppRouteChange.js";
+export * from "./swcAppRoute.js";
+export * from "./subscribeSwcAppMessage.js";
 export * from "./publishSwcAppMessage.js";
 export * from "./applySlot.js";
 export * from "./state.js";
@@ -23,4 +24,6 @@ export * from "./setTimeout.js";
 export * from "./requestAnimationFrame.js";
 export * from "./eventMedia.js";
 export * from "./parameter.js";
+export * from "./fetch.js";
+export * from "./around.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/index.ts"],
-  "sourcesContent": ["export * from './addEventListener';\nexport * from './mutationObserver';\nexport * from './resizeObserver';\nexport * from './intersectionObserver';\nexport * from './applyAttribute';\nexport * from './elementDefine';\nexport * from './changedAttribute';\nexport * from './emitCustomEvent';\nexport * from './applyNode';\nexport * from './lifecycles';\nexport * from './query';\nexport * from './applyClass';\nexport * from './applyStyle';\nexport * from './applyAttribute';\nexport * from './applyProperty';\nexport * from './subscribeSwcAppRouteChangeWhileConnected';\nexport * from './subscribeSwcAppMessageWhileConnected';\nexport * from './publishSwcAppMessage';\nexport * from './applySlot';\nexport * from './state';\nexport * from './setInterval';\nexport * from './setTimeout';\nexport * from './requestAnimationFrame';\nexport * from './eventMedia';\nexport * from './parameter';\n"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "sourcesContent": ["export * from './addEventListener';\nexport * from './mutationObserver';\nexport * from './resizeObserver';\nexport * from './intersectionObserver';\nexport * from './applyAttribute';\nexport * from './elementDefine';\nexport * from './changedAttribute';\nexport * from './emitCustomEvent';\nexport * from './applyNode';\nexport * from './lifecycles';\nexport * from './query';\nexport * from './applyClass';\nexport * from './applyStyle';\nexport * from './applyAttribute';\nexport * from './applyProperty';\nexport * from './subscribeSwcAppRouteChange';\nexport * from './swcAppRoute';\nexport * from './subscribeSwcAppMessage';\nexport * from './publishSwcAppMessage';\nexport * from './applySlot';\nexport * from './state';\nexport * from './setInterval';\nexport * from './setTimeout';\nexport * from './requestAnimationFrame';\nexport * from './eventMedia';\nexport * from './parameter';\nexport * from './fetch';\nexport * from './around';\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/decorators/intersectionObserver.js

@@ -2,10 +2,11 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { ReflectUtils } from "@dooboostore/core";
+import { buildSwcParameterArgs } from "./parameter.js";
 const INTERSECTION_OBSERVER_METADATA_KEY = Symbol.for("simple-web-component:intersection-observer");
 const applyIntersectionObserver = (selector, options, targetObj, propertyKey) => {
   const constructor = targetObj.constructor;
-  let observers = ReflectUtils.getMetadata(INTERSECTION_OBSERVER_METADATA_KEY, constructor);
+  let observers = ReflectUtils.getOwnMetadata(INTERSECTION_OBSERVER_METADATA_KEY, constructor);
   if (!observers) {
     observers = [];
     ReflectUtils.defineMetadata(INTERSECTION_OBSERVER_METADATA_KEY, observers, constructor);
@@ -35,9 +36,6 @@ const dispatchIntersectionObserver = (selectorOrOptionsOrTarget, maybeOptionsOrP
 function intersectionObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
   return dispatchIntersectionObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, {});
 }
-function intersectionObserverThis(optionsOrTarget, propertyKey, descriptor) {
-  return dispatchIntersectionObserver(optionsOrTarget, propertyKey, descriptor, {});
-}
 function intersectionObserverDelegateLight(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor) {
   return dispatchIntersectionObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "light", delegate: true });
 }
@@ -60,8 +58,8 @@ function intersectionObserverAll(selectorOrOptionsOrTarget, maybeOptionsOrProper
   return dispatchIntersectionObserver(selectorOrOptionsOrTarget, maybeOptionsOrPropertyKey, descriptor, { root: "all" });
 }
 function getIntersectionObserverMetadata(target) {
-  const constructor = target instanceof Function ? target : target.constructor;
-  return ReflectUtils.getMetadata(INTERSECTION_OBSERVER_METADATA_KEY, constructor);
+  const constructor = typeof target === "function" ? target : target.constructor;
+  return ReflectUtils.findAllMetadata(INTERSECTION_OBSERVER_METADATA_KEY, constructor).flat();
 }
 import { SwcUtils } from "../utils/Utils.js";
 class IntersectionObserverLifeCycler {
@@ -94,11 +92,34 @@ class IntersectionObserverLifeCycler {
             matchedEls = entries.map((e) => e.target).filter((t) => t && t.nodeType === 1);
           }
           if (matchedEls.length === 0) continue;
-          if (m.options.filter) {
-            if (!m.options.filter(matchedEls, { currentThis: inst, helper: helperHostSet })) continue;
-          }
-          const hostSet = SwcUtils.getHostSet(inst);
-          inst[m.propertyKey](matchedEls, entries, obs, { ...hostSet, $root: root });
+          const opts = m.options;
+          void (async () => {
+            const helper = SwcUtils.getHelperAndHostSet(inst);
+            if (opts.filter && !await opts.filter(matchedEls, { currentThis: inst, helper })) return;
+            const hostSet = SwcUtils.getHostSet(inst);
+            const helperSet = SwcUtils.getHelperSet(helperHostSet.$w);
+            const legacyArgs = [matchedEls, entries, obs, { ...hostSet, $root: root }];
+            const buildArgs = (beforeReturn) => buildSwcParameterArgs(inst, m.propertyKey, {
+              hostSet,
+              helperHostSet: helper,
+              helperSet,
+              intersectionObserverBeforeReturn: beforeReturn
+            }, [...legacyArgs, beforeReturn]);
+            let args = buildArgs(void 0);
+            if (opts.before) {
+              const br = await opts.before(matchedEls, { currentThis: inst, helper });
+              args = buildArgs(br);
+            }
+            let result, error;
+            try {
+              result = await inst[m.propertyKey](...args);
+            } catch (e) {
+              error = e;
+            } finally {
+              if (opts.finally) await opts.finally(matchedEls, { currentThis: inst, helper }, { args, result, error });
+            }
+            if (error) throw error;
+          })().catch((e) => console.error("[SWC] intersectionObserver handler error:", e));
         }
       };
     };
@@ -176,7 +197,6 @@ export {
   intersectionObserverDelegateLight,
   intersectionObserverDelegateShadow,
   intersectionObserverLight,
-  intersectionObserverShadow,
-  intersectionObserverThis
+  intersectionObserverShadow
 };
 //# sourceMappingURL=intersectionObserver.js.map