@dooboostore/simple-web-component 1.0.40 → 1.0.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dooboostore/simple-web-component",
-  "version": "1.0.40",
+  "version": "1.0.41",
   "license": "MIT",
   "type": "module",
   "main": "./dist/cjs/index.js",

package/src/decorators/subscribeSwcAppRouteChangeWhileConnected.ts

@@ -14,6 +14,7 @@ export interface SwcAppRouteChangeSubscriberMetadata {
 export interface SwcAppRouteChangeOptions {
   path?: RoutePathType;
   filter?: (router: Router, meta: {currentThis: any, helper: HelperHostSet}) => boolean;
+  order?: number;
 }
 
 function createSubscribeSwcAppRouteChangeWhileConnected(options?: SwcAppRouteChangeOptions): MethodDecorator {
@@ -38,14 +39,15 @@ export function subscribeSwcAppRouteChangeWhileConnected(target: Object, propert
 // 오버로드 시그니처 - 함수 호출 (괄호 있음)
 export function subscribeSwcAppRouteChangeWhileConnected(): MethodDecorator;
 export function subscribeSwcAppRouteChangeWhileConnected(pathPattern: RoutePathType): MethodDecorator;
+export function subscribeSwcAppRouteChangeWhileConnected(pathPattern: RoutePathType, config: Omit<SwcAppRouteChangeOptions, 'path'>): MethodDecorator;
 export function subscribeSwcAppRouteChangeWhileConnected(options: SwcAppRouteChangeOptions): MethodDecorator;
 
 // 실제 구현 (이중 모드)
-export function subscribeSwcAppRouteChangeWhileConnected(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {
+export function subscribeSwcAppRouteChangeWhileConnected(targetOrOptions?: any, propertyKeyOrConfig?: any, descriptor?: PropertyDescriptor): any {
   // 직접 데코레이터로 사용된 경우 (괄호 없음): @subscribeSwcAppRouteChangeWhileConnected
   // propertyKey가 string | symbol이고 descriptor가 있으면 직접 사용
-  if (propertyKey && (typeof propertyKey === 'string' || typeof propertyKey === 'symbol')) {
-    return createSubscribeSwcAppRouteChangeWhileConnected({})(targetOrOptions, propertyKey, descriptor);
+  if (propertyKeyOrConfig && (typeof propertyKeyOrConfig === 'string' || typeof propertyKeyOrConfig === 'symbol')) {
+    return createSubscribeSwcAppRouteChangeWhileConnected({})(targetOrOptions, propertyKeyOrConfig, descriptor);
   }
 
   // 함수로 호출된 경우 (괄호 있음): @subscribeSwcAppRouteChangeWhileConnected() / @subscribeSwcAppRouteChangeWhileConnected('/path')
@@ -53,12 +55,20 @@ export function subscribeSwcAppRouteChangeWhileConnected(targetOrOptions?: any,
 
   if (Array.isArray(targetOrOptions)) {
     // 배열: @subscribeSwcAppRouteChangeWhileConnected(['/path1', '/path2'])
+    // 또는: @subscribeSwcAppRouteChangeWhileConnected(['/path1', '/path2'], { order: 1 })
     options.path = targetOrOptions;
+    if (propertyKeyOrConfig && typeof propertyKeyOrConfig === 'object') {
+      options = { ...options, ...propertyKeyOrConfig };
+    }
   } else if (typeof targetOrOptions === 'string' || typeof targetOrOptions === 'function') {
     // 문자열 또는 함수: @subscribeSwcAppRouteChangeWhileConnected('/path')
+    // 또는: @subscribeSwcAppRouteChangeWhileConnected('/path', { order: 1 })
     options.path = targetOrOptions;
+    if (propertyKeyOrConfig && typeof propertyKeyOrConfig === 'object') {
+      options = { ...options, ...propertyKeyOrConfig };
+    }
   } else if (targetOrOptions && typeof targetOrOptions === 'object') {
-    // 객체: @subscribeSwcAppRouteChangeWhileConnected({ path: '/path', filter: ... })
+    // 객체: @subscribeSwcAppRouteChangeWhileConnected({ path: '/path', filter: ..., order: 1 })
     options = targetOrOptions;
   }
 

package/src/elements/SwcAppMixin.ts

@@ -83,7 +83,16 @@ export function SwcAppMixin<T extends { new(...args: any[]): HTMLElement }>(Base
         const routeChangeSubscribers = getSubscribeSwcAppRouteChangeWhileConnectedMetadata(instance);
         if (routeChangeSubscribers && Array.isArray(routeChangeSubscribers)) {
           console.log('[SWC-MIXIN] Route change subscribers found')
-          const ps = routeChangeSubscribers.map(async metadata => {
+          
+          // Sort by order (default 0 if not specified)
+          const sortedSubscribers = [...routeChangeSubscribers].sort((a, b) => {
+            const orderA = a.options?.order ?? 0;
+            const orderB = b.options?.order ?? 0;
+            return orderA - orderB;
+          });
+          
+          // Execute subscribers in order, stop if one returns a value
+          for (const metadata of sortedSubscribers) {
             const methodName = metadata.propertyKey;
             let pathPattern = metadata.options?.path as any;
             const filter = metadata.options?.filter;
@@ -116,10 +125,13 @@ export function SwcAppMixin<T extends { new(...args: any[]): HTMLElement }>(Base
             const filterPassed = !filter || filter(this.router!, {helper:hostSet, currentThis:instance});
 
             if (pathMatched && filterPassed && instance[methodName]) {
-              await instance[methodName]({...re, pathData: pathData});
+              const result = await instance[methodName]({...re, pathData: pathData});
+              // If handler returns a value, stop propagation to next handlers
+              if (result !== undefined && result !== null) {
+                break;
+              }
             }
-          });
-          await Promise.allSettled(ps);
+          }
         }
       } finally {
         if (this.config?.ssr) {