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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/README.md +98 -0
  2. package/dist/cjs/SimpleBootHttpSSRServer.js.map +2 -2
  3. package/dist/cjs/bundle-entry.js +0 -2
  4. package/dist/cjs/bundle-entry.js.map +2 -2
  5. package/dist/cjs/filters/SSRDomParserFilter.js.map +2 -2
  6. package/dist/cjs/filters/{SSRLinkDomDomFilter.js → SSRLinkDomFilter.js} +7 -7
  7. package/dist/cjs/filters/SSRLinkDomFilter.js.map +7 -0
  8. package/dist/cjs/filters/SSRSimpleWebComponentDomParserFilter.js +81 -0
  9. package/dist/cjs/filters/SSRSimpleWebComponentDomParserFilter.js.map +7 -0
  10. package/dist/cjs/filters/SSRSimpleWebComponentFilter.js +158 -28
  11. package/dist/cjs/filters/SSRSimpleWebComponentFilter.js.map +2 -2
  12. package/dist/cjs/filters/index.js +9 -3
  13. package/dist/cjs/filters/index.js.map +2 -2
  14. package/dist/cjs/index.js +0 -2
  15. package/dist/cjs/index.js.map +2 -2
  16. package/dist/esm/SimpleBootHttpSSRServer.js.map +2 -2
  17. package/dist/esm/bundle-entry.js +0 -1
  18. package/dist/esm/bundle-entry.js.map +2 -2
  19. package/dist/esm/filters/SSRDomParserFilter.js.map +2 -2
  20. package/dist/esm/filters/{SSRLinkDomDomFilter.js → SSRLinkDomFilter.js} +3 -3
  21. package/dist/esm/filters/SSRLinkDomFilter.js.map +7 -0
  22. package/dist/esm/filters/SSRSimpleWebComponentDomParserFilter.js +58 -0
  23. package/dist/esm/filters/SSRSimpleWebComponentDomParserFilter.js.map +7 -0
  24. package/dist/esm/filters/SSRSimpleWebComponentFilter.js +148 -28
  25. package/dist/esm/filters/SSRSimpleWebComponentFilter.js.map +2 -2
  26. package/dist/esm/filters/index.js +4 -1
  27. package/dist/esm/filters/index.js.map +2 -2
  28. package/dist/esm/index.js +0 -1
  29. package/dist/esm/index.js.map +2 -2
  30. package/dist/esm-bundle/dooboostore-simple-boot-http-server-ssr.esm.js +54537 -21104
  31. package/dist/esm-bundle/dooboostore-simple-boot-http-server-ssr.esm.js.map +4 -4
  32. package/dist/types/SimpleBootHttpSSRServer.d.ts +1 -1
  33. package/dist/types/SimpleBootHttpSSRServer.d.ts.map +1 -1
  34. package/dist/types/bundle-entry.d.ts +0 -1
  35. package/dist/types/bundle-entry.d.ts.map +1 -1
  36. package/dist/types/filters/SSRDomParserFilter.d.ts +3 -3
  37. package/dist/types/filters/SSRDomParserFilter.d.ts.map +1 -1
  38. package/dist/types/filters/{SSRLinkDomDomFilter.d.ts → SSRLinkDomFilter.d.ts} +5 -5
  39. package/dist/types/filters/SSRLinkDomFilter.d.ts.map +1 -0
  40. package/dist/types/filters/SSRSimpleWebComponentDomParserFilter.d.ts +37 -0
  41. package/dist/types/filters/SSRSimpleWebComponentDomParserFilter.d.ts.map +1 -0
  42. package/dist/types/filters/SSRSimpleWebComponentFilter.d.ts +23 -3
  43. package/dist/types/filters/SSRSimpleWebComponentFilter.d.ts.map +1 -1
  44. package/dist/types/filters/index.d.ts +4 -1
  45. package/dist/types/filters/index.d.ts.map +1 -1
  46. package/dist/types/index.d.ts +0 -1
  47. package/dist/types/index.d.ts.map +1 -1
  48. package/dist/umd-bundle/dooboostore-simple-boot-http-server-ssr.umd.js +54592 -21160
  49. package/dist/umd-bundle/dooboostore-simple-boot-http-server-ssr.umd.js.map +4 -4
  50. package/package.json +17 -16
  51. package/src/SimpleBootHttpSSRServer.ts +2 -3
  52. package/src/bundle-entry.ts +0 -1
  53. package/src/filters/SSRDomParserFilter.ts +4 -4
  54. package/src/filters/{SSRLinkDomDomFilter.ts → SSRLinkDomFilter.ts} +3 -3
  55. package/src/filters/SSRSimpleWebComponentDomParserFilter.ts +106 -0
  56. package/src/filters/SSRSimpleWebComponentFilter.ts +242 -39
  57. package/src/filters/index.ts +5 -2
  58. package/src/index.ts +0 -1
  59. package/README.MD +0 -167
  60. package/dist/cjs/decorators/LoadAroundBefore.js +0 -54
  61. package/dist/cjs/decorators/LoadAroundBefore.js.map +0 -7
  62. package/dist/cjs/decorators/SaveAroundAfter.js +0 -53
  63. package/dist/cjs/decorators/SaveAroundAfter.js.map +0 -7
  64. package/dist/cjs/decorators/index.js +0 -24
  65. package/dist/cjs/decorators/index.js.map +0 -7
  66. package/dist/cjs/filters/SSRLinkDomDomFilter.js.map +0 -7
  67. package/dist/esm/decorators/LoadAroundBefore.js +0 -31
  68. package/dist/esm/decorators/LoadAroundBefore.js.map +0 -7
  69. package/dist/esm/decorators/SaveAroundAfter.js +0 -29
  70. package/dist/esm/decorators/SaveAroundAfter.js.map +0 -7
  71. package/dist/esm/decorators/index.js +0 -3
  72. package/dist/esm/decorators/index.js.map +0 -7
  73. package/dist/esm/filters/SSRLinkDomDomFilter.js.map +0 -7
  74. package/dist/types/decorators/LoadAroundBefore.d.ts +0 -2
  75. package/dist/types/decorators/LoadAroundBefore.d.ts.map +0 -1
  76. package/dist/types/decorators/SaveAroundAfter.d.ts +0 -3
  77. package/dist/types/decorators/SaveAroundAfter.d.ts.map +0 -1
  78. package/dist/types/decorators/index.d.ts +0 -3
  79. package/dist/types/decorators/index.d.ts.map +0 -1
  80. package/dist/types/filters/SSRLinkDomDomFilter.d.ts.map +0 -1
  81. package/src/decorators/LoadAroundBefore.ts +0 -28
  82. package/src/decorators/SaveAroundAfter.ts +0 -27
  83. package/src/decorators/index.ts +0 -2
