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

package/package.json

@@ -1,14 +1,24 @@
 {
   "name": "@dooboostore/simple-boot-http-server-ssr",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "license": "MIT",
   "type": "module",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
-  "types": "./dist/esm/index.d.ts",
+  "types": "./dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.2": {
+      "*": [
+        "dist/types/*"
+      ]
+    }
+  },
   "description": "front end SPA frameworks SSR",
   "files": [
-    "dist"
+    "dist",
+    "src",
+    "LICENSE.md",
+    "tsconfig.json"
   ],
   "keywords": [
     "front",
@@ -19,21 +29,21 @@
     "framwork",
     "node"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "exports": {
     ".": {
-      "types": "./dist/esm/index.d.ts",
+      "types": "./dist/types/index.d.ts",
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
     },
     "./*": {
-      "types": "./dist/esm/*.d.ts",
+      "types": "./dist/types/*.d.ts",
       "import": "./dist/esm/*.js",
       "require": "./dist/cjs/*.js"
     }
   },
-  "publishConfig": {
-    "access": "public"
-  },
   "author": "dooboostore <dooboostore@gmail.com> (https://github.com/dooboostore)",
   "contributors": [
     "sewoo <sewooimda@nate.com> (https://github.com/sewoo)",
@@ -53,13 +63,13 @@
   },
   "peerDependencies": {
     "reflect-metadata": "^0.2.2",
-    "@dooboostore/core": "1.0.18",
-    "@dooboostore/core-web": "1.0.5",
-    "@dooboostore/core-node": "1.0.6",
-    "@dooboostore/simple-boot": "1.0.48",
-    "@dooboostore/dom-render": "1.0.107",
-    "@dooboostore/simple-boot-front": "1.0.126",
-    "@dooboostore/simple-boot-http-server": "1.0.19"
+    "@dooboostore/core": "1.0.22",
+    "@dooboostore/core-node": "1.0.8",
+    "@dooboostore/core-web": "1.0.7",
+    "@dooboostore/dom-render": "1.0.109",
+    "@dooboostore/simple-boot-front": "1.0.128",
+    "@dooboostore/simple-boot-http-server": "1.0.21",
+    "@dooboostore/simple-boot": "1.0.51"
   },
   "dependencies": {
     "jsdom": "^26.0.0"
@@ -85,16 +95,18 @@
   },
   "scripts": {
     "clean": "rm -rf dist",
-    "build:esm": "node build.mjs esm && tsc -p tsconfig.esm.json --emitDeclarationOnly",
+    "build:esm": "node build.mjs esm",
     "watch:esm": "pnpm run build:esm && node build.mjs esm --watch",
-    "build:cjs": "node build.mjs cjs && tsc -p tsconfig.cjs.json --emitDeclarationOnly && cp package.cjs.json dist/cjs/package.json",
+    "build:cjs": "node build.mjs cjs",
     "watch:cjs": "pnpm run build:cjs && node build.mjs cjs --watch",
-    "build": "pnpm run clean && node build.mjs all && tsc -p tsconfig.esm.json --emitDeclarationOnly && tsc -p tsconfig.cjs.json --emitDeclarationOnly && cp package.cjs.json dist/cjs/package.json",
+    "build": "pnpm run clean && node build.mjs all",
     "build:umd-bundle": "node build.mjs umd-bundle",
     "watch:umd-bundle": "pnpm run build:umd-bundle && node build.mjs umd-bundle --watch",
     "build:esm-bundle": "node build.mjs esm-bundle",
     "watch:esm-bundle": "pnpm run build:esm-bundle && node build.mjs esm-bundle --watch",
+    "watch": "node build.mjs all --watch",
     "publish:npm": "pnpm run build && cp package.json package.json.back && pnpm pack && TARBALL_NAME=$(ls dooboostore-simple-boot-http-server-ssr-*.tgz | head -n 1) && tar -xzf \"$TARBALL_NAME\" -C . --strip-components=1 package/package.json && rm \"$TARBALL_NAME\" && (pnpm publish --no-git-checks || true) && cp package.json.back package.json && rm -rf package.json.back  ",
+    "ts:clean": "find . -name '*.js' -o -name '*.map' -o -name '*.d.ts' | xargs rm -f",
     "typecheck": "tsc --noEmit",
     "test": "echo test"
   }

package/src/SimpleBootHttpSSRFactory.ts

@@ -0,0 +1,11 @@
+import { SimpleBootFront } from '@dooboostore/simple-boot-front/SimpleBootFront';
+import { ConstructorType } from '@dooboostore/core/types';
+import { SimFrontOption } from '@dooboostore/simple-boot-front/option/SimFrontOption';
+export abstract class SimpleBootHttpSSRFactory {
+    public abstract factory(simFrontOption: SimFrontOption, using: (ConstructorType<any> | Function)[], domExcludes: ConstructorType<any>[]): Promise<SimpleBootFront> ;
+
+    public async create(simFrontOption: SimFrontOption, using: (ConstructorType<any> | Function)[] = [], domExcludes: ConstructorType<any>[] = []): Promise<SimpleBootFront> {
+        const front = await this.factory(simFrontOption, using, domExcludes);
+        return front;
+    }
+}

package/src/SimpleBootHttpSSRServer.ts

@@ -0,0 +1,21 @@
+import { SimpleBootHttpServer } from '@dooboostore/simple-boot-http-server/SimpleBootHttpServer';
+// import { SimstanceManager } from '@dooboostore/simple-boot/simstance/SimstanceManager';
+import { HttpSSRServerOption } from './option/HttpSSRServerOption';
+import { ConstructorType } from '@dooboostore/core/types';
+
+export class SimpleBootHttpSSRServer extends SimpleBootHttpServer {
+  constructor(option?: HttpSSRServerOption) {
+    super(option)
+  }
+
+  run(otherInstanceSim?: Map<ConstructorType<any>, any>) {
+    const oi = new Map<ConstructorType<any>, any>()
+    otherInstanceSim?.forEach((value, key) => oi.set(key, value));
+    return super.run(oi);
+  }
+
+  // TODO: 나중에 뭐라도..
+  stop(){
+
+  }
+}

package/src/bundle-entry.ts

@@ -0,0 +1,8 @@
+export * from './codes';
+export * from './decorators';
+export * from './filters';
+export * from './initializers';
+export * from './option';
+export * from './proxy';
+export * from './SimpleBootHttpSSRFactory';
+export * from './SimpleBootHttpSSRServer';

package/src/codes/HttpHeaders.ts

@@ -0,0 +1,17 @@
+import { HttpHeaders as AHttpHeaders } from '@dooboostore/simple-boot-http-server/codes/HttpHeaders';
+import { Mimes } from './Mimes';
+
+export const HttpHeaders = {
+  ...AHttpHeaders,
+  XSimpleBootSsrIntentScheme: 'x-simple-boot-ssr-intent-scheme'
+};
+export type HttpHeadersType = typeof HttpHeaders;
+
+export const makeIntentHeaderBySymbol = (symbol: Symbol): HeadersInit => {
+  return {
+    [HttpHeaders.Accept]: Mimes.ApplicationJsonPostSimpleBootSsrIntentScheme,
+    [HttpHeaders.XSimpleBootSsrIntentScheme]: `Symbol.for(${symbol.description})`
+  }
+};
+
+

package/src/codes/Mimes.ts

@@ -0,0 +1,6 @@
+import {Mimes as AMimes} from '@dooboostore/simple-boot-http-server/codes/Mimes';
+export const Mimes = {
+    ...AMimes,
+    ApplicationJsonPostSimpleBootSsrIntentScheme:'application/json-post+simple-boot-ssr-intent-scheme',
+    Intent: 'intent'
+}

package/src/codes/index.ts

@@ -0,0 +1,2 @@
+export * from './HttpHeaders';
+export * from './Mimes';

package/src/decorators/LoadAroundBefore.ts

@@ -0,0 +1,28 @@
+import { getSim } from '@dooboostore/simple-boot/decorators/SimDecorator';
+import { AroundForceReturn } from '@dooboostore/simple-boot/decorators/aop/AOPDecorator';
+import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';
+
+export const LoadAroundBefore = (obj: any, propertyKey: string, args: any[]) => {
+    const simstanceManager = obj._SimpleBoot_simstanceManager;
+    const simOption = obj._SimpleBoot_simOption;
+    const config = getSim(obj);
+    if (simstanceManager && simOption && config?.scheme) {
+        const key = config.scheme + '_' + propertyKey;
+        const type = ReflectUtils.getReturnType(obj, propertyKey);
+        const isHas = (key in (simOption.window.server_side_data ?? {}))
+        if (isHas) {
+            const data = simOption.window.server_side_data?.[key];
+            delete simOption.window.server_side_data?.[key];
+            let rdata;
+            if (type === Promise) {
+                rdata = Promise.resolve(data);
+            } else {
+                rdata = data;
+            }
+            throw new AroundForceReturn(rdata);
+        } else {
+            return args;
+        }
+    }
+    return args;
+}

package/src/decorators/SaveAroundAfter.ts

@@ -0,0 +1,27 @@
+import { getSim } from '@dooboostore/simple-boot/decorators/SimDecorator';
+
+export const SaveAroundAfter = (obj: any, propertyKey: string, args: any[], beforeReturn: any) => {
+    const simstanceManager = obj._SimpleBoot_simstanceManager;
+    const simOption = obj._SimpleBoot_simOption;
+    const config = getSim(obj);
+    if (simstanceManager && simOption && config?.scheme) {
+        if (!simOption.window.server_side_data) {
+            simOption.window.server_side_data = {};
+        }
+        const key = config.scheme+'_'+propertyKey;
+        if (beforeReturn instanceof Promise) {
+            beforeReturn.then((it) => {
+                simOption.window.server_side_data[key] = JSON.stringify(it);
+                return it;
+            });
+        } else {
+            simOption.window.server_side_data[key] = JSON.stringify(beforeReturn);
+        }
+    }
+    return beforeReturn;
+}
+
+
+export const getStorage = (window: Window) => {
+    return (window as any).aroundStorage;
+}

package/src/decorators/index.ts

@@ -0,0 +1,2 @@
+export * from './LoadAroundBefore';
+export * from './SaveAroundAfter';

package/src/filters/IntentSchemeFilter.ts

@@ -0,0 +1,66 @@
+import {Filter} from '@dooboostore/simple-boot-http-server/filters/Filter';
+import {HttpHeaders} from '../codes/HttpHeaders';
+import {Intent, PublishType} from '@dooboostore/simple-boot/intent/Intent';
+import {IntentManager} from '@dooboostore/simple-boot/intent/IntentManager';
+import {Sim} from '@dooboostore/simple-boot/decorators/SimDecorator';
+import {HttpStatus} from '@dooboostore/simple-boot-http-server/codes/HttpStatus';
+import {RequestResponse} from '@dooboostore/simple-boot-http-server/models/RequestResponse';
+import {SimpleBootHttpServer} from '@dooboostore/simple-boot-http-server/SimpleBootHttpServer';
+import { Mimes } from '../codes/Mimes';
+
+@Sim
+export class IntentSchemeFilter implements Filter {
+    constructor(private intentManager: IntentManager) {
+      // (IntentManager as any).
+      // console.log('intent constructor', this.intentManager);
+    }
+
+    async onInit(app: SimpleBootHttpServer) {
+    }
+
+    async proceedBefore({rr, app}: {rr: RequestResponse, app: SimpleBootHttpServer, carrier: Map<string, any>}) {
+        // const rr = rrr;
+        const url = rr.reqUrl;
+        const contentLength = Number(rr.reqHeader(HttpHeaders.ContentLength.toLowerCase() ?? '0'));
+        const acceptType = rr.reqHeader(HttpHeaders.Accept);
+        const contentType = rr.reqHeader(HttpHeaders.ContentType);
+        const intentScheme = rr.reqHeader(HttpHeaders.XSimpleBootSsrIntentScheme);
+        if (acceptType === Mimes.ApplicationJsonPostSimpleBootSsrIntentScheme && intentScheme) {
+            let intent = new Intent(`${intentScheme}:/${url}`);
+            intent.publishType = PublishType.INLINE_DATA_PARAMETERS;
+            // const responseHeader = {} as any;
+            // responseHeader[HttpHeaders.ContentType] = Mimes.ApplicationJson;
+            if (contentLength > 0) {
+                if (contentType.includes(Mimes.ApplicationJson)) {
+                    intent.data = [await rr.reqBodyJsonData(), rr];
+                } else if (contentType.includes(Mimes.MultipartFormData)) {
+                    intent.data = [await rr.reqBodyMultipartFormDataObject(), rr];
+                }
+                const rdatas = await this.intentManager.publish(intent);
+                const rdata = rdatas[0];
+                const wdata = rdata instanceof Promise ? await rdata : rdata;
+                rr.resStatusCode(HttpStatus.Ok);
+                rr.resSetHeader(HttpHeaders.ContentType, [Mimes.ApplicationJson])
+                await rr.resEnd(wdata ? JSON.stringify(wdata) : undefined);
+            } else {
+                intent.data = rr.reqUrlSearchParamTuples.length > 0 ? [rr.reqUrlSearchParamsObj, rr] : [rr];
+                const rdatas = await this.intentManager.publish(intent);
+                const rdata = rdatas[0];
+                const wdata = rdata instanceof Promise ? await rdata : rdata;
+                // const wdata =undefined;
+                rr.resStatusCode(HttpStatus.Ok);
+                rr.resSetHeader(HttpHeaders.ContentType, [Mimes.ApplicationJson])
+                await rr.resEnd(wdata ? JSON.stringify(wdata) : undefined);
+            }
+            // console.log('---------3--intent request', rr.req.readable, rr.req.readableLength);
+            return false;
+        } else {
+            return true;
+        }
+    }
+
+    async proceedAfter({rr, app}: {rr: RequestResponse, app: SimpleBootHttpServer, carrier: Map<string, any>}) {
+        return true;
+    }
+
+}

package/src/filters/SSRFilter.ts

@@ -0,0 +1,339 @@
+import { RequestResponse } from '@dooboostore/simple-boot-http-server/models/RequestResponse';
+import { HttpHeaders } from '@dooboostore/simple-boot-http-server/codes/HttpHeaders';
+import { SimpleBootHttpSSRFactory } from '../SimpleBootHttpSSRFactory';
+import { ConstructorType } from '@dooboostore/core/types';
+import { JsdomInitializer } from '../initializers/JsdomInitializer';
+import { Filter } from '@dooboostore/simple-boot-http-server/filters/Filter';
+import { Mimes } from '@dooboostore/simple-boot-http-server/codes/Mimes';
+import { HttpStatus } from '@dooboostore/simple-boot-http-server/codes/HttpStatus';
+import { SimpleBootHttpServer } from '@dooboostore/simple-boot-http-server/SimpleBootHttpServer';
+import { SimFrontOption } from '@dooboostore/simple-boot-front/option/SimFrontOption';
+import { SimpleBootFront } from '@dooboostore/simple-boot-front/SimpleBootFront';
+import { AsyncBlockingQueue } from '@dooboostore/core/queues/AsyncBlockingQueue';
+import { RandomUtils } from '@dooboostore/core/random/RandomUtils';
+import * as JSDOM from 'jsdom';
+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';
+
+export type FactoryAndParams = {
+  frontDistPath: string;
+  frontDistIndexFileName?: string;
+  factorySimFrontOption: (window: any) => SimFrontOption;
+  factory: SimpleBootHttpSSRFactory;
+  poolOption: {
+    max: number;
+    min: number;
+    clearIntervalTime?: number;
+  };
+  using: ConstructorType<any>[];
+  domExcludes?: ConstructorType<any>[];
+  ssrExcludeFilter?: (rr: RequestResponse) => boolean;
+  simpleBootFront?: {
+    notFoundError?: boolean;
+  };
+};
+
+export class SSRFilter implements Filter {
+  private simpleBootFrontPool: SimpleBootFront[] = [];
+  private simpleBootFrontQueue = new AsyncBlockingQueue<SimpleBootFront>();
+  private indexHTML: string;
+  private welcomUrl = 'http://localhost';
+  private poolGeneration = 0;
+  private intervalId?: NodeJS.Timeout;
+
+  constructor(
+    public config: FactoryAndParams,
+    public otherInstanceSim?: Map<ConstructorType<any>, any>
+  ) {
+    config.frontDistIndexFileName = config.frontDistIndexFileName || 'index.html';
+    this.indexHTML = JsdomInitializer.loadFile(this.config.frontDistPath, config.frontDistIndexFileName);
+  }
+
+  async onInit(app: SimpleBootHttpServer) {
+    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);
+    }
+    // console.log('SimpleBootHttpSSRFactory init success ', + this.simpleBootFrontPool.length)
+  }
+
+  async onDestroy() {
+    if (this.intervalId) {
+      clearInterval(this.intervalId);
+    }
+    // this.simpleBootFrontQueue.clear();
+    this.simpleBootFrontPool.forEach(front => {
+      (front as any).jsdom?.window.close();
+    });
+    this.simpleBootFrontPool = [];
+  }
+
+  // workerTs(workerOptions: WorkerOptions) {
+  //     workerOptions.eval = true;
+  //     if (!workerOptions.workerData) {
+  //         workerOptions.workerData = {};
+  //     }
+  //     workerOptions.workerData.__filename = '/Users/hyunhakim/source/visualkhh/pet-space/libs/simple-boot-http-ssr/dist/filters/SSRCreatorWorker.js';
+  //     return new Worker(` const wk = require('worker_threads'); require('ts-node').register(); let file = wk.workerData.__filename; require(file); `, workerOptions,);
+  // }
+
+  async makeJsdom() {
+    const jsdom = await new JsdomInitializer(
+      this.config.frontDistPath,
+      this.config.frontDistIndexFileName || 'index.html',
+      { url: this.welcomUrl }
+    ).run();
+    return jsdom;
+  }
+
+  async makeFront(jsdom: JSDOM.JSDOM) {
+    const name = RandomUtils.uuid();
+    // const jsdom = await this.makeJsdom();
+    const window = jsdom.window as unknown as Window & typeof globalThis;
+    (window as any).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 as any).jsdom = jsdom;
+    (simpleBootFront as any).generation = this.poolGeneration;
+    return simpleBootFront;
+  }
+
+  enqueueFrontApp(simpleBootFront: SimpleBootFront) {
+    // this.simpleBootFrontPool.set(simpleBootFront.option.name!, simpleBootFront);
+    this.simpleBootFrontPool.push(simpleBootFront);
+    this.simpleBootFrontQueue.enqueue(simpleBootFront);
+  }
+
+  // async pushQueue(destorFront?: SimpleBootFront) {
+  //     if (destorFront) {
+  //         this.simpleBootFrontPool.delete(destorFront.option.name!);
+  //     }
+  async pushQueue() {
+    if (this.simpleBootFrontPool.length < this.config.poolOption.max) {
+      this.enqueueFrontApp(await this.makeFront(await this.makeJsdom()));
+    }
+  }
+
+  async proceedBefore({ rr, app }: { rr: RequestResponse; app: SimpleBootHttpServer; carrier: Map<string, any> }) {
+    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 {
+        // console.log('SSRFilter before-->' , simpleBootFront.option.name, 'poolLength:',this.simpleBootFrontPool.size);
+        (simpleBootFront.option.window as any).ssrUse = true;
+        delete (simpleBootFront.option.window as any).server_side_data;
+
+        const url = rr.reqUrlObj({ host: 'localhost' });
+        if (this.config.simpleBootFront?.notFoundError) {
+          // intent router check first
+          const intent = await simpleBootFront.getIntent(url.pathname);
+          // route를 못찾은상태에서 router path까지 안맞으면 404 처리한다.  route랑 router랑 다르니깐 헛갈리지말도록
+          if (intent.module === undefined && !intent.getRouterPathData(rr.reqUrlPathName)) {
+            throw new NotFoundError({ message: `Not Found: ${rr.reqUrlPathName}` });
+          }
+        }
+
+        // runRouting!!
+        const targetUrl = url.toString();
+        // console.log('rrrrr');
+        // simpleBootFront.routingSubjectObservable.subscribe(it => {
+        //   if (it.state === 'end' && it.routerModule.intent.uri === targetUrl) {
+        //     console.log('vvvvvvvvvvvv', it.state, it.routerModule.intent.uri);
+        //   }
+        // });
+        await simpleBootFront.goRouting(targetUrl);
+        await new Promise(r => setTimeout(r, 0)); // <--중요: 이거 넣어야지 두번불러지는게 없어지는듯? 뭐지 event loop 변경된건가?
+        // TODO: 옵션으로 이거 키고 끄고할수있게 해야될까..?
+        // simpleBootFront.routingSubjectObservable.pipe(
+        //     filter((it) =>
+        //         it.state === 'end' &&
+        //         typeof it.routerModule.intent.uri === 'string' &&
+        //         targetUrl.endsWith(it.routerModule.intent.uri)
+        //     ),
+        //     // delay(1000),
+        //     first()
+        // );
+        const data = await firstValueFrom(
+          // @ts-ignore
+          simpleBootFront.routingSubjectObservable.pipe(
+          // @ts-ignore
+            filter(
+              (it: any) =>
+                it.state === 'end' &&
+                typeof it.routerModule.intent.uri === 'string' &&
+                targetUrl.endsWith(it.routerModule.intent.uri)
+            ),
+            // delay(1000),
+            first()
+          )
+        );
+        // console.log('rrrrrssss');
+        // console.log('rrrrrssss122');
+        // await new Promise(r => setTimeout(r, 5000)); // <--중요: 이거 넣어야지 두번불러지는게 없어지는듯? 뭐지 event loop 변경된건가?
+        const html = this.makeHTML(simpleBootFront);
+        await this.writeOkHtmlAndEnd({ rr }, html);
+      } finally {
+        (simpleBootFront.option.window as any).ssrUse = false;
+        delete (simpleBootFront.option.window as any).server_side_data;
+        // console.log('--------->', simpleBootFront.option.window)
+        // simpleBootFront.ninitWriteRootRouter();
+        // ((simpleBootFront as any).jsdom as JSDOM.JSDOM)?.reconfigure({url: '/' });
+        // simpleBootFront.option.window.location.href = 'about:blank';
+        // console.log('ddddddddd', (simpleBootFront as any).generation, this.poolGeneration)
+        if ((simpleBootFront as any).generation < this.poolGeneration) {
+          // Stale instance, destroy it
+          const jsdom = (simpleBootFront as any).jsdom as JSDOM.JSDOM | undefined;
+          jsdom?.window.close();
+          const index = this.simpleBootFrontPool.indexOf(simpleBootFront);
+          if (index > -1) {
+            this.simpleBootFrontPool.splice(index, 1);
+          }
+          // Create a new one to maintain pool size
+          this.pushQueue();
+        } else {
+          // Current instance, return to queue
+          this.simpleBootFrontQueue.enqueue(simpleBootFront);
+        }
+        // simpleBootFront.option.window.document.body.innerHTML = this.rootJSDOM.window.document.body.innerHTML;
+        // simpleBootFront.writeRootRouter()
+        // await simpleBootFront.goRouting('/');
+
+        // ((simpleBootFront as any).jsdom as JSDOM.JSDOM)?.reconfigure({url: this.welcomUrl });
+
+        // simpleBootFront.option.window.location.href = this.welcomUrl;
+        // simpleBootFront.option.window.document.documentElement.outerHTML = this.indexHTML;
+        // this.simpleBootFrontQueue.enqueue(simpleBootFront);
+        // await new Promise((re, r) => setTimeout(() => re(true), 10000));
+        // new Promise((re, r) => setTimeout(() => re(true), 10000)).then(it => {
+        //     console.log('ddddddddddd')
+        // });
+        // this.simpleBootFrontPool.delete(simpleBootFront.option.name!);
+        // if (isMainThread) { // 메인 스레드
+        //     console.log('file-->', __filename)
+        //     const worker = new Worker(__filename);
+        //     worker.on('message', (value: any) => {
+        //         console.log('워커로부터', value)
+        //     })
+        //     worker.on('exit', (value: any) => { // parentPort.close()가 일어나면 이벤트 발생
+        //         console.log('워커 끝~');
+        //     })
+        //     worker.postMessage('ping'); // 워커스레드에게 메세지를 보낸다.
+        // } else { // 워커스레드
+        //     parentPort.on('message', (value: any) => {
+        //         console.log("부모로부터", value);
+        //         parentPort.postMessage('pong');
+        //         parentPort.close(); // 워커스레드 종료라고 메인스레드에 알려줘야 exit이벤트 발생
+        //     })
+        // }
+
+        //worker thrad
+        // const workerPath = path.join(__dirname, 'SSRWorker.js');
+        // const worker = new Worker(workerPath);
+        // worker.once('message', (value: any) => {
+        //     console.log('워커로부터', value)
+        // });
+        // const receiveWorker = new Worker('/Users/hyunhakim/source/visualkhh/pet-space/libs/simple-boot-http-ssr/dist/filters/SSRCreatorWorker.js');
+        // receiveWorker.on('message', (msg: JSDOM.JSDOM)=>{
+        //     console.log('워커로부터', msg, msg.window.document.body.innerHTML)
+        //     console.log('a message is sent! : ', msg)
+        //
+        // });
+        //
+        // receiveWorker.on('error', err=>{
+        //     console.error(err);
+        // })
+        //
+        // receiveWorker.on('exit', ()=>console.log('exited!'));
+        // receiveWorker.postMessage(
+        //     {
+        //         frontDistPath: this.factory.frontDistPath,
+        //         frontDistIndexFileName: this.factory.frontDistIndexFileName,
+        //     }
+        // );
+
+        // const myWorkers = this.workerTs({});
+        // myWorkers.postMessage(this);
+        // myWorkers.on('message', (value: SimpleBootFront) => {
+        //     this.pushQueue(value);
+        // })
+        // this
+        // this.pushQueue(simpleBootFront).then(it => {
+        //     console.log('deee')
+        // });
+        // console.log('-1->', simpleBootFront.option.window.location.href);
+        // simpleBootFront.option.window.location.href = this.welcomUrl;
+        // simpleBootFront.option.window.location.reload();
+        // console.log('-2->', simpleBootFront.option.window.location.href);
+        // simpleBootFront.option.window.location.reload();
+        // console.log('-3->', simpleBootFront.option.window.location.href);
+        // this.simpleBootFrontQueue.enqueue(simpleBootFront);
+        // await this.makeJsdom();
+        // simpleBootFront.option.window.location.href = this.welcomUrl;
+      }
+      // console.log('----doen')
+      return false;
+    } else {
+      // console.log('----doen2')
+      return true;
+    }
+  }
+
+  // const e = Expression.Path.pathNameData(rr.reqUrlPathName, intent.getRouterPath())
+  // console.log('------intent', rr.reqUrl, rr.reqUrlPathName, intent.module, intent.getRouterPath(), e)
+  // simpleBootFront.option.window.document.documentElemenh
+  // "dr-"로 시작하는 모든 attribute를 가진 element에서 해당 attribute를 제거
+
+  makeHTML(simpleBootFront: SimpleBootFront) {
+    (simpleBootFront.option.window as any).document.querySelectorAll('*').forEach((el:HTMLElement )=> {
+      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 as any).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 }: { rr: RequestResponse; status?: HttpStatus }, html: string) {
+    // rr.res.writeHead(status, {[HttpHeaders.ContentType]: Mimes.TextHtml});
+    rr.resStatusCode(status);
+    rr.resSetHeader(HttpHeaders.ContentType, Mimes.TextHtml);
+    await rr.resEnd(html);
+  }
+
+  async proceedAfter({ rr, app }: { rr: RequestResponse; app: SimpleBootHttpServer; carrier: Map<string, any> }) {
+    // console.log('done--------', sw)
+    return true;
+  }
+}