@dooboostore/simple-boot-http-server-ssr 1.0.8 → 1.0.9

package/README.MD

@@ -16,6 +16,14 @@ This package seamlessly integrates `@dooboostore/simple-boot-front` and `@dooboo
 - **@dooboostore/simple-boot-front**: The front-end framework for building components and managing UI state.
 - **@dooboostore/simple-boot-http-server**: The underlying HTTP server for handling requests.
 
+## 🚀 Quick Start
+
+```
+npm init @dooboostore/simple-boot-http-server-ssr projectname
+cd projectname
+npm start
+```
+
 ## 🚀 How It Works
 
 The core of this package is the `SSRFilter`. When a request for an HTML page comes in, the filter does the following:

package/SimpleBootHttpSSRFactory.js

@@ -1,7 +1,7 @@
 import { __awaiter } from "tslib";
 export class SimpleBootHttpSSRFactory {
-    create(simFrontOption, using = [], domExcludes = []) {
-        return __awaiter(this, void 0, void 0, function* () {
+    create(simFrontOption_1) {
+        return __awaiter(this, arguments, void 0, function* (simFrontOption, using = [], domExcludes = []) {
             const front = yield this.factory(simFrontOption, using, domExcludes);
             return front;
         });

package/decorators/LoadAroundBefore.js

@@ -1,6 +1,6 @@
 import { getSim } from '@dooboostore/simple-boot/decorators/SimDecorator';
 import { AroundForceReturn } from '@dooboostore/simple-boot/decorators/aop/AOPDecorator';
-import { ReflectUtils } from '@dooboostore/simple-boot/utils/reflect/ReflectUtils';
+import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';
 export const LoadAroundBefore = (obj, propertyKey, args) => {
     var _a, _b, _c;
     const simstanceManager = obj._SimpleBoot_simstanceManager;

package/filters/IntentSchemeFilter.js

@@ -13,12 +13,12 @@ let IntentSchemeFilter = class IntentSchemeFilter {
         return __awaiter(this, void 0, void 0, function* () {
         });
     }
-    proceedBefore({ rr, app }) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
+    proceedBefore(_a) {
+        return __awaiter(this, arguments, void 0, function* ({ rr, app }) {
+            var _b;
             // const rr = rrr;
             const url = rr.reqUrl;
-            const contentLength = Number(rr.reqHeader((_a = HttpHeaders.ContentLength.toLowerCase()) !== null && _a !== void 0 ? _a : '0'));
+            const contentLength = Number(rr.reqHeader((_b = HttpHeaders.ContentLength.toLowerCase()) !== null && _b !== void 0 ? _b : '0'));
             const acceptType = rr.reqHeader(HttpHeaders.Accept);
             const contentType = rr.reqHeader(HttpHeaders.ContentType);
             const intentScheme = rr.reqHeader(HttpHeaders.XSimpleBootSsrIntentScheme);
@@ -58,8 +58,8 @@ let IntentSchemeFilter = class IntentSchemeFilter {
             }
         });
     }
-    proceedAfter({ rr, app }) {
-        return __awaiter(this, void 0, void 0, function* () {
+    proceedAfter(_a) {
+        return __awaiter(this, arguments, void 0, function* ({ rr, app }) {
             return true;
         });
     }

package/filters/SSRFilter.d.ts

@@ -17,7 +17,7 @@ export type FactoryAndParams = {
         min: number;
     };
     using: ConstructorType<any>[];
-    domExcludes: ConstructorType<any>[];
+    domExcludes?: ConstructorType<any>[];
     ssrExcludeFilter?: (rr: RequestResponse) => boolean;
     simpleBootFront?: {
         notFoundError?: boolean;

package/filters/SSRFilter.js

@@ -67,10 +67,10 @@ export class SSRFilter {
             }
         });
     }
-    proceedBefore({ rr, app }) {
-        var _a, _b, _c;
-        return __awaiter(this, void 0, void 0, function* () {
-            if ((_b = (_a = this.config).ssrExcludeFilter) === null || _b === void 0 ? void 0 : _b.call(_a, rr)) {
+    proceedBefore(_a) {
+        return __awaiter(this, arguments, void 0, function* ({ rr, app }) {
+            var _b, _c, _d;
+            if ((_c = (_b = this.config).ssrExcludeFilter) === null || _c === void 0 ? void 0 : _c.call(_b, rr)) {
                 return false;
             }
             if ((rr.reqHasAcceptHeader(Mimes.TextHtml) || rr.reqHasAcceptHeader(Mimes.All))) {
@@ -83,7 +83,7 @@ export class SSRFilter {
                     simpleBootFront.option.window.ssrUse = true;
                     delete simpleBootFront.option.window.server_side_data;
                     const url = rr.reqUrlObj({ host: 'localhost' });
-                    if ((_c = this.config.simpleBootFront) === null || _c === void 0 ? void 0 : _c.notFoundError) {
+                    if ((_d = this.config.simpleBootFront) === null || _d === void 0 ? void 0 : _d.notFoundError) {
                         // intent router check first
                         const intent = yield simpleBootFront.getIntent(url.pathname);
                         // route를 못찾은상태에서 router path까지 안맞으면 404 처리한다.  route랑 router랑 다르니깐 헛갈리지말도록
@@ -97,7 +97,18 @@ export class SSRFilter {
                     yield new Promise((r) => setTimeout(r, 0)); // <--중요: 이거 넣어야지 두번불러지는게 없어지는듯? 뭐지 event loop 변경된건가?
                     // const e = Expression.Path.pathNameData(rr.reqUrlPathName, intent.getRouterPath())
                     // console.log('------intent', rr.reqUrl, rr.reqUrlPathName, intent.module, intent.getRouterPath(), e)
+                    // simpleBootFront.option.window.document.documentElemenh
+                    // "dr-"로 시작하는 모든 attribute를 가진 element에서 해당 attribute를 제거
+                    simpleBootFront.option.window.document.querySelectorAll('*').forEach(el => {
+                        Array.from(el.attributes).forEach(attr => {
+                            if (/^dr-/.test(attr.name) || /^domstyle/.test(attr.name) || /this-path/.test(attr.name)) {
+                                el.removeAttribute(attr.name);
+                            }
+                        });
+                    });
                     let html = simpleBootFront.option.window.document.documentElement.outerHTML;
+                    // html = '<!DOCTYPE html>'+html;
+                    html = html.replace(/\$\{[\s\S]*?\}\$/g, '');
                     const serverSideData = simpleBootFront.option.window.server_side_data;
                     if (serverSideData) {
                         const data = Object.entries(serverSideData).map(([k, v]) => {
@@ -203,16 +214,16 @@ export class SSRFilter {
             }
         });
     }
-    writeOkHtmlAndEnd({ rr, status = HttpStatus.Ok }, html) {
-        return __awaiter(this, void 0, void 0, function* () {
+    writeOkHtmlAndEnd(_a, html_1) {
+        return __awaiter(this, arguments, void 0, function* ({ rr, status = HttpStatus.Ok }, html) {
             // rr.res.writeHead(status, {[HttpHeaders.ContentType]: Mimes.TextHtml});
             rr.resStatusCode(status);
             rr.resSetHeader(HttpHeaders.ContentType, Mimes.TextHtml);
             yield rr.resEnd(html);
         });
     }
-    proceedAfter({ rr, app }) {
-        return __awaiter(this, void 0, void 0, function* () {
+    proceedAfter(_a) {
+        return __awaiter(this, arguments, void 0, function* ({ rr, app }) {
             // console.log('done--------', sw)
             return true;
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dooboostore/simple-boot-http-server-ssr",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "MIT",
@@ -55,23 +55,23 @@
     "ts-jest": "^26.5.4",
     "@types/node": "^20",
     "tslib": "^2.8.1",
-    "typescript": "^4.4.3"
+    "typescript": "^5.9.2"
   },
   "dependencies": {
     "jsdom": "^26.0.0",
     "reflect-metadata": "^0.2.2",
+    "@dooboostore/core": "1.0.8",
     "@dooboostore/core-web": "1.0.1",
-    "@dooboostore/simple-boot": "1.0.43",
-    "@dooboostore/dom-render": "1.0.99",
-    "@dooboostore/simple-boot-front": "1.0.120",
+    "@dooboostore/simple-boot": "1.0.44",
     "@dooboostore/core-node": "1.0.1",
-    "@dooboostore/core": "1.0.7",
-    "@dooboostore/simple-boot-http-server": "1.0.15"
+    "@dooboostore/dom-render": "1.0.102",
+    "@dooboostore/simple-boot-front": "1.0.121",
+    "@dooboostore/simple-boot-http-server": "1.0.16"
   },
   "scripts": {
-    "build": "rm -rf dist && tsc -p tsconfig.build.json",
+    "tsc:build": "rm -rf dist && tsc -p tsconfig.build.json",
     "clean": "rm -rf  dist",
-    "npm:build": "pnpm run build && cp README.MD dist/ && pnpm pack && TARBALL_NAME=$(ls dooboostore-simple-boot-http-server-ssr-*.tgz | head -n 1) && tar -xzf \"$TARBALL_NAME\" -C dist --strip-components=1 package/package.json && rm \"$TARBALL_NAME\"",
+    "npm:build": "pnpm run tsc:build && cp README.MD dist/ && pnpm pack && TARBALL_NAME=$(ls dooboostore-simple-boot-http-server-ssr-*.tgz | head -n 1) && tar -xzf \"$TARBALL_NAME\" -C dist --strip-components=1 package/package.json && rm \"$TARBALL_NAME\"",
     "npm:clean": "rm -rf  dist",
     "npm:publish": "pnpm run npm:build && cd dist && pnpm publish --no-git-checks",
     "npm:publish:clean": "pnpm run npm:publish && rm -rf dist",

package/proxy/IntentSchemeFrontProxy.js

@@ -3,7 +3,7 @@ import { getSim, Sim } from '@dooboostore/simple-boot/decorators/SimDecorator';
 import { HttpHeaders } from '@dooboostore/simple-boot-http-server/codes/HttpHeaders';
 import { HttpHeaders as SSRHttpHeaders } from '../codes/HttpHeaders';
 import { Mimes as SSRMimes } from '../codes/Mimes';
-import { ReflectUtils } from '@dooboostore/simple-boot/utils/reflect/ReflectUtils';
+import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';
 import { ConvertUtils } from '@dooboostore/core/convert/ConvertUtils';
 let IntentSchemeFrontProxy = class IntentSchemeFrontProxy {
     get(target, prop) {