@dooboostore/simple-boot-http-server-ssr 1.0.12 → 1.0.14

package/dist/esm/filters/SSRDomParserFilter.js

@@ -0,0 +1,163 @@
+import { HttpHeaders } from "@dooboostore/simple-boot-http-server/codes/HttpHeaders";
+import { Mimes } from "@dooboostore/simple-boot-http-server/codes/Mimes";
+import { HttpStatus } from "@dooboostore/simple-boot-http-server/codes/HttpStatus";
+import { AsyncBlockingQueue } from "@dooboostore/core/queues/AsyncBlockingQueue";
+import { RandomUtils } from "@dooboostore/core/random/RandomUtils";
+import { NotFoundError } from "@dooboostore/simple-boot-http-server/errors/NotFoundError";
+import { DomRenderProxy } from "@dooboostore/dom-render/DomRenderProxy";
+import { filter } from "@dooboostore/core/message/operators/filter";
+import { first } from "@dooboostore/core/message/operators/first";
+import { firstValueFrom } from "@dooboostore/core/message/internal/firstValueFrom";
+import { Promises } from "@dooboostore/core/promise/Promises";
+import { DomParserInitializer } from "../initializers/DomParserInitializer.js";
+class SSRDomParserFilter {
+  constructor(config, otherInstanceSim) {
+    this.config = config;
+    this.otherInstanceSim = otherInstanceSim;
+    this.simpleBootFrontPool = [];
+    this.simpleBootFrontQueue = new AsyncBlockingQueue();
+    // private indexHTML: string;
+    this.welcomUrl = "http://localhost";
+    this.poolGeneration = 0;
+    config.frontDistIndexFileName = config.frontDistIndexFileName || "index.html";
+  }
+  async onInit(app) {
+    for (let i = 0; i < this.config.poolOption.min; i++) {
+      await this.pushQueue();
+    }
+    if (this.config.poolOption.clearIntervalTime && this.config.poolOption.clearIntervalTime > 0) {
+      this.intervalId = setInterval(() => {
+        this.poolGeneration++;
+      }, this.config.poolOption.clearIntervalTime);
+    }
+  }
+  async onDestroy() {
+    if (this.intervalId) {
+      clearInterval(this.intervalId);
+    }
+    this.simpleBootFrontPool.forEach((front) => {
+      front.jsdom?.window.close();
+    });
+    this.simpleBootFrontPool = [];
+  }
+  async makePage() {
+    let windowPromise = await new DomParserInitializer(
+      this.config.frontDistPath,
+      this.config.frontDistIndexFileName || "index.html",
+      { url: this.welcomUrl }
+    ).run();
+    return windowPromise;
+  }
+  async makeFront(window) {
+    const name = RandomUtils.uuid();
+    window.ssrUse = false;
+    const option = this.config.factorySimFrontOption(DomRenderProxy.final(window));
+    const simpleBootFront = await this.config.factory.create(option, this.config.using, this.config.domExcludes);
+    simpleBootFront.run(this.otherInstanceSim);
+    simpleBootFront.generation = this.poolGeneration;
+    return simpleBootFront;
+  }
+  enqueueFrontApp(simpleBootFront) {
+    this.simpleBootFrontPool.push(simpleBootFront);
+    this.simpleBootFrontQueue.enqueue(simpleBootFront);
+  }
+  async pushQueue() {
+    if (this.simpleBootFrontPool.length < this.config.poolOption.max) {
+      this.enqueueFrontApp(await this.makeFront(await this.makePage()));
+    }
+  }
+  async proceedBefore({ rr, app }) {
+    if (this.config.ssrExcludeFilter?.(rr)) {
+      return false;
+    }
+    if (rr.reqHasAcceptHeader(Mimes.TextHtml) || rr.reqHasAcceptHeader(Mimes.All)) {
+      if (this.simpleBootFrontQueue.isEmpty()) {
+        await this.pushQueue();
+      }
+      const simpleBootFront = await this.simpleBootFrontQueue.dequeue();
+      try {
+        simpleBootFront.option.window.ssrUse = true;
+        delete simpleBootFront.option.window.server_side_data;
+        const url = rr.reqUrlObj({ host: "localhost" });
+        if (this.config.simpleBootFront?.notFoundError) {
+          const intent = await simpleBootFront.getIntent(url.pathname);
+          if (intent.module === void 0 && !intent.getRouterPathData(rr.reqUrlPathName)) {
+            throw new NotFoundError({ message: `Not Found: ${rr.reqUrlPathName}` });
+          }
+        }
+        const targetUrl = url.toString();
+        await simpleBootFront.goRouting(targetUrl);
+        await Promises.sleep(0);
+        const data = await firstValueFrom(
+          simpleBootFront.routingSubjectObservable.pipe(
+            filter(
+              (it) => it.triggerPoint === "end" && typeof it.routerModule.intent.uri === "string" && targetUrl.endsWith(it.routerModule.intent.uri)
+            ),
+            // delay(1000),
+            first()
+          )
+        );
+        await Promises.sleep(0);
+        const html = this.makeHTML(simpleBootFront);
+        await this.writeOkHtmlAndEnd({ rr }, html);
+      } finally {
+        simpleBootFront.option.window.ssrUse = false;
+        delete simpleBootFront.option.window.server_side_data;
+        if (simpleBootFront.generation < this.poolGeneration) {
+          const jsdom = simpleBootFront.jsdom;
+          jsdom?.window.close();
+          const index = this.simpleBootFrontPool.indexOf(simpleBootFront);
+          if (index > -1) {
+            this.simpleBootFrontPool.splice(index, 1);
+          }
+          this.pushQueue();
+        } else {
+          this.simpleBootFrontQueue.enqueue(simpleBootFront);
+        }
+      }
+      return false;
+    } else {
+      return true;
+    }
+  }
+  makeHTML(simpleBootFront) {
+    simpleBootFront.option.window.document.querySelectorAll("*").forEach((el) => {
+      Array.from(el.attributes).forEach((attr) => {
+        if (/^dr-/.test(attr.name) || /^domstyle/.test(attr.name) || /this-path/.test(attr.name)) {
+          el.removeAttribute(attr.name);
+        }
+      });
+    });
+    let html = simpleBootFront.option.window.document.documentElement.outerHTML;
+    if (!/^<!DOCTYPE html>/i.test(html)) {
+      html = "<!DOCTYPE html>" + html;
+    }
+    html = html.replace(/\$\{[\s\S]*?\}\$/g, "");
+    const serverSideData = simpleBootFront.option.window.server_side_data;
+    if (serverSideData) {
+      const data = Object.entries(serverSideData).map(([k, v]) => {
+        if (typeof v === "string") {
+          return `window.server_side_data.${k} = ${v}`;
+        } else {
+          return `window.server_side_data.${k} = ${JSON.stringify(v)}`;
+        }
+      }).join(";");
+      if (data) {
+        html = html.replace("</head>", `<script> window.server_side_data={}; ${data}; </script></head>`);
+      }
+    }
+    return html;
+  }
+  async writeOkHtmlAndEnd({ rr, status = HttpStatus.Ok }, html) {
+    rr.resStatusCode(status);
+    rr.resSetHeader(HttpHeaders.ContentType, Mimes.TextHtml);
+    await rr.resEnd(html);
+  }
+  async proceedAfter({ rr, app }) {
+    return true;
+  }
+}
+export {
+  SSRDomParserFilter
+};
+//# sourceMappingURL=SSRDomParserFilter.js.map