package/dist/cjs/filters/SSRSimpleWebComponentFilter.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/filters/SSRSimpleWebComponentFilter.ts"],
4
- "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';\nimport { HTMLElementBase } from '@dooboostore/dom-parser';\nimport { ConstructorType } from '@dooboostore/core';\nimport {getElementConfig} from \"@dooboostore/simple-web-component\";\n\nexport type SWCSSRConfig = {\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 SSRSimpleWebComponentFilter implements Filter {\n private welcomUrl = 'http://localhost';\n\n constructor(public config: SWCSSRConfig) {\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 // 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 // 3. Generate Final HTML\n const html = this.makeHTML(window);\n\n await this.writeOkHtmlAndEnd({ rr }, html);\n } finally {\n // 4. Cleanup\n (window as any).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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,yBAA4B;AAE5B,mBAAsB;AACtB,wBAA2B;AAE3B,kCAAqC;AACrC,wBAAgC;AAEhC,kCAA+B;AAiBxB,MAAM,4BAA8C;AAAA,EAGzD,YAAmB,QAAsB;AAAtB;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;AAG9C,YAAM,aAAa,CAAC,SAA+B;AACjD,cAAM,SAAK,8CAAiB,IAAI;AAChC,eAAO,GAAG;AAAA,MACZ;AACA,MAAC,OAAe,cAAc,cAAc,kCAAgB;AAAA,QAC1D,eAAe,MAAa;AAC1B,gBAAM,OAAO;AACb,gBAAM,kBAAkB,WAAW,IAAI;AACvC,gBAAM,iBAAiB,KAAK,CAAC,CAAC;AAAA,QAChC;AAAA,MACF;AAGA,UAAI;AAGF,YAAI,KAAK,OAAO,oBAAoB;AAClC,gBAAM,KAAK,OAAO,mBAAmB,MAAM;AAAA,QAC7C;AAGA,cAAM,OAAO,KAAK,SAAS,MAAM;AAEjC,cAAM,KAAK,kBAAkB,EAAE,GAAG,GAAG,IAAI;AAAA,MAC3C,UAAE;AAEA,QAAC,OAAe,QAAQ;AACxB,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;",
4
+ "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 path from 'path';\nimport fs from 'fs';\nimport {HttpMethod} from \"@dooboostore/simple-boot-http-server\";\n\nexport type SWCSSRConfig = {\n frontDistPath: string;\n frontDistIndexFileName?: string;\n welcomUrl?: string;\n ssrExcludeFilter?: (rr: RequestResponse) => boolean;\n /**\n * (Deprecated for Playwright)\n * Function to register components for each request.\n * Playwright evaluates real JS files loaded from your index.html,\n * so component registration happens automatically in the browser context.\n */\n registerComponents?: (window: any) => Promise<void> | void;\n playwright?: {\n waitUntil?: 'load' | 'domcontentloaded' | 'networkidle' | 'commit';\n waitForSelector?: string;\n waitForTimeout?: number;\n timeout?: number;\n ignoreTags?: string[];\n };\n};\n\n/**\n * SSR Filter specifically for Simple Web Component (SWC).\n * It utilizes Playwright to render the page robustly and perfectly matching browser specs.\n *\n * ### Playwright Setup & Requirements\n *\n * To use this filter, Playwright must be installed in your server environment:\n * 1. Install playwright package: `npm install playwright` or `pnpm add playwright`\n * 2. Install browsers: `npx playwright install chromium`\n *\n * If running inside a Docker container (e.g., Alpine Linux), you must use an image that supports Playwright\n * or manually install OS dependencies. Playwright provides official Docker images: `mcr.microsoft.com/playwright:v1.x.x-focal`.\n */\nexport class SSRSimpleWebComponentFilter implements Filter {\n private welcomUrl = 'http://localhost';\n private browser?: any;\n\n constructor(public config: SWCSSRConfig) {\n this.welcomUrl = config.welcomUrl || this.welcomUrl;\n }\n\n async onInit(app: SimpleBootHttpServer) {\n // 1. Initialize Playwright browser when the server starts\n const { chromium } = await import('playwright');\n this.browser = await chromium.launch({\n headless: true,\n args: ['--no-sandbox', '--disable-setuid-sandbox', '--disable-web-security'] // Allow CORS for local dev\n });\n console.log('\uD83D\uDE80 Playwright Browser initialized for SSR Filter');\n }\n\n async onDestroy() {\n if (this.browser) {\n await this.browser.close();\n console.log('\uD83D\uDED1 Playwright Browser closed');\n }\n }\n\n async proceedBefore({ rr, app, carrier }: { rr: RequestResponse; app: SimpleBootHttpServer; carrier: Map<string, any> }) {\n if (this.config.ssrExcludeFilter?.(rr)) {\n return true; // Bypass SSR and continue server chain\n }\n\n console.log('playwright2222222', rr.reqHeader('x-ssr-browser'));\n\n // 2. Prevent Infinite Loop:\n // If the request comes from Playwright itself, bypass SSR and serve the original static SPA file.\n if (rr.reqHeader('x-ssr-browser') === 'playwright') {\n return true;\n }\n\n if (rr.reqIsMethod(HttpMethod.GET) && rr.reqHasContentTypeHeader(Mimes.TextHtml)) {\n // Build target URL for Playwright to visit\n // Use the server's actual listening address and port if available\n const protocol = app.option.protocol || 'http';\n const host = app.option.hostname || '127.0.0.1';\n const port = app.option.port || 80;\n\n const url = rr.reqUrlObj({ host: `${host}:${port}` });\n url.protocol = protocol;\n\n const targetUrl = url.toString() ?? this.welcomUrl;\n\n if (!this.browser) {\n console.error('Playwright browser is not initialized. Bypassing SSR.');\n return true;\n }\n\n // Create a fresh context for isolation\n // IMPORTANT: We do NOT use `extraHTTPHeaders` globally because it attaches the header to EVERY request\n // Playwright makes (including CORS requests to FontAwesome or API requests).\n // Instead, we will set the header ONLY for the initial navigation request to our server.\n const context = await this.browser.newContext();\n const page = await context.newPage();\n\n try {\n // Intercept ONLY requests going to our local server and append the bypass header\n await page.route('**/*', route => {\n const request = route.request();\n\n // Only append the x-ssr-browser header for requests to the local server that are NOT API requests\n const isLocal = request.url().startsWith(targetUrl) || request.url().includes('localhost') || request.url().includes('127.0.0.1');\n const isApi = request.url().includes('/api/');\n\n if (isLocal && !isApi) {\n const headers = {\n ...request.headers(),\n 'x-ssr-browser': 'playwright'\n };\n route.continue({ headers }).catch(() => {});\n } else {\n // For external requests (like font-awesome CORS) or API calls, do not add the custom header\n route.continue().catch(() => {});\n }\n });\n\n // 3. Navigate to the page and wait for the framework to finish rendering\n // but normally Playwright just navigates to the targetUrl and loads the real SPA resources.\n\n // \uD83D\uDCA1 Playwright \u2194 Framework \uD1B5\uC2E0 \uC124\uC815\n // \uD504\uB860\uD2B8\uC5D4\uB4DC\uC758 `bootfactory.ts` \uC548\uC758 `onRouteChanged` \uB4F1\uC5D0\uC11C\n // `if (window.onPlaywrightReady) window.onPlaywrightReady()` \uB77C\uACE0 \uD638\uCD9C\uD574\uC8FC\uBA74,\n // \uC544\uB798\uC758 Promise\uAC00 \uC989\uC2DC resolve \uB418\uB3C4\uB85D \uC5F0\uACB0\uD569\uB2C8\uB2E4.\n let resolvePlaywrightReady: () => void;\n const playwrightReadyPromise = new Promise<void>(resolve => {\n resolvePlaywrightReady = resolve;\n });\n\n await page.exposeFunction('onPlaywrightReady', () => {\n console.log('\u26A1\uFE0F [SSR:Playwright] Received \"onPlaywrightReady\" signal from framework!');\n resolvePlaywrightReady();\n });\n\n // 3. Navigate to the page and wait for the framework to finish rendering\n // Since the server will return the `index.html` (due to the bypass header), Playwright will download\n // your main.js / bundle.js, evaluate it, and the Custom Elements will register themselves naturally!\n await page.goto(targetUrl, {\n waitUntil: this.config.playwright?.waitUntil ?? 'networkidle',\n timeout: this.config.playwright?.timeout ?? 15000\n });\n\n // \uD83D\uDCA1 Framework Load Wait (Crucial for SWC)\n // Wait for EITHER the framework to call `window.onPlaywrightReady()` OR a specific innerHTML condition\n await Promise.race([\n playwrightReadyPromise, // \uC9C1\uC811 exposeFunction\uC5D0\uC11C \uD2B8\uB9AC\uAC70\uB41C Promise\n\n page.waitForFunction(\n () => {\n // Fallback 1: If explicit signal variable is set\n return (window as any)._playwrightReadySignalFired === true;\n },\n { timeout: this.config.playwright?.timeout ?? 15000 }\n ),\n\n page.waitForFunction(\n () => {\n // Fallback 2: If no signal, just wait until body has content\n return document.body.innerHTML.trim().length > 100;\n },\n { timeout: this.config.playwright?.timeout ?? 15000 }\n )\n ]).catch(() => console.log('Wait for app mount timeout... proceeding anyway'));\n\n // \uAC15\uC81C\uB85C \uCEF4\uD3EC\uB10C\uD2B8 \uB80C\uB354\uB9C1 \uBC0F \uD3F0\uD2B8\uC5B4\uC378 \uB4F1 \uB9AC\uC18C\uC2A4 \uB85C\uB529 \uB300\uAE30 \uC2DC\uAC04 \uCD94\uAC00 (\uC548\uC804 \uC7A5\uCE58)\n // onPlaywrightReady \uC2E0\uD638\uAC00 \uB5A8\uC5B4\uC838\uB3C4, \uBE44\uB3D9\uAE30 \uB80C\uB354\uB9C1(SwcLoop \uB4F1)\uC774 DOM\uC5D0 \uC644\uC804\uD788 \uBC18\uC601\uB418\uB294 \uB370\n // \uC57D\uAC04\uC758 Microtask \uC9C0\uC5F0\uC774 \uC788\uC744 \uC218 \uC788\uC73C\uBBC0\uB85C \uC544\uC8FC \uC9E7\uAC8C\uB9CC \uAE30\uB2E4\uB824 \uC90D\uB2C8\uB2E4.\n // await new Promise(resolve => setTimeout(resolve, 300));\n\n // Optional: Wait for a specific component to be visible\n if (this.config.playwright?.waitForSelector) {\n await page.waitForSelector(this.config.playwright.waitForSelector, {\n timeout: this.config.playwright?.timeout ?? 15000\n });\n }\n\n // Optional: Hardcoded wait time if explicitly set (fallback)\n if (this.config.playwright?.waitForTimeout) {\n await page.waitForTimeout(this.config.playwright.waitForTimeout);\n }\n\n // 4. Set SSR Attribute before extracting HTML\n await page.evaluate(() => {\n document.body.setAttribute('ssr-use', 'true');\n });\n\n // 5. Generate Final HTML\n const html = await page.evaluate(ignoreTags => {\n const skipTags = new Set(ignoreTags || []);\n\n function serializeNode(node: Node, inBody: boolean = false): string {\n if (node.nodeType === Node.TEXT_NODE) {\n const text = node.textContent || '';\n return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n }\n if (node.nodeType === Node.COMMENT_NODE) {\n return `<!--${node.textContent}-->`;\n }\n if (node.nodeType !== Node.ELEMENT_NODE) {\n return '';\n }\n\n const el = node as Element;\n const tag = el.tagName.toLowerCase();\n const isBody = tag === 'body';\n const isInsideBody = inBody || isBody;\n\n // \uD83D\uDEAB Skip ignored tags (like <style>) ONLY if we are inside the <body>.\n // This ensures <style> tags in the <head> (global styles) are preserved!\n if (isInsideBody && skipTags.has(tag)) {\n return '';\n }\n\n let s = `<${tag}`;\n\n // 1. Serialize Attributes\n for (let i = 0; i < el.attributes.length; i++) {\n const attr = el.attributes[i];\n s += ` ${attr.name}=\"${attr.value.replace(/\"/g, '&quot;')}\"`;\n }\n\n // Handle void elements (self-closing)\n const voidElements = new Set(['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link', 'meta', 'param', 'source', 'track', 'wbr']);\n if (voidElements.has(tag)) {\n s += '>';\n return s;\n }\n s += '>';\n\n // 2. Serialize Shadow DOM (Declarative Shadow DOM)\n // MUST KEEP for SSR: Without this, the user receives an empty shell until JS loads and re-renders everything.\n // This allows the browser to paint the full UI (including styles inside the component) immediately.\n if (el.shadowRoot) {\n s += `<template shadowrootmode=\"${el.shadowRoot.mode}\">`;\n for (let i = 0; i < el.shadowRoot.childNodes.length; i++) {\n s += serializeNode(el.shadowRoot.childNodes[i], isInsideBody);\n }\n s += '</template>';\n }\n\n // 3. Serialize Light DOM Children\n for (let i = 0; i < el.childNodes.length; i++) {\n s += serializeNode(el.childNodes[i], isInsideBody);\n }\n\n s += `</${tag}>`;\n return s;\n }\n\n let result = '<!DOCTYPE html>\\n<html';\n const htmlNode = document.documentElement;\n for (let i = 0; i < htmlNode.attributes.length; i++) {\n const attr = htmlNode.attributes[i];\n result += ` ${attr.name}=\"${attr.value.replace(/\"/g, '&quot;')}\"`;\n }\n result += '>\\n';\n\n if (document.head) result += serializeNode(document.head, false);\n result += '\\n';\n if (document.body) result += serializeNode(document.body, true);\n\n result += '\\n</html>';\n return result;\n }, this.config.playwright?.ignoreTags || []);\n console.log(`\uD83D\uDC88 [SSR:Playwright] Successfully rendered ${targetUrl}`);\n\n await this.writeOkHtmlAndEnd({ rr }, this.makeHTML(html));\n } catch (e) {\n console.error(`Playwright SSR Error for ${targetUrl}:`, e);\n // If Playwright fails (e.g., timeout), we bypass SSR so the client at least gets the CSR app\n return true;\n } finally {\n await context.close();\n }\n return false; // Tell SimpleBootHttpServer to stop routing because we've handled the response\n }\n return true;\n }\n\n makeHTML(html: string) {\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"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/dist/cjs/filters/index.js CHANGED
@@ -14,13 +14,19 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
14
14
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
15
15
  var filters_exports = {};
