@dooboostore/simple-web-component 1.0.13 → 1.0.15

package/src/elements/apps/SwcAppIFrame.ts

@@ -1,88 +0,0 @@
-import { SwcHTMLIFrameElementBase } from '../base/SwcHTMLIFrameElementBase';
-import { elementDefine } from '../../decorators/elementDefine';
-import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
-import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
-import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
-import { SimOption } from '@dooboostore/simple-boot/SimOption';
-import { ConstructorType } from '@dooboostore/core/types';
-import { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';
-import { Subscription } from '@dooboostore/core/message/Subscription';
-
-@elementDefine({ name: 'swc-app-iframe', extends: 'iframe' })
-export class SwcAppIFrame extends SwcHTMLIFrameElementBase implements SwcAppInterface {
-  public simpleApplication?: SimpleApplication;
-  protected _router?: PathRouter | HashRouter;
-  private routerSubscription?: Subscription;
-
-  constructor() {
-    super();
-  }
-
-  async connectedCallback() {
-    if (this._isInitialized) return;
-    this._isInitialized = true;
-
-    // Push to the end of the event loop to ensure global scripts are evaluated
-    await new Promise(resolve => setTimeout(resolve, 0));
-
-    const applicationConfigStr = this.getAttribute('swc-get-application-config');
-    if (applicationConfigStr) {
-      try {
-        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);
-        if (userConfig) {
-          const _config = {
-            routeType: 'path',
-            window: window,
-            ...userConfig
-          };
-
-          this._router = _config.routeType === 'path' ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });
-          this.routerSubscription = this._router.observable.subscribe((route: RouterEventType) => {
-            if (route.triggerPoint === 'end') {
-              this.routingProcess(route.path);
-            }
-          });
-          const option = new SimOption({
-            excludeProxys: [Node],
-            rootRouter: _config.rootRouter
-          });
-
-          this.simpleApplication = new SimpleApplication(option);
-
-          // Use 'any' key for Map to allow Abstract classes like Router
-          const otherInstanceSim = new Map<any, any>();
-          if (this._router) {
-            otherInstanceSim.set(Router, this._router);
-          }
-          this.simpleApplication.run(otherInstanceSim);
-          const data = this.simpleApplication.sim(_config.rootRouter);
-          if (data instanceof Node) {
-            if (this.shadowRoot) {
-              this.shadowRoot.replaceChildren(data);
-            } else if (!this.contains(data)) {
-              this.replaceChildren(data);
-            }
-          }
-          if (_config.path) {
-            await this._router?.go(_config.path);
-          }
-        }
-      } catch (e) {
-        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);
-      }
-    }
-  }
-
-  disconnectedCallback() {
-    this.routerSubscription?.unsubscribe();
-  }
-
-  async routing(path: string) {
-    await this._router?.go(path);
-  }
-
-  private async routingProcess(path: string) {
-    await this.simpleApplication?.routing(path);
-  }
-}

package/src/elements/apps/SwcAppImage.ts

