@dooboostore/dom-render 1.0.108 → 1.0.110

package/dist/cjs/rawsets/Render.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/rawsets/Render.ts"],
-  "sourcesContent": ["import { CreatorMetaData } from './CreatorMetaData';\nimport { Router } from '../routers/Router';\nimport { RawSet } from './RawSet';\n\nexport type Render = {\n    rawSet?: RawSet;\n    scripts?: { [n: string]: any };\n    bindScript?: string;\n    renderScript?: string;\n    element?: any;\n    getElement?: <T extends Element>()=>T;\n    attribute?: any;\n    creatorMetaData?: CreatorMetaData;\n    router?: Router;\n    range?: any;\n    value?: any;\n    currentThis?: any;\n    currentThisPath?: any;\n    nearThisPath?: string,\n    nearThis?: any;\n    parentThisPath?: string,\n    parentThis?: any,\n    rootObject?: any,\n    [n: string]: any; // component?: any; //component instance\n}\n"],
+  "sourcesContent": ["import { CreatorMetaData } from './CreatorMetaData';\nimport { Router } from '../routers/Router';\nimport { RawSet } from './RawSet';\n\nexport type Render = {\n    rawSet?: RawSet;\n    scripts?: { [n: string]: any };\n    bindScript?: string;\n    renderScript?: string;\n    element?: any;\n    getElement?: <T extends Element>()=>T;\n    attribute?: any;\n    creatorMetaData?: CreatorMetaData;\n    router?: Router;\n    range?: any;\n    value?: any;\n    innerHTML?: string;\n    currentThis?: any;\n    currentThisPath?: any;\n    nearThisPath?: string,\n    nearThis?: any;\n    parentThisPath?: string,\n    parentThis?: any,\n    rootObject?: any,\n    [n: string]: any; // component?: any; //component instance\n}\n"],
   "mappings": ";;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/routers/PathRouter.js