16
16
  module.exports = __toCommonJS(filters_exports);
17
- __reExport(filters_exports, require("@dooboostore/simple-boot-http-server/filters/IntentSchemeFilter"), module.exports);
18
17
  __reExport(filters_exports, require("./SSRFilter"), module.exports);
19
18
  __reExport(filters_exports, require("./SSRWorker"), module.exports);
19
+ __reExport(filters_exports, require("./SSRSimpleWebComponentFilter"), module.exports);
20
+ __reExport(filters_exports, require("./SSRSimpleWebComponentDomParserFilter"), module.exports);
21
+ __reExport(filters_exports, require("./SSRDomParserFilter"), module.exports);
22
+ __reExport(filters_exports, require("./SSRLinkDomFilter"), module.exports);
20
23
  // Annotate the CommonJS export names for ESM import in node:
21
24
  0 && (module.exports = {
22
- ...require("@dooboostore/simple-boot-http-server/filters/IntentSchemeFilter"),
23
25
  ...require("./SSRFilter"),
24
- ...require("./SSRWorker")
26
+ ...require("./SSRWorker"),
27
+ ...require("./SSRSimpleWebComponentFilter"),
28
+ ...require("./SSRSimpleWebComponentDomParserFilter"),
29
+ ...require("./SSRDomParserFilter"),
30
+ ...require("./SSRLinkDomFilter")
25
31
  });
