@dooboostore/simple-boot-http-server-ssr 1.0.15 → 1.0.16

package/README.md

@@ -0,0 +1,98 @@
+# @dooboostore/simple-boot-http-server-ssr
+
+[![NPM version](https://img.shields.io/npm/v/@dooboostore/simple-boot-http-server-ssr.svg?color=cb3837&style=flat-square)](https://www.npmjs.com/package/@dooboostore/simple-boot-http-server-ssr)
+[![Build and Test](https://github.com/dooboostore-develop/packages/actions/workflows/main.yaml/badge.svg?branch=main)](https://github.com/dooboostore-develop/packages/actions/workflows/main.yaml)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)](https://opensource.org/licenses/MIT)
+
+`@dooboostore/simple-boot-http-server-ssr` provides a powerful **Server-Side Rendering (SSR)** environment by seamlessly integrating `@dooboostore/simple-boot-front` and `@dooboostore/simple-boot-http-server`. 
+
+By utilizing JSDOM, it creates a virtual DOM environment on the server, executing the same frontend code to deliver fully rendered HTML to users instantly.
+
+---
+
+## 🚀 Key Features
+
+-   **Seamless SSR**: Render your SPA on the server without code modifications to maximize SEO and First Contentful Paint (FCP).
+-   **JSDOM-based Rendering**: Emulate browser APIs in a Node.js environment to execute frontend components.
+-   **Component Pooling**: Optimize resource management by pooling SSR instances to handle concurrent requests efficiently.
+-   **Automatic Data Hydration**: Serialize server-fetched data into the HTML, preventing redundant API calls during client-side hydration.
+-   **Isomorphic Architecture**: Maintain a single codebase for routing, services, and components shared between server and client.
+-   **SWC Optimization**: Dedicated filters for `@dooboostore/simple-web-component` to automate component registration and rendering.
+
+---
+
+## 📦 Installation
+
+```bash
+pnpm add @dooboostore/simple-boot-http-server-ssr @dooboostore/simple-web-component jsdom
+```
+
+---
+
+## 💻 Core Usage
+
+### 1. Universal Bootfactory (bootfactory.ts)
+Define a shared function to initialize the application on both server and client.
+
+```typescript
+export default (window: Window, urlPath?: string) => {
+  // Register components
+  register(window, [MyComponent, MyPage]);
+
+  const appElement = window.document.querySelector('#app');
+  if (appElement?.connect) {
+    const isClient = typeof window !== 'undefined' && window === globalThis.window;
+    
+    appElement.connect({
+      rootRouter: RootRouter,
+      path: urlPath ?? '/',
+      window,
+      // Server renders in 'direct' mode, Client hydrates in 'swap' mode
+      connectMode: isClient ? 'swap' : 'direct'
+    });
+  }
+  return appElement;
+};
+```
+
+### 2. Backend Configuration (SSR Filter)
+Add `SSRSimpleWebComponentFilter` to your server configuration to enable SSR.
+
+```typescript
+const swcFilter = new SSRSimpleWebComponentFilter({
+  frontDistPath: './dist-client',
+  frontDistIndexFileName: 'index.html',
+  registerComponents: async (window: any) => {
+    // Initialize app in server-side virtual DOM
+    bootfactory(window, window.location.pathname);
+  }
+});
+
+const server = new SimpleBootHttpSSRServer(
+  new HttpSSRServerOption({
+    filters: [new ResourceFilter('./dist-client'), swcFilter]
+  })
+);
+server.run();
+```
+
+---
+
+## 🌊 Data Hydration
+Automate the process of safely transferring async data from server to client.
+
+1.  **Server Side**: Fetches data and embeds it as JSON within the HTML.
+2.  **Client Side**: Detects embedded data on load and restores the initial state.
+3.  **Result**: Provides a fast UI for users while reducing network load.
+
+---
+
+## 📖 Learn More
+Check out the detailed guides and tutorials in the `document` folder.
+- [SSR Basics & JSDOM Usage](https://github.com/dooboostore-develop/packages/tree/main/simple-boot-http-server-ssr/document/Create%20a%20SSR%20Server%20Application%20Framework/02_chapter1_ssr_basics_jsdom.md)
+- [Data Hydration Guide](https://github.com/dooboostore-develop/packages/tree/main/simple-boot-http-server-ssr/document/Create%20a%20SSR%20Server%20Application%20Framework/04_chapter3_data_hydration.md)
+
+---
+
+## License
+[MIT License](LICENSE.md)

package/dist/cjs/SimpleBootHttpSSRServer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SimpleBootHttpSSRServer.ts"],
-  "sourcesContent": ["import { SimpleBootHttpServer } from '@dooboostore/simple-boot-http-server/SimpleBootHttpServer';\n// import { SimstanceManager } from '@dooboostore/simple-boot/simstance/SimstanceManager';\nimport { HttpSSRServerOption } from './option/HttpSSRServerOption';\nimport { ConstructorType } from '@dooboostore/core';\nimport {SimConfig} from \"@dooboostore/simple-boot/decorators/SimDecorator\";\n\nexport class SimpleBootHttpSSRServer extends SimpleBootHttpServer {\n  constructor(option?: HttpSSRServerOption) {\n    super(option)\n  }\n\n  run(otherInstanceSim?: Map<ConstructorType<any> | Function | SimConfig | Symbol, any>) {\n    const oi = new Map<ConstructorType<any> | Function | SimConfig | Symbol, any>();\n    oi.set(SimpleBootHttpSSRServer, this);\n    otherInstanceSim?.forEach((value, key) => oi.set(key, value));\n    return super.run(oi);\n  }\n\n  // TODO: \uB098\uC911\uC5D0 \uBB50\uB77C\uB3C4..\n  stop(){\n\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAAqC;AAM9B,MAAM,gCAAgC,iDAAqB;AAAA,EAChE,YAAY,QAA8B;AACxC,UAAM,MAAM;AAAA,EACd;AAAA,EAEA,IAAI,kBAAmF;AACrF,UAAM,KAAK,oBAAI,IAA+D;AAC9E,OAAG,IAAI,yBAAyB,IAAI;AACpC,sBAAkB,QAAQ,CAAC,OAAO,QAAQ,GAAG,IAAI,KAAK,KAAK,CAAC;AAC5D,WAAO,MAAM,IAAI,EAAE;AAAA,EACrB;AAAA;AAAA,EAGA,OAAM;AAAA,EAEN;AACF;",
+  "sourcesContent": ["import { SimpleBootHttpServer } from '@dooboostore/simple-boot-http-server/SimpleBootHttpServer';\nimport { HttpSSRServerOption } from './option/HttpSSRServerOption';\nimport { ConstructorType } from '@dooboostore/core';\nimport {SimConfig} from \"@dooboostore/simple-boot/decorators/SimDecorator\";\n\nexport class SimpleBootHttpSSRServer extends SimpleBootHttpServer {\n  constructor(option?: HttpSSRServerOption) {\n    super(option)\n  }\n\n  run(otherInstanceSim?: Map<ConstructorType<any> | Function | SimConfig | symbol, any>) {\n    const oi = new Map<ConstructorType<any> | Function | SimConfig | symbol, any>();\n    oi.set(SimpleBootHttpSSRServer, this);\n    otherInstanceSim?.forEach((value, key) => oi.set(key, value));\n    return super.run(oi);\n  }\n\n  // TODO: \uB098\uC911\uC5D0 \uBB50\uB77C\uB3C4..\n  stop(){\n\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAAqC;AAK9B,MAAM,gCAAgC,iDAAqB;AAAA,EAChE,YAAY,QAA8B;AACxC,UAAM,MAAM;AAAA,EACd;AAAA,EAEA,IAAI,kBAAmF;AACrF,UAAM,KAAK,oBAAI,IAA+D;AAC9E,OAAG,IAAI,yBAAyB,IAAI;AACpC,sBAAkB,QAAQ,CAAC,OAAO,QAAQ,GAAG,IAAI,KAAK,KAAK,CAAC;AAC5D,WAAO,MAAM,IAAI,EAAE;AAAA,EACrB;AAAA;AAAA,EAGA,OAAM;AAAA,EAEN;AACF;",
   "names": []
 }

package/dist/cjs/bundle-entry.js

@@ -14,7 +14,6 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var bundle_entry_exports = {};
 module.exports = __toCommonJS(bundle_entry_exports);
-__reExport(bundle_entry_exports, require("./decorators"), module.exports);
 __reExport(bundle_entry_exports, require("./filters"), module.exports);
 __reExport(bundle_entry_exports, require("./initializers"), module.exports);
 __reExport(bundle_entry_exports, require("./option"), module.exports);
@@ -23,7 +22,6 @@ __reExport(bundle_entry_exports, require("./SimpleBootHttpSSRFactory"), module.e
 __reExport(bundle_entry_exports, require("./SimpleBootHttpSSRServer"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("./decorators"),
   ...require("./filters"),
   ...require("./initializers"),
   ...require("./option"),

package/dist/cjs/bundle-entry.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/bundle-entry.ts"],
-  "sourcesContent": ["export * from './decorators';\nexport * from './filters';\nexport * from './initializers';\nexport * from './option';\nexport * from './proxy';\nexport * from './SimpleBootHttpSSRFactory';\nexport * from './SimpleBootHttpSSRServer';"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,iCAAc,yBAAd;AACA,iCAAc,sBADd;AAEA,iCAAc,2BAFd;AAGA,iCAAc,qBAHd;AAIA,iCAAc,oBAJd;AAKA,iCAAc,uCALd;AAMA,iCAAc,sCANd;",
+  "sourcesContent": ["export * from './filters';\nexport * from './initializers';\nexport * from './option';\nexport * from './proxy';\nexport * from './SimpleBootHttpSSRFactory';\nexport * from './SimpleBootHttpSSRServer';"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,iCAAc,sBAAd;AACA,iCAAc,2BADd;AAEA,iCAAc,qBAFd;AAGA,iCAAc,oBAHd;AAIA,iCAAc,uCAJd;AAKA,iCAAc,sCALd;",
   "names": []
 }

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

@@ -1,7 +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, AsyncBlockingQueue, RandomUtils, MessageOperator, MessageInternal, Promises } from '@dooboostore/core';\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 * as JSDOM from 'jsdom';\nimport { NotFoundError } from '@dooboostore/simple-boot-http-server/errors/NotFoundError';\nimport { DomRenderProxy } from '@dooboostore/dom-render';\nimport { parseHTML } from 'linkedom';\nimport { DomParserInitializer } from '../initializers/DomParserInitializer';\nimport { JsdomInitializer } from '../initializers';\nimport { SimConfig } from '@dooboostore/simple-boot/decorators/SimDecorator';\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> | Function | SimConfig | Symbol, 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    // 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    //   // JSDOM\uB3C4 \uC815\uB9AC (\uD558\uC704 \uD638\uD658\uC131)\n    //   (front as any).jsdom?.window.close();\n    //   // Window close - \uC774\uAC83\uB9CC\uC73C\uB85C WindowBase.close()\uAC00 \uD638\uCD9C\uB418\uC5B4 \uBA54\uBAA8\uB9AC \uC815\uB9AC\uB428\n    //   (front.option.window as any)?.close?.();\n    // });\n    // this.simpleBootFrontPool = [];\n  }\n\n  async makePage(url = this.welcomUrl) {\n    const domParserInitializer = new DomParserInitializer(this.config.frontDistPath, this.config.frontDistIndexFileName || 'index.html', { url: url });\n    const window = await domParserInitializer.run();\n    // window.document.querySelector('#app').setAttribute(('vvv'),'zzz')\n    // console.log('vvv', window.document.querySelector('#app'))\n    // console.log('------', window.document.documentElement.outerHTML);\n    return { window, domParserInitializer };\n    // const jsdom = await new JsdomInitializer(\n    //   this.config.frontDistPath,\n    //   this.config.frontDistIndexFileName || 'index.html',\n    //   { url: this.welcomUrl }\n    // ).run();\n    // return { window: jsdom.window as any, domParserInitializer: {destroy: () => {jsdom.window.close()}} };\n    // return jsdom;\n  }\n\n  async makeFront(window: Window, otherInstanceSim?: Map<Function | ConstructorType<any> | SimConfig | Symbol, any>) {\n    const name = RandomUtils.uuid();\n    (window as any).ssrUse = false;\n    const option = this.config.factorySimFrontOption(DomRenderProxy.final(window));\n    const domExcludes = [RequestResponse, ...(this.config.domExcludes || [])];\n    const simpleBootFront = await this.config.factory.create(option, this.config.using, domExcludes);\n    otherInstanceSim ??= new Map<Function | ConstructorType<any> | SimConfig | Symbol, any>();\n    this.otherInstanceSim?.forEach((v, k) => otherInstanceSim!.set(k, v));\n\n    simpleBootFront.run(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  //\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      const url = rr.reqUrlObj({ host: 'localhost' });\n      const targetUrl = url.toString() ?? this.welcomUrl;\n      const { window, domParserInitializer } = await this.makePage(targetUrl);\n      const otherSim = new Map<Function | ConstructorType<any> | SimConfig | Symbol, any>();\n      otherSim.set(RequestResponse, rr);\n      const simpleBootFront = await this.makeFront(window, otherSim);\n      try {\n        (simpleBootFront.option.window as any).ssrUse = true;\n        // console.log(simpleBootFront.routing)\n        if (this.config.simpleBootFront?.notFoundError) {\n          // intent router check first\n          const intent = await simpleBootFront.routingRouterModule(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        const data = await MessageInternal.firstValueFrom(\n          simpleBootFront.routingObservable.pipe(\n            MessageOperator.filter(it => {\n\n              const sw = it.triggerPoint === 'end' && typeof it.routerModule.intent.uri === 'string' && targetUrl.endsWith(it.routerModule.intent.uri);\n              return sw;\n            }),\n            // delay(1000),\n            MessageOperator.first()\n          )\n        );\n\n        // [\uC544\uD0A4\uD14D\uD2B8\uB2D8\uC758 \uC815\uC11D] \uD558\uC774\uB4DC\uB808\uC774\uC158 \uB370\uC774\uD130\uB97C \uAC00\uC0C1 \uC708\uB3C4\uC6B0\uC758 body\uC5D0 script \uD0DC\uADF8\uB85C \uBC15\uC81C\n        // @ts-ignore: writeDataHydration is part of the \uC815\uC11D\n        simpleBootFront.writeDataHydration();\n        simpleBootFront.clearDataHydration();\n\n        const html = this.makeHTML(simpleBootFront);\n        await this.writeOkHtmlAndEnd({ rr }, html);\n      } finally {\n        try {\n          (simpleBootFront.option.window as any).ssrUse = false;\n          window.close();\n          simpleBootFront.onDestroy();\n\n          // window.close()\uB9CC \uD638\uCD9C\uD558\uBA74 WindowBase.close()\uAC00 \uC2E4\uD589\uB418\uC5B4 \uBA54\uBAA8\uB9AC \uC815\uB9AC\uB428\n          (simpleBootFront.option.window as any)?.close?.();\n          domParserInitializer.destroy();\n        } catch (e) {\n          console.log('eeeeee', e);\n        }\n\n        // const index = this.simpleBootPool.indexOf(simpleBootFront);\n        // if (index > -1) {\n        //   this.simpleBootPool.splice(index, 1);\n        // }\n        // this.pushQueue();\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\n    // [\uC544\uD0A4\uD14D\uD2B8\uB2D8\uC758 \uC815\uC11D]\n    // body\uC5D0 \uC9C1\uC811 append\uB41C script tag\uAC00 outerHTML\uC5D0 \uC774\uBBF8 \uD3EC\uD568\uB418\uC5B4 \uC788\uC73C\uBBC0\uB85C \uCD94\uAC00 \uC870\uC791\uC740 \uBD88\uD544\uC694\uD569\uB2C8\uB2E4.\n\n    return html;\n  }\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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",
+  "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, AsyncBlockingQueue, RandomUtils, MessageOperator, MessageInternal, Promises } from '@dooboostore/core';\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 * as JSDOM from 'jsdom';\nimport { NotFoundError } from '@dooboostore/simple-boot-http-server/errors/NotFoundError';\nimport { DomRenderProxy } from '@dooboostore/dom-render';\nimport { parseHTML } from 'linkedom';\nimport { DomParserInitializer } from '../initializers/DomParserInitializer';\nimport { JsdomInitializer } from '../initializers';\nimport { SimConfig } from '@dooboostore/simple-boot/decorators/SimDecorator';\n\nexport type DomParserFactoryAndParams = {\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: DomParserFactoryAndParams,\n    public otherInstanceSim?: Map<ConstructorType<any> | Function | SimConfig | Symbol, 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    // 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    //   // JSDOM\uB3C4 \uC815\uB9AC (\uD558\uC704 \uD638\uD658\uC131)\n    //   (front as any).jsdom?.window.close();\n    //   // Window close - \uC774\uAC83\uB9CC\uC73C\uB85C WindowBase.close()\uAC00 \uD638\uCD9C\uB418\uC5B4 \uBA54\uBAA8\uB9AC \uC815\uB9AC\uB428\n    //   (front.option.window as any)?.close?.();\n    // });\n    // this.simpleBootFrontPool = [];\n  }\n\n  async makePage(url = this.welcomUrl) {\n    const domParserInitializer = new DomParserInitializer(this.config.frontDistPath, this.config.frontDistIndexFileName || 'index.html', { url: url });\n    const window = await domParserInitializer.run();\n    // window.document.querySelector('#app').setAttribute(('vvv'),'zzz')\n    // console.log('vvv', window.document.querySelector('#app'))\n    // console.log('------', window.document.documentElement.outerHTML);\n    return { window, domParserInitializer };\n    // const jsdom = await new JsdomInitializer(\n    //   this.config.frontDistPath,\n    //   this.config.frontDistIndexFileName || 'index.html',\n    //   { url: this.welcomUrl }\n    // ).run();\n    // return { window: jsdom.window as any, domParserInitializer: {destroy: () => {jsdom.window.close()}} };\n    // return jsdom;\n  }\n\n  async makeFront(window: Window, otherInstanceSim?: Map<Function | ConstructorType<any> | SimConfig | Symbol, any>) {\n    const name = RandomUtils.uuid();\n    (window as any).ssrUse = false;\n    const option = this.config.factorySimFrontOption(DomRenderProxy.final(window));\n    const domExcludes = [RequestResponse, ...(this.config.domExcludes || [])];\n    const simpleBootFront = await this.config.factory.create(option, this.config.using, domExcludes);\n    otherInstanceSim ??= new Map<Function | ConstructorType<any> | SimConfig | symbol, any>();\n    this.otherInstanceSim?.forEach((v, k) => otherInstanceSim!.set(k, v));\n\n    simpleBootFront.run(otherInstanceSim as any);\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() {\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      const url = rr.reqUrlObj({ host: 'localhost' });\n      const targetUrl = url.toString() ?? this.welcomUrl;\n      const { window, domParserInitializer } = await this.makePage(targetUrl);\n      const otherSim = new Map<Function | ConstructorType<any> | SimConfig | Symbol, any>();\n      otherSim.set(RequestResponse, rr);\n      const simpleBootFront = await this.makeFront(window, otherSim);\n      try {\n        (simpleBootFront.option.window as any).ssrUse = true;\n        // console.log(simpleBootFront.routing)\n        if (this.config.simpleBootFront?.notFoundError) {\n          // intent router check first\n          const intent = await simpleBootFront.routingRouterModule(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        const data = await MessageInternal.firstValueFrom(\n          simpleBootFront.routingObservable.pipe(\n            MessageOperator.filter(it => {\n\n              const sw = it.triggerPoint === 'end' && typeof it.routerModule.intent.uri === 'string' && targetUrl.endsWith(it.routerModule.intent.uri);\n              return sw;\n            }),\n            // delay(1000),\n            MessageOperator.first()\n          )\n        );\n\n        // [\uC544\uD0A4\uD14D\uD2B8\uB2D8\uC758 \uC815\uC11D] \uD558\uC774\uB4DC\uB808\uC774\uC158 \uB370\uC774\uD130\uB97C \uAC00\uC0C1 \uC708\uB3C4\uC6B0\uC758 body\uC5D0 script \uD0DC\uADF8\uB85C \uBC15\uC81C\n        // @ts-ignore: writeDataHydration is part of the \uC815\uC11D\n        simpleBootFront.writeDataHydration();\n        simpleBootFront.clearDataHydration();\n\n        const html = this.makeHTML(simpleBootFront);\n        await this.writeOkHtmlAndEnd({ rr }, html);\n      } finally {\n        try {\n          (simpleBootFront.option.window as any).ssrUse = false;\n          window.close();\n          simpleBootFront.onDestroy();\n\n          // window.close()\uB9CC \uD638\uCD9C\uD558\uBA74 WindowBase.close()\uAC00 \uC2E4\uD589\uB418\uC5B4 \uBA54\uBAA8\uB9AC \uC815\uB9AC\uB428\n          (simpleBootFront.option.window as any)?.close?.();\n          domParserInitializer.destroy();\n        } catch (e) {\n          console.log('eeeeee', e);\n        }\n\n        // const index = this.simpleBootPool.indexOf(simpleBootFront);\n        // if (index > -1) {\n        //   this.simpleBootPool.splice(index, 1);\n        // }\n        // this.pushQueue();\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\n    // [\uC544\uD0A4\uD14D\uD2B8\uB2D8\uC758 \uC815\uC11D]\n    // body\uC5D0 \uC9C1\uC811 append\uB41C script tag\uAC00 outerHTML\uC5D0 \uC774\uBBF8 \uD3EC\uD568\uB418\uC5B4 \uC788\uC73C\uBBC0\uB85C \uCD94\uAC00 \uC870\uC791\uC740 \uBD88\uD544\uC694\uD569\uB2C8\uB2E4.\n\n    return html;\n  }\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/cjs/filters/{SSRLinkDomDomFilter.js → SSRLinkDomFilter.js}

@@ -15,11 +15,11 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SSRLinkDomDomFilter_exports = {};
-__export(SSRLinkDomDomFilter_exports, {
-  SSRLinkDomDomFilter: () => SSRLinkDomDomFilter
+var SSRLinkDomFilter_exports = {};
+__export(SSRLinkDomFilter_exports, {
+  SSRLinkDomFilter: () => SSRLinkDomFilter
 });
-module.exports = __toCommonJS(SSRLinkDomDomFilter_exports);
+module.exports = __toCommonJS(SSRLinkDomFilter_exports);
 var import_HttpHeaders = require("@dooboostore/simple-boot-http-server/codes/HttpHeaders");
 var import_core = require("@dooboostore/core");
 var import_Mimes = require("@dooboostore/simple-boot-http-server/codes/Mimes");
@@ -27,7 +27,7 @@ var import_HttpStatus = require("@dooboostore/simple-boot-http-server/codes/Http
 var import_NotFoundError = require("@dooboostore/simple-boot-http-server/errors/NotFoundError");
 var import_dom_render = require("@dooboostore/dom-render");
 var import_LinkedomInitializer = require("../initializers/LinkedomInitializer");
-class SSRLinkDomDomFilter {
+class SSRLinkDomFilter {
   constructor(config, otherInstanceSim) {
     this.config = config;
     this.otherInstanceSim = otherInstanceSim;
@@ -174,6 +174,6 @@ class SSRLinkDomDomFilter {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  SSRLinkDomDomFilter
+  SSRLinkDomFilter
 });
-//# sourceMappingURL=SSRLinkDomDomFilter.js.map
+//# sourceMappingURL=SSRLinkDomFilter.js.map

package/dist/cjs/filters/SSRLinkDomFilter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/filters/SSRLinkDomFilter.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, AsyncBlockingQueue, RandomUtils, MessageOperator, MessageInternal } from '@dooboostore/core';\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 * as JSDOM from 'jsdom';\nimport { NotFoundError } from '@dooboostore/simple-boot-http-server/errors/NotFoundError';\nimport { DomRenderProxy } from '@dooboostore/dom-render';\nimport { parseHTML } from 'linkedom';\nimport { LinkedomInitializer } from '../initializers/LinkedomInitializer';\n\nexport type LinkDomFactoryAndParams = {\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 SSRLinkDomFilter 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: LinkDomFactoryAndParams,\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.routingRouterModule(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 MessageInternal.firstValueFrom(\n          // @ts-ignore\n          simpleBootFront.routingObservable.pipe(\n          // @ts-ignore\n            MessageOperator.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            MessageOperator.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/cjs/filters/SSRSimpleWebComponentDomParserFilter.js

@@ -0,0 +1,81 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SSRSimpleWebComponentDomParserFilter_exports = {};
+__export(SSRSimpleWebComponentDomParserFilter_exports, {
+  SSRSimpleWebComponentDomParserFilter: () => SSRSimpleWebComponentDomParserFilter
+});
+module.exports = __toCommonJS(SSRSimpleWebComponentDomParserFilter_exports);
+var import_HttpHeaders = require("@dooboostore/simple-boot-http-server/codes/HttpHeaders");
+var import_Mimes = require("@dooboostore/simple-boot-http-server/codes/Mimes");
+var import_HttpStatus = require("@dooboostore/simple-boot-http-server/codes/HttpStatus");
+var import_DomParserInitializer = require("../initializers/DomParserInitializer");
+class SSRSimpleWebComponentDomParserFilter {
+  constructor(config) {
+    this.config = config;
+    this.welcomUrl = "http://localhost";
+    this.welcomUrl = config.welcomUrl || this.welcomUrl;
+  }
+  async onInit(app) {
+  }
+  async onDestroy() {
+  }
+  async proceedBefore({ rr }) {
+    if (this.config.ssrExcludeFilter?.(rr)) {
+      return false;
+    }
+    if (rr.reqHasAcceptHeader(import_Mimes.Mimes.TextHtml) || rr.reqHasAcceptHeader(import_Mimes.Mimes.All)) {
+      const url = rr.reqUrlObj({ host: "localhost" });
+      const targetUrl = url.toString() ?? this.welcomUrl;
+      const domParserInitializer = new import_DomParserInitializer.DomParserInitializer(this.config.frontDistPath, this.config.frontDistIndexFileName || "index.html", { url: targetUrl });
+      const window = await domParserInitializer.run();
+      console.log("vvvv22aa");
+      try {
+        if (this.config.registerComponents) {
+          await this.config.registerComponents(window);
+        }
+        const html = this.makeHTML(window);
+        await this.writeOkHtmlAndEnd({ rr }, html);
+      } finally {
+        window.close();
+        domParserInitializer.destroy();
+      }
+      return false;
+    }
+    return true;
+  }
+  makeHTML(window) {
+    let html = window.document.documentElement.outerHTML;
+    if (!/^<!DOCTYPE html>/i.test(html)) {
+      html = "<!DOCTYPE html>\n" + html;
+    }
+    return html;
+  }
+  async writeOkHtmlAndEnd({ rr, status = import_HttpStatus.HttpStatus.Ok }, html) {
+    rr.resStatusCode(status);
+    rr.resSetHeader(import_HttpHeaders.HttpHeaders.ContentType, import_Mimes.Mimes.TextHtml);
+    await rr.resEnd(html);
+  }
+  async proceedAfter() {
+    return true;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SSRSimpleWebComponentDomParserFilter
+});
+//# sourceMappingURL=SSRSimpleWebComponentDomParserFilter.js.map

package/dist/cjs/filters/SSRSimpleWebComponentDomParserFilter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/filters/SSRSimpleWebComponentDomParserFilter.ts"],
+  "sourcesContent": ["import {RequestResponse} from '@dooboostore/simple-boot-http-server/models/RequestResponse';\nimport {HttpHeaders} from '@dooboostore/simple-boot-http-server/codes/HttpHeaders';\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 {DomParserInitializer} from '../initializers/DomParserInitializer';\n\nexport type SWCSSRDomParserConfig = {\n  frontDistPath: string;\n  frontDistIndexFileName?: string;\n  welcomUrl?: string;\n  ssrExcludeFilter?: (rr: RequestResponse) => boolean;\n  /**\n   * Function to register components for each request.\n   */\n  registerComponents?: (window: any) => Promise<void> | void;\n};\n\n/**\n * SSR Filter specifically for Simple Web Component (SWC).\n * It utilizes @dooboostore/dom-parser for rendering and DSD support.\n */\nexport class SSRSimpleWebComponentDomParserFilter implements Filter {\n  private welcomUrl = 'http://localhost';\n\n  constructor(public config: SWCSSRDomParserConfig) {\n    this.welcomUrl = config.welcomUrl || this.welcomUrl;\n  }\n\n  async onInit(app: SimpleBootHttpServer) {}\n\n  async onDestroy() {}\n\n  async proceedBefore({ rr }: { rr: RequestResponse; app: SimpleBootHttpServer; carrier: Map<string, any> }) {\n    if (this.config.ssrExcludeFilter?.(rr)) {\n      return false;\n    }\n\n    if (rr.reqHasAcceptHeader(Mimes.TextHtml) || rr.reqHasAcceptHeader(Mimes.All)) {\n      const url = rr.reqUrlObj({ host: 'localhost' });\n      const targetUrl = url.toString() ?? this.welcomUrl;\n\n      // 1. Initialize Virtual DOM Environment\n      const domParserInitializer = new DomParserInitializer(this.config.frontDistPath, this.config.frontDistIndexFileName || 'index.html', { url: targetUrl });\n      const window = await domParserInitializer.run();\n\n      console.log('vvvv22aa');\n      // web component \uACBD\uC6B0 \uC790\uAE30 tagName\uC744 \uC0DD\uC131\uC790 \uC5D0\uAC8C HTMLElementBase\uC5D0\uB118\uACA8\uC918\uC57C\uB418\uAE30\uB584\uBB38\uC5D0\n      // const getTagName = (type: ConstructorType<any>) => {\n      //   const zz = getElementConfig(type);\n      //   return zz.name;\n      // };\n      // (window as any).HTMLElement = class extends HTMLElementBase {\n      //   constructor(...args: any[]) {\n      //     const ctor = new.target as any; // \uC774\uB7F0 \uC288\uAC00 \uAE30\uB2A5\uC774...\n      //     const resolvedTagName = getTagName(ctor);\n      //     super(resolvedTagName, args[0]);\n      //   }\n      // }\n\n\n      try {\n        // 2. Register Components if provided\n        // We use SwcApplication inside the callback or directly here.\n        if (this.config.registerComponents) {\n          await this.config.registerComponents(window);\n        }\n\n        // window.document.querySelector('.sidebar-space').innerHTML = '\uC528\uBC1C\uB188\uC544.';\n        // await new Promise<void>((resolve, reject) => setTimeout(resolve, 100));\n        // await new Promise<void>((resolve, reject) => setTimeout(resolve, 5000));\n        // window.document.body.innerHTML = '';\n        // window.document.body.setAttribute('ssr-use', 'true');\n        // 3. Generate Final HTML\n        const html = this.makeHTML(window);\n        // console.log('html: \uD83D\uDC88', html);\n        await this.writeOkHtmlAndEnd({ rr }, html);\n      } finally {\n        // 4. Cleanup\n        window.close();\n        domParserInitializer.destroy();\n      }\n      return false;\n    }\n    return true;\n  }\n\n  makeHTML(window: any) {\n    let html = window.document.documentElement.outerHTML;\n    if (!/^<!DOCTYPE html>/i.test(html)) {\n      html = '<!DOCTYPE html>\\n' + html;\n    }\n    return html;\n  }\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() {\n    return true;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,yBAA0B;AAE1B,mBAAoB;AACpB,wBAAyB;AAEzB,kCAAmC;AAiB5B,MAAM,qCAAuD;AAAA,EAGlE,YAAmB,QAA+B;AAA/B;AAFnB,SAAQ,YAAY;AAGlB,SAAK,YAAY,OAAO,aAAa,KAAK;AAAA,EAC5C;AAAA,EAEA,MAAM,OAAO,KAA2B;AAAA,EAAC;AAAA,EAEzC,MAAM,YAAY;AAAA,EAAC;AAAA,EAEnB,MAAM,cAAc,EAAE,GAAG,GAAkF;AACzG,QAAI,KAAK,OAAO,mBAAmB,EAAE,GAAG;AACtC,aAAO;AAAA,IACT;AAEA,QAAI,GAAG,mBAAmB,mBAAM,QAAQ,KAAK,GAAG,mBAAmB,mBAAM,GAAG,GAAG;AAC7E,YAAM,MAAM,GAAG,UAAU,EAAE,MAAM,YAAY,CAAC;AAC9C,YAAM,YAAY,IAAI,SAAS,KAAK,KAAK;AAGzC,YAAM,uBAAuB,IAAI,iDAAqB,KAAK,OAAO,eAAe,KAAK,OAAO,0BAA0B,cAAc,EAAE,KAAK,UAAU,CAAC;AACvJ,YAAM,SAAS,MAAM,qBAAqB,IAAI;AAE9C,cAAQ,IAAI,UAAU;AAetB,UAAI;AAGF,YAAI,KAAK,OAAO,oBAAoB;AAClC,gBAAM,KAAK,OAAO,mBAAmB,MAAM;AAAA,QAC7C;AAQA,cAAM,OAAO,KAAK,SAAS,MAAM;AAEjC,cAAM,KAAK,kBAAkB,EAAE,GAAG,GAAG,IAAI;AAAA,MAC3C,UAAE;AAEA,eAAO,MAAM;AACb,6BAAqB,QAAQ;AAAA,MAC/B;AACA,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AAAA,EAEA,SAAS,QAAa;AACpB,QAAI,OAAO,OAAO,SAAS,gBAAgB;AAC3C,QAAI,CAAC,oBAAoB,KAAK,IAAI,GAAG;AACnC,aAAO,sBAAsB;AAAA,IAC/B;AACA,WAAO;AAAA,EACT;AAAA,EAEA,MAAM,kBAAkB,EAAE,IAAI,SAAS,6BAAW,GAAG,GAAiD,MAAc;AAClH,OAAG,cAAc,MAAM;AACvB,OAAG,aAAa,+BAAY,aAAa,mBAAM,QAAQ;AACvD,UAAM,GAAG,OAAO,IAAI;AAAA,EACtB;AAAA,EAEA,MAAM,eAAe;AACnB,WAAO;AAAA,EACT;AACF;",
+  "names": []
+}

package/dist/cjs/filters/SSRSimpleWebComponentFilter.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SSRSimpleWebComponentFilter_exports = {};
 __export(SSRSimpleWebComponentFilter_exports, {
@@ -23,9 +33,7 @@ module.exports = __toCommonJS(SSRSimpleWebComponentFilter_exports);
 var import_HttpHeaders = require("@dooboostore/simple-boot-http-server/codes/HttpHeaders");
 var import_Mimes = require("@dooboostore/simple-boot-http-server/codes/Mimes");
 var import_HttpStatus = require("@dooboostore/simple-boot-http-server/codes/HttpStatus");
-var import_DomParserInitializer = require("../initializers/DomParserInitializer");
-var import_dom_parser = require("@dooboostore/dom-parser");
-var import_simple_web_component = require("@dooboostore/simple-web-component");
+var import_simple_boot_http_server = require("@dooboostore/simple-boot-http-server");
 class SSRSimpleWebComponentFilter {
   constructor(config) {
     this.config = config;
@@ -33,45 +41,167 @@ class SSRSimpleWebComponentFilter {
     this.welcomUrl = config.welcomUrl || this.welcomUrl;
   }
   async onInit(app) {
+    const { chromium } = await import("playwright");
+    this.browser = await chromium.launch({
+      headless: true,
+      args: ["--no-sandbox", "--disable-setuid-sandbox", "--disable-web-security"]
+      // Allow CORS for local dev
+    });
+    console.log("\u{1F680} Playwright Browser initialized for SSR Filter");
   }
   async onDestroy() {
+    if (this.browser) {
+      await this.browser.close();
+      console.log("\u{1F6D1} Playwright Browser closed");
+    }
   }
-  async proceedBefore({ rr }) {
+  async proceedBefore({ rr, app, carrier }) {
     if (this.config.ssrExcludeFilter?.(rr)) {
-      return false;
+      return true;
+    }
+    console.log("playwright2222222", rr.reqHeader("x-ssr-browser"));
+    if (rr.reqHeader("x-ssr-browser") === "playwright") {
+      return true;
     }
-    if (rr.reqHasAcceptHeader(import_Mimes.Mimes.TextHtml) || rr.reqHasAcceptHeader(import_Mimes.Mimes.All)) {
-      const url = rr.reqUrlObj({ host: "localhost" });
+    if (rr.reqIsMethod(import_simple_boot_http_server.HttpMethod.GET) && rr.reqHasContentTypeHeader(import_Mimes.Mimes.TextHtml)) {
+      const protocol = app.option.protocol || "http";
+      const host = app.option.hostname || "127.0.0.1";
+      const port = app.option.port || 80;
+      const url = rr.reqUrlObj({ host: `${host}:${port}` });
+      url.protocol = protocol;
       const targetUrl = url.toString() ?? this.welcomUrl;
-      const domParserInitializer = new import_DomParserInitializer.DomParserInitializer(this.config.frontDistPath, this.config.frontDistIndexFileName || "index.html", { url: targetUrl });
-      const window = await domParserInitializer.run();
-      const getTagName = (type) => {
-        const zz = (0, import_simple_web_component.getElementConfig)(type);
-        return zz.name;
-      };
-      window.HTMLElement = class extends import_dom_parser.HTMLElementBase {
-        constructor(...args) {
-          const ctor = new.target;
-          const resolvedTagName = getTagName(ctor);
-          super(resolvedTagName, args[0]);
-        }
-      };
+      if (!this.browser) {
+        console.error("Playwright browser is not initialized. Bypassing SSR.");
+        return true;
+      }
+      const context = await this.browser.newContext();
+      const page = await context.newPage();
       try {
-        if (this.config.registerComponents) {
-          await this.config.registerComponents(window);
+        await page.route("**/*", (route) => {
+          const request = route.request();
+          const isLocal = request.url().startsWith(targetUrl) || request.url().includes("localhost") || request.url().includes("127.0.0.1");
+          const isApi = request.url().includes("/api/");
+          if (isLocal && !isApi) {
+            const headers = {
+              ...request.headers(),
+              "x-ssr-browser": "playwright"
+            };
+            route.continue({ headers }).catch(() => {
+            });
+          } else {
+            route.continue().catch(() => {
+            });
+          }
+        });
+        let resolvePlaywrightReady;
+        const playwrightReadyPromise = new Promise((resolve) => {
+          resolvePlaywrightReady = resolve;
+        });
+        await page.exposeFunction("onPlaywrightReady", () => {
+          console.log('\u26A1\uFE0F [SSR:Playwright] Received "onPlaywrightReady" signal from framework!');
+          resolvePlaywrightReady();
+        });
+        await page.goto(targetUrl, {
+          waitUntil: this.config.playwright?.waitUntil ?? "networkidle",
+          timeout: this.config.playwright?.timeout ?? 15e3
+        });
+        await Promise.race([
+          playwrightReadyPromise,
+          // 직접 exposeFunction에서 트리거된 Promise
+          page.waitForFunction(
+            () => {
+              return window._playwrightReadySignalFired === true;
+            },
+            { timeout: this.config.playwright?.timeout ?? 15e3 }
+          ),
+          page.waitForFunction(
+            () => {
+              return document.body.innerHTML.trim().length > 100;
+            },
+            { timeout: this.config.playwright?.timeout ?? 15e3 }
+          )
+        ]).catch(() => console.log("Wait for app mount timeout... proceeding anyway"));
+        if (this.config.playwright?.waitForSelector) {
+          await page.waitForSelector(this.config.playwright.waitForSelector, {
+            timeout: this.config.playwright?.timeout ?? 15e3
+          });
+        }
+        if (this.config.playwright?.waitForTimeout) {
+          await page.waitForTimeout(this.config.playwright.waitForTimeout);
         }
-        const html = this.makeHTML(window);
-        await this.writeOkHtmlAndEnd({ rr }, html);
+        await page.evaluate(() => {
+          document.body.setAttribute("ssr-use", "true");
+        });
+        const html = await page.evaluate((ignoreTags) => {
+          const skipTags = new Set(ignoreTags || []);
+          function serializeNode(node, inBody = false) {
+            if (node.nodeType === Node.TEXT_NODE) {
+              const text = node.textContent || "";
+              return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+            }
+            if (node.nodeType === Node.COMMENT_NODE) {
+              return `<!--${node.textContent}-->`;
+            }
+            if (node.nodeType !== Node.ELEMENT_NODE) {
+              return "";
+            }
+            const el = node;
+            const tag = el.tagName.toLowerCase();
+            const isBody = tag === "body";
+            const isInsideBody = inBody || isBody;
+            if (isInsideBody && skipTags.has(tag)) {
+              return "";
+            }
+            let s = `<${tag}`;
+            for (let i = 0; i < el.attributes.length; i++) {
+              const attr = el.attributes[i];
+              s += ` ${attr.name}="${attr.value.replace(/"/g, "&quot;")}"`;
+            }
+            const voidElements = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "param", "source", "track", "wbr"]);
+            if (voidElements.has(tag)) {
+              s += ">";
+              return s;
+            }
+            s += ">";
+            if (el.shadowRoot) {
+              s += `<template shadowrootmode="${el.shadowRoot.mode}">`;
+              for (let i = 0; i < el.shadowRoot.childNodes.length; i++) {
+                s += serializeNode(el.shadowRoot.childNodes[i], isInsideBody);
+              }
+              s += "</template>";
+            }
+            for (let i = 0; i < el.childNodes.length; i++) {
+              s += serializeNode(el.childNodes[i], isInsideBody);
+            }
+            s += `</${tag}>`;
+            return s;
+          }
+          let result = "<!DOCTYPE html>\n<html";
+          const htmlNode = document.documentElement;
+          for (let i = 0; i < htmlNode.attributes.length; i++) {
+            const attr = htmlNode.attributes[i];
+            result += ` ${attr.name}="${attr.value.replace(/"/g, "&quot;")}"`;
+          }
+          result += ">\n";
+          if (document.head) result += serializeNode(document.head, false);
+          result += "\n";
+          if (document.body) result += serializeNode(document.body, true);
+          result += "\n</html>";
+          return result;
+        }, this.config.playwright?.ignoreTags || []);
+        console.log(`\u{1F488} [SSR:Playwright] Successfully rendered ${targetUrl}`);
+        await this.writeOkHtmlAndEnd({ rr }, this.makeHTML(html));
+      } catch (e) {
+        console.error(`Playwright SSR Error for ${targetUrl}:`, e);
+        return true;
       } finally {
-        window.close?.();
-        domParserInitializer.destroy();
+        await context.close();
       }
       return false;
     }
     return true;
   }
-  makeHTML(window) {
-    let html = window.document.documentElement.outerHTML;
+  makeHTML(html) {
     if (!/^<!DOCTYPE html>/i.test(html)) {
       html = "<!DOCTYPE html>\n" + html;
     }