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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dooboostore/simple-boot-http-server-ssr",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "license": "MIT",
   "type": "module",
   "main": "./dist/cjs/index.js",
@@ -67,10 +67,18 @@
     "url": "https://github.com/dooboostore-develop/packages"
   },
   "peerDependencies": {
-    "reflect-metadata": "^0.2.2"
+    "reflect-metadata": "^0.2.2",
+    "@dooboostore/core": "1.0.32",
+    "@dooboostore/dom-render": "1.0.114",
+    "@dooboostore/dom-parser": "1.0.7",
+    "@dooboostore/core-node": "1.0.13",
+    "@dooboostore/simple-boot-front": "1.0.132",
+    "@dooboostore/core-web": "1.0.13",
+    "@dooboostore/simple-boot": "1.0.57",
+    "@dooboostore/simple-web-component": "1.0.47",
+    "@dooboostore/simple-boot-http-server": "1.0.26"
   },
   "devDependencies": {
-    "@types/jsdom": "^21.1.7",
     "@babel/core": "^7.24.0",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-decorators": "^7.24.0",
@@ -78,28 +86,21 @@
     "@babel/preset-env": "^7.24.0",
     "@babel/preset-typescript": "^7.24.0",
     "@types/jest": "^26.0.22",
-    "raw-loader": "^4.0.2",
-    "@typescript-eslint/eslint-plugin": "^4.16.1",
-    "@typescript-eslint/parser": "^4.16.1",
-    "tslib": "^2.8.1",
+    "@types/jsdom": "^21.1.7",
     "@types/node": "^20",
-    "typescript": "^5.9.2",
     "@types/node-gzip": "^1.1.0",
-    "esbuild-plugin-tsc": "^0.5.0",
+    "@typescript-eslint/eslint-plugin": "^4.16.1",
+    "@typescript-eslint/parser": "^4.16.1",
     "esbuild": "^0.23.0",
-    "@dooboostore/core-node": "1.0.12",
-    "@dooboostore/core": "1.0.30",
-    "@dooboostore/core-web": "1.0.10",
-    "@dooboostore/simple-web-component": "1.0.20",
-    "@dooboostore/simple-boot-front": "1.0.131",
-    "@dooboostore/simple-boot-http-server": "1.0.24",
-    "@dooboostore/dom-parser": "1.0.5",
-    "@dooboostore/simple-boot": "1.0.54",
-    "@dooboostore/dom-render": "1.0.113"
+    "esbuild-plugin-tsc": "^0.5.0",
+    "raw-loader": "^4.0.2",
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.2"
   },
   "dependencies": {
     "jsdom": "^26.0.0",
-    "linkedom": "0.18.12"
+    "linkedom": "0.18.12",
+    "playwright": "^1.59.1"
   },
   "scripts": {
     "clean": "rm -rf dist",

package/src/SimpleBootHttpSSRServer.ts

@@ -1,5 +1,4 @@
 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';
 import {SimConfig} from "@dooboostore/simple-boot/decorators/SimDecorator";
@@ -9,8 +8,8 @@ export class SimpleBootHttpSSRServer extends SimpleBootHttpServer {
     super(option)
   }
 
-  run(otherInstanceSim?: Map<ConstructorType<any> | Function | SimConfig | Symbol, any>) {
-    const oi = new Map<ConstructorType<any> | Function | SimConfig | Symbol, any>();
+  run(otherInstanceSim?: Map<ConstructorType<any> | Function | SimConfig | symbol, any>) {
+    const oi = new Map<ConstructorType<any> | Function | SimConfig | symbol, any>();
     oi.set(SimpleBootHttpSSRServer, this);
     otherInstanceSim?.forEach((value, key) => oi.set(key, value));
     return super.run(oi);

package/src/bundle-entry.ts

@@ -1,7 +1,16 @@
-export * from './decorators';
-export * from './filters';
-export * from './initializers';
-export * from './option';
-export * from './proxy';
-export * from './SimpleBootHttpSSRFactory';
-export * from './SimpleBootHttpSSRServer';
+import 'reflect-metadata';
+
+// simple-boot-http-server-ssr itself
+export * from './index';
+
+// Re-export peer dependencies so bundle consumers can access them
+// without separately importing each package
+export * as Core from '@dooboostore/core';
+export * as CoreNode from '@dooboostore/core-node';
+export * as CoreWeb from '@dooboostore/core-web';
+export * as DomParser from '@dooboostore/dom-parser';
+export * as DomRender from '@dooboostore/dom-render';
+export * as SimpleBoot from '@dooboostore/simple-boot';
+export * as SimpleBootFront from '@dooboostore/simple-boot-front';
+export * as SimpleBootHttpServer from '@dooboostore/simple-boot-http-server';
+export * as SimpleWebComponent from '@dooboostore/simple-web-component';

package/src/filters/SSRDomParserFilter.ts

@@ -1,7 +1,8 @@
 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, AsyncBlockingQueue, RandomUtils, MessageOperator, MessageInternal, Promises } from '@dooboostore/core';
+import { ConstructorType, AsyncBlockingQueue, RandomUtils, firstValueFrom } from '@dooboostore/core';
+import { filter, first } from '@dooboostore/core/message/operators';
 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';
@@ -16,7 +17,7 @@ import { DomParserInitializer } from '../initializers/DomParserInitializer';
 import { JsdomInitializer } from '../initializers';
 import { SimConfig } from '@dooboostore/simple-boot/decorators/SimDecorator';
 
-export type FactoryAndParams = {
+export type DomParserFactoryAndParams = {
   frontDistPath: string;
   frontDistIndexFileName?: string;
   factorySimFrontOption: (window: any) => SimFrontOption;
@@ -43,7 +44,7 @@ export class SSRDomParserFilter implements Filter {
   // private intervalId?: NodeJS.Timeout;
 
   constructor(
-    public config: FactoryAndParams,
+    public config: DomParserFactoryAndParams,
     public otherInstanceSim?: Map<ConstructorType<any> | Function | SimConfig | Symbol, any>
   ) {
     config.frontDistIndexFileName = config.frontDistIndexFileName || 'index.html';
@@ -97,10 +98,10 @@ export class SSRDomParserFilter implements Filter {
     const option = this.config.factorySimFrontOption(DomRenderProxy.final(window));
     const domExcludes = [RequestResponse, ...(this.config.domExcludes || [])];
     const simpleBootFront = await this.config.factory.create(option, this.config.using, domExcludes);
-    otherInstanceSim ??= new Map<Function | ConstructorType<any> | SimConfig | Symbol, any>();
+    otherInstanceSim ??= new Map<Function | ConstructorType<any> | SimConfig | symbol, any>();
     this.otherInstanceSim?.forEach((v, k) => otherInstanceSim!.set(k, v));
 
-    simpleBootFront.run(otherInstanceSim);
+    simpleBootFront.run(otherInstanceSim as any);
     // (simpleBootFront as any).generation = this.poolGeneration;
     return simpleBootFront;
   }
@@ -144,15 +145,15 @@ export class SSRDomParserFilter implements Filter {
           }
         }
 
-        const data = await MessageInternal.firstValueFrom(
+        const data = await firstValueFrom(
           simpleBootFront.routingObservable.pipe(
-            MessageOperator.filter(it => {
+            filter(it => {
 
               const sw = it.triggerPoint === 'end' && typeof it.routerModule.intent.uri === 'string' && targetUrl.endsWith(it.routerModule.intent.uri);
               return sw;
             }),
             // delay(1000),
-            MessageOperator.first()
+            first()
           )
         );
 

package/src/filters/SSRFilter.ts

@@ -1,7 +1,8 @@
 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, AsyncBlockingQueue, RandomUtils, MessageOperator, MessageInternal } from '@dooboostore/core';
+import { ConstructorType, AsyncBlockingQueue, RandomUtils, firstValueFrom } from '@dooboostore/core';
+import { first } from '@dooboostore/core/message/operators';
 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';
@@ -162,7 +163,7 @@ export class SSRFilter implements Filter {
         //     // delay(1000),
         //     first()
         // );
-        const data = await MessageInternal.firstValueFrom(
+        const data = await firstValueFrom(
           // @ts-ignore
           simpleBootFront.routingObservable.pipe(
           // @ts-ignore
@@ -173,7 +174,7 @@ export class SSRFilter implements Filter {
                 targetUrl.endsWith(it.routerModule.intent.uri)
             ),
             // delay(1000),
-            MessageOperator.first()
+            first()
           )
         );
         // console.log('rrrrrssss');

package/src/filters/{SSRLinkDomDomFilter.ts → SSRLinkDomFilter.ts}

@@ -1,7 +1,8 @@
 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, AsyncBlockingQueue, RandomUtils, MessageOperator, MessageInternal } from '@dooboostore/core';
+import { ConstructorType, AsyncBlockingQueue, RandomUtils, firstValueFrom } from '@dooboostore/core';
+import { first } from '@dooboostore/core/message/operators';
 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';
@@ -15,7 +16,7 @@ import { DomRenderProxy } from '@dooboostore/dom-render';
 import { parseHTML } from 'linkedom';
 import { LinkedomInitializer } from '../initializers/LinkedomInitializer';
 
-export type FactoryAndParams = {
+export type LinkDomFactoryAndParams = {
   frontDistPath: string;
   frontDistIndexFileName?: string;
   factorySimFrontOption: (window: any) => SimFrontOption;
@@ -33,7 +34,7 @@ export type FactoryAndParams = {
   };
 };
 
-export class SSRLinkDomDomFilter implements Filter {
+export class SSRLinkDomFilter implements Filter {
   private simpleBootFrontPool: SimpleBootFront[] = [];
   private simpleBootFrontQueue = new AsyncBlockingQueue<SimpleBootFront>();
   // private indexHTML: string;
@@ -42,7 +43,7 @@ export class SSRLinkDomDomFilter implements Filter {
   private intervalId?: NodeJS.Timeout;
 
   constructor(
-    public config: FactoryAndParams,
+    public config: LinkDomFactoryAndParams,
     public otherInstanceSim?: Map<ConstructorType<any>, any>
   ) {
     config.frontDistIndexFileName = config.frontDistIndexFileName || 'index.html';
@@ -142,7 +143,7 @@ export class SSRLinkDomDomFilter implements Filter {
         //   }
         // })
 
-        const data = await MessageInternal.firstValueFrom(
+        const data = await firstValueFrom(
           // @ts-ignore
           simpleBootFront.routingObservable.pipe(
           // @ts-ignore
@@ -153,7 +154,7 @@ export class SSRLinkDomDomFilter implements Filter {
                 targetUrl.endsWith(it.routerModule.intent.uri)
             ),
             // delay(1000),
-            MessageOperator.first()
+            first()
           )
         );
         // console.log('???????done');

package/src/filters/SSRSimpleWebComponentDomParserFilter.ts

@@ -0,0 +1,106 @@
+import {RequestResponse} from '@dooboostore/simple-boot-http-server/models/RequestResponse';
+import {HttpHeaders} from '@dooboostore/simple-boot-http-server/codes/HttpHeaders';
+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 {DomParserInitializer} from '../initializers/DomParserInitializer';
+
+export type SWCSSRDomParserConfig = {
+  frontDistPath: string;
+  frontDistIndexFileName?: string;
+  welcomUrl?: string;
+  ssrExcludeFilter?: (rr: RequestResponse) => boolean;
+  /**
+   * Function to register components for each request.
+   */
+  registerComponents?: (window: any) => Promise<void> | void;
+};
+
+/**
+ * SSR Filter specifically for Simple Web Component (SWC).
+ * It utilizes @dooboostore/dom-parser for rendering and DSD support.
+ */
+export class SSRSimpleWebComponentDomParserFilter implements Filter {
+  private welcomUrl = 'http://localhost';
+
+  constructor(public config: SWCSSRDomParserConfig) {
+    this.welcomUrl = config.welcomUrl || this.welcomUrl;
+  }
+
+  async onInit(app: SimpleBootHttpServer) {}
+
+  async onDestroy() {}
+
+  async proceedBefore({ rr }: { rr: RequestResponse; app: SimpleBootHttpServer; carrier: Map<string, any> }) {
+    if (this.config.ssrExcludeFilter?.(rr)) {
+      return false;
+    }
+
+    if (rr.reqHasAcceptHeader(Mimes.TextHtml) || rr.reqHasAcceptHeader(Mimes.All)) {
+      const url = rr.reqUrlObj({ host: 'localhost' });
+      const targetUrl = url.toString() ?? this.welcomUrl;
+      console.log('SSRSimpleWebComponentDomParserFilter start');
+
+      // 1. Initialize Virtual DOM Environment
+      const domParserInitializer = new DomParserInitializer(this.config.frontDistPath, this.config.frontDistIndexFileName || 'index.html', { url: targetUrl });
+      const window = await domParserInitializer.run();
+
+      // web component 경우 자기 tagName을 생성자 에게 HTMLElementBase에넘겨줘야되기떄문에
+      // const getTagName = (type: ConstructorType<any>) => {
+      //   const zz = getElementConfig(type);
+      //   return zz.name;
+      // };
+      // (window as any).HTMLElement = class extends HTMLElementBase {
+      //   constructor(...args: any[]) {
+      //     const ctor = new.target as any; // 이런 슈가 기능이...
+      //     const resolvedTagName = getTagName(ctor);
+      //     super(resolvedTagName, args[0]);
+      //   }
+      // }
+
+
+      try {
+        // 2. Register Components if provided
+        // We use SwcApplication inside the callback or directly here.
+        if (this.config.registerComponents) {
+          await this.config.registerComponents(window);
+        }
+
+        // window.document.querySelector('.sidebar-space').innerHTML = '씨발놈아.';
+        // await new Promise<void>((resolve, reject) => setTimeout(resolve, 100));
+        // await new Promise<void>((resolve, reject) => setTimeout(resolve, 5000));
+        // window.document.body.innerHTML = '';
+        // window.document.body.setAttribute('ssr-use', 'true');
+        // 3. Generate Final HTML
+        const html = this.makeHTML(window);
+        // console.log('html: 💈', html);
+        await this.writeOkHtmlAndEnd({ rr }, html);
+      } finally {
+        // 4. Cleanup
+        window.close();
+        domParserInitializer.destroy();
+      }
+      return false;
+    }
+    return true;
+  }
+
+  makeHTML(window: any) {
+    let html = window.document.documentElement.outerHTML;
+    if (!/^<!DOCTYPE html>/i.test(html)) {
+      html = '<!DOCTYPE html>\n' + html;
+    }
+    return html;
+  }
+
+  async writeOkHtmlAndEnd({ rr, status = HttpStatus.Ok }: { rr: RequestResponse; status?: HttpStatus }, html: string) {
+    rr.resStatusCode(status);
+    rr.resSetHeader(HttpHeaders.ContentType, Mimes.TextHtml);
+    await rr.resEnd(html);
+  }
+
+  async proceedAfter() {
+    return true;
+  }
+}