26
32
  //# sourceMappingURL=index.js.map
package/dist/cjs/filters/index.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/filters/index.ts"],
4
- "sourcesContent": ["export * from '@dooboostore/simple-boot-http-server/filters/IntentSchemeFilter';\nexport * from './SSRFilter';\nexport * from './SSRWorker';"],
5
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,4BAAc,4EAAd;AACA,4BAAc,wBADd;AAEA,4BAAc,wBAFd;",
4
+ "sourcesContent": ["export * from './SSRFilter';\nexport * from './SSRWorker';\nexport * from './SSRSimpleWebComponentFilter';\nexport * from './SSRSimpleWebComponentDomParserFilter';\nexport * from './SSRDomParserFilter';\nexport * from './SSRLinkDomFilter';"],
5
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,4BAAc,wBAAd;AACA,4BAAc,wBADd;AAEA,4BAAc,0CAFd;AAGA,4BAAc,mDAHd;AAIA,4BAAc,iCAJd;AAKA,4BAAc,+BALd;",
6
6
  "names": []
7
7
  }
package/dist/cjs/index.js CHANGED
@@ -14,7 +14,6 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
14
14
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
15
15
  var src_exports = {};
16
16
  module.exports = __toCommonJS(src_exports);
17
- __reExport(src_exports, require("./decorators"), module.exports);
18
17
  __reExport(src_exports, require("./filters"), module.exports);
