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

package/src/initializers/DomParserInitializer.ts

@@ -0,0 +1,70 @@
+import fs from 'fs';
+import path from 'path';
+import { parseHTML } from '@dooboostore/dom-parser';
+
+export class DomParserInitializer {
+  constructor(
+    private frontDistPath: string,
+    private frontDistIndexFileName: string,
+    private reconfigureSettings?: {url: string}
+  ) {}
+
+  public static loadFile(distPath: string, filePath: string): string {
+    return fs.readFileSync(path.join(distPath, filePath), 'utf8');
+  }
+
+  async run(): Promise<Window> {
+    // const indexHTML = fs.readFileSync(path.join(this.frontDistPath, 'index.html'), 'utf8');
+    // const indexHTML = JsdomInitializer.loadFile(this.frontDistPath, this.frontDistIndexFileName);
+    const pathStr = path.join(this.frontDistPath, this.frontDistIndexFileName);
+
+    const html = fs.readFileSync(pathStr,'utf8');
+
+    const w = parseHTML(html, {href: this.reconfigureSettings.url}) as unknown as Window & typeof globalThis; ;
+
+    // @ts-ignore
+    w.location ??= { href: 'about:blank'};
+    if(this.reconfigureSettings?.url){
+      // console.log('--',w,w.location);
+      // @ts-ignore
+      w.location.href = this.reconfigureSettings.url;
+    }
+    // console.log('!!!!!!!!!!!', html, w.document);
+    // @ts-ignore
+    // global.document = w.document;
+    // @ts-ignore
+    // global.window = w as unknown as Window & typeof globalThis;
+    // @ts-ignore
+    // global.window.requestAnimationFrame = () => {};
+    // global.window.scrollTo = () => {};
+    // @ts-ignore
+    // global.history = w.history;
+    global.Event = w.Event;
+    // @ts-ignore
+    global.PopStateEvent = w.Event;
+    global.IntersectionObserver = w.IntersectionObserver;
+    // @ts-ignore
+    // global.Error = ErrorBase;
+    // @ts-ignore
+    // global.navigator = w.navigator;
+    global.NodeFilter = w.NodeFilter;
+    global.Node = w.Node;
+    global.DocumentFragment = w.DocumentFragment;
+    global.HTMLElement = w.HTMLElement;
+    global.HTMLMetaElement = w.HTMLMetaElement;
+    global.Element = w.Element;
+    global.HTMLCanvasElement = w.HTMLCanvasElement;
+    global.HTMLCanvasElement.prototype.getContext = () => {
+      return null;
+    };
+    global.CanvasRenderingContext2D = w.CanvasRenderingContext2D;
+    global.CanvasPattern = w.CanvasPattern;
+    global.CanvasGradient = w.CanvasGradient;
+    global.Path2D = w.Path2D;
+    global.ImageData = w.ImageData;
+    // console.log('cvvvvvvvvvvvvvv', w.Node.DOCUMENT_FRAGMENT_NODE);
+    return w;
+  }
+}
+//
+// export default new JsdomInitializer();

package/src/initializers/LinkedomInitializer.ts

@@ -0,0 +1,69 @@
+import fs from 'fs';
+import path from 'path';
+import { parseHTML } from 'linkedom';
+
+export class LinkedomInitializer {
+  constructor(
+    private frontDistPath: string,
+    private frontDistIndexFileName: string,
+    private reconfigureSettings?: {url: string}
+  ) {}
+
+  public static loadFile(distPath: string, filePath: string): string {
+    return fs.readFileSync(path.join(distPath, filePath), 'utf8');
+  }
+
+  async run(): Promise<Window> {
+    // const indexHTML = fs.readFileSync(path.join(this.frontDistPath, 'index.html'), 'utf8');
+    // const indexHTML = JsdomInitializer.loadFile(this.frontDistPath, this.frontDistIndexFileName);
+    const pathStr = path.join(this.frontDistPath, this.frontDistIndexFileName);
+
+    const html = fs.readFileSync(pathStr,'utf8');
+
+    const w = parseHTML(html);
+    // @ts-ignore
+    // w.location ??= { href: 'about:blank'};
+    // if(this.reconfigureSettings?.url){
+      // console.log('--',w,w.location);
+      // @ts-ignore
+      // w.location.href = this.reconfigureSettings.url;
+    // }
+    // console.log('!!!!!!!!!!!', html, w.document);
+    // @ts-ignore
+    global.document = w.document;
+    // @ts-ignore
+    global.window = w as unknown as Window & typeof globalThis;
+    // @ts-ignore
+    global.window.requestAnimationFrame = () => {};
+    global.window.scrollTo = () => {};
+    // @ts-ignore
+    global.history = w.history;
+    global.Event = w.Event;
+    // @ts-ignore
+    global.PopStateEvent = w.Event;
+    global.IntersectionObserver = w.IntersectionObserver;
+    // @ts-ignore
+    // global.Error = ErrorBase;
+    // @ts-ignore
+    // global.navigator = w.navigator;
+    global.NodeFilter = w.NodeFilter;
+    global.Node = w.Node;
+    global.DocumentFragment = w.DocumentFragment;
+    global.HTMLElement = w.HTMLElement;
+    global.HTMLMetaElement = w.HTMLMetaElement;
+    global.Element = w.Element;
+    global.HTMLCanvasElement = w.HTMLCanvasElement;
+    global.HTMLCanvasElement.prototype.getContext = () => {
+      return null;
+    };
+    global.CanvasRenderingContext2D = w.CanvasRenderingContext2D;
+    global.CanvasPattern = w.CanvasPattern;
+    global.CanvasGradient = w.CanvasGradient;
+    global.Path2D = w.Path2D;
+    global.ImageData = w.ImageData;
+    // console.log('cvvvvvvvvvvvvvv', w.Node.DOCUMENT_FRAGMENT_NODE);
+    return w;
+  }
+}
+//
+// export default new JsdomInitializer();