@@ -1,88 +0,0 @@
-import { SwcHTMLImageElementBase } from '../base/SwcHTMLImageElementBase';
-import { elementDefine } from '../../decorators/elementDefine';
-import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
-import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
-import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
-import { SimOption } from '@dooboostore/simple-boot/SimOption';
-import { ConstructorType } from '@dooboostore/core/types';
-import { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';
-import { Subscription } from '@dooboostore/core/message/Subscription';
-
-@elementDefine({ name: 'swc-app-img', extends: 'img' })
-export class SwcAppImage extends SwcHTMLImageElementBase implements SwcAppInterface {
-  public simpleApplication?: SimpleApplication;
-  protected _router?: PathRouter | HashRouter;
-  private routerSubscription?: Subscription;
-
-  constructor() {
-    super();
-  }
-
-  async connectedCallback() {
-    if (this._isInitialized) return;
-    this._isInitialized = true;
-
-    // Push to the end of the event loop to ensure global scripts are evaluated
-    await new Promise(resolve => setTimeout(resolve, 0));
-
-    const applicationConfigStr = this.getAttribute('swc-get-application-config');
-    if (applicationConfigStr) {
-      try {
-        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);
-        if (userConfig) {
-          const _config = {
-            routeType: 'path',
-            window: window,
-            ...userConfig
-          };
-
-          this._router = _config.routeType === 'path' ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });
-          this.routerSubscription = this._router.observable.subscribe((route: RouterEventType) => {
-            if (route.triggerPoint === 'end') {
-              this.routingProcess(route.path);
-            }
-          });
-          const option = new SimOption({
-            excludeProxys: [Node],
-            rootRouter: _config.rootRouter
-          });
-
-          this.simpleApplication = new SimpleApplication(option);
-
-          // Use 'any' key for Map to allow Abstract classes like Router
-          const otherInstanceSim = new Map<any, any>();
-          if (this._router) {
-            otherInstanceSim.set(Router, this._router);
-          }
-          this.simpleApplication.run(otherInstanceSim);
-          const data = this.simpleApplication.sim(_config.rootRouter);
-          if (data instanceof Node) {
-            if (this.shadowRoot) {
-              this.shadowRoot.replaceChildren(data);
-            } else if (!this.contains(data)) {
-              this.replaceChildren(data);
-            }
-          }
-          if (_config.path) {
-            await this._router?.go(_config.path);
-          }
-        }
-      } catch (e) {
-        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);
-      }
-    }
-  }
-
-  disconnectedCallback() {
-    this.routerSubscription?.unsubscribe();
-  }
-
-  async routing(path: string) {
-    await this._router?.go(path);
-  }
-
-  private async routingProcess(path: string) {
-    await this.simpleApplication?.routing(path);
-  }
-}

package/src/elements/apps/SwcAppInput.ts

@@ -1,88 +0,0 @@
-import { SwcHTMLInputElementBase } from '../base/SwcHTMLInputElementBase';
-import { elementDefine } from '../../decorators/elementDefine';
-import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
-import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
-import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
-import { SimOption } from '@dooboostore/simple-boot/SimOption';
-import { ConstructorType } from '@dooboostore/core/types';
-import { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';
-import { Subscription } from '@dooboostore/core/message/Subscription';
-
-@elementDefine({ name: 'swc-app-input', extends: 'input' })
-export class SwcAppInput extends SwcHTMLInputElementBase implements SwcAppInterface {
-  public simpleApplication?: SimpleApplication;
-  protected _router?: PathRouter | HashRouter;
-  private routerSubscription?: Subscription;
-
-  constructor() {
-    super();
-  }
-
-  async connectedCallback() {
-    if (this._isInitialized) return;
-    this._isInitialized = true;
-
-    // Push to the end of the event loop to ensure global scripts are evaluated
-    await new Promise(resolve => setTimeout(resolve, 0));
-
-    const applicationConfigStr = this.getAttribute('swc-get-application-config');
-    if (applicationConfigStr) {
-      try {
-        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);
-        if (userConfig) {
-          const _config = {
-            routeType: 'path',
-            window: window,
-            ...userConfig
-          };
-
-          this._router = _config.routeType === 'path' ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });
-          this.routerSubscription = this._router.observable.subscribe((route: RouterEventType) => {
-            if (route.triggerPoint === 'end') {
-              this.routingProcess(route.path);
-            }
-          });
-          const option = new SimOption({
-            excludeProxys: [Node],
-            rootRouter: _config.rootRouter
-          });
-
-          this.simpleApplication = new SimpleApplication(option);
-
-          // Use 'any' key for Map to allow Abstract classes like Router
-          const otherInstanceSim = new Map<any, any>();
-          if (this._router) {
-            otherInstanceSim.set(Router, this._router);
-          }
-          this.simpleApplication.run(otherInstanceSim);
-          const data = this.simpleApplication.sim(_config.rootRouter);
-          if (data instanceof Node) {
-            if (this.shadowRoot) {
-              this.shadowRoot.replaceChildren(data);
-            } else if (!this.contains(data)) {
-              this.replaceChildren(data);
-            }
-          }
-          if (_config.path) {
-            await this._router?.go(_config.path);
-          }
-        }
-      } catch (e) {
-        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);
-      }
-    }
-  }
-
-  disconnectedCallback() {
-    this.routerSubscription?.unsubscribe();
-  }
-
-  async routing(path: string) {
-    await this._router?.go(path);
-  }
-
-  private async routingProcess(path: string) {
-    await this.simpleApplication?.routing(path);
-  }
-}