19
18
  __reExport(src_exports, require("./initializers"), module.exports);
20
19
  __reExport(src_exports, require("./option"), module.exports);
@@ -23,7 +22,6 @@ __reExport(src_exports, require("./SimpleBootHttpSSRFactory"), module.exports);
23
22
  __reExport(src_exports, require("./SimpleBootHttpSSRServer"), module.exports);
24
23
  // Annotate the CommonJS export names for ESM import in node:
25
24
  0 && (module.exports = {
26
- ...require("./decorators"),
27
25
  ...require("./filters"),
28
26
  ...require("./initializers"),
29
27
  ...require("./option"),
package/dist/cjs/index.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
- "sourcesContent": ["export * from './decorators';\nexport * from './filters';\nexport * from './initializers';\nexport * from './option';\nexport * from './proxy';\nexport * from './SimpleBootHttpSSRFactory';\nexport * from './SimpleBootHttpSSRServer';"],
5
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,yBAAd;AACA,wBAAc,sBADd;AAEA,wBAAc,2BAFd;AAGA,wBAAc,qBAHd;AAIA,wBAAc,oBAJd;AAKA,wBAAc,uCALd;AAMA,wBAAc,sCANd;",
4
+ "sourcesContent": ["export * from './filters';\nexport * from './initializers';\nexport * from './option';\nexport * from './proxy';\nexport * from './SimpleBootHttpSSRFactory';\nexport * from './SimpleBootHttpSSRServer';"],
5
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,sBAAd;AACA,wBAAc,2BADd;AAEA,wBAAc,qBAFd;AAGA,wBAAc,oBAHd;AAIA,wBAAc,uCAJd;AAKA,wBAAc,sCALd;",
6
6
  "names": []
7
7
  }
package/dist/esm/SimpleBootHttpSSRServer.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SimpleBootHttpSSRServer.ts"],
4
- "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"],
5
- "mappings": "AAAA,SAAS,4BAA4B;AAM9B,MAAM,gCAAgC,qBAAqB;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;",
4
+ "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"],
5
+ "mappings": "AAAA,SAAS,4BAA4B;AAK9B,MAAM,gCAAgC,qBAAqB;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;",
6
6
  "names": []
7
7
  }
package/dist/esm/bundle-entry.js CHANGED
@@ -1,4 +1,3 @@
1
- export * from "./decorators/index.js";
2
1
  export * from "./filters/index.js";
