@dooboostore/simple-web-component 1.0.39 → 1.0.41

package/LICENSE.md

@@ -0,0 +1,7 @@
+Copyright (c) 2016-21 these people
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -39,31 +39,31 @@ class Dashboard extends HTMLElement {
 
 ### 3. **Declarative DOM Updates**
 
-#### @onConnectedInnerHtml
+#### @onConnectedShadow
 Render HTML automatically when component connects to DOM.
 
 ```typescript
-@onConnectedShadowDom
+@onConnectedShadow
 render() {
   return `<div>Hello, <span>${this.name}</span>!</div>`;
 }
 ```
 
-#### @applyNodeThisInnerHtml
+#### @innerHtmlLightNodeThis
 Apply HTML to specific host element.
 
 ```typescript
-@applyThisInnerHtmlNodeLightDom
+@innerHtmlLightNodeThis
 updateContent() {
   return `<p>Updated content</p>`;
 }
 ```
 
-#### @applyNodeThisReplaceChildren
+#### @replaceChildrenLightNodeThis
 Replace child nodes with new content.
 
 ```typescript
-@applyNodeThisReplaceChildrenLightDom
+@replaceChildrenLightNodeThis
 replaceChildren(node: Node) {
   return node;
 }
@@ -73,39 +73,40 @@ replaceChildren(node: Node) {
 Manage dynamic content insertion into named slots using the `@applySlot` decorator. Slots are placeholders in templates that can be updated dynamically.
 
 ```typescript
+import {clearSlot} from "./applySlot";
+
 @elementDefine('content-manager')
 class ContentManager extends HTMLElement {
- 
+
 
   // Method: Replace children in slot with HTML
   @addEventListener('.update-btn', 'click')
-  @applySlotReplaceChildren('main-content')
+  @replaceChildrenSlot('main-content')
   updateContent() {
     return '<div>Updated content here</div>';
   }
 
   // Method: Append HTML to slot
-  @applySlotAppendHtml('main-content')
+  @appendHtmlSlot('main-content')
   addMoreContent() {
     return '<p>Additional content</p>';
   }
 
   // Method: Append text to slot
-  @applySlotAppendText('sidebar')
+  @appendTextSlot('sidebar')
   addSidebarText() {
     return 'Sidebar text: ' + new Date().toISOString();
   }
 
   // Method: Clear slot content
   @addEventListener('.clear-btn', 'click')
-  @applySlotClear('main-content')
+  @clearSlot('main-content')
   clearContent() {
     return true;
   }
 
- 
 
-  @onConnectedInnerHtml
+  @onConnectedLight
   render() {
     return `
       <div>
@@ -129,22 +130,28 @@ class ContentManager extends HTMLElement {
 - `<!--[[ slot-id ]]-->` - Named slot placeholder (HTML comment syntax)
 
 **@applySlot Decorator Variants:**
-- `@applySlot(id, options)` - Generic slot operation with position option
-- `@applySlotReplaceChildren(id)` - Replace all children with HTML
-- `@applySlotReplaceChildrenText(id)` - Replace all children with text
-- `@applySlotAppendHtml(id)` - Append HTML to slot
-- `@applySlotAppendText(id)` - Append text to slot
-- `@applySlotPrependHtml(id)` - Prepend HTML to slot
-- `@applySlotPrependText(id)` - Prepend text to slot
-- `@applySlotClear(id)` - Clear slot content
+- clearSlot
+- prependHtmlSlot
+- prependSlot
+- prependTextSlot
+- appendHtmlSlot
+- appendTextSlot
+- appendSlot
+- replaceChildrenHtmlSlot
+- replaceChildrenSlot
+- replaceChildrenTextSlot
+
 
 **Position Options:**
 ```typescript
 export type ApplySlotPosition = 
+  | 'prepend'
   | 'prependHtml'        // Add HTML at beginning
   | 'prependText'        // Add text at beginning
+  | 'append'         
   | 'appendHtml'         // Add HTML at end
   | 'appendText'         // Add text at end
+  | 'replaceChildren'
   | 'replaceChildrenHtml' // Replace all with HTML
   | 'replaceChildrenText' // Replace all with text
   | 'clear';             // Clear all content
@@ -184,14 +191,13 @@ class CounterApp extends HTMLElement {
         <!--[text Count: @count@ ]-->
         
         <!-- Attribute binding with a: prefix -->
-        <div a:title="Count is @count@"></div>
+        <div a:title="'Count is'+@count@"></div>
         
         <!-- Event binding with e: prefix -->
         <button e:click="@increment@()">Increment (@count@)</button>
         
         <!-- Conditional rendering -->
         <div a:style="@isActive@ ? 'color: green' : 'color: red'">
-          Status: @isActive@
         </div>
       </div>
     `;
@@ -240,7 +246,7 @@ class UserProfile extends HTMLElement {
     this.isEditing = !this.isEditing;
   }
 
-  @onConnectedShadowDom
+  @onConnectedShadow
   render() {
     return `
       <div>
@@ -253,9 +259,7 @@ class UserProfile extends HTMLElement {
           <!--[html @isEditing@ ? '<input type="text" />' : '<span>View Mode</span>' ]-->
         </div>
         
-        <button e:click="toggleEdit">
-          @isEditing@ ? 'Save' : 'Edit'
-        </button>
+        <button e:click="toggleEdit"> toggleEdit </button>
       </div>
     `;
   }
@@ -284,6 +288,17 @@ onCriticalClick(event: Event) {
 }
 ```
 
+**other Event decorators**
+- addEventListenerDelegateLightDom
+- addEventListenerDelegateShadowDom
+- addEventListenerDelegateAllDom
+- addEventListenerDelegate
+- addEventListenerThis
+- addEventListenerAppHost
+- addEventListenerWindow
+- addEventListenerDocument
+
+
 #### @emitCustomEvent
 Emit custom events with data.
 
@@ -384,11 +399,11 @@ printTag() {
 Bind HTML attributes to properties (automatic sync).
 
 ```typescript
-@attribute
-width: string = '100px';
+@attributeThis
+width: string = '100px';  // Bind to this.width
 
 @attribute('data-id')
-resourceId: string = '';
+resourceId: string;  // element attribute first 
 ```
 
 #### @attributeThis
@@ -396,7 +411,7 @@ Bind attributes on host element itself.
 
 ```typescript
 @attributeThis('product-id')
-productId: string = '';
+productId?: string;
 
 @onInitialize
 onconstructor() {
@@ -632,41 +647,213 @@ w.document.addEventListener('DOMContentLoaded', async () => {
 
 ```typescript
 // Component factory
+import {defineSwcApp} from "./SwcApp";
+
 export default (w: Window) => {
   const tagName = 'my-component';
   const existing = w.customElements.get(tagName);
   if (existing) return tagName;
 
-  @elementDefine(tagName, { window: w })
+  @elementDefine(tagName, {window: w})
   class MyComponent extends w.HTMLElement {
     @onInitialize
     onconstructor(service: MyService) {
       this.service = service;
     }
   }
-  
+
   return tagName;
 };
 
 // Boot factory
 export default (w: Window, container: symbol) => {
   serviceFactories.forEach(s => s(container));
-  register(w, [...pageFactories, ...componentFactories]);
 };
 
 // Entry point
 const container = Symbol('app');
-bootFactory(w, container);
+await defineSwcAppBody(w)
+const appElement = w.document.querySelector('#app') as SwcAppInterface;
 appElement.connect({
   container,
   window: w,
+  onStartedLazyDefineComponent: [...pageFactories, ...componentFactories],
   onEngineStarted: () => {
     appElement.innerHTML = '<root-router></root-router>';
   }
 });
 ```
 
-### 11. **Accommodation Pattern**
+### 11. **Routing with @subscribeSwcAppRouteChangeWhileConnected**
+
+SWC provides declarative routing with automatic path matching, order-based execution, and optional propagation control.
+
+#### Basic Routing Setup
+
+```typescript
+@elementDefine('root-router')
+class RootRouter extends HTMLElement {
+  @subscribeSwcAppRouteChangeWhileConnected(['', '/'], { order: 0 })
+  @innerHtmlLightNodeThis
+  handleHome(routerPathSet: RouterEventType) {
+    return `<landing-page/>`;
+  }
+
+  @subscribeSwcAppRouteChangeWhileConnected(['/products'], { order: 1 })
+  @innerHtmlLightNodeThis
+  handleProducts(routerPathSet: RouterEventType) {
+    return `<products-list/>`;
+  }
+
+  @subscribeSwcAppRouteChangeWhileConnected(['/product/{id}'], { order: 2 })
+  @innerHtmlLightNodeThis
+  handleProductDetail(routerPathSet: RouterEventType) {
+    const { id } = routerPathSet.pathData;
+    return `<product-detail product-id="${id}"/>`;
+  }
+
+  @subscribeSwcAppRouteChangeWhileConnected(['/{tail:.*}'], { order: 999 })
+  @innerHtmlLightNodeThis
+  handle404(routerPathSet: RouterEventType) {
+    return `<not-found-page/>`;
+  }
+}
+```
+
+#### Route Handler Features
+
+**1. Path Matching**
+- Exact match: `['', '/']` - matches home route
+- Prefix match: `['/products']` - matches `/products` and `/products/...`
+- Dynamic segments: `['/product/{id}']` - captures `id` parameter
+- Wildcard: `['/{tail:.*}']` - matches any remaining path (use for 404)
+
+**2. Order-Based Execution**
+Routes are executed in order of `order` value (lowest first). First matching route with a return value stops propagation:
+
+```typescript
+@subscribeSwcAppRouteChangeWhileConnected(['', '/'], { order: 0 })  // Checked first
+@subscribeSwcAppRouteChangeWhileConnected(['/admin'], { order: 1 })  // Checked second
+@subscribeSwcAppRouteChangeWhileConnected(['/{tail:.*}'], { order: 999 })  // Checked last (404)
+```
+
+**3. Propagation Control**
+- **Return a value** (HTML string) → Stops propagation to next handlers
+- **Return undefined/null** → Continues to next handler
+
+```typescript
+// This handler stops propagation (returns HTML)
+@subscribeSwcAppRouteChangeWhileConnected(['/admin'], { order: 1 })
+@innerHtmlLightNodeThis
+handleAdmin(routerPathSet: RouterEventType) {
+  return `<admin-panel/>`; // ✅ Stops here
+}
+
+// This handler continues propagation (no return value)
+@subscribeSwcAppRouteChangeWhileConnected(['*'], { order: -1 })
+onRouteChange(routerPathSet: RouterEventType) {
+  console.log('Route changed:', routerPathSet.path);
+  // No return value → continues to next handler
+}
+```
+
+#### Advanced Example with Logging
+
+```typescript
+@elementDefine('accommodation-router')
+class AccommodationRouter extends HTMLElement {
+  // Global route logger (order: -1 runs first, no return value)
+  @subscribeSwcAppRouteChangeWhileConnected(['*'], { order: -1 })
+  onRouteChange(routerPathSet: RouterEventType) {
+    console.log('[Route Change]', {
+      path: routerPathSet.path,
+      pathData: routerPathSet.pathData,
+      timestamp: new Date().toISOString()
+    });
+    // No return → continues to route handlers
+  }
+
+  // Home route
+  @subscribeSwcAppRouteChangeWhileConnected(['', '/'], { order: 0 })
+  @innerHtmlLightNodeThis
+  handleHome(routerPathSet: RouterEventType) {
+    console.log('[Route Handler] Home');
+    return `<landing-page/>`;
+  }
+
+  // List route
+  @subscribeSwcAppRouteChangeWhileConnected(['/list'], { order: 1 })
+  @innerHtmlLightNodeThis
+  handleList(routerPathSet: RouterEventType) {
+    console.log('[Route Handler] List');
+    return `<list-page/>`;
+  }
+
+  // Detail route with dynamic parameter
+  @subscribeSwcAppRouteChangeWhileConnected(['/detail/{productId}'], { order: 2 })
+  @innerHtmlLightNodeThis
+  handleDetail(routerPathSet: RouterEventType) {
+    const { productId } = routerPathSet.pathData;
+    console.log('[Route Handler] Detail', { productId });
+    return `<detail-page product-id="${productId}"/>`;
+  }
+
+  // 404 fallback (order: 999 runs last)
+  @subscribeSwcAppRouteChangeWhileConnected(['/{tail:.*}'], { order: 999 })
+  @innerHtmlLightNodeThis
+  handle404(routerPathSet: RouterEventType) {
+    console.log('[Route Handler] 404 Not Found', routerPathSet.path);
+    return `<not-found-page/>`;
+  }
+}
+```
+
+#### Router Configuration Options
+
+```typescript
+interface SwcAppRouteChangeOptions {
+  path?: RoutePathType;  // Route path pattern(s)
+  order?: number;        // Execution order (default: 0)
+  filter?: (router: Router, meta: {currentThis: any, helper: HelperHostSet}) => boolean;
+}
+```
+
+**Usage:**
+```typescript
+@subscribeSwcAppRouteChangeWhileConnected(
+  ['/admin/{section}'],
+  {
+    order: 5,
+    filter: (router, meta) => meta.currentThis.isAdmin === true
+  }
+)
+@innerHtmlLightNodeThis
+handleAdminSection(routerPathSet: RouterEventType) {
+  const { section } = routerPathSet.pathData;
+  return `<admin-${section}/>`;
+}
+```
+
+#### RouterEventType Structure
+
+```typescript
+type RouterEventType = {
+  path: string;           // Current route path
+  pathData: Record<string, any>;  // Extracted path parameters
+  triggerPoint: 'start' | 'end';  // Route change phase
+};
+```
+
+**Example with path parameters:**
+```
+Route: /product/{id}
+URL: /product/123
+pathData: { id: '123' }
+```
+
+---
+
+### 12. **Accommodation Pattern**
 Factory-based component registration with explicit DI.
 
 ```typescript
@@ -700,18 +887,18 @@ export default (w: Window) => {
 ## ⚠️ Critical Rules
 
 ### DO NOT Use @Sim on Web Components
-`@Sim` is for **Services only**. Web Components should use `@elementDefine`.
+`@sim` is for **Services only**. Web Components should use `@elementDefine`.
 
 ```typescript
 // ✅ CORRECT
-@Sim
+@sim
 export class UserService { }
 
 @elementDefine(tagName, { window: w })
 class UserWidget extends w.HTMLElement { }
 
 // ❌ WRONG
-@Sim
+@sim
 @elementDefine(tagName, { window: w })
 class UserWidget extends w.HTMLElement { }
 ```
@@ -734,7 +921,7 @@ export default (w: Window) => {
 ```typescript
 // ✅ CORRECT
 @onInitialize
-onconstructor(@Inject(symbol: Service.SYMBOL) service: Service) {
+onconstructor(@inject(Service.SYMBOL) service: Service) {
   this.service = service;
 }
 
@@ -746,19 +933,20 @@ constructor(private service: Service) { super(); }  // Web Components can't have
 
 ## 📚 Examples
 
-- **[Commerce (E-Commerce SPA)](./examples/commerce)** - Full shopping cart example
-- **[Stock (Market Dashboard)](./examples/stock)** - Real-time data with routing
-- **[Accommodation (Reference Pattern)](./examples/accommodation)** - Standard setup pattern
+- **[Commerce (E-Commerce SPA)](https://github.com/dooboostore-develop/packages/tree/main/%40dooboostore/simple-web-component/examples/commerce)** - Full shopping cart example
+- **[Stock (Market Dashboard)](https://github.com/dooboostore-develop/packages/tree/main/%40dooboostore/simple-web-component/examples/stock)** - Real-time data with routing
+- **[Accommodation (Reference Pattern)](https://github.com/dooboostore-develop/packages/tree/main/%40dooboostore/simple-web-component/examples/accommodation)** - Standard setup pattern
 
 ---
 
 ## 🔗 Related Packages
 
-- **[@dooboostore/simple-boot](../simple-boot)** - DI & AOP Container
-- **[@dooboostore/core-web](../core-web)** - Web Utilities & Router
-- **[@dooboostore/dom-parser](../dom-parser)** - HTML Parsing & AST
+- **[@dooboostore/simple-boot](https://github.com/dooboostore-develop/packages/tree/main/%40dooboostore/simple-boot)** - DI & AOP Container
+- **[@dooboostore/core-web](https://github.com/dooboostore-develop/packages/tree/main/%40dooboostore/core-web)** - Web Utilities & Router
+- **[@dooboostore/dom-parser](https://github.com/dooboostore-develop/packages/tree/main/%40dooboostore/dom-parser)** - HTML Parsing & AST
 
 ---
 
 ## 📄 License
-MIT © 2024 dooboostore-develop
+[MIT License](https://github.com/dooboostore-develop/packages/tree/main/%40dooboostore/simple-web-component/LICENSE.md)
+

package/dist/cjs/SwcAppEngine.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SwcAppEngine.ts"],
-  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot';\nimport { HashRouter, PathRouter, Router, RouterEventType } from '@dooboostore/core-web';\nimport { ElementRouter } from './router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot';\nimport { ConstructorType, OptionalType, Subscription } from '@dooboostore/core';\nimport { SwcAppInterface } from './types';\nimport { SimConfig } from '@dooboostore/simple-boot';\n\nexport type SwcConfigType = {\n  routeType: 'path' | 'hash' | 'element';\n  // connectMode?: 'direct' | 'swap' | 'clear-swap'; // hydrate \uC544\uC9C1 \uAC1C\uBC1C\uC911\n  container?: symbol;\n  otherInstanceSim?: Map<ConstructorType<any> | Function | SimConfig | symbol, any>;\n  path?: string;\n  window: Window;\n  onEngineStarted?: (sp: SimpleApplication, app: SwcAppInterface) => Promise<void> | void;\n  onConnectedChildAfter?: (swcEl: HTMLElement) => void;\n  onConnectedChildBefore?: (swcEl: HTMLElement) => void;\n  onDisconnectedChildAfter?: (swcEl: HTMLElement) => void;\n  onDisconnectedChildBefore?: (swcEl: HTMLElement) => void;\n  onConnected?: (app: SwcAppInterface) => void;\n  onDisconnected?: (app: SwcAppInterface) => void;\n  ssr?: boolean;\n  onStartedLazyDefineComponent?: ((w: Window)=> Promise<CustomElementConstructor> | void | string | any | CustomElementConstructor)[];\n\n  onChildrenConnectedDone?: (app: SwcAppInterface) => void;\n  // onChildrenSwcAppStartedDone?: (app: SwcAppInterface) => void;\n  // childrenSwcAppStartedDoneCheckIntervalTime?: number;\n  onChildrenRouteChanged?: (event: RouterEventType, app: SwcAppInterface) => void;\n  childrenRouteChangedCheckIntervalTime?: number; // \uC790\uC2DD \uC5F0\uACB0 \uC644\uB8CC \uC774\uBCA4\uD2B8 \uB514\uBC14\uC6B4\uC2A4 \uD0C0\uC784 (ms)\n  childrenConnectedDoneCheckIntervalTime?: number;\n};\n\nexport type SwcAttributeConfigType = OptionalType<SwcConfigType, 'routeType' | 'window'>;\n\nexport class SwcAppEngine {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n  private _config?: SwcConfigType;\n\n  constructor(private host: HTMLElement) {}\n\n  get config() {\n    return this._config;\n  }\n\n  async connect(config: SwcConfigType) {\n    try {\n      this._config = config;\n\n      // Router Selection\n      if (this._config.routeType === 'path') {\n        this.router = new PathRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'hash') {\n        this.router = new HashRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'element') {\n        this.router = new ElementRouter({ window: this._config.window, firstUrl: this._config.path });\n      }\n\n      // console.log('vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv', this.router)\n\n      // App start\n      this.simpleApplication = new SimpleApplication(\n        new SimOption({\n          excludeProxys: [(this._config.window as any).Node],\n          container: this._config.container\n        })\n      );\n\n      const otherInstanceSim = new Map<any, any>();\n      this.config?.otherInstanceSim?.forEach((v, k) => {\n        otherInstanceSim.set(k, v);\n      });\n      if (this.router) otherInstanceSim.set(Router, this.router);\n      this.simpleApplication.run(otherInstanceSim);\n\n\n      if (this._config.onStartedLazyDefineComponent) {\n        await Promise.all(this._config.onStartedLazyDefineComponent.map(it => it(this._config.window)))\n      }\n      if (this._config.onEngineStarted) {\n        await this._config.onEngineStarted(this.simpleApplication, this.host as unknown as SwcAppInterface);\n      }\n    } catch (e) {\n      console.error('[SWC-APP-ENGINE] Init failed:', e, this._config);\n    }\n  }\n\n  disconnect() {\n    this.routerSubscription?.unsubscribe();\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAkC;AAClC,sBAAgE;AAChE,2BAA8B;AAC9B,IAAAA,sBAA0B;AAgCnB,MAAM,aAAa;AAAA,EAMxB,YAAoB,MAAmB;AAAnB;AALpB,wBAAO;AACP,wBAAO;AACP,wBAAQ;AACR,wBAAQ;AAAA,EAEgC;AAAA,EAExC,IAAI,SAAS;AACX,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,MAAM,QAAQ,QAAuB;AACnC,QAAI;AACF,WAAK,UAAU;AAGf,UAAI,KAAK,QAAQ,cAAc,QAAQ;AACrC,aAAK,SAAS,IAAI,2BAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,QAAQ;AAC5C,aAAK,SAAS,IAAI,2BAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,WAAW;AAC/C,aAAK,SAAS,IAAI,mCAAc,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC9F;AAKA,WAAK,oBAAoB,IAAI;AAAA,QAC3B,IAAI,8BAAU;AAAA,UACZ,eAAe,CAAE,KAAK,QAAQ,OAAe,IAAI;AAAA,UACjD,WAAW,KAAK,QAAQ;AAAA,QAC1B,CAAC;AAAA,MACH;AAEA,YAAM,mBAAmB,oBAAI,IAAc;AAC3C,WAAK,QAAQ,kBAAkB,QAAQ,CAAC,GAAG,MAAM;AAC/C,yBAAiB,IAAI,GAAG,CAAC;AAAA,MAC3B,CAAC;AACD,UAAI,KAAK,OAAQ,kBAAiB,IAAI,wBAAQ,KAAK,MAAM;AACzD,WAAK,kBAAkB,IAAI,gBAAgB;AAG3C,UAAI,KAAK,QAAQ,8BAA8B;AAC7C,cAAM,QAAQ,IAAI,KAAK,QAAQ,6BAA6B,IAAI,QAAM,GAAG,KAAK,QAAQ,MAAM,CAAC,CAAC;AAAA,MAChG;AACA,UAAI,KAAK,QAAQ,iBAAiB;AAChC,cAAM,KAAK,QAAQ,gBAAgB,KAAK,mBAAmB,KAAK,IAAkC;AAAA,MACpG;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,iCAAiC,GAAG,KAAK,OAAO;AAAA,IAChE;AAAA,EACF;AAAA,EAEA,aAAa;AACX,SAAK,oBAAoB,YAAY;AAAA,EACvC;AACF;",
+  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot';\nimport { HashRouter, PathRouter, Router, RouterEventType } from '@dooboostore/core-web';\nimport { ElementRouter } from './router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot';\nimport { ConstructorType, OptionalType, Subscription } from '@dooboostore/core';\nimport { SwcAppInterface } from './types';\nimport { SimConfig } from '@dooboostore/simple-boot';\n\nexport type SwcConfigType = {\n  routeType: 'path' | 'hash' | 'element';\n  // connectMode?: 'direct' | 'swap' | 'clear-swap'; // hydrate \uC544\uC9C1 \uAC1C\uBC1C\uC911\n  container?: symbol;\n  otherInstanceSim?: Map<ConstructorType<any> | Function | SimConfig | symbol, any>;\n  path?: string;\n  window: Window;\n  onEngineStarted?: (sp: SimpleApplication, app: SwcAppInterface) => Promise<void> | void;\n  onConnectedChildAfter?: (swcEl: HTMLElement) => void;\n  onConnectedChildBefore?: (swcEl: HTMLElement) => void;\n  onDisconnectedChildAfter?: (swcEl: HTMLElement) => void;\n  onDisconnectedChildBefore?: (swcEl: HTMLElement) => void;\n  onConnected?: (app: SwcAppInterface) => void;\n  onDisconnected?: (app: SwcAppInterface) => void;\n  ssr?: boolean;\n  onStartedLazyDefineComponent?: ((w: Window)=> Promise<CustomElementConstructor> | void | string | any | CustomElementConstructor)[];\n\n  onChildrenConnectedDone?: (app: SwcAppInterface) => void;\n  // onChildrenSwcAppStartedDone?: (app: SwcAppInterface) => void;\n  // childrenSwcAppStartedDoneCheckIntervalTime?: number;\n  onChildrenRouteChanged?: (event: RouterEventType, app: SwcAppInterface) => void;\n  childrenRouteChangedCheckIntervalTime?: number; // \uC790\uC2DD \uC5F0\uACB0 \uC644\uB8CC \uC774\uBCA4\uD2B8 \uB514\uBC14\uC6B4\uC2A4 \uD0C0\uC784 (ms)\n  childrenConnectedDoneCheckIntervalTime?: number;\n};\n\nexport type SwcAttributeConfigType = OptionalType<SwcConfigType, 'routeType' | 'window'>;\n\nexport class SwcAppEngine {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n  private _config?: SwcConfigType;\n\n  constructor(private host: HTMLElement) {}\n\n  get config() {\n    return this._config;\n  }\n\n  async connect(config: SwcConfigType) {\n    try {\n      this._config = config;\n\n      // Router Selection\n      if (this._config.routeType === 'path') {\n        this.router = new PathRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'hash') {\n        this.router = new HashRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'element') {\n        this.router = new ElementRouter({ window: this._config.window, firstUrl: this._config.path });\n      }\n\n      // console.log('vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv', this.router)\n\n      // App start\n      this.simpleApplication = new SimpleApplication(\n        new SimOption({\n          excludeProxys: [(this._config.window as any).Node],\n          container: this._config.container\n        })\n      );\n\n      const otherInstanceSim = new Map<any, any>();\n      this.config?.otherInstanceSim?.forEach((v, k) => {\n        otherInstanceSim.set(k, v);\n      });\n      if (this.router) otherInstanceSim.set(Router, this.router);\n      this.simpleApplication.run(otherInstanceSim);\n\n\n      if (this._config.onStartedLazyDefineComponent) {\n        // console.log('-------->', this._config.onStartedLazyDefineComponent)\n        await Promise.all(this._config.onStartedLazyDefineComponent.map(it => it(this._config.window)))\n      }\n      if (this._config.onEngineStarted) {\n        await this._config.onEngineStarted(this.simpleApplication, this.host as unknown as SwcAppInterface);\n      }\n    } catch (e) {\n      console.error('[SWC-APP-ENGINE] Init failed:', e, this._config);\n    }\n  }\n\n  disconnect() {\n    this.routerSubscription?.unsubscribe();\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAkC;AAClC,sBAAgE;AAChE,2BAA8B;AAC9B,IAAAA,sBAA0B;AAgCnB,MAAM,aAAa;AAAA,EAMxB,YAAoB,MAAmB;AAAnB;AALpB,wBAAO;AACP,wBAAO;AACP,wBAAQ;AACR,wBAAQ;AAAA,EAEgC;AAAA,EAExC,IAAI,SAAS;AACX,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,MAAM,QAAQ,QAAuB;AACnC,QAAI;AACF,WAAK,UAAU;AAGf,UAAI,KAAK,QAAQ,cAAc,QAAQ;AACrC,aAAK,SAAS,IAAI,2BAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,QAAQ;AAC5C,aAAK,SAAS,IAAI,2BAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,WAAW;AAC/C,aAAK,SAAS,IAAI,mCAAc,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC9F;AAKA,WAAK,oBAAoB,IAAI;AAAA,QAC3B,IAAI,8BAAU;AAAA,UACZ,eAAe,CAAE,KAAK,QAAQ,OAAe,IAAI;AAAA,UACjD,WAAW,KAAK,QAAQ;AAAA,QAC1B,CAAC;AAAA,MACH;AAEA,YAAM,mBAAmB,oBAAI,IAAc;AAC3C,WAAK,QAAQ,kBAAkB,QAAQ,CAAC,GAAG,MAAM;AAC/C,yBAAiB,IAAI,GAAG,CAAC;AAAA,MAC3B,CAAC;AACD,UAAI,KAAK,OAAQ,kBAAiB,IAAI,wBAAQ,KAAK,MAAM;AACzD,WAAK,kBAAkB,IAAI,gBAAgB;AAG3C,UAAI,KAAK,QAAQ,8BAA8B;AAE7C,cAAM,QAAQ,IAAI,KAAK,QAAQ,6BAA6B,IAAI,QAAM,GAAG,KAAK,QAAQ,MAAM,CAAC,CAAC;AAAA,MAChG;AACA,UAAI,KAAK,QAAQ,iBAAiB;AAChC,cAAM,KAAK,QAAQ,gBAAgB,KAAK,mBAAmB,KAAK,IAAkC;AAAA,MACpG;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,iCAAiC,GAAG,KAAK,OAAO;AAAA,IAChE;AAAA,EACF;AAAA,EAEA,aAAa;AACX,SAAK,oBAAoB,YAAY;AAAA,EACvC;AACF;",
   "names": ["import_simple_boot"]
 }