package/src/elements/apps/SwcAppLabel.ts

@@ -1,88 +0,0 @@
-import { SwcHTMLLabelElementBase } from '../base/SwcHTMLLabelElementBase';
-import { elementDefine } from '../../decorators/elementDefine';
-import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
-import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
-import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
-import { SimOption } from '@dooboostore/simple-boot/SimOption';
-import { ConstructorType } from '@dooboostore/core/types';
-import { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';
-import { Subscription } from '@dooboostore/core/message/Subscription';
-
-@elementDefine({ name: 'swc-app-label', extends: 'label' })
-export class SwcAppLabel extends SwcHTMLLabelElementBase implements SwcAppInterface {
-  public simpleApplication?: SimpleApplication;
-  protected _router?: PathRouter | HashRouter;
-  private routerSubscription?: Subscription;
-
-  constructor() {
-    super();
-  }
-
-  async connectedCallback() {
-    if (this._isInitialized) return;
-    this._isInitialized = true;
-
-    // Push to the end of the event loop to ensure global scripts are evaluated
-    await new Promise(resolve => setTimeout(resolve, 0));
-
-    const applicationConfigStr = this.getAttribute('swc-get-application-config');
-    if (applicationConfigStr) {
-      try {
-        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);
-        if (userConfig) {
-          const _config = {
-            routeType: 'path',
-            window: window,
-            ...userConfig
-          };
-
-          this._router = _config.routeType === 'path' ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });
-          this.routerSubscription = this._router.observable.subscribe((route: RouterEventType) => {
-            if (route.triggerPoint === 'end') {
-              this.routingProcess(route.path);
-            }
-          });
-          const option = new SimOption({
-            excludeProxys: [Node],
-            rootRouter: _config.rootRouter
-          });
-
-          this.simpleApplication = new SimpleApplication(option);
-
-          // Use 'any' key for Map to allow Abstract classes like Router
-          const otherInstanceSim = new Map<any, any>();
-          if (this._router) {
-            otherInstanceSim.set(Router, this._router);
-          }
-          this.simpleApplication.run(otherInstanceSim);
-          const data = this.simpleApplication.sim(_config.rootRouter);
-          if (data instanceof Node) {
-            if (this.shadowRoot) {
-              this.shadowRoot.replaceChildren(data);
-            } else if (!this.contains(data)) {
-              this.replaceChildren(data);
-            }
-          }
-          if (_config.path) {
-            await this._router?.go(_config.path);
-          }
-        }
-      } catch (e) {
-        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);
-      }
-    }
-  }
-
-  disconnectedCallback() {
-    this.routerSubscription?.unsubscribe();
-  }
-
-  async routing(path: string) {
-    await this._router?.go(path);
-  }
-
-  private async routingProcess(path: string) {
-    await this.simpleApplication?.routing(path);
-  }
-}

package/src/elements/apps/SwcAppLegend.ts