package/dist/esm/filters/SSRDomParserFilter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/filters/SSRDomParserFilter.ts"],
+  "sourcesContent": ["import { RequestResponse } from '@dooboostore/simple-boot-http-server/models/RequestResponse';\nimport { HttpHeaders } from '@dooboostore/simple-boot-http-server/codes/HttpHeaders';\nimport { SimpleBootHttpSSRFactory } from '../SimpleBootHttpSSRFactory';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Filter } from '@dooboostore/simple-boot-http-server/filters/Filter';\nimport { Mimes } from '@dooboostore/simple-boot-http-server/codes/Mimes';\nimport { HttpStatus } from '@dooboostore/simple-boot-http-server/codes/HttpStatus';\nimport { SimpleBootHttpServer } from '@dooboostore/simple-boot-http-server/SimpleBootHttpServer';\nimport { SimFrontOption } from '@dooboostore/simple-boot-front/option/SimFrontOption';\nimport { SimpleBootFront } from '@dooboostore/simple-boot-front/SimpleBootFront';\nimport { AsyncBlockingQueue } from '@dooboostore/core/queues/AsyncBlockingQueue';\nimport { RandomUtils } from '@dooboostore/core/random/RandomUtils';\nimport * as JSDOM from 'jsdom';\nimport { NotFoundError } from '@dooboostore/simple-boot-http-server/errors/NotFoundError';\nimport { DomRenderProxy } from '@dooboostore/dom-render/DomRenderProxy';\nimport { filter } from '@dooboostore/core/message/operators/filter';\nimport { first } from '@dooboostore/core/message/operators/first';\nimport { delay } from '@dooboostore/core/message/operators/delay';\nimport { firstValueFrom } from '@dooboostore/core/message/internal/firstValueFrom';\nimport { parseHTML } from 'linkedom';\nimport {Promises} from '@dooboostore/core/promise/Promises';\nimport { DomParserInitializer } from '../initializers/DomParserInitializer';\n\nexport type FactoryAndParams = {\n  frontDistPath: string;\n  frontDistIndexFileName?: string;\n  factorySimFrontOption: (window: any) => SimFrontOption;\n  factory: SimpleBootHttpSSRFactory;\n  poolOption: {\n    max: number;\n    min: number;\n    clearIntervalTime?: number;\n  };\n  using: ConstructorType<any>[];\n  domExcludes?: ConstructorType<any>[];\n  ssrExcludeFilter?: (rr: RequestResponse) => boolean;\n  simpleBootFront?: {\n    notFoundError?: boolean;\n  };\n};\n\nexport class SSRDomParserFilter implements Filter {\n  private simpleBootFrontPool: SimpleBootFront[] = [];\n  private simpleBootFrontQueue = new AsyncBlockingQueue<SimpleBootFront>();\n  // private indexHTML: string;\n  private welcomUrl = 'http://localhost';\n  private poolGeneration = 0;\n  private intervalId?: NodeJS.Timeout;\n\n  constructor(\n    public config: FactoryAndParams,\n    public otherInstanceSim?: Map<ConstructorType<any>, any>\n  ) {\n    config.frontDistIndexFileName = config.frontDistIndexFileName || 'index.html';\n    // this.indexHTML = JsdomInitializer.loadFile(this.config.frontDistPath, config.frontDistIndexFileName);\n  }\n\n  async onInit(app: SimpleBootHttpServer) {\n    for (let i = 0; i < this.config.poolOption.min; i++) {\n      await this.pushQueue();\n    }\n\n    if (this.config.poolOption.clearIntervalTime && this.config.poolOption.clearIntervalTime > 0) {\n      this.intervalId = setInterval(() => {\n        this.poolGeneration++;\n      }, this.config.poolOption.clearIntervalTime);\n    }\n  }\n\n  async onDestroy() {\n    if (this.intervalId) {\n      clearInterval(this.intervalId);\n    }\n    // this.simpleBootFrontQueue.clear();\n    this.simpleBootFrontPool.forEach(front => {\n      (front as any).jsdom?.window.close();\n    });\n    this.simpleBootFrontPool = [];\n  }\n\n  async makePage() {\n      let windowPromise = await new DomParserInitializer(\n          this.config.frontDistPath,\n          this.config.frontDistIndexFileName || 'index.html',\n          { url: this.welcomUrl }\n      ).run();\n      return windowPromise;\n    // const jsdom = await new JsdomInitializer(\n    //   this.config.frontDistPath,\n    //   this.config.frontDistIndexFileName || 'index.html',\n    //   { url: this.welcomUrl }\n    // ).run();\n    // return jsdom;\n  }\n\n  async makeFront(window: Window) {\n    const name = RandomUtils.uuid();\n    (window as any).ssrUse = false;\n    const option = this.config.factorySimFrontOption(DomRenderProxy.final(window));\n    const simpleBootFront = await this.config.factory.create(option, this.config.using, this.config.domExcludes);\n    simpleBootFront.run(this.otherInstanceSim);\n    (simpleBootFront as any).generation = this.poolGeneration;\n    return simpleBootFront;\n  }\n\n  enqueueFrontApp(simpleBootFront: SimpleBootFront) {\n    // this.simpleBootFrontPool.set(simpleBootFront.option.name!, simpleBootFront);\n    this.simpleBootFrontPool.push(simpleBootFront);\n    this.simpleBootFrontQueue.enqueue(simpleBootFront);\n  }\n  async pushQueue() {\n    if (this.simpleBootFrontPool.length < this.config.poolOption.max) {\n      this.enqueueFrontApp(await this.makeFront(await this.makePage()));\n    }\n  }\n\n  async proceedBefore({ rr, app }: { rr: RequestResponse; app: SimpleBootHttpServer; carrier: Map<string, any> }) {\n    if (this.config.ssrExcludeFilter?.(rr)) {\n      return false;\n    }\n    if (rr.reqHasAcceptHeader(Mimes.TextHtml) || rr.reqHasAcceptHeader(Mimes.All)) {\n      if (this.simpleBootFrontQueue.isEmpty()) {\n        await this.pushQueue();\n      }\n      const simpleBootFront = await this.simpleBootFrontQueue.dequeue();\n      try {\n        (simpleBootFront.option.window as any).ssrUse = true;\n        delete (simpleBootFront.option.window as any).server_side_data;\n        const url = rr.reqUrlObj({ host: 'localhost' });\n        if (this.config.simpleBootFront?.notFoundError) {\n          // intent router check first\n          const intent = await simpleBootFront.getIntent(url.pathname);\n          // route\uB97C \uBABB\uCC3E\uC740\uC0C1\uD0DC\uC5D0\uC11C router path\uAE4C\uC9C0 \uC548\uB9DE\uC73C\uBA74 404 \uCC98\uB9AC\uD55C\uB2E4.  route\uB791 router\uB791 \uB2E4\uB974\uB2C8\uAE50 \uD5DB\uAC08\uB9AC\uC9C0\uB9D0\uB3C4\uB85D\n          if (intent.module === undefined && !intent.getRouterPathData(rr.reqUrlPathName)) {\n            throw new NotFoundError({ message: `Not Found: ${rr.reqUrlPathName}` });\n          }\n        }\n\n        // runRouting!!\n        const targetUrl = url.toString();\n        // console.log('runRoutingrunRouting', targetUrl);\n        await simpleBootFront.goRouting(targetUrl);\n        await Promises.sleep(0); // <--\uC911\uC694: \uC774\uAC70 \uB123\uC5B4\uC57C\uC9C0 \uB450\uBC88\uBD88\uB7EC\uC9C0\uB294\uAC8C \uC5C6\uC5B4\uC9C0\uB294\uB4EF? \uBB50\uC9C0 event loop \uBCC0\uACBD\uB41C\uAC74\uAC00?\n\n        // console.log('runRout22222ingrunRouting', targetUrl);\n\n        // simpleBootFront.routingSubjectObservable.subscribe(it=>{\n        //   console.log('zzzzzzzzzzzzzzzzzzz', it);\n        //   if (it.triggerPoint==='end') {\n        //     console.log('zzz@@', it.routerModule.intent);\n        //   }\n        // })\n\n        const data = await firstValueFrom(\n          simpleBootFront.routingSubjectObservable.pipe(\n            filter(\n              (it) =>\n                it.triggerPoint === 'end' &&\n                typeof it.routerModule.intent.uri === 'string' &&\n                targetUrl.endsWith(it.routerModule.intent.uri)\n            ),\n            // delay(1000),\n            first()\n          )\n        );\n        // console.log('???????done');\n        await Promises.sleep(0)\n        const html = this.makeHTML(simpleBootFront);\n        // console.log('---------',html);\n        await this.writeOkHtmlAndEnd({ rr }, html);\n      } finally {\n        (simpleBootFront.option.window as any).ssrUse = false;\n        delete (simpleBootFront.option.window as any).server_side_data;\n        if ((simpleBootFront as any).generation < this.poolGeneration) {\n          // Stale instance, destroy it\n          const jsdom = (simpleBootFront as any).jsdom as JSDOM.JSDOM | undefined;\n          jsdom?.window.close();\n          const index = this.simpleBootFrontPool.indexOf(simpleBootFront);\n          if (index > -1) {\n            this.simpleBootFrontPool.splice(index, 1);\n          }\n          this.pushQueue();\n        } else {\n          // Current instance, return to queue\n          this.simpleBootFrontQueue.enqueue(simpleBootFront);\n        }\n      }\n      return false;\n    } else {\n      return true;\n    }\n  }\n\n  makeHTML(simpleBootFront: SimpleBootFront) {\n    (simpleBootFront.option.window as any).document.querySelectorAll('*').forEach((el:HTMLElement )=> {\n      Array.from(el.attributes).forEach(attr => {\n        if (/^dr-/.test(attr.name) || /^domstyle/.test(attr.name) || /this-path/.test(attr.name)) {\n          el.removeAttribute(attr.name);\n        }\n      });\n    });\n    let html = simpleBootFront.option.window.document.documentElement.outerHTML;\n      if (!/^<!DOCTYPE html>/i.test(html)) {\n        html = '<!DOCTYPE html>' + html;\n      }\n    html = html.replace(/\\$\\{[\\s\\S]*?\\}\\$/g, '');\n    const serverSideData = (simpleBootFront.option.window as any).server_side_data;\n    if (serverSideData) {\n      const data = Object.entries(serverSideData)\n        .map(([k, v]) => {\n          if (typeof v === 'string') {\n            return `window.server_side_data.${k} = ${v}`;\n          } else {\n            return `window.server_side_data.${k} = ${JSON.stringify(v)}`;\n          }\n        })\n        .join(';');\n      if (data) {\n        html = html.replace('</head>', `<script> window.server_side_data={}; ${data}; </script></head>`);\n      }\n    }\n    return html;\n  }\n  async writeOkHtmlAndEnd({ rr, status = HttpStatus.Ok }: { rr: RequestResponse; status?: HttpStatus }, html: string) {\n    rr.resStatusCode(status);\n    rr.resSetHeader(HttpHeaders.ContentType, Mimes.TextHtml);\n    await rr.resEnd(html);\n  }\n\n  async proceedAfter({ rr, app }: { rr: RequestResponse; app: SimpleBootHttpServer; carrier: Map<string, any> }) {\n    return true;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/filters/SSRFilter.js

@@ -106,7 +106,7 @@ class SSRFilter {
           simpleBootFront.routingSubjectObservable.pipe(
             // @ts-ignore
             filter(
-              (it) => it.state === "end" && typeof it.routerModule.intent.uri === "string" && targetUrl.endsWith(it.routerModule.intent.uri)
+              (it) => it.triggerPoint === "end" && typeof it.routerModule.intent.uri === "string" && targetUrl.endsWith(it.routerModule.intent.uri)
             ),
             // delay(1000),
             first()

package/dist/esm/filters/SSRFilter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/filters/SSRFilter.ts"],
-  "sourcesContent": ["import { RequestResponse } from '@dooboostore/simple-boot-http-server/models/RequestResponse';\nimport { HttpHeaders } from '@dooboostore/simple-boot-http-server/codes/HttpHeaders';\nimport { SimpleBootHttpSSRFactory } from '../SimpleBootHttpSSRFactory';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { JsdomInitializer } from '../initializers/JsdomInitializer';\nimport { Filter } from '@dooboostore/simple-boot-http-server/filters/Filter';\nimport { Mimes } from '@dooboostore/simple-boot-http-server/codes/Mimes';\nimport { HttpStatus } from '@dooboostore/simple-boot-http-server/codes/HttpStatus';\nimport { SimpleBootHttpServer } from '@dooboostore/simple-boot-http-server/SimpleBootHttpServer';\nimport { SimFrontOption } from '@dooboostore/simple-boot-front/option/SimFrontOption';\nimport { SimpleBootFront } from '@dooboostore/simple-boot-front/SimpleBootFront';\nimport { AsyncBlockingQueue } from '@dooboostore/core/queues/AsyncBlockingQueue';\nimport { RandomUtils } from '@dooboostore/core/random/RandomUtils';\nimport * as JSDOM from 'jsdom';\nimport { NotFoundError } from '@dooboostore/simple-boot-http-server/errors/NotFoundError';\nimport { DomRenderProxy } from '@dooboostore/dom-render/DomRenderProxy';\nimport { filter } from '@dooboostore/core/message/operators/filter';\nimport { first } from '@dooboostore/core/message/operators/first';\nimport { firstValueFrom } from '@dooboostore/core/message/internal/firstValueFrom';\n\nexport type FactoryAndParams = {\n  frontDistPath: string;\n  frontDistIndexFileName?: string;\n  factorySimFrontOption: (window: any) => SimFrontOption;\n  factory: SimpleBootHttpSSRFactory;\n  poolOption: {\n    max: number;\n    min: number;\n    clearIntervalTime?: number;\n  };\n  using: ConstructorType<any>[];\n  domExcludes?: ConstructorType<any>[];\n  ssrExcludeFilter?: (rr: RequestResponse) => boolean;\n  simpleBootFront?: {\n    notFoundError?: boolean;\n  };\n};\n\nexport class SSRFilter implements Filter {\n  private simpleBootFrontPool: SimpleBootFront[] = [];\n  private simpleBootFrontQueue = new AsyncBlockingQueue<SimpleBootFront>();\n  private indexHTML: string;\n  private welcomUrl = 'http://localhost';\n  private poolGeneration = 0;\n  private intervalId?: NodeJS.Timeout;\n\n  constructor(\n    public config: FactoryAndParams,\n    public otherInstanceSim?: Map<ConstructorType<any>, any>\n  ) {\n    config.frontDistIndexFileName = config.frontDistIndexFileName || 'index.html';\n    this.indexHTML = JsdomInitializer.loadFile(this.config.frontDistPath, config.frontDistIndexFileName);\n  }\n\n  async onInit(app: SimpleBootHttpServer) {\n    for (let i = 0; i < this.config.poolOption.min; i++) {\n      await this.pushQueue();\n    }\n\n    if (this.config.poolOption.clearIntervalTime && this.config.poolOption.clearIntervalTime > 0) {\n      this.intervalId = setInterval(() => {\n        this.poolGeneration++;\n      }, this.config.poolOption.clearIntervalTime);\n    }\n    // console.log('SimpleBootHttpSSRFactory init success ', + this.simpleBootFrontPool.length)\n  }\n\n  async onDestroy() {\n    if (this.intervalId) {\n      clearInterval(this.intervalId);\n    }\n    // this.simpleBootFrontQueue.clear();\n    this.simpleBootFrontPool.forEach(front => {\n      (front as any).jsdom?.window.close();\n    });\n    this.simpleBootFrontPool = [];\n  }\n\n  // workerTs(workerOptions: WorkerOptions) {\n  //     workerOptions.eval = true;\n  //     if (!workerOptions.workerData) {\n  //         workerOptions.workerData = {};\n  //     }\n  //     workerOptions.workerData.__filename = '/Users/hyunhakim/source/visualkhh/pet-space/libs/simple-boot-http-ssr/dist/filters/SSRCreatorWorker.js';\n  //     return new Worker(` const wk = require('worker_threads'); require('ts-node').register(); let file = wk.workerData.__filename; require(file); `, workerOptions,);\n  // }\n\n  async makeJsdom() {\n    const jsdom = await new JsdomInitializer(\n      this.config.frontDistPath,\n      this.config.frontDistIndexFileName || 'index.html',\n      { url: this.welcomUrl }\n    ).run();\n    return jsdom;\n  }\n\n  async makeFront(jsdom: JSDOM.JSDOM) {\n    const name = RandomUtils.uuid();\n    // const jsdom = await this.makeJsdom();\n    const window = jsdom.window as unknown as Window & typeof globalThis;\n    (window as any).ssrUse = false;\n    const option = this.config.factorySimFrontOption(DomRenderProxy.final(window));\n    const simpleBootFront = await this.config.factory.create(option, this.config.using, this.config.domExcludes);\n    simpleBootFront.run(this.otherInstanceSim);\n    (simpleBootFront as any).jsdom = jsdom;\n    (simpleBootFront as any).generation = this.poolGeneration;\n    return simpleBootFront;\n  }\n\n  enqueueFrontApp(simpleBootFront: SimpleBootFront) {\n    // this.simpleBootFrontPool.set(simpleBootFront.option.name!, simpleBootFront);\n    this.simpleBootFrontPool.push(simpleBootFront);\n    this.simpleBootFrontQueue.enqueue(simpleBootFront);\n  }\n\n  // async pushQueue(destorFront?: SimpleBootFront) {\n  //     if (destorFront) {\n  //         this.simpleBootFrontPool.delete(destorFront.option.name!);\n  //     }\n  async pushQueue() {\n    if (this.simpleBootFrontPool.length < this.config.poolOption.max) {\n      this.enqueueFrontApp(await this.makeFront(await this.makeJsdom()));\n    }\n  }\n\n  async proceedBefore({ rr, app }: { rr: RequestResponse; app: SimpleBootHttpServer; carrier: Map<string, any> }) {\n    if (this.config.ssrExcludeFilter?.(rr)) {\n      return false;\n    }\n    if (rr.reqHasAcceptHeader(Mimes.TextHtml) || rr.reqHasAcceptHeader(Mimes.All)) {\n      if (this.simpleBootFrontQueue.isEmpty()) {\n        await this.pushQueue();\n      }\n      const simpleBootFront = await this.simpleBootFrontQueue.dequeue();\n      try {\n        // console.log('SSRFilter before-->' , simpleBootFront.option.name, 'poolLength:',this.simpleBootFrontPool.size);\n        (simpleBootFront.option.window as any).ssrUse = true;\n        delete (simpleBootFront.option.window as any).server_side_data;\n\n        const url = rr.reqUrlObj({ host: 'localhost' });\n        if (this.config.simpleBootFront?.notFoundError) {\n          // intent router check first\n          const intent = await simpleBootFront.getIntent(url.pathname);\n          // route\uB97C \uBABB\uCC3E\uC740\uC0C1\uD0DC\uC5D0\uC11C router path\uAE4C\uC9C0 \uC548\uB9DE\uC73C\uBA74 404 \uCC98\uB9AC\uD55C\uB2E4.  route\uB791 router\uB791 \uB2E4\uB974\uB2C8\uAE50 \uD5DB\uAC08\uB9AC\uC9C0\uB9D0\uB3C4\uB85D\n          if (intent.module === undefined && !intent.getRouterPathData(rr.reqUrlPathName)) {\n            throw new NotFoundError({ message: `Not Found: ${rr.reqUrlPathName}` });\n          }\n        }\n\n        // runRouting!!\n        const targetUrl = url.toString();\n        // console.log('rrrrr');\n        // simpleBootFront.routingSubjectObservable.subscribe(it => {\n        //   if (it.state === 'end' && it.routerModule.intent.uri === targetUrl) {\n        //     console.log('vvvvvvvvvvvv', it.state, it.routerModule.intent.uri);\n        //   }\n        // });\n        await simpleBootFront.goRouting(targetUrl);\n        await new Promise(r => setTimeout(r, 0)); // <--\uC911\uC694: \uC774\uAC70 \uB123\uC5B4\uC57C\uC9C0 \uB450\uBC88\uBD88\uB7EC\uC9C0\uB294\uAC8C \uC5C6\uC5B4\uC9C0\uB294\uB4EF? \uBB50\uC9C0 event loop \uBCC0\uACBD\uB41C\uAC74\uAC00?\n        // TODO: \uC635\uC158\uC73C\uB85C \uC774\uAC70 \uD0A4\uACE0 \uB044\uACE0\uD560\uC218\uC788\uAC8C \uD574\uC57C\uB420\uAE4C..?\n        // simpleBootFront.routingSubjectObservable.pipe(\n        //     filter((it) =>\n        //         it.state === 'end' &&\n        //         typeof it.routerModule.intent.uri === 'string' &&\n        //         targetUrl.endsWith(it.routerModule.intent.uri)\n        //     ),\n        //     // delay(1000),\n        //     first()\n        // );\n        const data = await firstValueFrom(\n          // @ts-ignore\n          simpleBootFront.routingSubjectObservable.pipe(\n          // @ts-ignore\n            filter(\n              (it: any) =>\n                it.state === 'end' &&\n                typeof it.routerModule.intent.uri === 'string' &&\n                targetUrl.endsWith(it.routerModule.intent.uri)\n            ),\n            // delay(1000),\n            first()\n          )\n        );\n        // console.log('rrrrrssss');\n        // console.log('rrrrrssss122');\n        // await new Promise(r => setTimeout(r, 5000)); // <--\uC911\uC694: \uC774\uAC70 \uB123\uC5B4\uC57C\uC9C0 \uB450\uBC88\uBD88\uB7EC\uC9C0\uB294\uAC8C \uC5C6\uC5B4\uC9C0\uB294\uB4EF? \uBB50\uC9C0 event loop \uBCC0\uACBD\uB41C\uAC74\uAC00?\n        const html = this.makeHTML(simpleBootFront);\n        await this.writeOkHtmlAndEnd({ rr }, html);\n      } finally {\n        (simpleBootFront.option.window as any).ssrUse = false;\n        delete (simpleBootFront.option.window as any).server_side_data;\n        // console.log('--------->', simpleBootFront.option.window)\n        // simpleBootFront.ninitWriteRootRouter();\n        // ((simpleBootFront as any).jsdom as JSDOM.JSDOM)?.reconfigure({url: '/' });\n        // simpleBootFront.option.window.location.href = 'about:blank';\n        // console.log('ddddddddd', (simpleBootFront as any).generation, this.poolGeneration)\n        if ((simpleBootFront as any).generation < this.poolGeneration) {\n          // Stale instance, destroy it\n          const jsdom = (simpleBootFront as any).jsdom as JSDOM.JSDOM | undefined;\n          jsdom?.window.close();\n          const index = this.simpleBootFrontPool.indexOf(simpleBootFront);\n          if (index > -1) {\n            this.simpleBootFrontPool.splice(index, 1);\n          }\n          // Create a new one to maintain pool size\n          this.pushQueue();\n        } else {\n          // Current instance, return to queue\n          this.simpleBootFrontQueue.enqueue(simpleBootFront);\n        }\n        // simpleBootFront.option.window.document.body.innerHTML = this.rootJSDOM.window.document.body.innerHTML;\n        // simpleBootFront.writeRootRouter()\n        // await simpleBootFront.goRouting('/');\n\n        // ((simpleBootFront as any).jsdom as JSDOM.JSDOM)?.reconfigure({url: this.welcomUrl });\n\n        // simpleBootFront.option.window.location.href = this.welcomUrl;\n        // simpleBootFront.option.window.document.documentElement.outerHTML = this.indexHTML;\n        // this.simpleBootFrontQueue.enqueue(simpleBootFront);\n        // await new Promise((re, r) => setTimeout(() => re(true), 10000));\n        // new Promise((re, r) => setTimeout(() => re(true), 10000)).then(it => {\n        //     console.log('ddddddddddd')\n        // });\n        // this.simpleBootFrontPool.delete(simpleBootFront.option.name!);\n        // if (isMainThread) { // \uBA54\uC778 \uC2A4\uB808\uB4DC\n        //     console.log('file-->', __filename)\n        //     const worker = new Worker(__filename);\n        //     worker.on('message', (value: any) => {\n        //         console.log('\uC6CC\uCEE4\uB85C\uBD80\uD130', value)\n        //     })\n        //     worker.on('exit', (value: any) => { // parentPort.close()\uAC00 \uC77C\uC5B4\uB098\uBA74 \uC774\uBCA4\uD2B8 \uBC1C\uC0DD\n        //         console.log('\uC6CC\uCEE4 \uB05D~');\n        //     })\n        //     worker.postMessage('ping'); // \uC6CC\uCEE4\uC2A4\uB808\uB4DC\uC5D0\uAC8C \uBA54\uC138\uC9C0\uB97C \uBCF4\uB0B8\uB2E4.\n        // } else { // \uC6CC\uCEE4\uC2A4\uB808\uB4DC\n        //     parentPort.on('message', (value: any) => {\n        //         console.log(\"\uBD80\uBAA8\uB85C\uBD80\uD130\", value);\n        //         parentPort.postMessage('pong');\n        //         parentPort.close(); // \uC6CC\uCEE4\uC2A4\uB808\uB4DC \uC885\uB8CC\uB77C\uACE0 \uBA54\uC778\uC2A4\uB808\uB4DC\uC5D0 \uC54C\uB824\uC918\uC57C exit\uC774\uBCA4\uD2B8 \uBC1C\uC0DD\n        //     })\n        // }\n\n        //worker thrad\n        // const workerPath = path.join(__dirname, 'SSRWorker.js');\n        // const worker = new Worker(workerPath);\n        // worker.once('message', (value: any) => {\n        //     console.log('\uC6CC\uCEE4\uB85C\uBD80\uD130', value)\n        // });\n        // const receiveWorker = new Worker('/Users/hyunhakim/source/visualkhh/pet-space/libs/simple-boot-http-ssr/dist/filters/SSRCreatorWorker.js');\n        // receiveWorker.on('message', (msg: JSDOM.JSDOM)=>{\n        //     console.log('\uC6CC\uCEE4\uB85C\uBD80\uD130', msg, msg.window.document.body.innerHTML)\n        //     console.log('a message is sent! : ', msg)\n        //\n        // });\n        //\n        // receiveWorker.on('error', err=>{\n        //     console.error(err);\n        // })\n        //\n        // receiveWorker.on('exit', ()=>console.log('exited!'));\n        // receiveWorker.postMessage(\n        //     {\n        //         frontDistPath: this.factory.frontDistPath,\n        //         frontDistIndexFileName: this.factory.frontDistIndexFileName,\n        //     }\n        // );\n\n        // const myWorkers = this.workerTs({});\n        // myWorkers.postMessage(this);\n        // myWorkers.on('message', (value: SimpleBootFront) => {\n        //     this.pushQueue(value);\n        // })\n        // this\n        // this.pushQueue(simpleBootFront).then(it => {\n        //     console.log('deee')\n        // });\n        // console.log('-1->', simpleBootFront.option.window.location.href);\n        // simpleBootFront.option.window.location.href = this.welcomUrl;\n        // simpleBootFront.option.window.location.reload();\n        // console.log('-2->', simpleBootFront.option.window.location.href);\n        // simpleBootFront.option.window.location.reload();\n        // console.log('-3->', simpleBootFront.option.window.location.href);\n        // this.simpleBootFrontQueue.enqueue(simpleBootFront);\n        // await this.makeJsdom();\n        // simpleBootFront.option.window.location.href = this.welcomUrl;\n      }\n      // console.log('----doen')\n      return false;\n    } else {\n      // console.log('----doen2')\n      return true;\n    }\n  }\n\n  // const e = Expression.Path.pathNameData(rr.reqUrlPathName, intent.getRouterPath())\n  // console.log('------intent', rr.reqUrl, rr.reqUrlPathName, intent.module, intent.getRouterPath(), e)\n  // simpleBootFront.option.window.document.documentElemenh\n  // \"dr-\"\uB85C \uC2DC\uC791\uD558\uB294 \uBAA8\uB4E0 attribute\uB97C \uAC00\uC9C4 element\uC5D0\uC11C \uD574\uB2F9 attribute\uB97C \uC81C\uAC70\n\n  makeHTML(simpleBootFront: SimpleBootFront) {\n    (simpleBootFront.option.window as any).document.querySelectorAll('*').forEach((el:HTMLElement )=> {\n      Array.from(el.attributes).forEach(attr => {\n        if (/^dr-/.test(attr.name) || /^domstyle/.test(attr.name) || /this-path/.test(attr.name)) {\n          el.removeAttribute(attr.name);\n        }\n      });\n    });\n    let html = simpleBootFront.option.window.document.documentElement.outerHTML;\n    html = '<!DOCTYPE html>' + html;\n    html = html.replace(/\\$\\{[\\s\\S]*?\\}\\$/g, '');\n    const serverSideData = (simpleBootFront.option.window as any).server_side_data;\n    if (serverSideData) {\n      const data = Object.entries(serverSideData)\n        .map(([k, v]) => {\n          if (typeof v === 'string') {\n            return `window.server_side_data.${k} = ${v}`;\n          } else {\n            return `window.server_side_data.${k} = ${JSON.stringify(v)}`;\n          }\n        })\n        .join(';');\n      if (data) {\n        html = html.replace('</head>', `<script> window.server_side_data={}; ${data}; </script></head>`);\n      }\n    }\n    return html;\n  }\n  async writeOkHtmlAndEnd({ rr, status = HttpStatus.Ok }: { rr: RequestResponse; status?: HttpStatus }, html: string) {\n    // rr.res.writeHead(status, {[HttpHeaders.ContentType]: Mimes.TextHtml});\n    rr.resStatusCode(status);\n    rr.resSetHeader(HttpHeaders.ContentType, Mimes.TextHtml);\n    await rr.resEnd(html);\n  }\n\n  async proceedAfter({ rr, app }: { rr: RequestResponse; app: SimpleBootHttpServer; carrier: Map<string, any> }) {\n    // console.log('done--------', sw)\n    return true;\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { RequestResponse } from '@dooboostore/simple-boot-http-server/models/RequestResponse';\nimport { HttpHeaders } from '@dooboostore/simple-boot-http-server/codes/HttpHeaders';\nimport { SimpleBootHttpSSRFactory } from '../SimpleBootHttpSSRFactory';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { JsdomInitializer } from '../initializers/JsdomInitializer';\nimport { Filter } from '@dooboostore/simple-boot-http-server/filters/Filter';\nimport { Mimes } from '@dooboostore/simple-boot-http-server/codes/Mimes';\nimport { HttpStatus } from '@dooboostore/simple-boot-http-server/codes/HttpStatus';\nimport { SimpleBootHttpServer } from '@dooboostore/simple-boot-http-server/SimpleBootHttpServer';\nimport { SimFrontOption } from '@dooboostore/simple-boot-front/option/SimFrontOption';\nimport { SimpleBootFront } from '@dooboostore/simple-boot-front/SimpleBootFront';\nimport { AsyncBlockingQueue } from '@dooboostore/core/queues/AsyncBlockingQueue';\nimport { RandomUtils } from '@dooboostore/core/random/RandomUtils';\nimport * as JSDOM from 'jsdom';\nimport { NotFoundError } from '@dooboostore/simple-boot-http-server/errors/NotFoundError';\nimport { DomRenderProxy } from '@dooboostore/dom-render/DomRenderProxy';\nimport { filter } from '@dooboostore/core/message/operators/filter';\nimport { first } from '@dooboostore/core/message/operators/first';\nimport { firstValueFrom } from '@dooboostore/core/message/internal/firstValueFrom';\n\nexport type FactoryAndParams = {\n  frontDistPath: string;\n  frontDistIndexFileName?: string;\n  factorySimFrontOption: (window: any) => SimFrontOption;\n  factory: SimpleBootHttpSSRFactory;\n  poolOption: {\n    max: number;\n    min: number;\n    clearIntervalTime?: number;\n  };\n  using: ConstructorType<any>[];\n  domExcludes?: ConstructorType<any>[];\n  ssrExcludeFilter?: (rr: RequestResponse) => boolean;\n  simpleBootFront?: {\n    notFoundError?: boolean;\n  };\n};\n\nexport class SSRFilter implements Filter {\n  private simpleBootFrontPool: SimpleBootFront[] = [];\n  private simpleBootFrontQueue = new AsyncBlockingQueue<SimpleBootFront>();\n  private indexHTML: string;\n  private welcomUrl = 'http://localhost';\n  private poolGeneration = 0;\n  private intervalId?: NodeJS.Timeout;\n\n  constructor(\n    public config: FactoryAndParams,\n    public otherInstanceSim?: Map<ConstructorType<any>, any>\n  ) {\n    config.frontDistIndexFileName = config.frontDistIndexFileName || 'index.html';\n    this.indexHTML = JsdomInitializer.loadFile(this.config.frontDistPath, config.frontDistIndexFileName);\n  }\n\n  async onInit(app: SimpleBootHttpServer) {\n    for (let i = 0; i < this.config.poolOption.min; i++) {\n      await this.pushQueue();\n    }\n\n    if (this.config.poolOption.clearIntervalTime && this.config.poolOption.clearIntervalTime > 0) {\n      this.intervalId = setInterval(() => {\n        this.poolGeneration++;\n      }, this.config.poolOption.clearIntervalTime);\n    }\n    // console.log('SimpleBootHttpSSRFactory init success ', + this.simpleBootFrontPool.length)\n  }\n\n  async onDestroy() {\n    if (this.intervalId) {\n      clearInterval(this.intervalId);\n    }\n    // this.simpleBootFrontQueue.clear();\n    this.simpleBootFrontPool.forEach(front => {\n      (front as any).jsdom?.window.close();\n    });\n    this.simpleBootFrontPool = [];\n  }\n\n  // workerTs(workerOptions: WorkerOptions) {\n  //     workerOptions.eval = true;\n  //     if (!workerOptions.workerData) {\n  //         workerOptions.workerData = {};\n  //     }\n  //     workerOptions.workerData.__filename = '/Users/hyunhakim/source/visualkhh/pet-space/libs/simple-boot-http-ssr/dist/filters/SSRCreatorWorker.js';\n  //     return new Worker(` const wk = require('worker_threads'); require('ts-node').register(); let file = wk.workerData.__filename; require(file); `, workerOptions,);\n  // }\n\n  async makeJsdom() {\n    const jsdom = await new JsdomInitializer(\n      this.config.frontDistPath,\n      this.config.frontDistIndexFileName || 'index.html',\n      { url: this.welcomUrl }\n    ).run();\n    return jsdom;\n  }\n\n  async makeFront(jsdom: JSDOM.JSDOM) {\n    const name = RandomUtils.uuid();\n    // const jsdom = await this.makeJsdom();\n    const window = jsdom.window as unknown as Window & typeof globalThis;\n    (window as any).ssrUse = false;\n    const option = this.config.factorySimFrontOption(DomRenderProxy.final(window));\n    const simpleBootFront = await this.config.factory.create(option, this.config.using, this.config.domExcludes);\n    simpleBootFront.run(this.otherInstanceSim);\n    (simpleBootFront as any).jsdom = jsdom;\n    (simpleBootFront as any).generation = this.poolGeneration;\n    return simpleBootFront;\n  }\n\n  enqueueFrontApp(simpleBootFront: SimpleBootFront) {\n    // this.simpleBootFrontPool.set(simpleBootFront.option.name!, simpleBootFront);\n    this.simpleBootFrontPool.push(simpleBootFront);\n    this.simpleBootFrontQueue.enqueue(simpleBootFront);\n  }\n\n  // async pushQueue(destorFront?: SimpleBootFront) {\n  //     if (destorFront) {\n  //         this.simpleBootFrontPool.delete(destorFront.option.name!);\n  //     }\n  async pushQueue() {\n    if (this.simpleBootFrontPool.length < this.config.poolOption.max) {\n      this.enqueueFrontApp(await this.makeFront(await this.makeJsdom()));\n    }\n  }\n\n  async proceedBefore({ rr, app }: { rr: RequestResponse; app: SimpleBootHttpServer; carrier: Map<string, any> }) {\n    if (this.config.ssrExcludeFilter?.(rr)) {\n      return false;\n    }\n    if (rr.reqHasAcceptHeader(Mimes.TextHtml) || rr.reqHasAcceptHeader(Mimes.All)) {\n      if (this.simpleBootFrontQueue.isEmpty()) {\n        await this.pushQueue();\n      }\n      const simpleBootFront = await this.simpleBootFrontQueue.dequeue();\n      try {\n        // console.log('SSRFilter before-->' , simpleBootFront.option.name, 'poolLength:',this.simpleBootFrontPool.size);\n        (simpleBootFront.option.window as any).ssrUse = true;\n        delete (simpleBootFront.option.window as any).server_side_data;\n\n        const url = rr.reqUrlObj({ host: 'localhost' });\n        if (this.config.simpleBootFront?.notFoundError) {\n          // intent router check first\n          const intent = await simpleBootFront.getIntent(url.pathname);\n          // route\uB97C \uBABB\uCC3E\uC740\uC0C1\uD0DC\uC5D0\uC11C router path\uAE4C\uC9C0 \uC548\uB9DE\uC73C\uBA74 404 \uCC98\uB9AC\uD55C\uB2E4.  route\uB791 router\uB791 \uB2E4\uB974\uB2C8\uAE50 \uD5DB\uAC08\uB9AC\uC9C0\uB9D0\uB3C4\uB85D\n          if (intent.module === undefined && !intent.getRouterPathData(rr.reqUrlPathName)) {\n            throw new NotFoundError({ message: `Not Found: ${rr.reqUrlPathName}` });\n          }\n        }\n\n        // runRouting!!\n        const targetUrl = url.toString();\n        // console.log('rrrrr');\n        // simpleBootFront.routingSubjectObservable.subscribe(it => {\n        //   if (it.state === 'end' && it.routerModule.intent.uri === targetUrl) {\n        //     console.log('vvvvvvvvvvvv', it.state, it.routerModule.intent.uri);\n        //   }\n        // });\n        await simpleBootFront.goRouting(targetUrl);\n        await new Promise(r => setTimeout(r, 0)); // <--\uC911\uC694: \uC774\uAC70 \uB123\uC5B4\uC57C\uC9C0 \uB450\uBC88\uBD88\uB7EC\uC9C0\uB294\uAC8C \uC5C6\uC5B4\uC9C0\uB294\uB4EF? \uBB50\uC9C0 event loop \uBCC0\uACBD\uB41C\uAC74\uAC00?\n        // TODO: \uC635\uC158\uC73C\uB85C \uC774\uAC70 \uD0A4\uACE0 \uB044\uACE0\uD560\uC218\uC788\uAC8C \uD574\uC57C\uB420\uAE4C..?\n        // simpleBootFront.routingSubjectObservable.pipe(\n        //     filter((it) =>\n        //         it.state === 'end' &&\n        //         typeof it.routerModule.intent.uri === 'string' &&\n        //         targetUrl.endsWith(it.routerModule.intent.uri)\n        //     ),\n        //     // delay(1000),\n        //     first()\n        // );\n        const data = await firstValueFrom(\n          // @ts-ignore\n          simpleBootFront.routingSubjectObservable.pipe(\n          // @ts-ignore\n            filter(\n              (it) =>\n                it.triggerPoint === 'end' &&\n                typeof it.routerModule.intent.uri === 'string' &&\n                targetUrl.endsWith(it.routerModule.intent.uri)\n            ),\n            // delay(1000),\n            first()\n          )\n        );\n        // console.log('rrrrrssss');\n        // console.log('rrrrrssss122');\n        // await new Promise(r => setTimeout(r, 5000)); // <--\uC911\uC694: \uC774\uAC70 \uB123\uC5B4\uC57C\uC9C0 \uB450\uBC88\uBD88\uB7EC\uC9C0\uB294\uAC8C \uC5C6\uC5B4\uC9C0\uB294\uB4EF? \uBB50\uC9C0 event loop \uBCC0\uACBD\uB41C\uAC74\uAC00?\n        const html = this.makeHTML(simpleBootFront);\n        await this.writeOkHtmlAndEnd({ rr }, html);\n      } finally {\n        (simpleBootFront.option.window as any).ssrUse = false;\n        delete (simpleBootFront.option.window as any).server_side_data;\n        // console.log('--------->', simpleBootFront.option.window)\n        // simpleBootFront.ninitWriteRootRouter();\n        // ((simpleBootFront as any).jsdom as JSDOM.JSDOM)?.reconfigure({url: '/' });\n        // simpleBootFront.option.window.location.href = 'about:blank';\n        // console.log('ddddddddd', (simpleBootFront as any).generation, this.poolGeneration)\n        if ((simpleBootFront as any).generation < this.poolGeneration) {\n          // Stale instance, destroy it\n          const jsdom = (simpleBootFront as any).jsdom as JSDOM.JSDOM | undefined;\n          jsdom?.window.close();\n          const index = this.simpleBootFrontPool.indexOf(simpleBootFront);\n          if (index > -1) {\n            this.simpleBootFrontPool.splice(index, 1);\n          }\n          // Create a new one to maintain pool size\n          this.pushQueue();\n        } else {\n          // Current instance, return to queue\n          this.simpleBootFrontQueue.enqueue(simpleBootFront);\n        }\n        // simpleBootFront.option.window.document.body.innerHTML = this.rootJSDOM.window.document.body.innerHTML;\n        // simpleBootFront.writeRootRouter()\n        // await simpleBootFront.goRouting('/');\n\n        // ((simpleBootFront as any).jsdom as JSDOM.JSDOM)?.reconfigure({url: this.welcomUrl });\n\n        // simpleBootFront.option.window.location.href = this.welcomUrl;\n        // simpleBootFront.option.window.document.documentElement.outerHTML = this.indexHTML;\n        // this.simpleBootFrontQueue.enqueue(simpleBootFront);\n        // await new Promise((re, r) => setTimeout(() => re(true), 10000));\n        // new Promise((re, r) => setTimeout(() => re(true), 10000)).then(it => {\n        //     console.log('ddddddddddd')\n        // });\n        // this.simpleBootFrontPool.delete(simpleBootFront.option.name!);\n        // if (isMainThread) { // \uBA54\uC778 \uC2A4\uB808\uB4DC\n        //     console.log('file-->', __filename)\n        //     const worker = new Worker(__filename);\n        //     worker.on('message', (value: any) => {\n        //         console.log('\uC6CC\uCEE4\uB85C\uBD80\uD130', value)\n        //     })\n        //     worker.on('exit', (value: any) => { // parentPort.close()\uAC00 \uC77C\uC5B4\uB098\uBA74 \uC774\uBCA4\uD2B8 \uBC1C\uC0DD\n        //         console.log('\uC6CC\uCEE4 \uB05D~');\n        //     })\n        //     worker.postMessage('ping'); // \uC6CC\uCEE4\uC2A4\uB808\uB4DC\uC5D0\uAC8C \uBA54\uC138\uC9C0\uB97C \uBCF4\uB0B8\uB2E4.\n        // } else { // \uC6CC\uCEE4\uC2A4\uB808\uB4DC\n        //     parentPort.on('message', (value: any) => {\n        //         console.log(\"\uBD80\uBAA8\uB85C\uBD80\uD130\", value);\n        //         parentPort.postMessage('pong');\n        //         parentPort.close(); // \uC6CC\uCEE4\uC2A4\uB808\uB4DC \uC885\uB8CC\uB77C\uACE0 \uBA54\uC778\uC2A4\uB808\uB4DC\uC5D0 \uC54C\uB824\uC918\uC57C exit\uC774\uBCA4\uD2B8 \uBC1C\uC0DD\n        //     })\n        // }\n\n        //worker thrad\n        // const workerPath = path.join(__dirname, 'SSRWorker.js');\n        // const worker = new Worker(workerPath);\n        // worker.once('message', (value: any) => {\n        //     console.log('\uC6CC\uCEE4\uB85C\uBD80\uD130', value)\n        // });\n        // const receiveWorker = new Worker('/Users/hyunhakim/source/visualkhh/pet-space/libs/simple-boot-http-ssr/dist/filters/SSRCreatorWorker.js');\n        // receiveWorker.on('message', (msg: JSDOM.JSDOM)=>{\n        //     console.log('\uC6CC\uCEE4\uB85C\uBD80\uD130', msg, msg.window.document.body.innerHTML)\n        //     console.log('a message is sent! : ', msg)\n        //\n        // });\n        //\n        // receiveWorker.on('error', err=>{\n        //     console.error(err);\n        // })\n        //\n        // receiveWorker.on('exit', ()=>console.log('exited!'));\n        // receiveWorker.postMessage(\n        //     {\n        //         frontDistPath: this.factory.frontDistPath,\n        //         frontDistIndexFileName: this.factory.frontDistIndexFileName,\n        //     }\n        // );\n\n        // const myWorkers = this.workerTs({});\n        // myWorkers.postMessage(this);\n        // myWorkers.on('message', (value: SimpleBootFront) => {\n        //     this.pushQueue(value);\n        // })\n        // this\n        // this.pushQueue(simpleBootFront).then(it => {\n        //     console.log('deee')\n        // });\n        // console.log('-1->', simpleBootFront.option.window.location.href);\n        // simpleBootFront.option.window.location.href = this.welcomUrl;\n        // simpleBootFront.option.window.location.reload();\n        // console.log('-2->', simpleBootFront.option.window.location.href);\n        // simpleBootFront.option.window.location.reload();\n        // console.log('-3->', simpleBootFront.option.window.location.href);\n        // this.simpleBootFrontQueue.enqueue(simpleBootFront);\n        // await this.makeJsdom();\n        // simpleBootFront.option.window.location.href = this.welcomUrl;\n      }\n      // console.log('----doen')\n      return false;\n    } else {\n      // console.log('----doen2')\n      return true;\n    }\n  }\n\n  // const e = Expression.Path.pathNameData(rr.reqUrlPathName, intent.getRouterPath())\n  // console.log('------intent', rr.reqUrl, rr.reqUrlPathName, intent.module, intent.getRouterPath(), e)\n  // simpleBootFront.option.window.document.documentElemenh\n  // \"dr-\"\uB85C \uC2DC\uC791\uD558\uB294 \uBAA8\uB4E0 attribute\uB97C \uAC00\uC9C4 element\uC5D0\uC11C \uD574\uB2F9 attribute\uB97C \uC81C\uAC70\n\n  makeHTML(simpleBootFront: SimpleBootFront) {\n    (simpleBootFront.option.window as any).document.querySelectorAll('*').forEach((el:HTMLElement )=> {\n      Array.from(el.attributes).forEach(attr => {\n        if (/^dr-/.test(attr.name) || /^domstyle/.test(attr.name) || /this-path/.test(attr.name)) {\n          el.removeAttribute(attr.name);\n        }\n      });\n    });\n    let html = simpleBootFront.option.window.document.documentElement.outerHTML;\n    html = '<!DOCTYPE html>' + html;\n    html = html.replace(/\\$\\{[\\s\\S]*?\\}\\$/g, '');\n    const serverSideData = (simpleBootFront.option.window as any).server_side_data;\n    if (serverSideData) {\n      const data = Object.entries(serverSideData)\n        .map(([k, v]) => {\n          if (typeof v === 'string') {\n            return `window.server_side_data.${k} = ${v}`;\n          } else {\n            return `window.server_side_data.${k} = ${JSON.stringify(v)}`;\n          }\n        })\n        .join(';');\n      if (data) {\n        html = html.replace('</head>', `<script> window.server_side_data={}; ${data}; </script></head>`);\n      }\n    }\n    return html;\n  }\n  async writeOkHtmlAndEnd({ rr, status = HttpStatus.Ok }: { rr: RequestResponse; status?: HttpStatus }, html: string) {\n    // rr.res.writeHead(status, {[HttpHeaders.ContentType]: Mimes.TextHtml});\n    rr.resStatusCode(status);\n    rr.resSetHeader(HttpHeaders.ContentType, Mimes.TextHtml);\n    await rr.resEnd(html);\n  }\n\n  async proceedAfter({ rr, app }: { rr: RequestResponse; app: SimpleBootHttpServer; carrier: Map<string, any> }) {\n    // console.log('done--------', sw)\n    return true;\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/filters/SSRLinkDomDomFilter.js

@@ -0,0 +1,160 @@
+import { HttpHeaders } from "@dooboostore/simple-boot-http-server/codes/HttpHeaders";
+import { Mimes } from "@dooboostore/simple-boot-http-server/codes/Mimes";
+import { HttpStatus } from "@dooboostore/simple-boot-http-server/codes/HttpStatus";
+import { AsyncBlockingQueue } from "@dooboostore/core/queues/AsyncBlockingQueue";
+import { RandomUtils } from "@dooboostore/core/random/RandomUtils";
+import { NotFoundError } from "@dooboostore/simple-boot-http-server/errors/NotFoundError";
+import { DomRenderProxy } from "@dooboostore/dom-render/DomRenderProxy";
+import { filter } from "@dooboostore/core/message/operators/filter";
+import { first } from "@dooboostore/core/message/operators/first";
+import { firstValueFrom } from "@dooboostore/core/message/internal/firstValueFrom";
+import { LinkedomInitializer } from "../initializers/LinkedomInitializer.js";
+class SSRLinkDomDomFilter {
+  constructor(config, otherInstanceSim) {
+    this.config = config;
+    this.otherInstanceSim = otherInstanceSim;
+    this.simpleBootFrontPool = [];
+    this.simpleBootFrontQueue = new AsyncBlockingQueue();
+    // private indexHTML: string;
+    this.welcomUrl = "http://localhost";
+    this.poolGeneration = 0;
+    config.frontDistIndexFileName = config.frontDistIndexFileName || "index.html";
+  }
+  async onInit(app) {
+    for (let i = 0; i < this.config.poolOption.min; i++) {
+      await this.pushQueue();
+    }
+    if (this.config.poolOption.clearIntervalTime && this.config.poolOption.clearIntervalTime > 0) {
+      this.intervalId = setInterval(() => {
+        this.poolGeneration++;
+      }, this.config.poolOption.clearIntervalTime);
+    }
+  }
+  async onDestroy() {
+    if (this.intervalId) {
+      clearInterval(this.intervalId);
+    }
+    this.simpleBootFrontPool.forEach((front) => {
+      front.jsdom?.window.close();
+    });
+    this.simpleBootFrontPool = [];
+  }
+  async makePage() {
+    return new LinkedomInitializer(
+      this.config.frontDistPath,
+      this.config.frontDistIndexFileName || "index.html",
+      { url: this.welcomUrl }
+    ).run();
+  }
+  async makeFront(window) {
+    const name = RandomUtils.uuid();
+    window.ssrUse = false;
+    const option = this.config.factorySimFrontOption(DomRenderProxy.final(window));
+    const simpleBootFront = await this.config.factory.create(option, this.config.using, this.config.domExcludes);
+    simpleBootFront.run(this.otherInstanceSim);
+    simpleBootFront.generation = this.poolGeneration;
+    return simpleBootFront;
+  }
+  enqueueFrontApp(simpleBootFront) {
+    this.simpleBootFrontPool.push(simpleBootFront);
+    this.simpleBootFrontQueue.enqueue(simpleBootFront);
+  }
+  async pushQueue() {
+    if (this.simpleBootFrontPool.length < this.config.poolOption.max) {
+      this.enqueueFrontApp(await this.makeFront(await this.makePage()));
+    }
+  }
+  async proceedBefore({ rr, app }) {
+    if (this.config.ssrExcludeFilter?.(rr)) {
+      return false;
+    }
+    if (rr.reqHasAcceptHeader(Mimes.TextHtml) || rr.reqHasAcceptHeader(Mimes.All)) {
+      if (this.simpleBootFrontQueue.isEmpty()) {
+        await this.pushQueue();
+      }
+      const simpleBootFront = await this.simpleBootFrontQueue.dequeue();
+      try {
+        simpleBootFront.option.window.ssrUse = true;
+        delete simpleBootFront.option.window.server_side_data;
+        const url = rr.reqUrlObj({ host: "localhost" });
+        if (this.config.simpleBootFront?.notFoundError) {
+          const intent = await simpleBootFront.getIntent(url.pathname);
+          if (intent.module === void 0 && !intent.getRouterPathData(rr.reqUrlPathName)) {
+            throw new NotFoundError({ message: `Not Found: ${rr.reqUrlPathName}` });
+          }
+        }
+        const targetUrl = url.toString();
+        await simpleBootFront.goRouting(targetUrl);
+        await new Promise((r) => setTimeout(r, 0));
+        const data = await firstValueFrom(
+          // @ts-ignore
+          simpleBootFront.routingSubjectObservable.pipe(
+            // @ts-ignore
+            filter(
+              (it) => it.triggerPoint === "end" && typeof it.routerModule.intent.uri === "string" && targetUrl.endsWith(it.routerModule.intent.uri)
+            ),
+            // delay(1000),
+            first()
+          )
+        );
+        const html = this.makeHTML(simpleBootFront);
+        await this.writeOkHtmlAndEnd({ rr }, html);
+      } finally {
+        simpleBootFront.option.window.ssrUse = false;
+        delete simpleBootFront.option.window.server_side_data;
+        if (simpleBootFront.generation < this.poolGeneration) {
+          const jsdom = simpleBootFront.jsdom;
+          jsdom?.window.close();
+          const index = this.simpleBootFrontPool.indexOf(simpleBootFront);
+          if (index > -1) {
+            this.simpleBootFrontPool.splice(index, 1);
+          }
+          this.pushQueue();
+        } else {
+          this.simpleBootFrontQueue.enqueue(simpleBootFront);
+        }
+      }
+      return false;
+    } else {
+      return true;
+    }
+  }
+  makeHTML(simpleBootFront) {
+    simpleBootFront.option.window.document.querySelectorAll("*").forEach((el) => {
+      Array.from(el.attributes).forEach((attr) => {
+        if (/^dr-/.test(attr.name) || /^domstyle/.test(attr.name) || /this-path/.test(attr.name)) {
+          el.removeAttribute(attr.name);
+        }
+      });
+    });
+    let html = simpleBootFront.option.window.document.documentElement.outerHTML;
+    html = "<!DOCTYPE html>" + html;
+    html = html.replace(/\$\{[\s\S]*?\}\$/g, "");
+    const serverSideData = simpleBootFront.option.window.server_side_data;
+    if (serverSideData) {
+      const data = Object.entries(serverSideData).map(([k, v]) => {
+        if (typeof v === "string") {
+          return `window.server_side_data.${k} = ${v}`;
+        } else {
+          return `window.server_side_data.${k} = ${JSON.stringify(v)}`;
+        }
+      }).join(";");
+      if (data) {
+        html = html.replace("</head>", `<script> window.server_side_data={}; ${data}; </script></head>`);
+      }
+    }
+    return html;
+  }
+  async writeOkHtmlAndEnd({ rr, status = HttpStatus.Ok }, html) {
+    rr.resStatusCode(status);
+    rr.resSetHeader(HttpHeaders.ContentType, Mimes.TextHtml);
+    await rr.resEnd(html);
+  }
+  async proceedAfter({ rr, app }) {
+    return true;
+  }
+}
+export {
+  SSRLinkDomDomFilter
+};
+//# sourceMappingURL=SSRLinkDomDomFilter.js.map

package/dist/esm/filters/SSRLinkDomDomFilter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/filters/SSRLinkDomDomFilter.ts"],
+  "sourcesContent": ["import { RequestResponse } from '@dooboostore/simple-boot-http-server/models/RequestResponse';\nimport { HttpHeaders } from '@dooboostore/simple-boot-http-server/codes/HttpHeaders';\nimport { SimpleBootHttpSSRFactory } from '../SimpleBootHttpSSRFactory';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { JsdomInitializer } from '../initializers/JsdomInitializer';\nimport { Filter } from '@dooboostore/simple-boot-http-server/filters/Filter';\nimport { Mimes } from '@dooboostore/simple-boot-http-server/codes/Mimes';\nimport { HttpStatus } from '@dooboostore/simple-boot-http-server/codes/HttpStatus';\nimport { SimpleBootHttpServer } from '@dooboostore/simple-boot-http-server/SimpleBootHttpServer';\nimport { SimFrontOption } from '@dooboostore/simple-boot-front/option/SimFrontOption';\nimport { SimpleBootFront } from '@dooboostore/simple-boot-front/SimpleBootFront';\nimport { AsyncBlockingQueue } from '@dooboostore/core/queues/AsyncBlockingQueue';\nimport { RandomUtils } from '@dooboostore/core/random/RandomUtils';\nimport * as JSDOM from 'jsdom';\nimport { NotFoundError } from '@dooboostore/simple-boot-http-server/errors/NotFoundError';\nimport { DomRenderProxy } from '@dooboostore/dom-render/DomRenderProxy';\nimport { filter } from '@dooboostore/core/message/operators/filter';\nimport { first } from '@dooboostore/core/message/operators/first';\nimport { firstValueFrom } from '@dooboostore/core/message/internal/firstValueFrom';\nimport { parseHTML } from 'linkedom';\nimport { LinkedomInitializer } from '../initializers/LinkedomInitializer';\n\nexport type FactoryAndParams = {\n  frontDistPath: string;\n  frontDistIndexFileName?: string;\n  factorySimFrontOption: (window: any) => SimFrontOption;\n  factory: SimpleBootHttpSSRFactory;\n  poolOption: {\n    max: number;\n    min: number;\n    clearIntervalTime?: number;\n  };\n  using: ConstructorType<any>[];\n  domExcludes?: ConstructorType<any>[];\n  ssrExcludeFilter?: (rr: RequestResponse) => boolean;\n  simpleBootFront?: {\n    notFoundError?: boolean;\n  };\n};\n\nexport class SSRLinkDomDomFilter implements Filter {\n  private simpleBootFrontPool: SimpleBootFront[] = [];\n  private simpleBootFrontQueue = new AsyncBlockingQueue<SimpleBootFront>();\n  // private indexHTML: string;\n  private welcomUrl = 'http://localhost';\n  private poolGeneration = 0;\n  private intervalId?: NodeJS.Timeout;\n\n  constructor(\n    public config: FactoryAndParams,\n    public otherInstanceSim?: Map<ConstructorType<any>, any>\n  ) {\n    config.frontDistIndexFileName = config.frontDistIndexFileName || 'index.html';\n    // this.indexHTML = JsdomInitializer.loadFile(this.config.frontDistPath, config.frontDistIndexFileName);\n  }\n\n  async onInit(app: SimpleBootHttpServer) {\n    for (let i = 0; i < this.config.poolOption.min; i++) {\n      await this.pushQueue();\n    }\n\n    if (this.config.poolOption.clearIntervalTime && this.config.poolOption.clearIntervalTime > 0) {\n      this.intervalId = setInterval(() => {\n        this.poolGeneration++;\n      }, this.config.poolOption.clearIntervalTime);\n    }\n  }\n\n  async onDestroy() {\n    if (this.intervalId) {\n      clearInterval(this.intervalId);\n    }\n    // this.simpleBootFrontQueue.clear();\n    this.simpleBootFrontPool.forEach(front => {\n      (front as any).jsdom?.window.close();\n    });\n    this.simpleBootFrontPool = [];\n  }\n\n  async makePage() {\n    return new LinkedomInitializer(\n      this.config.frontDistPath,\n      this.config.frontDistIndexFileName || 'index.html',\n      { url: this.welcomUrl }\n    ).run();\n    // const jsdom = await new JsdomInitializer(\n    //   this.config.frontDistPath,\n    //   this.config.frontDistIndexFileName || 'index.html',\n    //   { url: this.welcomUrl }\n    // ).run();\n    // return jsdom;\n  }\n\n  async makeFront(window: Window) {\n    const name = RandomUtils.uuid();\n    (window as any).ssrUse = false;\n    const option = this.config.factorySimFrontOption(DomRenderProxy.final(window));\n    const simpleBootFront = await this.config.factory.create(option, this.config.using, this.config.domExcludes);\n    simpleBootFront.run(this.otherInstanceSim);\n    (simpleBootFront as any).generation = this.poolGeneration;\n    return simpleBootFront;\n  }\n\n  enqueueFrontApp(simpleBootFront: SimpleBootFront) {\n    // this.simpleBootFrontPool.set(simpleBootFront.option.name!, simpleBootFront);\n    this.simpleBootFrontPool.push(simpleBootFront);\n    this.simpleBootFrontQueue.enqueue(simpleBootFront);\n  }\n  async pushQueue() {\n    if (this.simpleBootFrontPool.length < this.config.poolOption.max) {\n      this.enqueueFrontApp(await this.makeFront(await this.makePage()));\n    }\n  }\n\n  async proceedBefore({ rr, app }: { rr: RequestResponse; app: SimpleBootHttpServer; carrier: Map<string, any> }) {\n    if (this.config.ssrExcludeFilter?.(rr)) {\n      return false;\n    }\n    if (rr.reqHasAcceptHeader(Mimes.TextHtml) || rr.reqHasAcceptHeader(Mimes.All)) {\n      if (this.simpleBootFrontQueue.isEmpty()) {\n        await this.pushQueue();\n      }\n      const simpleBootFront = await this.simpleBootFrontQueue.dequeue();\n      try {\n        (simpleBootFront.option.window as any).ssrUse = true;\n        delete (simpleBootFront.option.window as any).server_side_data;\n        const url = rr.reqUrlObj({ host: 'localhost' });\n        if (this.config.simpleBootFront?.notFoundError) {\n          // intent router check first\n          const intent = await simpleBootFront.getIntent(url.pathname);\n          // route\uB97C \uBABB\uCC3E\uC740\uC0C1\uD0DC\uC5D0\uC11C router path\uAE4C\uC9C0 \uC548\uB9DE\uC73C\uBA74 404 \uCC98\uB9AC\uD55C\uB2E4.  route\uB791 router\uB791 \uB2E4\uB974\uB2C8\uAE50 \uD5DB\uAC08\uB9AC\uC9C0\uB9D0\uB3C4\uB85D\n          if (intent.module === undefined && !intent.getRouterPathData(rr.reqUrlPathName)) {\n            throw new NotFoundError({ message: `Not Found: ${rr.reqUrlPathName}` });\n          }\n        }\n\n        // runRouting!!\n        const targetUrl = url.toString();\n        await simpleBootFront.goRouting(targetUrl);\n        await new Promise(r => setTimeout(r, 0)); // <--\uC911\uC694: \uC774\uAC70 \uB123\uC5B4\uC57C\uC9C0 \uB450\uBC88\uBD88\uB7EC\uC9C0\uB294\uAC8C \uC5C6\uC5B4\uC9C0\uB294\uB4EF? \uBB50\uC9C0 event loop \uBCC0\uACBD\uB41C\uAC74\uAC00?\n\n\n        // simpleBootFront.routingSubjectObservable.subscribe(it=>{\n        //   console.log('zzzzzzzzzzzzzzzzzzz', it);\n        //   if (it.triggerPoint==='end') {\n        //     console.log('zzz@@', it.routerModule.intent);\n        //   }\n        // })\n\n        const data = await firstValueFrom(\n          // @ts-ignore\n          simpleBootFront.routingSubjectObservable.pipe(\n          // @ts-ignore\n            filter(\n              (it) =>\n                it.triggerPoint === 'end' &&\n                typeof it.routerModule.intent.uri === 'string' &&\n                targetUrl.endsWith(it.routerModule.intent.uri)\n            ),\n            // delay(1000),\n            first()\n          )\n        );\n        // console.log('???????done');\n        const html = this.makeHTML(simpleBootFront);\n        await this.writeOkHtmlAndEnd({ rr }, html);\n      } finally {\n        (simpleBootFront.option.window as any).ssrUse = false;\n        delete (simpleBootFront.option.window as any).server_side_data;\n        if ((simpleBootFront as any).generation < this.poolGeneration) {\n          // Stale instance, destroy it\n          const jsdom = (simpleBootFront as any).jsdom as JSDOM.JSDOM | undefined;\n          jsdom?.window.close();\n          const index = this.simpleBootFrontPool.indexOf(simpleBootFront);\n          if (index > -1) {\n            this.simpleBootFrontPool.splice(index, 1);\n          }\n          this.pushQueue();\n        } else {\n          // Current instance, return to queue\n          this.simpleBootFrontQueue.enqueue(simpleBootFront);\n        }\n      }\n      return false;\n    } else {\n      return true;\n    }\n  }\n\n  makeHTML(simpleBootFront: SimpleBootFront) {\n    (simpleBootFront.option.window as any).document.querySelectorAll('*').forEach((el:HTMLElement )=> {\n      Array.from(el.attributes).forEach(attr => {\n        if (/^dr-/.test(attr.name) || /^domstyle/.test(attr.name) || /this-path/.test(attr.name)) {\n          el.removeAttribute(attr.name);\n        }\n      });\n    });\n    let html = simpleBootFront.option.window.document.documentElement.outerHTML;\n    html = '<!DOCTYPE html>' + html;\n    html = html.replace(/\\$\\{[\\s\\S]*?\\}\\$/g, '');\n    const serverSideData = (simpleBootFront.option.window as any).server_side_data;\n    if (serverSideData) {\n      const data = Object.entries(serverSideData)\n        .map(([k, v]) => {\n          if (typeof v === 'string') {\n            return `window.server_side_data.${k} = ${v}`;\n          } else {\n            return `window.server_side_data.${k} = ${JSON.stringify(v)}`;\n          }\n        })\n        .join(';');\n      if (data) {\n        html = html.replace('</head>', `<script> window.server_side_data={}; ${data}; </script></head>`);\n      }\n    }\n    return html;\n  }\n  async writeOkHtmlAndEnd({ rr, status = HttpStatus.Ok }: { rr: RequestResponse; status?: HttpStatus }, html: string) {\n    rr.resStatusCode(status);\n    rr.resSetHeader(HttpHeaders.ContentType, Mimes.TextHtml);\n    await rr.resEnd(html);\n  }\n\n  async proceedAfter({ rr, app }: { rr: RequestResponse; app: SimpleBootHttpServer; carrier: Map<string, any> }) {\n    return true;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/initializers/DomParserInitializer.js

@@ -0,0 +1,46 @@
+import fs from "fs";
+import path from "path";
+import { parseHTML } from "@dooboostore/dom-parser";
+class DomParserInitializer {
+  constructor(frontDistPath, frontDistIndexFileName, reconfigureSettings) {
+    this.frontDistPath = frontDistPath;
+    this.frontDistIndexFileName = frontDistIndexFileName;
+    this.reconfigureSettings = reconfigureSettings;
+  }
+  static loadFile(distPath, filePath) {
+    return fs.readFileSync(path.join(distPath, filePath), "utf8");
+  }
+  async run() {
+    const pathStr = path.join(this.frontDistPath, this.frontDistIndexFileName);
+    const html = fs.readFileSync(pathStr, "utf8");
+    const w = parseHTML(html, { href: this.reconfigureSettings.url });
+    ;
+    w.location ??= { href: "about:blank" };
+    if (this.reconfigureSettings?.url) {
+      w.location.href = this.reconfigureSettings.url;
+    }
+    global.Event = w.Event;
+    global.PopStateEvent = w.Event;
+    global.IntersectionObserver = w.IntersectionObserver;
+    global.NodeFilter = w.NodeFilter;
+    global.Node = w.Node;
+    global.DocumentFragment = w.DocumentFragment;
+    global.HTMLElement = w.HTMLElement;
+    global.HTMLMetaElement = w.HTMLMetaElement;
+    global.Element = w.Element;
+    global.HTMLCanvasElement = w.HTMLCanvasElement;
+    global.HTMLCanvasElement.prototype.getContext = () => {
+      return null;
+    };
+    global.CanvasRenderingContext2D = w.CanvasRenderingContext2D;
+    global.CanvasPattern = w.CanvasPattern;
+    global.CanvasGradient = w.CanvasGradient;
+    global.Path2D = w.Path2D;
+    global.ImageData = w.ImageData;
+    return w;
+  }
+}
+export {
+  DomParserInitializer
+};
+//# sourceMappingURL=DomParserInitializer.js.map

package/dist/esm/initializers/DomParserInitializer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/initializers/DomParserInitializer.ts"],
+  "sourcesContent": ["import fs from 'fs';\nimport path from 'path';\nimport { parseHTML } from '@dooboostore/dom-parser';\n\nexport class DomParserInitializer {\n  constructor(\n    private frontDistPath: string,\n    private frontDistIndexFileName: string,\n    private reconfigureSettings?: {url: string}\n  ) {}\n\n  public static loadFile(distPath: string, filePath: string): string {\n    return fs.readFileSync(path.join(distPath, filePath), 'utf8');\n  }\n\n  async run(): Promise<Window> {\n    // const indexHTML = fs.readFileSync(path.join(this.frontDistPath, 'index.html'), 'utf8');\n    // const indexHTML = JsdomInitializer.loadFile(this.frontDistPath, this.frontDistIndexFileName);\n    const pathStr = path.join(this.frontDistPath, this.frontDistIndexFileName);\n\n    const html = fs.readFileSync(pathStr,'utf8');\n\n    const w = parseHTML(html, {href: this.reconfigureSettings.url}) as unknown as Window & typeof globalThis; ;\n\n    // @ts-ignore\n    w.location ??= { href: 'about:blank'};\n    if(this.reconfigureSettings?.url){\n      // console.log('--',w,w.location);\n      // @ts-ignore\n      w.location.href = this.reconfigureSettings.url;\n    }\n    // console.log('!!!!!!!!!!!', html, w.document);\n    // @ts-ignore\n    // global.document = w.document;\n    // @ts-ignore\n    // global.window = w as unknown as Window & typeof globalThis;\n    // @ts-ignore\n    // global.window.requestAnimationFrame = () => {};\n    // global.window.scrollTo = () => {};\n    // @ts-ignore\n    // global.history = w.history;\n    global.Event = w.Event;\n    // @ts-ignore\n    global.PopStateEvent = w.Event;\n    global.IntersectionObserver = w.IntersectionObserver;\n    // @ts-ignore\n    // global.Error = ErrorBase;\n    // @ts-ignore\n    // global.navigator = w.navigator;\n    global.NodeFilter = w.NodeFilter;\n    global.Node = w.Node;\n    global.DocumentFragment = w.DocumentFragment;\n    global.HTMLElement = w.HTMLElement;\n    global.HTMLMetaElement = w.HTMLMetaElement;\n    global.Element = w.Element;\n    global.HTMLCanvasElement = w.HTMLCanvasElement;\n    global.HTMLCanvasElement.prototype.getContext = () => {\n      return null;\n    };\n    global.CanvasRenderingContext2D = w.CanvasRenderingContext2D;\n    global.CanvasPattern = w.CanvasPattern;\n    global.CanvasGradient = w.CanvasGradient;\n    global.Path2D = w.Path2D;\n    global.ImageData = w.ImageData;\n    // console.log('cvvvvvvvvvvvvvv', w.Node.DOCUMENT_FRAGMENT_NODE);\n    return w;\n  }\n}\n//\n// export default new JsdomInitializer();\n"],
+  "mappings": "AAAA,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAEnB,MAAM,qBAAqB;AAAA,EAChC,YACU,eACA,wBACA,qBACR;AAHQ;AACA;AACA;AAAA,EACP;AAAA,EAEH,OAAc,SAAS,UAAkB,UAA0B;AACjE,WAAO,GAAG,aAAa,KAAK,KAAK,UAAU,QAAQ,GAAG,MAAM;AAAA,EAC9D;AAAA,EAEA,MAAM,MAAuB;AAG3B,UAAM,UAAU,KAAK,KAAK,KAAK,eAAe,KAAK,sBAAsB;AAEzE,UAAM,OAAO,GAAG,aAAa,SAAQ,MAAM;AAE3C,UAAM,IAAI,UAAU,MAAM,EAAC,MAAM,KAAK,oBAAoB,IAAG,CAAC;AAA4C;AAG1G,MAAE,aAAa,EAAE,MAAM,cAAa;AACpC,QAAG,KAAK,qBAAqB,KAAI;AAG/B,QAAE,SAAS,OAAO,KAAK,oBAAoB;AAAA,IAC7C;AAWA,WAAO,QAAQ,EAAE;AAEjB,WAAO,gBAAgB,EAAE;AACzB,WAAO,uBAAuB,EAAE;AAKhC,WAAO,aAAa,EAAE;AACtB,WAAO,OAAO,EAAE;AAChB,WAAO,mBAAmB,EAAE;AAC5B,WAAO,cAAc,EAAE;AACvB,WAAO,kBAAkB,EAAE;AAC3B,WAAO,UAAU,EAAE;AACnB,WAAO,oBAAoB,EAAE;AAC7B,WAAO,kBAAkB,UAAU,aAAa,MAAM;AACpD,aAAO;AAAA,IACT;AACA,WAAO,2BAA2B,EAAE;AACpC,WAAO,gBAAgB,EAAE;AACzB,WAAO,iBAAiB,EAAE;AAC1B,WAAO,SAAS,EAAE;AAClB,WAAO,YAAY,EAAE;AAErB,WAAO;AAAA,EACT;AACF;",
+  "names": []
+}

package/dist/esm/initializers/LinkedomInitializer.js

@@ -0,0 +1,48 @@
+import fs from "fs";
+import path from "path";
+import { parseHTML } from "linkedom";
+class LinkedomInitializer {
+  constructor(frontDistPath, frontDistIndexFileName, reconfigureSettings) {
+    this.frontDistPath = frontDistPath;
+    this.frontDistIndexFileName = frontDistIndexFileName;
+    this.reconfigureSettings = reconfigureSettings;
+  }
+  static loadFile(distPath, filePath) {
+    return fs.readFileSync(path.join(distPath, filePath), "utf8");
+  }
+  async run() {
+    const pathStr = path.join(this.frontDistPath, this.frontDistIndexFileName);
+    const html = fs.readFileSync(pathStr, "utf8");
+    const w = parseHTML(html);
+    global.document = w.document;
+    global.window = w;
+    global.window.requestAnimationFrame = () => {
+    };
+    global.window.scrollTo = () => {
+    };
+    global.history = w.history;
+    global.Event = w.Event;
+    global.PopStateEvent = w.Event;
+    global.IntersectionObserver = w.IntersectionObserver;
+    global.NodeFilter = w.NodeFilter;
+    global.Node = w.Node;
+    global.DocumentFragment = w.DocumentFragment;
+    global.HTMLElement = w.HTMLElement;
+    global.HTMLMetaElement = w.HTMLMetaElement;
+    global.Element = w.Element;
+    global.HTMLCanvasElement = w.HTMLCanvasElement;
+    global.HTMLCanvasElement.prototype.getContext = () => {
+      return null;
+    };
+    global.CanvasRenderingContext2D = w.CanvasRenderingContext2D;
+    global.CanvasPattern = w.CanvasPattern;
+    global.CanvasGradient = w.CanvasGradient;
+    global.Path2D = w.Path2D;
+    global.ImageData = w.ImageData;
+    return w;
+  }
+}
+export {
+  LinkedomInitializer
+};
+//# sourceMappingURL=LinkedomInitializer.js.map