@dooboostore/simple-web-component 1.0.12 → 1.0.13

package/src/elements/base/SwcHTMLTrackElementBase.ts

@@ -1,6 +1,5 @@
 import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface } from '../SwcAppInterface';
-import { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';
+import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
 
 export abstract class SwcHTMLTrackElementBase extends HTMLTrackElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLTrackElementBase extends HTMLTrackElement implement
     super();
   }
 
-  public getNearAppHost(): SwcAppInterface | undefined {
-    const hosts = this.getHosts();
-    // [Root, ..., Parent] 순서이므로 reverse() 후 find 하여 최측근을 찾습니다.
-    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;
+  public getAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getAppHost(this);
+  }
+
+  public getAppHosts(): SwcAppInterface[] {
+    return SwcUtils.getAppHosts(this);
+  }
+
+  public getFirstAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getFirstAppHost(this);
+  }
+
+  public getLastAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getLastAppHost(this);
   }
 
   public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.findAllSwcHosts(this as any);
+    return SwcUtils.getHosts(this);
   }
 
   public getHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
+    return SwcUtils.getHost(this);
   }
 
   public getFirstHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : undefined;
+    return SwcUtils.getFirstHost(this);
   }
 
   public getLastHost(): SwcHTMLElementInterface | undefined {
     return this.getHost();
   }
 
+  public getHostSet(): HostSet {
+    return SwcUtils.getHostSet(this);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/src/elements/base/SwcHTMLUListElementBase.ts

@@ -1,6 +1,5 @@
 import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface } from '../SwcAppInterface';
-import { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';
+import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
 
 export abstract class SwcHTMLUListElementBase extends HTMLUListElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLUListElementBase extends HTMLUListElement implement
     super();
   }
 
-  public getNearAppHost(): SwcAppInterface | undefined {
-    const hosts = this.getHosts();
-    // [Root, ..., Parent] 순서이므로 reverse() 후 find 하여 최측근을 찾습니다.
-    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;
+  public getAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getAppHost(this);
+  }
+
+  public getAppHosts(): SwcAppInterface[] {
+    return SwcUtils.getAppHosts(this);
+  }
+
+  public getFirstAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getFirstAppHost(this);
+  }
+
+  public getLastAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getLastAppHost(this);
   }
 
   public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.findAllSwcHosts(this as any);
+    return SwcUtils.getHosts(this);
   }
 
   public getHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
+    return SwcUtils.getHost(this);
   }
 
   public getFirstHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : undefined;
+    return SwcUtils.getFirstHost(this);
   }
 
   public getLastHost(): SwcHTMLElementInterface | undefined {
     return this.getHost();
   }
 
+  public getHostSet(): HostSet {
+    return SwcUtils.getHostSet(this);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/src/elements/base/SwcHTMLVideoElementBase.ts

@@ -1,6 +1,5 @@
 import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface } from '../SwcAppInterface';
-import { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';
+import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
 
 export abstract class SwcHTMLVideoElementBase extends HTMLVideoElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLVideoElementBase extends HTMLVideoElement implement
     super();
   }
 
-  public getNearAppHost(): SwcAppInterface | undefined {
-    const hosts = this.getHosts();
-    // [Root, ..., Parent] 순서이므로 reverse() 후 find 하여 최측근을 찾습니다.
-    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;
+  public getAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getAppHost(this);
+  }
+
+  public getAppHosts(): SwcAppInterface[] {
+    return SwcUtils.getAppHosts(this);
+  }
+
+  public getFirstAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getFirstAppHost(this);
+  }
+
+  public getLastAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getLastAppHost(this);
   }
 
   public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.findAllSwcHosts(this as any);
+    return SwcUtils.getHosts(this);
   }
 
   public getHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
+    return SwcUtils.getHost(this);
   }
 
   public getFirstHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : undefined;
+    return SwcUtils.getFirstHost(this);
   }
 
   public getLastHost(): SwcHTMLElementInterface | undefined {
     return this.getHost();
   }
 
+  public getHostSet(): HostSet {
+    return SwcUtils.getHostSet(this);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/src/elements/index.ts

@@ -6,5 +6,6 @@ export * from './SwcIf'
 export * from './SwcObject'
 export * from './SwcOther'
 export * from './SwcWhen'
+export * from './SwcInterfaces'
 
 // export const swcHTMLElements = [SwcHTMLElement];

package/src/index.ts

@@ -1,21 +1,6 @@
 import 'reflect-metadata';
-export * from './decorators/elementDefine';
-export * from './decorators/innerHtml';
-export * from './decorators/attribute';
-export * from './decorators/state';
-export * from './decorators/emitCustomEvent';
-export * from './decorators/lifecycles';
-export * from './decorators/query';
-export * from './decorators/queryAll';
-export * from './decorators/addEventListener';
+export * from './decorators';
 export * from './elements/base';
-export * from './elements/SwcIf';
-export * from './elements/SwcForOf';
-export * from './elements/SwcObject';
-export * from './elements/SwcChoose';
-export * from './elements/SwcWhen';
-export * from './elements/SwcOther';
 export * from './elements/apps';
-export * from './elements/SwcAppInterface';
-export * from './elements/SwcHTMLElementInterface';
+export * from './elements';
 export * from './utils/Utils';

package/src/utils/Utils.ts

@@ -1,3 +1,5 @@
+import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../elements/SwcInterfaces';
+
 export const SWC_NOT_FOUND = Symbol('SWC_NOT_FOUND');
 
 export class SwcUtils {
@@ -163,4 +165,59 @@ export class SwcUtils {
     }
     return hosts.reverse();
   }
+
+  static getHosts(el: HTMLElement): SwcHTMLElementInterface[] {
+    return this.findAllSwcHosts(el);
+  }
+
+  static getHost(el: HTMLElement): SwcHTMLElementInterface | undefined {
+    const hosts = this.getHosts(el);
+    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
+  }
+
+  static getFirstHost(el: HTMLElement): SwcHTMLElementInterface | undefined {
+    const hosts = this.getHosts(el);
+    return hosts.length > 0 ? hosts[0] : undefined;
+  }
+
+  static getAppHosts(el: HTMLElement): SwcAppInterface[] {
+    const hosts = this.getHosts(el);
+    return hosts.filter(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];
+  }
+
+  static getAppHost(el: HTMLElement): SwcAppInterface | undefined {
+    const appHosts = this.getAppHosts(el);
+    return appHosts.length > 0 ? appHosts[appHosts.length - 1] : undefined;
+  }
+
+  static getFirstAppHost(el: HTMLElement): SwcAppInterface | undefined {
+    const appHosts = this.getAppHosts(el);
+    return appHosts.length > 0 ? appHosts[0] : undefined;
+  }
+
+  static getLastAppHost(el: HTMLElement): SwcAppInterface | undefined {
+    return this.getAppHost(el);
+  }
+
+  static getHostSet(el: HTMLElement): HostSet {
+    const $hosts = this.getHosts(el);
+    const $appHosts = this.getAppHosts(el);
+
+    const $firstHost = $hosts[0] || null;
+    const $lastHost = $hosts[$hosts.length - 1] || null;
+
+    const $firstAppHost = $appHosts[0] || null;
+    const $lastAppHost = $appHosts[$appHosts.length - 1] || null;
+
+    return {
+      $host: $lastHost,
+      $hosts,
+      $firstHost,
+      $lastHost,
+      $appHost: $lastAppHost,
+      $appHosts,
+      $firstAppHost,
+      $lastAppHost
+    };
+  }
 }

package/dist/cjs/elements/SwcAppInterface.js

@@ -1,16 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SwcAppInterface_exports = {};
-module.exports = __toCommonJS(SwcAppInterface_exports);
-//# sourceMappingURL=SwcAppInterface.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/elements/SwcAppInterface.ts"],
-  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcHTMLElementInterface } from './SwcHTMLElementInterface';\nimport { ConstructorType, Optional } from '@dooboostore/core/types';\nimport { RouterConfig } from \"@dooboostore/simple-boot/decorators/route/Router\";\n\nexport type SwcConfigType = {\n  rootRouter: ConstructorType<any>;\n  routeType: 'path' | 'hash';\n  path?: string;\n  // routerConfig: RouterConfig;\n  window: Window;\n};\n\nexport type SwcAttributeConfigType = Optional<SwcConfigType, 'routeType' | 'window'>;\n\nexport interface SwcAppInterface extends SwcHTMLElementInterface {\n  simpleApplication?: SimpleApplication;\n  routing(path: string): Promise<void>;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;AAAA;AAAA;",
-  "names": []
-}

package/dist/cjs/elements/SwcHTMLElementInterface.js