@@ -1,88 +0,0 @@
-import { SwcHTMLLegendElementBase } from '../base/SwcHTMLLegendElementBase';
-import { elementDefine } from '../../decorators/elementDefine';
-import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
-import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
-import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
-import { SimOption } from '@dooboostore/simple-boot/SimOption';
-import { ConstructorType } from '@dooboostore/core/types';
-import { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';
-import { Subscription } from '@dooboostore/core/message/Subscription';
-
-@elementDefine({ name: 'swc-app-legend', extends: 'legend' })
-export class SwcAppLegend extends SwcHTMLLegendElementBase implements SwcAppInterface {
-  public simpleApplication?: SimpleApplication;
-  protected _router?: PathRouter | HashRouter;
-  private routerSubscription?: Subscription;
-
-  constructor() {
-    super();
-  }
-
-  async connectedCallback() {
-    if (this._isInitialized) return;
-    this._isInitialized = true;
-
-    // Push to the end of the event loop to ensure global scripts are evaluated
-    await new Promise(resolve => setTimeout(resolve, 0));
-
-    const applicationConfigStr = this.getAttribute('swc-get-application-config');
-    if (applicationConfigStr) {
-      try {
-        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);
-        if (userConfig) {
-          const _config = {
-            routeType: 'path',
-            window: window,
-            ...userConfig
-          };
-
-          this._router = _config.routeType === 'path' ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });
-          this.routerSubscription = this._router.observable.subscribe((route: RouterEventType) => {
-            if (route.triggerPoint === 'end') {
-              this.routingProcess(route.path);
-            }
-          });
-          const option = new SimOption({
-            excludeProxys: [Node],
-            rootRouter: _config.rootRouter
-          });
-
-          this.simpleApplication = new SimpleApplication(option);
-
-          // Use 'any' key for Map to allow Abstract classes like Router
-          const otherInstanceSim = new Map<any, any>();
-          if (this._router) {
-            otherInstanceSim.set(Router, this._router);
-          }
-          this.simpleApplication.run(otherInstanceSim);
-          const data = this.simpleApplication.sim(_config.rootRouter);
-          if (data instanceof Node) {
-            if (this.shadowRoot) {
-              this.shadowRoot.replaceChildren(data);
-            } else if (!this.contains(data)) {
-              this.replaceChildren(data);
-            }
-          }
-          if (_config.path) {
-            await this._router?.go(_config.path);
-          }
-        }
-      } catch (e) {
-        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);
-      }
-    }
-  }
-
-  disconnectedCallback() {
-    this.routerSubscription?.unsubscribe();
-  }
-
-  async routing(path: string) {
-    await this._router?.go(path);
-  }
-
-  private async routingProcess(path: string) {
-    await this.simpleApplication?.routing(path);
-  }
-}

package/src/elements/apps/SwcAppLi.ts

@@ -1,88 +0,0 @@
-import { SwcHTMLLIElementBase } from '../base/SwcHTMLLIElementBase';
-import { elementDefine } from '../../decorators/elementDefine';
-import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
-import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
-import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
-import { SimOption } from '@dooboostore/simple-boot/SimOption';
-import { ConstructorType } from '@dooboostore/core/types';
-import { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';
-import { Subscription } from '@dooboostore/core/message/Subscription';
-
-@elementDefine({ name: 'swc-app-li', extends: 'li' })
-export class SwcAppLi extends SwcHTMLLIElementBase implements SwcAppInterface {
-  public simpleApplication?: SimpleApplication;
-  protected _router?: PathRouter | HashRouter;
-  private routerSubscription?: Subscription;
-
-  constructor() {
-    super();
-  }
-
-  async connectedCallback() {
-    if (this._isInitialized) return;
-    this._isInitialized = true;
-
-    // Push to the end of the event loop to ensure global scripts are evaluated
-    await new Promise(resolve => setTimeout(resolve, 0));
-
-    const applicationConfigStr = this.getAttribute('swc-get-application-config');
-    if (applicationConfigStr) {
-      try {
-        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);
-        if (userConfig) {
-          const _config = {
-            routeType: 'path',
-            window: window,
-            ...userConfig
-          };
-
-          this._router = _config.routeType === 'path' ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });
-          this.routerSubscription = this._router.observable.subscribe((route: RouterEventType) => {
-            if (route.triggerPoint === 'end') {
-              this.routingProcess(route.path);
-            }
-          });
-          const option = new SimOption({
-            excludeProxys: [Node],
-            rootRouter: _config.rootRouter
-          });
-
-          this.simpleApplication = new SimpleApplication(option);
-
-          // Use 'any' key for Map to allow Abstract classes like Router
-          const otherInstanceSim = new Map<any, any>();
-          if (this._router) {
-            otherInstanceSim.set(Router, this._router);
-          }
-          this.simpleApplication.run(otherInstanceSim);
-          const data = this.simpleApplication.sim(_config.rootRouter);
-          if (data instanceof Node) {
-            if (this.shadowRoot) {
-              this.shadowRoot.replaceChildren(data);
-            } else if (!this.contains(data)) {
-              this.replaceChildren(data);
-            }
-          }
-          if (_config.path) {
-            await this._router?.go(_config.path);
-          }
-        }
-      } catch (e) {
-        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);
-      }
-    }
-  }
-
-  disconnectedCallback() {
-    this.routerSubscription?.unsubscribe();
-  }
-
-  async routing(path: string) {
-    await this._router?.go(path);
-  }
-
-  private async routingProcess(path: string) {
-    await this.simpleApplication?.routing(path);
-  }
-}