3
2
  export * from "./initializers/index.js";
4
3
  export * from "./option/index.js";
package/dist/esm/bundle-entry.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/bundle-entry.ts"],
4
- "sourcesContent": ["export * from './decorators';\nexport * from './filters';\nexport * from './initializers';\nexport * from './option';\nexport * from './proxy';\nexport * from './SimpleBootHttpSSRFactory';\nexport * from './SimpleBootHttpSSRServer';"],
5
- "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
4
+ "sourcesContent": ["export * from './filters';\nexport * from './initializers';\nexport * from './option';\nexport * from './proxy';\nexport * from './SimpleBootHttpSSRFactory';\nexport * from './SimpleBootHttpSSRServer';"],
5
+ "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
6
6
  "names": []
7
7
  }
package/dist/esm/filters/SSRDomParserFilter.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/filters/SSRDomParserFilter.ts"],
4
- "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"],
5
- "mappings": "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",
4
+ "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"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/dist/esm/filters/{SSRLinkDomDomFilter.js → SSRLinkDomFilter.js} RENAMED
@@ -5,7 +5,7 @@ import { HttpStatus } from "@dooboostore/simple-boot-http-server/codes/HttpStatu
5
5
  import { NotFoundError } from "@dooboostore/simple-boot-http-server/errors/NotFoundError";
6
6
  import { DomRenderProxy } from "@dooboostore/dom-render";
7
7
  import { LinkedomInitializer } from "../initializers/LinkedomInitializer.js";
8
- class SSRLinkDomDomFilter {
8
+ class SSRLinkDomFilter {
9
9
  constructor(config, otherInstanceSim) {
10
10
  this.config = config;
11
11
  this.otherInstanceSim = otherInstanceSim;
@@ -151,6 +151,6 @@ class SSRLinkDomDomFilter {
151
151
  }
152
152
  }
153
153
  export {
154
- SSRLinkDomDomFilter
154
+ SSRLinkDomFilter
155
155
  };
156
- //# sourceMappingURL=SSRLinkDomDomFilter.js.map
156
+ //# sourceMappingURL=SSRLinkDomFilter.js.map
package/dist/esm/filters/SSRLinkDomFilter.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/filters/SSRLinkDomFilter.ts"],
4
+ "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"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
package/dist/esm/filters/SSRSimpleWebComponentDomParserFilter.js ADDED
@@ -0,0 +1,58 @@
1
+ import { HttpHeaders } from "@dooboostore/simple-boot-http-server/codes/HttpHeaders";
2
+ import { Mimes } from "@dooboostore/simple-boot-http-server/codes/Mimes";
3
+ import { HttpStatus } from "@dooboostore/simple-boot-http-server/codes/HttpStatus";
4
+ import { DomParserInitializer } from "../initializers/DomParserInitializer.js";
5
+ class SSRSimpleWebComponentDomParserFilter {
6
+ constructor(config) {
7
+ this.config = config;
8
+ this.welcomUrl = "http://localhost";
9
+ this.welcomUrl = config.welcomUrl || this.welcomUrl;
10
+ }
11
+ async onInit(app) {
12
+ }
13
+ async onDestroy() {
14
+ }
15
+ async proceedBefore({ rr }) {
16
+ if (this.config.ssrExcludeFilter?.(rr)) {
17
+ return false;
18
+ }
19
+ if (rr.reqHasAcceptHeader(Mimes.TextHtml) || rr.reqHasAcceptHeader(Mimes.All)) {
20
+ const url = rr.reqUrlObj({ host: "localhost" });
21
+ const targetUrl = url.toString() ?? this.welcomUrl;
22
+ const domParserInitializer = new DomParserInitializer(this.config.frontDistPath, this.config.frontDistIndexFileName || "index.html", { url: targetUrl });
23
+ const window = await domParserInitializer.run();
24
+ console.log("vvvv22aa");
25
+ try {
26
+ if (this.config.registerComponents) {
27
+ await this.config.registerComponents(window);
28
+ }
29
+ const html = this.makeHTML(window);
30
+ await this.writeOkHtmlAndEnd({ rr }, html);
31
+ } finally {
32
+ window.close();
33
+ domParserInitializer.destroy();
34
+ }
35
+ return false;
36
+ }
37
+ return true;
38
+ }
39
+ makeHTML(window) {
40
+ let html = window.document.documentElement.outerHTML;
41
+ if (!/^<!DOCTYPE html>/i.test(html)) {
42
+ html = "<!DOCTYPE html>\n" + html;
43
+ }
44
+ return html;
45
+ }
46
+ async writeOkHtmlAndEnd({ rr, status = HttpStatus.Ok }, html) {
47
+ rr.resStatusCode(status);
48
+ rr.resSetHeader(HttpHeaders.ContentType, Mimes.TextHtml);
49
+ await rr.resEnd(html);
50
+ }
51
+ async proceedAfter() {
52
+ return true;
53
+ }
54
+ }
55
+ export {
56
+ SSRSimpleWebComponentDomParserFilter
57
+ };
58
+ //# sourceMappingURL=SSRSimpleWebComponentDomParserFilter.js.map
package/dist/esm/filters/SSRSimpleWebComponentDomParserFilter.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/filters/SSRSimpleWebComponentDomParserFilter.ts"],
4
+ "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"],
5
+ "mappings": "AACA,SAAQ,mBAAkB;AAE1B,SAAQ,aAAY;AACpB,SAAQ,kBAAiB;AAEzB,SAAQ,4BAA2B;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,MAAM,QAAQ,KAAK,GAAG,mBAAmB,MAAM,GAAG,GAAG;AAC7E,YAAM,MAAM,GAAG,UAAU,EAAE,MAAM,YAAY,CAAC;AAC9C,YAAM,YAAY,IAAI,SAAS,KAAK,KAAK;AAGzC,YAAM,uBAAuB,IAAI,qBAAqB,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,WAAW,GAAG,GAAiD,MAAc;AAClH,OAAG,cAAc,MAAM;AACvB,OAAG,aAAa,YAAY,aAAa,MAAM,QAAQ;AACvD,UAAM,GAAG,OAAO,IAAI;AAAA,EACtB;AAAA,EAEA,MAAM,eAAe;AACnB,WAAO;AAAA,EACT;AACF;",
6
+ "names": []
7
+ }
package/dist/esm/filters/SSRSimpleWebComponentFilter.js CHANGED
@@ -1,9 +1,7 @@
1
1
  import { HttpHeaders } from "@dooboostore/simple-boot-http-server/codes/HttpHeaders";