package/src/proxy/SymbolIntentApiServiceProxy.ts

@@ -1,131 +1,115 @@
-import { getSim, Sim } from '@dooboostore/simple-boot/decorators/SimDecorator';
-import { makeIntentHeaderBySymbol } from '../codes/HttpHeaders';
-import { ConvertUtils } from '@dooboostore/core/convert/ConvertUtils';
-import { ApiService } from '@dooboostore/simple-boot/fetch/ApiService';
-
-
-export type Config<T = any> = { method?:'get' | 'post' | 'petch' | 'delete' | 'head', multipartFormData?: boolean,  bypassTransform?: boolean; transformText?: boolean, headers?: HeadersInit, body?: T };
+import {getSim, Sim} from '@dooboostore/simple-boot/decorators/SimDecorator';
+import {makeIntentHeaderBySymbol} from '../codes/HttpHeaders';
+import {ConvertUtils} from '@dooboostore/core/convert/ConvertUtils';
+import {ApiService} from '@dooboostore/simple-boot/fetch/ApiService';
+
+
+export type Config<T = any> = {
+  method?: 'get' | 'post' | 'petch' | 'delete' | 'head',
+  multipartFormData?: boolean,
+  bypassTransform?: boolean;
+  transformText?: boolean,
+  headers?: HeadersInit,
+  body?: T,
+  config?: ApiService.ApiServiceConfig
+};
 const _ = ApiService;