package/src/elements/apps/SwcAppLink.ts

@@ -1,88 +0,0 @@
-import { SwcHTMLLinkElementBase } from '../base/SwcHTMLLinkElementBase';
-import { elementDefine } from '../../decorators/elementDefine';
-import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
-import { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';
-import { PathRouter } from '@dooboostore/core-web/routers/PathRouter';
-import { HashRouter } from '@dooboostore/core-web/routers/HashRouter';
-import { SimOption } from '@dooboostore/simple-boot/SimOption';
-import { ConstructorType } from '@dooboostore/core/types';
-import { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';
-import { Subscription } from '@dooboostore/core/message/Subscription';
-
-@elementDefine({ name: 'swc-app-link', extends: 'link' })
-export class SwcAppLink extends SwcHTMLLinkElementBase implements SwcAppInterface {
-  public simpleApplication?: SimpleApplication;
-  protected _router?: PathRouter | HashRouter;
-  private routerSubscription?: Subscription;
-
-  constructor() {
-    super();
-  }
-
-  async connectedCallback() {
-    if (this._isInitialized) return;
-    this._isInitialized = true;
-
-    // Push to the end of the event loop to ensure global scripts are evaluated
-    await new Promise(resolve => setTimeout(resolve, 0));
-
-    const applicationConfigStr = this.getAttribute('swc-get-application-config');
-    if (applicationConfigStr) {
-      try {
-        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);
-        if (userConfig) {
-          const _config = {
-            routeType: 'path',
-            window: window,
-            ...userConfig
-          };
-
-          this._router = _config.routeType === 'path' ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });
-          this.routerSubscription = this._router.observable.subscribe((route: RouterEventType) => {
-            if (route.triggerPoint === 'end') {
-              this.routingProcess(route.path);
-            }
-          });
-          const option = new SimOption({
-            excludeProxys: [Node],
-            rootRouter: _config.rootRouter
-          });
-
-          this.simpleApplication = new SimpleApplication(option);
-
-          // Use 'any' key for Map to allow Abstract classes like Router
-          const otherInstanceSim = new Map<any, any>();
-          if (this._router) {
-            otherInstanceSim.set(Router, this._router);
-          }
-          this.simpleApplication.run(otherInstanceSim);
-          const data = this.simpleApplication.sim(_config.rootRouter);
-          if (data instanceof Node) {
-            if (this.shadowRoot) {
-              this.shadowRoot.replaceChildren(data);
-            } else if (!this.contains(data)) {
-              this.replaceChildren(data);
-            }
-          }
-          if (_config.path) {
-            await this._router?.go(_config.path);
-          }
-        }
-      } catch (e) {
-        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);
-      }
-    }
-  }
-
-  disconnectedCallback() {
-    this.routerSubscription?.unsubscribe();
-  }
-
-  async routing(path: string) {
-    await this._router?.go(path);
-  }
-
-  private async routingProcess(path: string) {
-    await this.simpleApplication?.routing(path);
-  }
-}