@@ -1,16 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SwcHTMLElementInterface_exports = {};
-module.exports = __toCommonJS(SwcHTMLElementInterface_exports);
-//# sourceMappingURL=SwcHTMLElementInterface.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/elements/SwcHTMLElementInterface.ts"],
-  "sourcesContent": ["import { SwcAppInterface } from './SwcAppInterface';\n\nexport interface SwcHTMLElementInterface extends HTMLElement {\n  getNearAppHost(): SwcAppInterface | undefined;\n  getHosts(): SwcHTMLElementInterface[];\n  getHost(): SwcHTMLElementInterface | undefined;\n  getFirstHost(): SwcHTMLElementInterface | undefined;\n  getLastHost(): SwcHTMLElementInterface | undefined;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/elements/SwcAppInterface.js

@@ -1 +0,0 @@
-//# sourceMappingURL=SwcAppInterface.js.map

package/dist/esm/elements/SwcAppInterface.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/esm/elements/SwcHTMLElementInterface.js

@@ -1 +0,0 @@
-//# sourceMappingURL=SwcHTMLElementInterface.js.map

package/dist/esm/elements/SwcHTMLElementInterface.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/types/elements/SwcAppInterface.d.ts

@@ -1,15 +0,0 @@
-import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcHTMLElementInterface } from './SwcHTMLElementInterface';
-import { ConstructorType, Optional } from '@dooboostore/core/types';
-export type SwcConfigType = {
-    rootRouter: ConstructorType<any>;
-    routeType: 'path' | 'hash';
-    path?: string;
-    window: Window;
-};
-export type SwcAttributeConfigType = Optional<SwcConfigType, 'routeType' | 'window'>;
-export interface SwcAppInterface extends SwcHTMLElementInterface {
-    simpleApplication?: SimpleApplication;
-    routing(path: string): Promise<void>;
-}
-//# sourceMappingURL=SwcAppInterface.d.ts.map

package/dist/types/elements/SwcAppInterface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwcAppInterface.d.ts","sourceRoot":"","sources":["../../../src/elements/SwcAppInterface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGpE,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;IACjC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC,aAAa,EAAE,WAAW,GAAG,QAAQ,CAAC,CAAC;AAErF,MAAM,WAAW,eAAgB,SAAQ,uBAAuB;IAC9D,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACtC"}

package/dist/types/elements/SwcHTMLElementInterface.d.ts

@@ -1,9 +0,0 @@
-import { SwcAppInterface } from './SwcAppInterface';
-export interface SwcHTMLElementInterface extends HTMLElement {
-    getNearAppHost(): SwcAppInterface | undefined;
-    getHosts(): SwcHTMLElementInterface[];
-    getHost(): SwcHTMLElementInterface | undefined;
-    getFirstHost(): SwcHTMLElementInterface | undefined;
-    getLastHost(): SwcHTMLElementInterface | undefined;
-}
-//# sourceMappingURL=SwcHTMLElementInterface.d.ts.map

package/dist/types/elements/SwcHTMLElementInterface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwcHTMLElementInterface.d.ts","sourceRoot":"","sources":["../../../src/elements/SwcHTMLElementInterface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,cAAc,IAAI,eAAe,GAAG,SAAS,CAAC;IAC9C,QAAQ,IAAI,uBAAuB,EAAE,CAAC;IACtC,OAAO,IAAI,uBAAuB,GAAG,SAAS,CAAC;IAC/C,YAAY,IAAI,uBAAuB,GAAG,SAAS,CAAC;IACpD,WAAW,IAAI,uBAAuB,GAAG,SAAS,CAAC;CACpD"}

package/src/elements/SwcAppInterface.ts

@@ -1,19 +0,0 @@
-import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcHTMLElementInterface } from './SwcHTMLElementInterface';
-import { ConstructorType, Optional } from '@dooboostore/core/types';
-import { RouterConfig } from "@dooboostore/simple-boot/decorators/route/Router";
-
-export type SwcConfigType = {
-  rootRouter: ConstructorType<any>;
-  routeType: 'path' | 'hash';
-  path?: string;
-  // routerConfig: RouterConfig;
-  window: Window;
-};
-
-export type SwcAttributeConfigType = Optional<SwcConfigType, 'routeType' | 'window'>;
-
-export interface SwcAppInterface extends SwcHTMLElementInterface {
-  simpleApplication?: SimpleApplication;
-  routing(path: string): Promise<void>;
-}

package/src/elements/SwcHTMLElementInterface.ts

@@ -1,9 +0,0 @@
-import { SwcAppInterface } from './SwcAppInterface';
-
-export interface SwcHTMLElementInterface extends HTMLElement {
-  getNearAppHost(): SwcAppInterface | undefined;
-  getHosts(): SwcHTMLElementInterface[];
-  getHost(): SwcHTMLElementInterface | undefined;
-  getFirstHost(): SwcHTMLElementInterface | undefined;
-  getLastHost(): SwcHTMLElementInterface | undefined;
-}