+
 @Sim
 export class SymbolIntentApiServiceProxy<T extends object> implements ProxyHandler<T> {
 
-
   constructor(private apiService: ApiService) {
-    console.log('-------apiService', apiService);
+    // console.log('-------apiService', apiService);
   }
 
-  get(target: T, prop: string | symbol, receiver: any): any {
-    const simConfig = getSim(target)
-    const apiService = this.apiService;
-    const value = Reflect.get(target, prop, receiver);
-    if (typeof value === 'function' && simConfig?.symbol) {
-      return function (...args: any[]) {
-        const f = value as Function;
-        const p = (userConfig: Config) => {
-
-          const headers = {...(userConfig?.headers ?? {}), ...makeIntentHeaderBySymbol(simConfig.symbol as Symbol)};
-          const method = userConfig?.method ?? 'post';
-          if(method === 'post' && userConfig?.multipartFormData) {
-            return apiService.post({
-              target: `/${String(prop)}`,
-              config: {
-                bypassTransform: userConfig?.bypassTransform,
-                transformText: userConfig?.transformText,
-                fetch: {
-                  credentials: 'include',
-                  headers: headers,
-                  body: ConvertUtils.toFormData(userConfig?.body)
-                }
+  static createHandler<T extends object>(apiService: ApiService): ProxyHandler<T> {
+    return {
+      get(target: T, prop: string | symbol, receiver: any): any {
+        const simConfig = getSim(target)
+        const value = Reflect.get(target, prop, receiver);
+        if (typeof value === 'function' && simConfig?.symbol) {
+          return function (...args: any[]) {
+            const f = value as Function;
+            const p = (userConfig: Config) => {
+              const headers = {...(userConfig?.headers ?? {}), ...makeIntentHeaderBySymbol(simConfig.symbol as Symbol)};
+              const method = userConfig?.method ?? 'post';
+              if (method === 'post' && userConfig?.multipartFormData) {
+                return apiService.post({
+                  target: `/${String(prop)}`,
+                  config: {
+                    bypassTransform: userConfig?.bypassTransform,
+                    transformText: userConfig?.transformText,
+                    config: userConfig?.config,
+                    fetch: {
+                      credentials: 'include',
+                      headers: headers,
+                      body: ConvertUtils.toFormData(userConfig?.body)
+                    }
+                  }
+                });
+              } else if (method === 'post') {
+                return apiService.postJson({
+                  target: `/${String(prop)}`,
+                  config: {
+                    bypassTransform: userConfig?.bypassTransform,
+                    transformText: userConfig?.transformText,
+                    config: userConfig?.config,
+                    fetch: {
+                      credentials: 'include',
+                      headers: headers,
+                      body: userConfig?.body
+                    }
+                  }
+                });
+              } else if (method === 'petch') {
+                return apiService.patchJson({
+                  target: `/${String(prop)}`,
+                  config: {
+                    bypassTransform: userConfig?.bypassTransform,
+                    transformText: userConfig?.transformText,
+                    config: userConfig?.config,
+                    fetch: {
+                      credentials: 'include',
+                      headers: headers,
+                      body: userConfig?.body
+                    }
+                  }
+                });
+              } else {
+                return apiService[method]({
+                  target: {url: `/${String(prop)}`, searchParams: userConfig?.body},
+                  config: {
+                    bypassTransform: userConfig?.bypassTransform,
+                    transformText: userConfig?.transformText,
+                    config: userConfig?.config,
+                    fetch: {
+                      credentials: 'include',
+                      headers: headers,
+                    }
+                  }
+                });
               }
-            });
-          } else if (method === 'post') {
-            return apiService.postJson({
-              target: `/${String(prop)}`,
-              config: {
-                bypassTransform: userConfig?.bypassTransform,
-                transformText: userConfig?.transformText,
-                fetch: {
-                  credentials: 'include',
-                  headers: headers,
-                  body: userConfig?.body
-                }
-              }
-            });
-          }else if (method === 'petch') {
-            return apiService.patchJson({
-              target: `/${String(prop)}`,
-              config: {
-                bypassTransform: userConfig?.bypassTransform,
-                transformText: userConfig?.transformText,
-                fetch: {
-                  credentials: 'include',
-                  headers: headers,
-                  body: userConfig?.body
-                }
-              }
-            });
-          } else {
-            return apiService[method]({
-            // return apiService.head({
-              target: {url: `/${String(prop)}`, searchParams: userConfig?.body},
-              config: {
-                bypassTransform: userConfig?.bypassTransform,
-                transformText: userConfig?.transformText,
-                fetch: {
-                  credentials: 'include',
-                  headers: headers,
-                }
-              }
-            });
+            };
+            args.push(p);
+            return Reflect.apply(f, target, args);
           }
-
-
-
-
-          // if (userConfig?.multipartFormData) {
-          //   return apiService.post({
-          //     target: `/${String(prop)}`,
-          //     config: {
-          //       bypassTransform: userConfig?.bypassTransform,
-          //       transformText: userConfig?.transformText,
-          //       fetch: {
-          //         credentials: 'include',
-          //         headers: headers,
-          //         body: ConvertUtils.toFormData(userConfig?.body)
-          //       }
-          //     }
-          //   });
-          // } else {
-          //   return apiService.postJson({
-          //     target: `/${String(prop)}`,
-          //     config: {
-          //       bypassTransform: userConfig?.bypassTransform,
-          //       transformText: userConfig?.transformText,
-          //       fetch: {
-          //         credentials: 'include',
-          //         headers: headers,
-          //         body: userConfig?.body
-          //       }
-          //     }
-          //   });
-          // }
-
-        };
-        args.push(p);
-        return Reflect.apply(f, target, args);
-        // return f.apply(target, args);
+        }
+        return Reflect.get(target, prop, receiver);
+      },
+
+      apply(target: T, thisArg: any, argArray: any[]): any {
+        console.log('SymbolIntentApiServiceProxy apply')
+        // @ts-ignore
+        return Reflect.apply(target, thisArg, argArray);
       }
-    }
-    return Reflect.get(target, prop, receiver);
+    };
   }
 
-  apply(target: T, thisArg: any, argArray: any[]): any {
-    console.log('SymbolIntentApiServiceProxy apply')
-    // @ts-ignore
-    return Reflect.apply(target, thisArg, argArray);
+  get(target: T, prop: string | symbol, receiver: any): any {
+    return SymbolIntentApiServiceProxy.createHandler<T>(this.apiService).get!(target, prop, receiver);
   }
 
-
-
-
+  apply(target: T, thisArg: any, argArray: any[]): any {
+    return SymbolIntentApiServiceProxy.createHandler<T>(this.apiService).apply!(target, thisArg, argArray);
+  }
 }

package/src/proxy/SymbolIntentApiServiceProxyBase.ts

@@ -1,96 +1,18 @@
-import { getSim, Sim } from '@dooboostore/simple-boot/decorators/SimDecorator';
-import { makeIntentHeaderBySymbol } from '../codes/HttpHeaders';
-import { ConvertUtils } from '@dooboostore/core/convert/ConvertUtils';
-import { ApiService } from '@dooboostore/simple-boot/fetch/ApiService';
-
-
-export type SymbolIntentApiServiceProxyBaseConfig<T = any> = { method?:'get' | 'post' | 'petch' | 'delete' | 'head', multipartFormData?: boolean,  bypassTransform?: boolean; transformText?: boolean, headers?: HeadersInit, body?: T };
+import {getSim, Sim} from '@dooboostore/simple-boot/decorators/SimDecorator';
+import {makeIntentHeaderBySymbol} from '../codes/HttpHeaders';
+import {ConvertUtils} from '@dooboostore/core/convert/ConvertUtils';
+import {ApiService} from '@dooboostore/simple-boot/fetch/ApiService';
+import {SymbolIntentApiServiceProxy} from './SymbolIntentApiServiceProxy';
 
 export class SymbolIntentApiServiceProxyBase<T extends object = any> {
   // 생성자는 프록시될 대상 객체(target)와 의존성을 주입받습니다.
   constructor(
     apiService: ApiService,
   ) {
-    // ProxyHandler 객체를 정의합니다.
-    const handler: ProxyHandler<T> = {
-      get(target: T, prop: string | symbol, receiver: any): any {
-        const simConfig = getSim(target)
-        const value = Reflect.get(target, prop, receiver);
-        if (typeof value === 'function' && simConfig?.symbol) {
-          return function (...args: any[]) {
-            const f = value as Function;
-            const p = (userConfig: SymbolIntentApiServiceProxyBaseConfig) => {
-              const headers = {...(userConfig?.headers ?? {}), ...makeIntentHeaderBySymbol(simConfig.symbol as Symbol)};
-              const method = userConfig?.method ?? 'post';
-              if(method === 'post' && userConfig?.multipartFormData) {
-                return apiService.post({
-                  target: `/${String(prop)}`,
-                  config: {
-                    bypassTransform: userConfig?.bypassTransform,
-                    transformText: userConfig?.transformText,
-                    fetch: {
-                      credentials: 'include',
-                      headers: headers,
-                      body: ConvertUtils.toFormData(userConfig?.body)
-                    }
-                  }
-                });
-              } else if (method === 'post') {
-                return apiService.postJson({
-                  target: `/${String(prop)}`,
-                  config: {
-                    bypassTransform: userConfig?.bypassTransform,
-                    transformText: userConfig?.transformText,
-                    fetch: {
-                      credentials: 'include',
-                      headers: headers,
-                      body: userConfig?.body
-                    }
-                  }
-                });
-              }else if (method === 'petch') {
-                return apiService.patchJson({
-                  target: `/${String(prop)}`,
-                  config: {
-                    bypassTransform: userConfig?.bypassTransform,
-                    transformText: userConfig?.transformText,
-                    fetch: {
-                      credentials: 'include',
-                      headers: headers,
-                      body: userConfig?.body
-                    }
-                  }
-                });
-              } else {
-                return apiService[method]({
-                  target: {url: `/${String(prop)}`, searchParams: userConfig?.body},
-                  config: {
-                    bypassTransform: userConfig?.bypassTransform,
-                    transformText: userConfig?.transformText,
-                    fetch: {
-                      credentials: 'include',
-                      headers: headers,
-                    }
-                  }
-                });
-              }
-            };
-            args.push(p);
-            return Reflect.apply(f, target, args);
-          }
-        }
-        return Reflect.get(target, prop, receiver);
-      },
-
-      apply(target: T, thisArg: any, argArray: any[]): any {
-        console.log('SymbolIntentApiServiceProxyBase apply (from handler)');
-        // @ts-ignore
-        return Reflect.apply(target, thisArg, argArray);
-      }
-    };
+    // SymbolIntentApiServiceProxy의 static handler를 사용합니다.
+    const handler = SymbolIntentApiServiceProxy.createHandler<T>(apiService);
 
     // 생성자에서 Proxy 객체를 반환합니다.
-
     // @ts-ignore
     return new Proxy(this, handler);
   }

package/tsconfig.json

@@ -12,7 +12,8 @@
     "emitDecoratorMetadata": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "moduleResolution": "node",
+    "module": "esnext",
+    "moduleResolution": "bundler",
     "baseUrl": ".",
     "paths": {
 //      "@dooboostore/core/*": ["../../core/src/*"],