2
2
  import { Mimes } from "@dooboostore/simple-boot-http-server/codes/Mimes";
3
3
  import { HttpStatus } from "@dooboostore/simple-boot-http-server/codes/HttpStatus";
4
- import { DomParserInitializer } from "../initializers/DomParserInitializer.js";
5
- import { HTMLElementBase } from "@dooboostore/dom-parser";
6
- import { getElementConfig } from "@dooboostore/simple-web-component";
4
+ import { HttpMethod } from "@dooboostore/simple-boot-http-server";
7
5
  class SSRSimpleWebComponentFilter {
8
6
  constructor(config) {
9
7
  this.config = config;
@@ -11,45 +9,167 @@ class SSRSimpleWebComponentFilter {
11
9
  this.welcomUrl = config.welcomUrl || this.welcomUrl;
12
10
  }
13
11
  async onInit(app) {
12
+ const { chromium } = await import("playwright");
13
+ this.browser = await chromium.launch({
14
+ headless: true,
15
+ args: ["--no-sandbox", "--disable-setuid-sandbox", "--disable-web-security"]
16
+ // Allow CORS for local dev
17
+ });
18
+ console.log("\u{1F680} Playwright Browser initialized for SSR Filter");
14
19
  }
15
20
  async onDestroy() {
21
+ if (this.browser) {
22
+ await this.browser.close();
23
+ console.log("\u{1F6D1} Playwright Browser closed");
24
+ }
16
25
  }
17
- async proceedBefore({ rr }) {
26
+ async proceedBefore({ rr, app, carrier }) {
18
27
  if (this.config.ssrExcludeFilter?.(rr)) {
19
- return false;
28
+ return true;
29
+ }
30
+ console.log("playwright2222222", rr.reqHeader("x-ssr-browser"));
31
+ if (rr.reqHeader("x-ssr-browser") === "playwright") {
32
+ return true;
20
33
  }
21
- if (rr.reqHasAcceptHeader(Mimes.TextHtml) || rr.reqHasAcceptHeader(Mimes.All)) {
22
- const url = rr.reqUrlObj({ host: "localhost" });
34
+ if (rr.reqIsMethod(HttpMethod.GET) && rr.reqHasContentTypeHeader(Mimes.TextHtml)) {
35
+ const protocol = app.option.protocol || "http";
36
+ const host = app.option.hostname || "127.0.0.1";
37
+ const port = app.option.port || 80;
38
+ const url = rr.reqUrlObj({ host: `${host}:${port}` });
39
+ url.protocol = protocol;
23
40
  const targetUrl = url.toString() ?? this.welcomUrl;
24
- const domParserInitializer = new DomParserInitializer(this.config.frontDistPath, this.config.frontDistIndexFileName || "index.html", { url: targetUrl });
25
- const window = await domParserInitializer.run();
26
- const getTagName = (type) => {
27
- const zz = getElementConfig(type);
28
- return zz.name;
29
- };
30
- window.HTMLElement = class extends HTMLElementBase {
31
- constructor(...args) {
32
- const ctor = new.target;
33
- const resolvedTagName = getTagName(ctor);
34
- super(resolvedTagName, args[0]);
35
- }
36
- };
41
+ if (!this.browser) {
42
+ console.error("Playwright browser is not initialized. Bypassing SSR.");
43
+ return true;
44
+ }
45
+ const context = await this.browser.newContext();
46
+ const page = await context.newPage();
37
47
  try {
38
- if (this.config.registerComponents) {
39
- await this.config.registerComponents(window);
48
+ await page.route("**/*", (route) => {
49
+ const request = route.request();
50
+ const isLocal = request.url().startsWith(targetUrl) || request.url().includes("localhost") || request.url().includes("127.0.0.1");
51
+ const isApi = request.url().includes("/api/");
52
+ if (isLocal && !isApi) {
53
+ const headers = {
54
+ ...request.headers(),
55
+ "x-ssr-browser": "playwright"
56
+ };
57
+ route.continue({ headers }).catch(() => {
58
+ });
59
+ } else {
60
+ route.continue().catch(() => {
61
+ });
62
+ }
63
+ });
64
+ let resolvePlaywrightReady;
65
+ const playwrightReadyPromise = new Promise((resolve) => {
66
+ resolvePlaywrightReady = resolve;
67
+ });
68
+ await page.exposeFunction("onPlaywrightReady", () => {
69
+ console.log('\u26A1\uFE0F [SSR:Playwright] Received "onPlaywrightReady" signal from framework!');
70
+ resolvePlaywrightReady();
71
+ });
72
+ await page.goto(targetUrl, {
73
+ waitUntil: this.config.playwright?.waitUntil ?? "networkidle",
74
+ timeout: this.config.playwright?.timeout ?? 15e3
75
+ });
76
+ await Promise.race([
77
+ playwrightReadyPromise,
78
+ // 직접 exposeFunction에서 트리거된 Promise
79
+ page.waitForFunction(
80
+ () => {
81
+ return window._playwrightReadySignalFired === true;
82
+ },
83
+ { timeout: this.config.playwright?.timeout ?? 15e3 }
84
+ ),
85
+ page.waitForFunction(
86
+ () => {
87
+ return document.body.innerHTML.trim().length > 100;
88
+ },
89
+ { timeout: this.config.playwright?.timeout ?? 15e3 }
90
+ )
91
+ ]).catch(() => console.log("Wait for app mount timeout... proceeding anyway"));
92
+ if (this.config.playwright?.waitForSelector) {
93
+ await page.waitForSelector(this.config.playwright.waitForSelector, {
94
+ timeout: this.config.playwright?.timeout ?? 15e3
95
+ });
96
+ }
97
+ if (this.config.playwright?.waitForTimeout) {
98
+ await page.waitForTimeout(this.config.playwright.waitForTimeout);
40
99
  }
41
- const html = this.makeHTML(window);
42
- await this.writeOkHtmlAndEnd({ rr }, html);
100
+ await page.evaluate(() => {
101
+ document.body.setAttribute("ssr-use", "true");
102
+ });
103
+ const html = await page.evaluate((ignoreTags) => {
104
+ const skipTags = new Set(ignoreTags || []);
105
+ function serializeNode(node, inBody = false) {
106
+ if (node.nodeType === Node.TEXT_NODE) {
107
+ const text = node.textContent || "";
108
+ return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
109
+ }
110
+ if (node.nodeType === Node.COMMENT_NODE) {
111
+ return `<!--${node.textContent}-->`;
112
+ }
113
+ if (node.nodeType !== Node.ELEMENT_NODE) {
114
+ return "";
115
+ }
116
+ const el = node;
117
+ const tag = el.tagName.toLowerCase();
118
+ const isBody = tag === "body";
119
+ const isInsideBody = inBody || isBody;
120
+ if (isInsideBody && skipTags.has(tag)) {
121
+ return "";
122
+ }
123
+ let s = `<${tag}`;
124
+ for (let i = 0; i < el.attributes.length; i++) {
125
+ const attr = el.attributes[i];
126
+ s += ` ${attr.name}="${attr.value.replace(/"/g, "&quot;")}"`;
127
+ }
128
+ const voidElements = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "param", "source", "track", "wbr"]);
129
+ if (voidElements.has(tag)) {
130
+ s += ">";
131
+ return s;
132
+ }
133
+ s += ">";
134
+ if (el.shadowRoot) {
135
+ s += `<template shadowrootmode="${el.shadowRoot.mode}">`;
136
+ for (let i = 0; i < el.shadowRoot.childNodes.length; i++) {
137
+ s += serializeNode(el.shadowRoot.childNodes[i], isInsideBody);
138
+ }
139
+ s += "</template>";
140
+ }
141
+ for (let i = 0; i < el.childNodes.length; i++) {
142
+ s += serializeNode(el.childNodes[i], isInsideBody);
143
+ }
144
+ s += `</${tag}>`;
145
+ return s;
146
+ }
147
+ let result = "<!DOCTYPE html>\n<html";
148
+ const htmlNode = document.documentElement;
149
+ for (let i = 0; i < htmlNode.attributes.length; i++) {
150
+ const attr = htmlNode.attributes[i];
151
+ result += ` ${attr.name}="${attr.value.replace(/"/g, "&quot;")}"`;
152
+ }
153
+ result += ">\n";
154
+ if (document.head) result += serializeNode(document.head, false);
155
+ result += "\n";
156
+ if (document.body) result += serializeNode(document.body, true);
157
+ result += "\n</html>";
158
+ return result;
159
+ }, this.config.playwright?.ignoreTags || []);
160
+ console.log(`\u{1F488} [SSR:Playwright] Successfully rendered ${targetUrl}`);
161
+ await this.writeOkHtmlAndEnd({ rr }, this.makeHTML(html));
162
+ } catch (e) {
163
+ console.error(`Playwright SSR Error for ${targetUrl}:`, e);
164
+ return true;
43
165
  } finally {
44
- window.close?.();
45
- domParserInitializer.destroy();
166
+ await context.close();
46
167
  }
47
168
  return false;
48
169
  }
49
170
  return true;
50
171
  }
51
- makeHTML(window) {
52
- let html = window.document.documentElement.outerHTML;
172
+ makeHTML(html) {
53
173
  if (!/^<!DOCTYPE html>/i.test(html)) {
54
174
  html = "<!DOCTYPE html>\n" + html;
55
175
  }