@@ -26,7 +26,10 @@ class PathRouter extends import_Router.Router {
     super(config);
   }
   getSearchParams(data) {
-    const searchParams = new URL(this.config.window.document.location.href).searchParams;
+    if (!this.config.window.document?.location?.href) {
+      return new URLSearchParams();
+    }
+    const searchParams = new URL(this.config.window.document.location?.href).searchParams;
     data?.delete?.forEach((it) => {
       searchParams.delete(it);
     });
@@ -48,7 +51,7 @@ class PathRouter extends import_Router.Router {
   pushDeleteHashSearchParam(name, data, title) {
     const s = this.getHashSearchParams({ delete: [name] });
     const size = Array.from(s.entries()).length;
-    const href = `${this.config.window.location.pathname}${this.config.window.location.search}${size > 0 ? "#" + s.toString() : ""}`;
+    const href = `${this.config.window.location?.pathname ?? "/"}${this.config.window.location?.search}${size > 0 ? "#" + s.toString() : ""}`;
     super.pushState(data, title, href);
   }
   pushAddSearchParam(params, data, title) {
@@ -62,7 +65,7 @@ class PathRouter extends import_Router.Router {
   replaceDeleteHashSearchParam(name, data, title) {
     const s = this.getHashSearchParams({ delete: Array.isArray(name) ? name : [name] });
     const size = Array.from(s.entries()).length;
-    const href = `${this.config.window.location.pathname}${this.config.window.location.search}${size > 0 ? "#" + s.toString() : ""}`;
+    const href = `${this.config.window.location?.pathname ?? "/"}${this.config.window.location?.search}${size > 0 ? "#" + s.toString() : ""}`;
     super.replaceState(data, title, href);
   }
   replaceAddSearchParam(params, data, title) {
@@ -70,17 +73,20 @@ class PathRouter extends import_Router.Router {
     this.replace({ searchParams: s }, data, title);
   }
   getUrl() {
-    const url = new URL(this.config.window.document.location.href);
+    if (!this.config.window.document?.location?.href) {
+      return "/";
+    }
+    const url = new URL(this.config.window.document.location?.href);
     return url.pathname + url.search;
   }
   getHref() {
-    return this.config.window.location.href;
+    return this.config.window.location?.href ?? "/";
   }
   getPathName() {
-    return this.config.window.location.pathname;
+    return this.config.window.location?.pathname ?? "/";
   }
   getHashSearchParams(data) {
-    const searchParams = new URLSearchParams(this.config.window.location.hash.slice(1));
+    const searchParams = new URLSearchParams(this.config.window.location?.hash.slice(1) ?? "");
     data?.delete?.forEach((it) => {
       searchParams.delete(it);
     });

package/dist/cjs/routers/PathRouter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/routers/PathRouter.ts"],
-  "sourcesContent": ["import { ChangeStateResult, RouteAction, Router, RouterConfig } from './Router';\n\nexport class PathRouter extends Router {\n  constructor(config: RouterConfig) {\n    super(config);\n  }\n\n  getSearchParams(data?:{delete?:string[], append?:[[string, string]]}): URLSearchParams {\n    const searchParams =  (new URL(this.config.window.document.location.href)).searchParams;\n    data?.delete?.forEach(it => {\n      searchParams.delete(it);\n    })\n\n    data?.append?.forEach(it => {\n      searchParams.append(it[0], it[1]);\n    })\n    return searchParams;\n\n  }\n\n  push(path: RouteAction, data?: any, title: string = ''): ChangeStateResult {\n    return super.pushState(data, title, this.toUrl(path));\n  }\n\n  replace(path: RouteAction, data?: any, title: string = ''): ChangeStateResult {\n    return super.replaceState(data, title, this.toUrl(path));\n  }\n\n  pushDeleteSearchParam(name: string, data?: any, title?: string): void {\n    const s = this.getSearchParams({delete: [name]});\n    this.push({searchParams: s}, data, title);\n  }\n\n  pushDeleteHashSearchParam(name: string, data?: any, title?: string) {\n    const s = this.getHashSearchParams({delete: [name]});\n    const size = Array.from(s.entries()).length;\n    const href = `${this.config.window.location.pathname}${this.config.window.location.search}${size > 0 ? '#' + s.toString() : ''}`;\n    super.pushState(data, title, href);\n  }\n\n  pushAddSearchParam(params:[[string, string]], data?: any, title?: string): void {\n    const s = this.getSearchParams({append: params});\n    this.push({searchParams: s}, data, title);\n  }\n  replaceDeleteSearchParam(name: string | string[], data?: any, title?: string): void {\n    const s = this.getSearchParams({delete: Array.isArray(name) ? name : [name]});\n    this.replace({searchParams: s}, data, title);\n  }\n\n  replaceDeleteHashSearchParam(name: string | string[], data?: any, title?: string) {\n    const s = this.getHashSearchParams({delete: Array.isArray(name) ? name : [name]});\n    const size = Array.from(s.entries()).length;\n    const href = `${this.config.window.location.pathname}${this.config.window.location.search}${size > 0 ? '#' + s.toString() : ''}`;\n    super.replaceState(data, title, href);\n  }\n\n  replaceAddSearchParam(params:[[string, string]], data?: any, title?: string): void {\n    const s = this.getSearchParams({append: params});\n    this.replace({searchParams: s}, data, title);\n  }\n\n\n  getUrl(): string {\n    const url = new URL(this.config.window.document.location.href);\n    return url.pathname + url.search;\n  }\n\n  getHref(): string {\n    return this.config.window.location.href;\n  }\n\n  getPathName(): string {\n    return this.config.window.location.pathname;\n  }\n\n  getHashSearchParams(data?:{delete?:string[], append?:[[string, string]]}): URLSearchParams {\n    // http://local.com/#wow=222&wow=bb&z=2\n    const searchParams =  new URLSearchParams(this.config.window.location.hash.slice(1));\n\n    data?.delete?.forEach(it => {\n      searchParams.delete(it);\n    })\n\n    data?.append?.forEach(it => {\n      searchParams.append(it[0], it[1]);\n    })\n    return searchParams;\n\n    // return undefined;\n  }\n\n\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ChangeStateResult, RouteAction, Router, RouterConfig } from './Router';\n\nexport class PathRouter extends Router {\n  constructor(config: RouterConfig) {\n    super(config);\n  }\n\n  getSearchParams(data?:{delete?:string[], append?:[[string, string]]}): URLSearchParams {\n    if (!this.config.window.document?.location?.href) {\n      return new URLSearchParams();\n    }\n\n    const searchParams =  (new URL(this.config.window.document.location?.href)).searchParams;\n    data?.delete?.forEach(it => {\n      searchParams.delete(it);\n    })\n\n    data?.append?.forEach(it => {\n      searchParams.append(it[0], it[1]);\n    })\n    return searchParams;\n\n  }\n\n  push(path: RouteAction, data?: any, title: string = ''): ChangeStateResult {\n    return super.pushState(data, title, this.toUrl(path));\n  }\n\n  replace(path: RouteAction, data?: any, title: string = ''): ChangeStateResult {\n    return super.replaceState(data, title, this.toUrl(path));\n  }\n\n  pushDeleteSearchParam(name: string, data?: any, title?: string): void {\n    const s = this.getSearchParams({delete: [name]});\n    this.push({searchParams: s}, data, title);\n  }\n\n  pushDeleteHashSearchParam(name: string, data?: any, title?: string) {\n    const s = this.getHashSearchParams({delete: [name]});\n    const size = Array.from(s.entries()).length;\n    const href = `${this.config.window.location?.pathname??'/'}${this.config.window.location?.search}${size > 0 ? '#' + s.toString() : ''}`;\n    super.pushState(data, title, href);\n  }\n\n  pushAddSearchParam(params:[[string, string]], data?: any, title?: string): void {\n    const s = this.getSearchParams({append: params});\n    this.push({searchParams: s}, data, title);\n  }\n  replaceDeleteSearchParam(name: string | string[], data?: any, title?: string): void {\n    const s = this.getSearchParams({delete: Array.isArray(name) ? name : [name]});\n    this.replace({searchParams: s}, data, title);\n  }\n\n  replaceDeleteHashSearchParam(name: string | string[], data?: any, title?: string) {\n    const s = this.getHashSearchParams({delete: Array.isArray(name) ? name : [name]});\n    const size = Array.from(s.entries()).length;\n    const href = `${this.config.window.location?.pathname??'/'}${this.config.window.location?.search}${size > 0 ? '#' + s.toString() : ''}`;\n    super.replaceState(data, title, href);\n  }\n\n  replaceAddSearchParam(params:[[string, string]], data?: any, title?: string): void {\n    const s = this.getSearchParams({append: params});\n    this.replace({searchParams: s}, data, title);\n  }\n\n\n  getUrl(): string {\n    if (!this.config.window.document?.location?.href) {\n      return '/';\n    }\n    const url = new URL(this.config.window.document.location?.href);\n    return url.pathname + url.search;\n  }\n\n  getHref(): string {\n    return this.config.window.location?.href??'/';\n  }\n\n  getPathName(): string {\n    return this.config.window.location?.pathname??'/';\n  }\n\n  getHashSearchParams(data?:{delete?:string[], append?:[[string, string]]}): URLSearchParams {\n    // http://local.com/#wow=222&wow=bb&z=2\n    const searchParams =  new URLSearchParams(this.config.window.location?.hash.slice(1)??'');\n\n    data?.delete?.forEach(it => {\n      searchParams.delete(it);\n    })\n\n    data?.append?.forEach(it => {\n      searchParams.append(it[0], it[1]);\n    })\n    return searchParams;\n\n    // return undefined;\n  }\n\n\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/routers/Router.js

@@ -17,15 +17,36 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Router_exports = {};
 __export(Router_exports, {
-  Router: () => Router,
-  isPopStateCurrentTargetDomrenderRouter: () => isPopStateCurrentTargetDomrenderRouter
+  Router: () => Router
 });
 module.exports = __toCommonJS(Router_exports);
 var import_ConvertUtils = require("@dooboostore/core/convert/ConvertUtils");
 var import_BehaviorSubject = require("@dooboostore/core/message/BehaviorSubject");
 var import_Expression = require("@dooboostore/core/expression/Expression");
-const isPopStateCurrentTargetDomrenderRouter = (obj) => obj?.currentTargetName === "domRenderRouter";
 class Router {
+  constructor(config) {
+    this._config = config;
+    let routeData;
+    if (config?.firstUrl) {
+      const path = config.firstUrl.split("?");
+      routeData = {
+        url: config.firstUrl,
+        path: path[0],
+        searchParams: new URLSearchParams(path[1] ?? ""),
+        router: this,
+        triggerPoint: "end"
+      };
+      this.behaviorSubject = new import_BehaviorSubject.BehaviorSubject(routeData);
+      this.go(config.firstUrl);
+    } else {
+      routeData = { ...this.getRouteData(), triggerPoint: "end" };
+      this.behaviorSubject = new import_BehaviorSubject.BehaviorSubject(routeData);
+    }
+    this.config.window.addEventListener("popstate", (event) => {
+      const routeData2 = { ...this.getRouteData(), triggerPoint: "end" };
+      this.behaviorSubject.next(routeData2);
+    });
+  }
   get observable() {
     return this.behaviorSubject.asObservable();
   }
@@ -35,16 +56,6 @@ class Router {
   get config() {
     return this._config;
   }
-  constructor(config) {
-    this._config = config;
-    this.behaviorSubject = new import_BehaviorSubject.BehaviorSubject(this.getRouteData());
-    this.config.window.addEventListener("popstate", (event) => {
-      if (!isPopStateCurrentTargetDomrenderRouter(event.state)) {
-        const routeData = this.getRouteData();
-        this.behaviorSubject.next(routeData);
-      }
-    });
-  }
   getSearchFirstParamsObject(defaultValue) {
     const a = import_ConvertUtils.ConvertUtils.toObject(this.getSearchParams(), { firstValue: true });
     return Object.assign({}, defaultValue, a);
@@ -52,8 +63,13 @@ class Router {
   getHashSearchFirstParamsObject() {
     return import_ConvertUtils.ConvertUtils.toObject(this.getHashSearchParams(), { firstValue: true });
   }
-  async attach() {
-  }
+  // async attach(): Promise<void> {
+  //   // const proxy = getDomRenderProxy(this.config.rootObject)
+  //   // if (proxy) {
+  //   //   const key = `___${EventManager.ROUTER_VARNAME}`;
+  //   //   await proxy.render(key);
+  //   // }
+  // }
   testRegexp(regexp) {
     if (regexp) {
       const b = RegExp(regexp).test(this.getPathName());
@@ -70,9 +86,30 @@ class Router {
     }
   }
   getRouteData(config) {
+    let path = "";
+    let url = "";
+    if (config?.pathOrUrl) {
+      let isUrl = false;
+      try {
+        new URL(config.pathOrUrl);
+        isUrl = true;
+      } catch {
+        isUrl = false;
+      }
+      if (isUrl) {
+        const u = new URL(config.pathOrUrl);
+        path = u.pathname;
+        url = u.pathname + u.search;
+      } else {
+        path = config.pathOrUrl.split("?")[0];
+      }
+    } else {
+      path = this.getPathName();
+      url = this.getUrl();
+    }
     const newVar = {
-      path: this.getPathName(),
-      url: this.getUrl(),
+      path,
+      url,
       searchParams: this.getSearchParams()
     };
     const data = this.getData();
@@ -86,32 +123,40 @@ class Router {
       }
     }
     newVar.router = this;
-    newVar.currentTarget = config?.currentTarget;
     return Object.freeze(newVar);
   }
   pushState(data, title, path) {
-    this.config.window.history.pushState(data, title ?? "", path);
-    this.behaviorSubject.next(this.getRouteData({ currentTarget: { currentTargetName: "domRenderRouter" } }));
+    this.behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: "start" });
+    this.config.window.history?.pushState(data, title ?? "", path);
+    this.behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: "end" });
     return { data };
   }
   replaceState(data, title, path) {
-    this.config.window.history.replaceState(data, title ?? "", path);
-    this.behaviorSubject.next(this.getRouteData({ currentTarget: { currentTargetName: "domRenderRouter" } }));
+    this.behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: "start" });
+    this.config.window.history?.replaceState(data, title ?? "", path);
+    this.behaviorSubject.next({ ...this.getRouteData({ pathOrUrl: path }), triggerPoint: "end" });
     return { data };
   }
-  dispatchPopStateEvent(data) {
-    this.config.window.dispatchEvent(new PopStateEvent("popstate", { state: { ...data, currentTargetName: "domRenderRouter" } }));
-  }
-  reload(data) {
-    this.config.window.dispatchEvent(new PopStateEvent("popstate", { state: data }));
-  }
   getData() {
-    return this.config.window.history.state;
+    return this.config.window.history?.state;
   }
   getPathData(urlExpression, currentUrl = this.getPathName()) {
     return import_Expression.Expression.Path.pathNameData(currentUrl, urlExpression);
   }
-  async go(config) {
+  back() {
+    this.behaviorSubject.next({ ...this.getRouteData(), triggerPoint: "start" });
+    this.config.window.history.back();
+  }
+  forward() {
+    this.behaviorSubject.next({ ...this.getRouteData(), triggerPoint: "start" });
+    this.config.window.history?.forward();
+  }
+  go(config) {
+    if (typeof config === "number") {
+      this.behaviorSubject.next({ ...this.getRouteData(), triggerPoint: "start" });
+      this.config.window.history?.go(config);
+      return;
+    }
     if (typeof config === "string") {
       config = { path: config };
     }
@@ -120,20 +165,15 @@ class Router {
     } else {
       this.push(config.path, config.data, config.title);
     }
-    if (!this.config.disableAttach) {
-      await this.attach();
-    }
     if (config.scrollToTop !== false) {
       try {
         this._config.window?.scrollTo?.(0, 0);
       } catch (e) {
       }
     }
-    if (!config.disabledPopEvent) {
-      this.dispatchPopStateEvent(config?.data);
-    }
   }
   toUrl(data) {
+    console.log("toUrl", data);
     let targetPath;
     if (typeof data === "string") {
       targetPath = data;

package/dist/cjs/routers/Router.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/routers/Router.ts"],
-  "sourcesContent": ["import { ConvertUtils } from '@dooboostore/core/convert/ConvertUtils';\nimport { Observable } from '@dooboostore/core/message/Observable';\nimport { BehaviorSubject } from '@dooboostore/core/message/BehaviorSubject';\nimport { Expression } from '@dooboostore/core/expression/Expression';\nimport ToURLSearchParamsParams = ConvertUtils.ToURLSearchParamsParams;\n\nexport type RouteData = {\n  path: string;\n  url: string;\n  data?: any;\n  searchParams: URLSearchParams;\n  pathData?: any;\n  router: Router;\n  currentTarget?:PopCurrentState;\n}\nexport type PopStateCurrentTargetDomrenderRouter = { currentTargetName: 'domRenderRouter' };\nexport type PopCurrentState = PopStateCurrentTargetDomrenderRouter;\nexport const isPopStateCurrentTargetDomrenderRouter = (obj: any): obj is PopStateCurrentTargetDomrenderRouter =>\n  obj?.currentTargetName === 'domRenderRouter';\n\nexport type RouterConfig<T = any> = { rootObject?: T, window: Window, disableAttach?: boolean,\n  // changeStateConvertDate?:(data: any)=>any\n};\nexport type ChangeStateResult = {data?: any}\nexport type RouteAction = string | { path?: string, searchParams?: ToURLSearchParamsParams };\n\n/*\n    this.option.window.addEventListener('popstate', (event) => { // history.back, forward\uC5D0\uB9CC popstate \uBC1C\uC0DD\uB418\uACE0 \uAC12\uC774 \uB3C4\uCD9C\uB41C\uB2E4\n   console.log('popstate-------!!', event.state, this.domRenderConfig.window.history.state)\n   })\n */\nexport abstract class Router<T = any> {\n  private behaviorSubject: BehaviorSubject<RouteData>;\n  private _config: RouterConfig<T>;\n\n  get observable(): Observable<RouteData> {\n    return this.behaviorSubject.asObservable();\n  }\n\n  get searchParamObject() {\n    return ConvertUtils.toObject(this.getSearchParams());\n  }\n\n  get config() {\n    return this._config;\n  }\n\n  constructor(config: RouterConfig<any>) {\n    this._config = config;\n    this.behaviorSubject = new BehaviorSubject<RouteData>(this.getRouteData());\n    this.config.window.addEventListener('popstate', (event: PopStateEvent) => {\n      if(!isPopStateCurrentTargetDomrenderRouter(event.state)) {\n        // console.log('-------');\n        const routeData = this.getRouteData();\n        this.behaviorSubject.next(routeData);\n      }\n    })\n  }\n\n  public getSearchFirstParamsObject<T = any>(defaultValue?: T) {\n    const a = ConvertUtils.toObject<T>(this.getSearchParams(), {firstValue: true});\n    return Object.assign({}, defaultValue, a);\n  }\n\n  public getHashSearchFirstParamsObject<T = any>() {\n    return ConvertUtils.toObject<T>(this.getHashSearchParams(), {firstValue: true});\n  }\n\n  async attach(): Promise<void> {\n    // const proxy = getDomRenderProxy(this.config.rootObject)\n    // if (proxy) {\n    //   const key = `___${EventManager.ROUTER_VARNAME}`;\n    //   await proxy.render(key);\n    // }\n  }\n\n  testRegexp(regexp?: string): boolean {\n    if (regexp) {\n      const b = RegExp(regexp).test(this.getPathName());\n      return b;\n    }else {\n      return false;\n    }\n  }\n\n  test(urlExpression?: string): boolean {\n    if (urlExpression && this.getPathData(urlExpression)) {\n      return true;\n    } else {\n      return false;\n    }\n  }\n\n  getRouteData(config?: {urlExpression?: string, currentTarget?: PopCurrentState}): RouteData {\n    const newVar = {\n      path: this.getPathName(),\n      url: this.getUrl(),\n      searchParams: this.getSearchParams()\n    } as RouteData;\n\n    const data = this.getData();\n    if (data) {\n      newVar.data = data;\n    }\n    if (config?.urlExpression) {\n      const data = this.getPathData(config.urlExpression);\n      if (data) {\n        newVar.pathData = data;\n      }\n    }\n    newVar.router = this;\n    newVar.currentTarget = config?.currentTarget;\n    return Object.freeze(newVar);\n  }\n\n  pushState(data: any, title: string | undefined, path: string):ChangeStateResult {\n    // data = this.config.changeStateConvertDate?this.config.changeStateConvertDate(data): data;\n    // console.log('--->pushState', data);\n    this.config.window.history.pushState(data, title??'', path);\n    this.behaviorSubject.next(this.getRouteData({currentTarget: {currentTargetName: 'domRenderRouter'}}));\n    return {data};\n  }\n\n  replaceState(data: any, title: string | undefined, path: string):ChangeStateResult {\n    // data = this.config.changeStateConvertDate?this.config.changeStateConvertDate(data): data;\n    // console.log('--->replaceState', data);\n    this.config.window.history.replaceState(data, title??'', path);\n    this.behaviorSubject.next(this.getRouteData({currentTarget: {currentTargetName: 'domRenderRouter'}}));\n    return {data};\n  }\n\n  private dispatchPopStateEvent(data?: any) {\n    this.config.window.dispatchEvent(new PopStateEvent('popstate', {state: {...data, currentTargetName: 'domRenderRouter'}}));\n  }\n\n  reload(data?: any) {\n    this.config.window.dispatchEvent(new PopStateEvent('popstate', {state: data}));\n  }\n\n  getData(): any {\n    return this.config.window.history.state;\n  }\n\n  getPathData(urlExpression: string, currentUrl = this.getPathName()): any {\n    return Expression.Path.pathNameData(currentUrl, urlExpression);\n  }\n\n  async go(config:  string | { path: RouteAction, data?: any, replace?: boolean, title?: string, disabledPopEvent?: boolean, scrollToTop?: boolean } | string): Promise<void> {\n    if (typeof config === 'string') {\n      config = { path: config };\n    }\n\n    // let data: ChangeStateResult | undefined = undefined;\n    if (config?.replace) {\n      this.replace(config.path, config.data, config.title);\n    } else {\n      this.push(config.path, config.data, config.title);\n    }\n    if (!this.config.disableAttach) {\n      await this.attach();\n    }\n    \n    // \uC2A4\uD06C\uB864 \uC81C\uC5B4 (\uAE30\uBCF8\uAC12: true - \uB9E8 \uC704\uB85C \uC2A4\uD06C\uB864)\n    if (config.scrollToTop !== false) {\n      try {\n      this._config.window?.scrollTo?.(0, 0);\n      }catch (e){}\n    }\n    \n    // console.log('----------', data, config)\n    if (!config.disabledPopEvent) {\n      this.dispatchPopStateEvent(config?.data);\n    }\n  }\n\n  toUrl(data: RouteAction) {\n    let targetPath: string;\n    if (typeof data === 'string') {\n      targetPath = data;\n    } else {\n      const tpath = data.path ?? this.getPathName();\n      const s = data.searchParams ? ConvertUtils.toURLSearchParams(data.searchParams).toString() : '';\n      // data.searchParams\n      targetPath = `${tpath}${s.length > 0 ? '?' : ''}${s}`;\n    }\n    return targetPath;\n  }\n\n\n  abstract push(path: RouteAction, data?: any, title?: string): void;\n\n  abstract replace(path: RouteAction, data?: any, title?: string): void;\n\n  abstract pushDeleteSearchParam(name: string | string[], data?: any, title?: string): void;\n\n  abstract pushDeleteHashSearchParam(name: string | string[], data?: any, title?: string): void;\n\n  abstract pushAddSearchParam(params:[[string, string]], data?: any, title?: string): void;\n\n  abstract replaceDeleteSearchParam(name: string | string[], data?: any, title?: string): void;\n\n  abstract replaceDeleteHashSearchParam(name: string | string[], data?: any, title?: string): void;\n\n  abstract replaceAddSearchParam(params:[[string, string]], data?: any, title?: string): void;\n\n  abstract getSearchParams(data?:{delete?:string[], append?:[[string, string]]}): URLSearchParams;\n\n  abstract getHashSearchParams(data?:{delete?:string[], append?:[[string, string]]}): URLSearchParams;\n\n  abstract getUrl(): string;\n\n  abstract getHref(): string;\n\n  abstract getPathName(): string;\n}\n"],
-  "mappings": "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",
-  "names": ["data"]
+  "sourcesContent": ["import { ConvertUtils } from '@dooboostore/core/convert/ConvertUtils';\nimport { Observable } from '@dooboostore/core/message/Observable';\nimport { BehaviorSubject } from '@dooboostore/core/message/BehaviorSubject';\nimport { Expression } from '@dooboostore/core/expression/Expression';\nimport ToURLSearchParamsParams = ConvertUtils.ToURLSearchParamsParams;\n\nexport type RouteData = {\n  path: string;\n  url: string;\n  data?: any;\n  searchParams: URLSearchParams;\n  pathData?: any;\n  router: Router;\n}\n\nexport type RouterConfig<T = any> = { rootObject?: T, window: Window, firstUrl?: string};\nexport type ChangeStateResult = {data?: any}\nexport type RouteAction = string | { path?: string, searchParams?: ToURLSearchParamsParams };\n\ntype RouterEventType = RouteData & { triggerPoint: 'start' | 'end' };\n\nexport abstract class Router<T = any> {\n  private behaviorSubject: BehaviorSubject<RouterEventType>;\n  private _config: RouterConfig<T>;\n\n  constructor(config: RouterConfig<any>) {\n    this._config = config;\n\n    let routeData: RouterEventType;\n    if (config?.firstUrl) {\n      const path = config.firstUrl.split('?');\n      routeData = {\n        url: config.firstUrl,\n        path: path[0],\n        searchParams: new URLSearchParams(path[1]??''),\n        router: this,\n        triggerPoint: 'end'\n      }\n      this.behaviorSubject = new BehaviorSubject<RouterEventType>(routeData);\n      this.go(config.firstUrl);\n    } else {\n      routeData = {...this.getRouteData(), triggerPoint: 'end'};\n      this.behaviorSubject = new BehaviorSubject<RouterEventType>(routeData);\n    }\n    this.config.window.addEventListener('popstate', (event: PopStateEvent) => {\n      // domrender\uC5D0\uC11C \uBC1C\uC0DD\uD558\uC9C0 \uC54A\uC740 \uC989 back, previous \uC77C\uB584\uC5D0\uB3C4 \uC774\uBCA4\uD2B8\uAC00\uB3C4\uB85D \uCC98\uB9AC\n      // if(!isPopStateCurrentTargetDomrenderRouter(event.state)) {\n      // console.log('-------');\n      const routeData: RouterEventType = {...this.getRouteData(), triggerPoint: 'end'};\n      this.behaviorSubject.next(routeData);\n      // }\n    })\n  }\n\n\n  get observable(): Observable<RouterEventType> {\n    return this.behaviorSubject.asObservable();\n  }\n\n  get searchParamObject() {\n    return ConvertUtils.toObject(this.getSearchParams());\n  }\n\n  get config() {\n    return this._config;\n  }\n\n  public getSearchFirstParamsObject<T = any>(defaultValue?: T) {\n    const a = ConvertUtils.toObject<T>(this.getSearchParams(), {firstValue: true});\n    return Object.assign({}, defaultValue, a);\n  }\n\n  public getHashSearchFirstParamsObject<T = any>() {\n    return ConvertUtils.toObject<T>(this.getHashSearchParams(), {firstValue: true});\n  }\n\n  // async attach(): Promise<void> {\n  //   // const proxy = getDomRenderProxy(this.config.rootObject)\n  //   // if (proxy) {\n  //   //   const key = `___${EventManager.ROUTER_VARNAME}`;\n  //   //   await proxy.render(key);\n  //   // }\n  // }\n\n  testRegexp(regexp?: string): boolean {\n    if (regexp) {\n      const b = RegExp(regexp).test(this.getPathName());\n      return b;\n    }else {\n      return false;\n    }\n  }\n\n  test(urlExpression?: string): boolean {\n    if (urlExpression && this.getPathData(urlExpression)) {\n      return true;\n    } else {\n      return false;\n    }\n  }\n\n  getRouteData(config?: {pathOrUrl?: string, urlExpression?: string}): RouteData {\n\n    let path = '';\n    let url ='';\n    if (config?.pathOrUrl) {\n      let isUrl = false;\n      try {\n        new URL(config.pathOrUrl);\n        isUrl = true;\n      } catch {\n        isUrl = false;\n      }\n      if(isUrl){\n        const u = new URL(config.pathOrUrl);\n        path = u.pathname;\n        url = u.pathname + u.search;\n      } else {\n        path = config.pathOrUrl.split('?')[0];\n      }\n    } else {\n      path = this.getPathName();\n      url = this.getUrl();\n    }\n    const newVar = {\n      path: path,\n      url: url,\n      searchParams: this.getSearchParams()\n    } as RouteData;\n\n    const data = this.getData();\n    if (data) {\n      newVar.data = data;\n    }\n    if (config?.urlExpression) {\n      const data = this.getPathData(config.urlExpression);\n      if (data) {\n        newVar.pathData = data;\n      }\n    }\n    newVar.router = this;\n    // newVar.currentTarget = config?.currentTarget;\n    return Object.freeze(newVar);\n  }\n\n  pushState(data: any, title: string | undefined, path: string):ChangeStateResult {\n    // data = this.config.changeStateConvertDate?this.config.changeStateConvertDate(data): data;\n    // console.log('--->pushState', data);\n    this.behaviorSubject.next({ ...this.getRouteData({pathOrUrl:path}), triggerPoint: 'start' });\n    this.config.window.history?.pushState(data, title ?? '', path);\n    this.behaviorSubject.next({ ...this.getRouteData({pathOrUrl:path}), triggerPoint: 'end' });\n    return {data};\n  }\n\n  replaceState(data: any, title: string | undefined, path: string):ChangeStateResult {\n    // data = this.config.changeStateConvertDate?this.config.changeStateConvertDate(data): data;\n    // console.log('--->replaceState', data);\n    this.behaviorSubject.next({ ...this.getRouteData({pathOrUrl:path}), triggerPoint: 'start' });\n    this.config.window.history?.replaceState(data, title ?? '', path);\n    this.behaviorSubject.next({ ...this.getRouteData({pathOrUrl:path}), triggerPoint: 'end' });\n    return {data};\n  }\n\n  getData(): any {\n    return this.config.window.history?.state;\n  }\n\n  getPathData(urlExpression: string, currentUrl = this.getPathName()): any {\n    return Expression.Path.pathNameData(currentUrl, urlExpression);\n  }\n\n  back(): void {\n    this.behaviorSubject.next({...this.getRouteData(),triggerPoint:'start'});\n    this.config.window.history.back();\n    //en\uBD80\uBD84\uC740 constructo\uC758  this.config.window.addEventListener('popstate'   \uC5D0\uC11C \uBC1B\uC544\uC11C \uCC98\uB9AC\uB41C\uB2E4 \uD638\uCD9C\uB41C\uB2E4.\n  }\n\n  forward(): void {\n    this.behaviorSubject.next({...this.getRouteData(),triggerPoint:'start'});\n    this.config.window.history?.forward();\n    //end\uBD80\uBD84\uC740 constructor\uC758  this.config.window.addEventListener('popstate'   \uC5D0\uC11C \uBC1B\uC544\uC11C \uCC98\uB9AC\uB41C\uB2E4 \uD638\uCD9C\uB41C\uB2E4.\n  }\n\n  go(i: number): void;\n  async go(config:  string | { path: RouteAction, data?: any, replace?: boolean, title?: string, scrollToTop?: boolean } | string): Promise<void> ;\n  go(config: number | string | { path: RouteAction, data?: any, replace?: boolean, title?: string, scrollToTop?: boolean } | string): Promise<void> | void {\n    if (typeof config === 'number') {\n      this.behaviorSubject.next({...this.getRouteData(),triggerPoint:'start'});\n      this.config.window.history?.go(config);\n      //end\uBD80\uBD84\uC740 constructor\uC758  this.config.window.addEventListener('popstate'   \uC5D0\uC11C \uBC1B\uC544\uC11C \uCC98\uB9AC\uB41C\uB2E4 \uD638\uCD9C\uB41C\uB2E4.\n      return;\n    }\n\n    if (typeof config === 'string') {\n      config = { path: config };\n    }\n\n    // let data: ChangeStateResult | undefined = undefined;\n    if (config?.replace) {\n      this.replace(config.path, config.data, config.title);\n    } else {\n      this.push(config.path, config.data, config.title);\n    }\n    // if (!this.config.disableAttach) {\n    //   await this.attach();\n    // }\n\n    // \uC2A4\uD06C\uB864 \uC81C\uC5B4 (\uAE30\uBCF8\uAC12: true - \uB9E8 \uC704\uB85C \uC2A4\uD06C\uB864)\n    if (config.scrollToTop !== false) {\n      try {\n        this._config.window?.scrollTo?.(0, 0);\n      }catch (e){}\n    }\n\n    // console.log('----------', data, config)\n    // if (!config.disabledPopEvent) {\n    //   this.dispatchPopStateEvent(config?.data);\n    // }\n  }\n\n  toUrl(data: RouteAction) {\n    console.log('toUrl', data);\n    let targetPath: string;\n    if (typeof data === 'string') {\n      targetPath = data;\n    } else {\n      const tpath = data.path ?? this.getPathName();\n      const s = data.searchParams ? ConvertUtils.toURLSearchParams(data.searchParams).toString() : '';\n      // data.searchParams\n      targetPath = `${tpath}${s.length > 0 ? '?' : ''}${s}`;\n    }\n    return targetPath;\n  }\n\n\n  abstract push(path: RouteAction, data?: any, title?: string): void;\n\n  abstract replace(path: RouteAction, data?: any, title?: string): void;\n\n  abstract pushDeleteSearchParam(name: string | string[], data?: any, title?: string): void;\n\n  abstract pushDeleteHashSearchParam(name: string | string[], data?: any, title?: string): void;\n\n  abstract pushAddSearchParam(params:[[string, string]], data?: any, title?: string): void;\n\n  abstract replaceDeleteSearchParam(name: string | string[], data?: any, title?: string): void;\n\n  abstract replaceDeleteHashSearchParam(name: string | string[], data?: any, title?: string): void;\n\n  abstract replaceAddSearchParam(params:[[string, string]], data?: any, title?: string): void;\n\n  abstract getSearchParams(data?:{delete?:string[], append?:[[string, string]]}): URLSearchParams;\n\n  abstract getHashSearchParams(data?:{delete?:string[], append?:[[string, string]]}): URLSearchParams;\n\n  abstract getUrl(): string;\n\n  abstract getHref(): string;\n\n  abstract getPathName(): string;\n}\n"],
+  "mappings": "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",
+  "names": ["routeData", "data"]
 }

package/dist/esm/DomRender.js

@@ -10,13 +10,12 @@ import { RandomUtils } from "@dooboostore/core/random/RandomUtils";
 let eventManager = null;
 class DomRender {
   constructor(parameter, executeConfig) {
-    const s = DomRender.runSet(parameter);
+    const s = DomRender.runSet(parameter, executeConfig);
     this._config = s.config;
     this._target = s.target;
     this._rootObject = s.rootObject;
-    if (executeConfig && executeConfig?.autoGo) {
-      this._config.router?.go(executeConfig.autoGo);
-    }
+    this._router = s.config.router;
+    this._eventManager = s.config.eventManager;
   }
   get rootObject() {
     return this._rootObject;
@@ -24,13 +23,23 @@ class DomRender {
   get config() {
     return this._config;
   }
+  get router() {
+    return this._router;
+  }
+  get eventManager() {
+    return this._eventManager;
+  }
   get target() {
     return this._target;
   }
   static run(data) {
     return DomRender.runSet(data).rootObject;
   }
-  static runSet({ rootObject, target, config }) {
+  static runSet({
+    rootObject,
+    target,
+    config
+  }, executeConfig) {
     rootObject = typeof rootObject === "function" ? rootObject() : rootObject;
     let targetObject = rootObject;
     if ("_DomRender_isProxy" in rootObject) {
@@ -67,8 +76,20 @@ class DomRender {
     if (typeof CanvasRenderingContext2D !== "undefined" && !targetConfig.proxyExcludeTyps.some((it) => it === CanvasRenderingContext2D)) {
       targetConfig.proxyExcludeTyps.push(CanvasRenderingContext2D);
     }
-    if (typeof HTMLCanvasElement !== "undefined" && !targetConfig.proxyExcludeTyps.some((it) => it === HTMLCanvasElement)) {
-      targetConfig.proxyExcludeTyps.push(HTMLCanvasElement);
+    if (typeof CSSStyleDeclaration !== "undefined" && !targetConfig.proxyExcludeTyps.some((it) => it === CSSStyleDeclaration)) {
+      targetConfig.proxyExcludeTyps.push(CSSStyleDeclaration);
+    }
+    if (typeof Date !== "undefined" && !targetConfig.proxyExcludeTyps.some((it) => it === Date)) {
+      targetConfig.proxyExcludeTyps.push(Date);
+    }
+    if (typeof MutationObserver !== "undefined" && !targetConfig.proxyExcludeTyps.some((it) => it === IntersectionObserver)) {
+      targetConfig.proxyExcludeTyps.push(IntersectionObserver);
+    }
+    if (typeof IntersectionObserver !== "undefined" && !targetConfig.proxyExcludeTyps.some((it) => it === IntersectionObserver)) {
+      targetConfig.proxyExcludeTyps.push(IntersectionObserver);
+    }
+    if (typeof HTMLElement !== "undefined" && !targetConfig.proxyExcludeTyps.some((it) => it === HTMLElement)) {
+      targetConfig.proxyExcludeTyps.push(HTMLElement);
     }
     if (!targetConfig.proxyExcludeTyps.some((it) => it === RawSet)) {
       targetConfig.proxyExcludeTyps.push(RawSet);
@@ -85,11 +106,11 @@ class DomRender {
     if (!targetConfig.router) {
       let targetRouter;
       if ("routerType" in config && config?.routerType === "hash") {
-        targetRouter = new HashRouter({ rootObject: targetObject, window: targetConfig.window });
+        targetRouter = new HashRouter({ rootObject: targetObject, window: targetConfig.window, firstUrl: executeConfig?.firstUrl });
       } else if ("routerType" in config && config?.routerType === "path") {
-        targetRouter = new PathRouter({ rootObject: targetObject, window: targetConfig.window });
+        targetRouter = new PathRouter({ rootObject: targetObject, window: targetConfig.window, firstUrl: executeConfig?.firstUrl });
       } else if ("routerType" in config && typeof config?.routerType === "function") {
-        targetRouter = config.routerType(targetObject, targetConfig.window);
+        targetRouter = config.routerType(targetObject, targetConfig);
       } else if ("routerType" in config && typeof config?.routerType === "object") {
         targetRouter = config.routerType;
       }
@@ -105,26 +126,20 @@ class DomRender {
     return { rootObject: targetObject, config: targetConfig, target };
   }
   static createComponent(param) {
-    const component = RawSet.createComponentTargetElement(
-      {
-        name: param.tagName ?? (typeof param.type === "function" ? param.type.name : param.type.constructor.name),
-        objFactory: (e, o, r2, counstructorParam) => {
-          return typeof param.type === "function" ? new param.type(...counstructorParam) : param.type;
-        },
-        noStrip: param.noStrip,
-        template: param.template ?? "",
-        styles: Array.isArray(param.styles) ? param.styles : param.styles ? [param.styles] : void 0
-      }
-    );
+    const component = RawSet.createComponentTargetElement({
+      name: param.tagName ?? (typeof param.type === "function" ? param.type.name : param.type.constructor.name),
+      objFactory: (e, o, r2, counstructorParam) => {
+        return typeof param.type === "function" ? new param.type(...counstructorParam) : param.type;
+      },
+      noStrip: param.noStrip,
+      template: param.template ?? "",
+      styles: Array.isArray(param.styles) ? param.styles : param.styles ? [param.styles] : void 0
+    });
     return component;
   }
   // ?? 언제 쓰는거지?? 훔..
   static createAttribute(attrName, getThisObj, factory) {
-    const targetAttribute = RawSet.createComponentTargetAttribute(
-      attrName,
-      getThisObj,
-      factory
-    );
+    const targetAttribute = RawSet.createComponentTargetAttribute(attrName, getThisObj, factory);
     return targetAttribute;
   }
 }

package/dist/esm/DomRender.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DomRender.ts"],
-  "sourcesContent": ["import { DomRenderProxy } from './DomRenderProxy';\nimport { DomRenderConfig } from './configs/DomRenderConfig';\nimport { PathRouter } from './routers/PathRouter';\nimport { HashRouter } from './routers/HashRouter';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { DomRenderFinalProxy } from './types/Types';\nimport { RawSet } from './rawsets/RawSet';\nimport { DefaultMessenger } from './messenger/DefaultMessenger';\nimport { Router } from './routers/Router';\nimport { drComponent } from './components';\nimport { EventManager } from './events/EventManager';\nimport { RandomUtils } from '@dooboostore/core/random/RandomUtils';\n\nexport type DomRenderRunConfig<T = any> = Omit<DomRenderConfig<T>, 'router' | 'uuid' | 'eventManager' | 'messenger' | 'root' | 'rootElement'> & { routerType?: 'path' | 'hash' | ((obj: T, window: Window) => Router) | Router };\nexport type CreateComponentParam = { type: ConstructorType<any> | any, tagName?: string, noStrip?: boolean, template?: string, styles?: string[] | string };\nlet eventManager: EventManager | null = null;\nexport type DomRenderRunParameter<T extends object> = { rootObject: T | (() => T), target?: Element | null, config?: DomRenderRunConfig | DomRenderConfig };\n\nexport class DomRender<T extends object = any> {\n  private _config: DomRenderConfig;\n  private _target: Element | null | undefined;\n  private _rootObject: T;\n\n  constructor(parameter: DomRenderRunParameter<T>, executeConfig?: { autoGo?: string }) {\n    const s = DomRender.runSet(parameter);\n    this._config = s.config;\n    this._target = s.target;\n    this._rootObject = s.rootObject;\n    if (executeConfig && executeConfig?.autoGo) {\n      this._config.router?.go(executeConfig.autoGo);\n    }\n  }\n\n  public get rootObject(): T {\n    return this._rootObject;\n  }\n\n  public get config(): DomRenderConfig {\n    return this._config;\n  }\n\n  public get target(): Element | null |undefined {\n    return this._target;\n  }\n\n  public static run<T extends object>(data: DomRenderRunParameter<T>): T {\n    return DomRender.runSet(data).rootObject;\n  }\n\n  public static runSet<T extends object>({rootObject, target, config}: DomRenderRunParameter<T>): { rootObject: T, target?: Element | null, config: DomRenderConfig } {\n    // public static run<T extends object>({rootObject, target, config}: DomRenderRunParameter<T>): T {\n    //   console.log('runSet')\n    rootObject = typeof rootObject === 'function' ? rootObject() : rootObject;\n    let targetObject = rootObject;\n    if ('_DomRender_isProxy' in rootObject) {\n      if (target) {\n        ((rootObject as any)._DomRender_proxy as DomRenderProxy<T>).initRender(target);\n      }\n      targetObject = rootObject;\n      // return targetObject;\n      return {rootObject: targetObject, target, config: (rootObject as any)._domRender_config};\n    }\n    const targetConfig = Object.assign({}, config) as DomRenderConfig;\n    eventManager ??= new EventManager(targetConfig.window);\n\n    targetConfig.uuid = RandomUtils.uuid4();\n    targetConfig.messenger = DomRenderFinalProxy.final(targetConfig.messenger ?? new DefaultMessenger(targetConfig));\n    targetConfig.proxyExcludeTyps = targetConfig.proxyExcludeTyps ?? [];\n    targetConfig.targetElements ??= [];\n\n\n    if (typeof Window !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Window)) {\n      targetConfig.proxyExcludeTyps.push(Window);\n    }\n    if (typeof Map !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Map)) {\n      targetConfig.proxyExcludeTyps.push(Map);\n    }\n    if (typeof Set !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Set)) {\n      targetConfig.proxyExcludeTyps.push(Set);\n    }\n    if (typeof Promise !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Promise)) {\n      targetConfig.proxyExcludeTyps.push(Promise);\n    }\n    if (typeof ResizeObserver !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === ResizeObserver)) {\n      targetConfig.proxyExcludeTyps.push(ResizeObserver);\n    }\n    if (typeof ImageBitmap !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === ImageBitmap)) {\n      targetConfig.proxyExcludeTyps.push(ImageBitmap);\n    }\n    if (typeof CanvasRenderingContext2D !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === CanvasRenderingContext2D)) {\n      targetConfig.proxyExcludeTyps.push(CanvasRenderingContext2D);\n    }\n    if (typeof HTMLCanvasElement !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === HTMLCanvasElement)) {\n      targetConfig.proxyExcludeTyps.push(HTMLCanvasElement);\n    }\n    if (!targetConfig.proxyExcludeTyps.some(it => it === RawSet)) {\n      targetConfig.proxyExcludeTyps.push(RawSet);\n    }\n    if (!targetConfig.proxyExcludeTyps.some(it => it === DomRender)) {\n      targetConfig.proxyExcludeTyps.push(DomRender);\n    }\n    targetConfig.rootElement = target;\n    targetConfig.eventManager = eventManager;\n    // (targetConfig.window as any).domRender ??= {configs: []};\n    // (targetConfig.window as any).domRender.configs.push(targetConfig);\n    const domRender = new DomRenderProxy(rootObject, target, targetConfig);\n    const dest = new Proxy(rootObject, domRender);\n    targetObject = dest;\n    targetConfig.root = targetObject;\n\n    // proxy \uB41C targetObject\uB97C \uB123\uC5B4\uC918\uC57C\uB418\uC11C \uB4A4\uCABD\uC5D0\uC11C router\uB97C \uC0DD\uC131\uD574\uC57C\uD568\n    if (!targetConfig.router) {\n      let targetRouter: Router<any> | undefined;\n      if ('routerType' in config && config?.routerType === 'hash') {\n        targetRouter = new HashRouter({rootObject: targetObject, window: targetConfig.window});\n      } else if ('routerType' in config && config?.routerType === 'path') {\n        targetRouter = new PathRouter({rootObject: targetObject, window: targetConfig.window});\n      } else if ('routerType' in config && typeof config?.routerType === 'function') {\n        targetRouter = config.routerType(targetObject, targetConfig.window);\n      } else if ('routerType' in config && typeof config?.routerType === 'object') {\n        targetRouter = config.routerType;\n      }\n      targetConfig.router = targetRouter;\n    }\n\n    for (const value of Object.values(drComponent)) {\n      const a = value(targetConfig, DomRender);\n      if (!targetConfig.targetElements.some(it => it.name === a.name)) {\n        targetConfig.targetElements.push(a);\n      }\n    }\n    // console.log('cccccccccccccccccc', targetRouter)\n    // targetRouter.go({path: targetRouter.getUrl()})\n    // if (!config.router) {\n    //   if (config.routerType === 'path') {\n    //     config.router = new PathRouter(targetObject, config.window);\n    //   } else if (config.routerType === 'hash') {\n    //     config.router = new HashRouter(targetObject, config.window);\n    //   } else { // none\n    //     config.router = new HashRouter(targetObject, config.window);\n    //   }\n    // }\n    domRender.run(targetObject);\n    return {rootObject: targetObject, config: targetConfig, target};\n    // return targetObject;\n  }\n\n  public static createComponent(param: CreateComponentParam) {\n    // console.log('===>', typeof param.type, param.type.name, param.type.constructor.name)\n    const component = RawSet.createComponentTargetElement(\n      {\n        name: param.tagName ?? (typeof param.type === 'function' ? param.type.name : param.type.constructor.name),\n        objFactory: (e, o, r2, counstructorParam) => {\n          return typeof param.type === 'function' ? new param.type(...counstructorParam) : param.type;\n        },\n        noStrip: param.noStrip,\n        template: param.template ?? '',\n        styles: Array.isArray(param.styles) ? param.styles : (param.styles ? [param.styles] : undefined)\n      }\n    );\n    return component;\n  }\n\n  // ?? \uC5B8\uC81C \uC4F0\uB294\uAC70\uC9C0?? \uD6D4..\n  public static createAttribute(attrName: string, getThisObj: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => any, factory: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => DocumentFragment) {\n    const targetAttribute = RawSet.createComponentTargetAttribute(\n      attrName,\n      getThisObj,\n      factory\n    );\n    return targetAttribute;\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { DomRenderProxy } from './DomRenderProxy';\nimport { DomRenderConfig } from './configs/DomRenderConfig';\nimport { PathRouter } from './routers/PathRouter';\nimport { HashRouter } from './routers/HashRouter';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { DomRenderFinalProxy } from './types/Types';\nimport { RawSet } from './rawsets/RawSet';\nimport { DefaultMessenger } from './messenger/DefaultMessenger';\nimport { Router } from './routers/Router';\nimport { drComponent } from './components';\nimport { EventManager } from './events/EventManager';\nimport { RandomUtils } from '@dooboostore/core/random/RandomUtils';\n\nexport type DomRenderRunConfig<T = any> = Omit<DomRenderConfig<T>, 'router' | 'uuid' | 'eventManager' | 'messenger' | 'root' | 'rootElement'> & { routerType?: 'path' | 'hash' | ((obj: T, targetConfig: DomRenderConfig) => Router) | Router };\nexport type CreateComponentParam = { type: ConstructorType<any> | any, tagName?: string, noStrip?: boolean, template?: string, styles?: string[] | string };\nlet eventManager: EventManager | null = null;\nexport type DomRenderRunParameter<T extends object> = { rootObject: T | (() => T), target?: Element | null, config?: DomRenderRunConfig | DomRenderConfig };\n\nexport type ExecuteConfig = { firstUrl?: string };\n\nexport class DomRender<T extends object = any> {\n  private _config: DomRenderConfig;\n  private _target: Element | null | undefined;\n  private _rootObject: T;\n  private _router: Router;\n  private _eventManager: EventManager;\n\n  constructor(parameter: DomRenderRunParameter<T>, executeConfig?: ExecuteConfig) {\n    const s = DomRender.runSet(parameter,executeConfig);\n    this._config = s.config;\n    this._target = s.target;\n    this._rootObject = s.rootObject;\n    this._router = s.config.router;\n    this._eventManager = s.config.eventManager;\n    // if (executeConfig && executeConfig?.autoGo) {\n    //   this._config.router?.go(executeConfig.autoGo);\n    // }\n  }\n\n  public get rootObject(): T {\n    return this._rootObject;\n  }\n\n  public get config(): DomRenderConfig {\n    return this._config;\n  }\n  public get router(): Router {\n    return this._router;\n  }\n\n  public get eventManager(): EventManager {\n    return this._eventManager;\n  }\n  public get target(): Element | null | undefined {\n    return this._target;\n  }\n\n  public static run<T extends object>(data: DomRenderRunParameter<T>): T {\n    return DomRender.runSet(data).rootObject;\n  }\n\n  public static runSet<T extends object>({\n    rootObject,\n    target,\n    config\n  }: DomRenderRunParameter<T>, executeConfig?: ExecuteConfig): { rootObject: T; target?: Element | null; config: DomRenderConfig } {\n    // public static run<T extends object>({rootObject, target, config}: DomRenderRunParameter<T>): T {\n    //   console.log('runSet')\n    rootObject = typeof rootObject === 'function' ? rootObject() : rootObject;\n    let targetObject = rootObject;\n    if ('_DomRender_isProxy' in rootObject) {\n      if (target) {\n        ((rootObject as any)._DomRender_proxy as DomRenderProxy<T>).initRender(target);\n      }\n      targetObject = rootObject;\n      // return targetObject;\n      return { rootObject: targetObject, target, config: (rootObject as any)._domRender_config };\n    }\n    const targetConfig = Object.assign({}, config) as DomRenderConfig;\n    eventManager ??= new EventManager(targetConfig.window);\n\n    targetConfig.uuid = RandomUtils.uuid4();\n    targetConfig.messenger = DomRenderFinalProxy.final(targetConfig.messenger ?? new DefaultMessenger(targetConfig));\n    targetConfig.proxyExcludeTyps = targetConfig.proxyExcludeTyps ?? [];\n    targetConfig.targetElements ??= [];\n\n    if (typeof Window !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Window)) {\n      targetConfig.proxyExcludeTyps.push(Window);\n    }\n    if (typeof Map !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Map)) {\n      targetConfig.proxyExcludeTyps.push(Map);\n    }\n    if (typeof Set !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Set)) {\n      targetConfig.proxyExcludeTyps.push(Set);\n    }\n    if (typeof Promise !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Promise)) {\n      targetConfig.proxyExcludeTyps.push(Promise);\n    }\n    if (typeof ResizeObserver !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === ResizeObserver)) {\n      targetConfig.proxyExcludeTyps.push(ResizeObserver);\n    }\n    if (typeof ImageBitmap !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === ImageBitmap)) {\n      targetConfig.proxyExcludeTyps.push(ImageBitmap);\n    }\n    if ( typeof CanvasRenderingContext2D !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === CanvasRenderingContext2D) ) {\n      targetConfig.proxyExcludeTyps.push(CanvasRenderingContext2D);\n    }\n    if ( typeof CSSStyleDeclaration !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === CSSStyleDeclaration) ) {\n      targetConfig.proxyExcludeTyps.push(CSSStyleDeclaration);\n    }\n    if ( typeof Date !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === Date) ) {\n      targetConfig.proxyExcludeTyps.push(Date);\n    }\n    if ( typeof MutationObserver !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === IntersectionObserver) ) {\n      targetConfig.proxyExcludeTyps.push(IntersectionObserver);\n    }\n    if ( typeof IntersectionObserver !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === IntersectionObserver) ) {\n      targetConfig.proxyExcludeTyps.push(IntersectionObserver);\n    }\n    if (typeof HTMLElement !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === HTMLElement)) {\n      targetConfig.proxyExcludeTyps.push(HTMLElement);\n    }\n    // if (typeof HTMLCanvasElement !== 'undefined' && !targetConfig.proxyExcludeTyps.some(it => it === HTMLCanvasElement)) {\n    //   targetConfig.proxyExcludeTyps.push(HTMLCanvasElement);\n    // }\n    if (!targetConfig.proxyExcludeTyps.some(it => it === RawSet)) {\n      targetConfig.proxyExcludeTyps.push(RawSet);\n    }\n    if (!targetConfig.proxyExcludeTyps.some(it => it === DomRender)) {\n      targetConfig.proxyExcludeTyps.push(DomRender);\n    }\n    targetConfig.rootElement = target;\n    targetConfig.eventManager = eventManager;\n    // (targetConfig.window as any).domRender ??= {configs: []};\n    // (targetConfig.window as any).domRender.configs.push(targetConfig);\n    const domRender = new DomRenderProxy(rootObject, target, targetConfig);\n    const dest = new Proxy(rootObject, domRender);\n    targetObject = dest;\n    targetConfig.root = targetObject;\n\n    // proxy \uB41C targetObject\uB97C \uB123\uC5B4\uC918\uC57C\uB418\uC11C \uB4A4\uCABD\uC5D0\uC11C router\uB97C \uC0DD\uC131\uD574\uC57C\uD568\n    if (!targetConfig.router) {\n      let targetRouter: Router<any> | undefined;\n      if ('routerType' in config && config?.routerType === 'hash') {\n        targetRouter = new HashRouter({ rootObject: targetObject, window: targetConfig.window, firstUrl: executeConfig?.firstUrl });\n      } else if ('routerType' in config && config?.routerType === 'path') {\n        targetRouter = new PathRouter({ rootObject: targetObject, window: targetConfig.window, firstUrl: executeConfig?.firstUrl });\n      } else if ('routerType' in config && typeof config?.routerType === 'function') {\n        targetRouter = config.routerType(targetObject, targetConfig);\n      } else if ('routerType' in config && typeof config?.routerType === 'object') {\n        targetRouter = config.routerType;\n      }\n      targetConfig.router = targetRouter;\n    }\n\n    for (const value of Object.values(drComponent)) {\n      const a = value(targetConfig, DomRender);\n      if (!targetConfig.targetElements.some(it => it.name === a.name)) {\n        targetConfig.targetElements.push(a);\n      }\n    }\n    // console.log('cccccccccccccccccc', targetRouter)\n    // targetRouter.go({path: targetRouter.getUrl()})\n    // if (!config.router) {\n    //   if (config.routerType === 'path') {\n    //     config.router = new PathRouter(targetObject, config.window);\n    //   } else if (config.routerType === 'hash') {\n    //     config.router = new HashRouter(targetObject, config.window);\n    //   } else { // none\n    //     config.router = new HashRouter(targetObject, config.window);\n    //   }\n    // }\n    domRender.run(targetObject);\n    return { rootObject: targetObject, config: targetConfig, target };\n    // return targetObject;\n  }\n\n  public static createComponent(param: CreateComponentParam) {\n    // console.log('===>', typeof param.type, param.type.name, param.type.constructor.name)\n    const component = RawSet.createComponentTargetElement({\n      name: param.tagName ?? (typeof param.type === 'function' ? param.type.name : param.type.constructor.name),\n      objFactory: (e, o, r2, counstructorParam) => {\n        return typeof param.type === 'function' ? new param.type(...counstructorParam) : param.type;\n      },\n      noStrip: param.noStrip,\n      template: param.template ?? '',\n      styles: Array.isArray(param.styles) ? param.styles : param.styles ? [param.styles] : undefined\n    });\n    return component;\n  }\n\n  // ?? \uC5B8\uC81C \uC4F0\uB294\uAC70\uC9C0?? \uD6D4..\n  public static createAttribute(\n    attrName: string,\n    getThisObj: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => any,\n    factory: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => DocumentFragment\n  ) {\n    const targetAttribute = RawSet.createComponentTargetAttribute(attrName, getThisObj, factory);\n    return targetAttribute;\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }