@lomray/vite-ssr-boost 1.0.0-beta.3 → 1.0.0-beta.30

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 (85) hide show
  1. package/README.md +213 -0
  2. package/browser/entry.d.ts +2 -2
  3. package/browser/entry.js.map +1 -1
  4. package/cli/build.d.ts +5 -1
  5. package/cli/build.js +1 -1
  6. package/cli/build.js.map +1 -1
  7. package/cli/run-dev.d.ts +2 -1
  8. package/cli/run-dev.js +1 -1
  9. package/cli/run-dev.js.map +1 -1
  10. package/cli/run-docker-build.d.ts +12 -0
  11. package/cli/run-docker-build.js +2 -0
  12. package/cli/run-docker-build.js.map +1 -0
  13. package/cli/run-prod.d.ts +1 -0
  14. package/cli/run-prod.js +1 -1
  15. package/cli/run-prod.js.map +1 -1
  16. package/cli.js +1 -1
  17. package/cli.js.map +1 -1
  18. package/components/scroll-to-top.d.ts +7 -0
  19. package/components/scroll-to-top.js +2 -0
  20. package/components/scroll-to-top.js.map +1 -0
  21. package/components/with-suspense.d.ts +7 -0
  22. package/components/with-suspense.js +2 -0
  23. package/components/with-suspense.js.map +1 -0
  24. package/constants/cli-actions.d.ts +1 -0
  25. package/constants/cli-actions.js +1 -1
  26. package/constants/cli-actions.js.map +1 -1
  27. package/helpers/dev-marker.d.ts +9 -0
  28. package/helpers/dev-marker.js +2 -0
  29. package/helpers/dev-marker.js.map +1 -0
  30. package/helpers/get-server-state.d.ts +5 -0
  31. package/helpers/get-server-state.js +2 -0
  32. package/helpers/get-server-state.js.map +1 -0
  33. package/helpers/import-route.d.ts +252 -0
  34. package/helpers/import-route.js +2 -0
  35. package/helpers/import-route.js.map +1 -0
  36. package/helpers/is-route-file.d.ts +5 -0
  37. package/helpers/is-route-file.js +2 -0
  38. package/helpers/is-route-file.js.map +1 -0
  39. package/helpers/print-server-info.js +1 -1
  40. package/helpers/print-server-info.js.map +1 -1
  41. package/helpers/print-server-urls.js +1 -1
  42. package/helpers/print-server-urls.js.map +1 -1
  43. package/helpers/vite-aliases.d.ts +6 -0
  44. package/helpers/vite-aliases.js +2 -0
  45. package/helpers/vite-aliases.js.map +1 -0
  46. package/interfaces/fc-route.d.ts +19 -0
  47. package/interfaces/fc-route.js +2 -0
  48. package/interfaces/fc-route.js.map +1 -0
  49. package/interfaces/fc.d.ts +4 -0
  50. package/interfaces/fc.js +2 -0
  51. package/interfaces/fc.js.map +1 -0
  52. package/interfaces/route-object.d.ts +8 -0
  53. package/interfaces/route-object.js +2 -0
  54. package/interfaces/route-object.js.map +1 -0
  55. package/node/entry.d.ts +7 -2
  56. package/node/entry.js +1 -1
  57. package/node/entry.js.map +1 -1
  58. package/node/render.d.ts +3 -2
  59. package/node/render.js +1 -1
  60. package/node/render.js.map +1 -1
  61. package/node/server.js +1 -1
  62. package/node/server.js.map +1 -1
  63. package/package.json +9 -5
  64. package/plugin.d.ts +7 -4
  65. package/plugin.js +1 -1
  66. package/plugin.js.map +1 -1
  67. package/plugins/make-aliases.d.ts +11 -0
  68. package/plugins/make-aliases.js +2 -0
  69. package/plugins/make-aliases.js.map +1 -0
  70. package/plugins/normalize-route.d.ts +16 -0
  71. package/plugins/normalize-route.js +2 -0
  72. package/plugins/normalize-route.js.map +1 -0
  73. package/services/build.d.ts +94 -0
  74. package/services/build.js +2 -0
  75. package/services/build.js.map +1 -0
  76. package/services/prepare-server.d.ts +4 -3
  77. package/services/prepare-server.js +1 -1
  78. package/services/prepare-server.js.map +1 -1
  79. package/services/server-config.d.ts +6 -10
  80. package/services/server-config.js +1 -1
  81. package/services/server-config.js.map +1 -1
  82. package/services/ssr-manifest.d.ts +189 -0
  83. package/services/ssr-manifest.js +2 -0
  84. package/services/ssr-manifest.js.map +1 -0
  85. package/workflow/Dockerfile +23 -0
@@ -0,0 +1,189 @@
1
+ /// <reference types="node" />
2
+ import { Socket } from 'node:net';
3
+ import { AgnosticDataRouteMatch } from '@remix-run/router/dist/utils';
4
+ import { RouteObject } from 'react-router-dom';
5
+ import { Alias, ModuleNode } from 'vite';
6
+ import { IRequestContext } from "../node/render.js";
7
+ import ServerConfig from "./server-config.js";
8
+ interface ISsrManifestParams {
9
+ buildDir?: string;
10
+ viteAliases?: Alias[];
11
+ }
12
+ interface IManifest {
13
+ [path: string]: {
14
+ assets: string[];
15
+ css: string[];
16
+ file: string;
17
+ imports: string[];
18
+ };
19
+ }
20
+ declare enum AssetType {
21
+ style = "style",
22
+ script = "script",
23
+ image = "image",
24
+ font = "font"
25
+ }
26
+ interface IAsset {
27
+ type: AssetType;
28
+ url: string;
29
+ content?: string;
30
+ }
31
+ /**
32
+ * Working with SSR Manifest file
33
+ */
34
+ declare class SsrManifest {
35
+ /**
36
+ * Singleton
37
+ */
38
+ protected static instance: SsrManifest | null;
39
+ /**
40
+ * Server config
41
+ */
42
+ protected readonly config: ServerConfig;
43
+ /**
44
+ * Project root path
45
+ */
46
+ protected readonly root: string;
47
+ /**
48
+ * Build dir
49
+ */
50
+ protected readonly buildDir?: string;
51
+ /**
52
+ * Client manifest file name
53
+ */
54
+ protected readonly manifestName = "manifest.json";
55
+ /**
56
+ * Assets manifest file name
57
+ */
58
+ protected readonly assetsManifest = "assets-manifest.json";
59
+ /**
60
+ * Vite resolve aliases
61
+ */
62
+ protected readonly viteAliases?: Alias[];
63
+ /**
64
+ * Loaded assets manifest file
65
+ */
66
+ protected routesAssets: Record<string, string[]> | null;
67
+ /**
68
+ * @constructor
69
+ */
70
+ /**
71
+ * @constructor
72
+ */
73
+ protected constructor(config: ServerConfig, { buildDir, viteAliases }?: ISsrManifestParams);
74
+ /**
75
+ * Get singleton instance
76
+ */
77
+ /**
78
+ * Get singleton instance
79
+ */
80
+ static get(config: ServerConfig, params?: ISsrManifestParams): SsrManifest;
81
+ /**
82
+ * Get assets manifest file name
83
+ */
84
+ /**
85
+ * Get assets manifest file name
86
+ */
87
+ protected getAssetsManifestFile(): string;
88
+ /**
89
+ * Load client ssr manifest
90
+ */
91
+ /**
92
+ * Load client ssr manifest
93
+ */
94
+ protected loadClientManifest(): IManifest;
95
+ /**
96
+ * Load assets manifest
97
+ */
98
+ /**
99
+ * Load assets manifest
100
+ */
101
+ protected loadAssetsManifest(): Record<string, string[]>;
102
+ /**
103
+ * Recursive walk routes and return id's with route import path
104
+ */
105
+ /**
106
+ * Recursive walk routes and return id's with route import path
107
+ */
108
+ protected getRoutesIds(routes: RouteObject[], index?: string): Promise<Record<string, string>>;
109
+ /**
110
+ * Build routes manifest file
111
+ */
112
+ /**
113
+ * Build routes manifest file
114
+ */
115
+ buildRoutesManifest(shouldPreloadAssets: boolean): Promise<void>;
116
+ /**
117
+ * Get vite aliases
118
+ */
119
+ /**
120
+ * Get vite aliases
121
+ */
122
+ protected getAliases(): Record<string, string>;
123
+ /**
124
+ * Return route postfix
125
+ */
126
+ /**
127
+ * Return route postfix
128
+ */
129
+ protected getRouteImportPostfix(): string[];
130
+ /**
131
+ * Normalized route path
132
+ */
133
+ /**
134
+ * Normalized route path
135
+ */
136
+ protected normalizeRoutePath(routePath?: string, withRoot?: boolean): string | undefined;
137
+ /**
138
+ * Get route assets
139
+ */
140
+ /**
141
+ * Get route assets
142
+ */
143
+ protected getAssets(routes?: AgnosticDataRouteMatch[]): IAsset[];
144
+ /**
145
+ * Get development route assets
146
+ */
147
+ /**
148
+ * Get development route assets
149
+ */
150
+ protected getAssetsDev(routes?: AgnosticDataRouteMatch[]): IAsset[];
151
+ /**
152
+ * Get module assets
153
+ */
154
+ /**
155
+ * Get module assets
156
+ */
157
+ protected getModuleAssets(module?: ModuleNode): {
158
+ [id: string]: IAsset;
159
+ };
160
+ /**
161
+ * Get asset weight
162
+ */
163
+ /**
164
+ * Get asset weight
165
+ */
166
+ protected getAssetWeight(asset: string): number;
167
+ /**
168
+ * Get asset type
169
+ */
170
+ /**
171
+ * Get asset type
172
+ */
173
+ protected getAssetType(asset: string): AssetType | null;
174
+ /**
175
+ * Write 103 Early Hits header
176
+ */
177
+ /**
178
+ * Write 103 Early Hits header
179
+ */
180
+ writeEarlyHits(assets: IAsset[], socket: Socket): void;
181
+ /**
182
+ * Inject route assets to head html
183
+ */
184
+ /**
185
+ * Inject route assets to head html
186
+ */
187
+ injectAssets({ routerContext, html, res, hasEarlyHints }: IRequestContext): void;
188
+ }
189
+ export { SsrManifest as default };
@@ -0,0 +1,2 @@
1
+ import t from"node:fs";import e from"node:path";import s from"chalk";import i from"./prepare-server.js";import r from"./server-config.js";var n;!function(t){t.style="style",t.script="script",t.image="image",t.font="font"}(n||(n={}));const o="\r\n";class a{static instance=null;config;root;buildDir;manifestName="manifest.json";assetsManifest="assets-manifest.json";viteAliases;routesAssets=null;constructor(t,{buildDir:e,viteAliases:s}={}){this.config=t,this.root=t.getParams().root,this.buildDir=e,this.viteAliases=s??t.getVite()?.config?.resolve.alias}static get(t,e={}){return null===a.instance&&(a.instance=new a(t,e)),a.instance}getAssetsManifestFile(){return`${e.resolve(this.root,this.buildDir||"")}/server/${this.assetsManifest}`}loadClientManifest(){const s=e.resolve(this.root,`${this.buildDir||""}/client/${this.manifestName}`);if(!t.existsSync(s))return{};const i=JSON.parse(t.readFileSync(s,{encoding:"utf-8"}));return t.rmSync(s),i}loadAssetsManifest(){if(null!==this.routesAssets)return this.routesAssets;const e=this.getAssetsManifestFile();return t.existsSync(e)?(this.routesAssets=JSON.parse(t.readFileSync(e,{encoding:"utf-8"})),this.routesAssets):{}}async getRoutesIds(t,e){const i={};for(const r in t){const n=t[r],o=[e,r].filter(Boolean).join("-");if(n.lazy)try{const t=await n.lazy();i[o]=this.normalizeRoutePath(t?.pathId)}catch(t){console.error(s.red("Failed to load route:"),n.path,t)}else n.children&&Object.assign(i,await this.getRoutesIds(n.children,o))}return i}async buildRoutesManifest(e){const s=i.init(r.init({isProd:!0})),n=this.loadClientManifest(),{routes:o}=await s.loadEntrypoint(!1),a=await this.getRoutesIds(o),l=this.getRouteImportPostfix(),c={};Object.entries(a).forEach((([t,s])=>{const i=l.find((t=>void 0!==n[`${s}${t}`])),r=n[`${s}${i||""}`],o=[...r?.assets??[],...r?.css??[],r?.file,...(e?r?.imports??[]:[]).map((t=>n[t]?.file))].filter((t=>t&&this.getAssetType(t))).map((t=>`/${t}`));o&&(c[t]=o)})),t.writeFileSync(this.getAssetsManifestFile(),JSON.stringify(c,null,2),{encoding:"utf-8"})}getAliases(){const t={};return this.viteAliases?.forEach((({find:e,replacement:s})=>{"string"==typeof e&&(t[e]=s)})),t}getRouteImportPostfix(){return["","/index"].map((t=>["",".js",".ts",".tsx"].map((e=>`${t}${e}`)))).flat()}normalizeRoutePath(t,s=!1){if(!t)return;let i="";if(t.startsWith("./")||t.startsWith("../"))i=e.resolve(this.root,t);else{const e=this.getAliases(),[s]=t.split("/");e[s]&&(i=t.replace(s,e[s]))}return i=i.split(e.win32.sep).join(e.posix.sep),s?i:i.replace(this.root,"").replace(/^\/|\/$/g,"")}getAssets(t){if(this.config.getVite())return this.getAssetsDev(t);const e=t?.map((({route:t})=>t.id)).filter(Boolean)??[];if(!e.length)return[];const s=this.loadAssetsManifest();return e.map((t=>s[t])).filter(Boolean).flat().sort(((t,e)=>{const s=this.getAssetWeight(t),i=this.getAssetWeight(e);return s===i?0:s-i})).map((t=>({type:this.getAssetType(t),url:t})))}getAssetsDev(t){const e=t?.map((({route:t})=>this.normalizeRoutePath(t?.pathId,!0))).filter(Boolean)??[];if(!e.length)return[];let s={};const i=this.getRouteImportPostfix();return[`${this.root}/${this.config.getPluginConfig()?.clientFile??"client.ts"}`,...e].forEach((t=>{for(const e of i){const i=this.config.getVite()?.moduleGraph.getModuleById(`${t}${e}`);if(i){s={...s,...this.getModuleAssets(i)};break}}})),Object.values(s)}getModuleAssets(t){if(!t?.clientImportedModules.size)return{};let e={};return t.clientImportedModules.forEach((t=>{const{file:i,clientImportedModules:r,transformResult:o}=t,a=i?.split(".").at(-1);if(i&&a&&["css","scss"].includes(a)){const t=o?.code.match(/__vite__css\s+=\s+"(?<css>.+)"/)?.groups?.css;if(t)try{e[i]={type:n.style,url:i,content:JSON.parse(`{"style": "${t}"}`).style}}catch(t){console.warn(s.yellowBright("Failed to parse style: ",i))}}else r.size&&(e={...e,...this.getModuleAssets(t)})})),e}getAssetWeight(t){switch(this.getAssetType(t)){case"style":return 1;case"script":return 2;default:return 3}}getAssetType(t){const e=t.split(".").at(-1)?.toLowerCase();switch(e){case"css":case"scss":return n.style;case"js":return n.script;case"svg":case"jpg":case"jpeg":case"png":case"webp":case"gif":case"ico":return n.image;case"ttf":case"otf":case"woff":case"woff2":return n.font;default:return null}}writeEarlyHits(t,e){e.write(`HTTP/1.1 103 Early Hints${o}`),t.forEach((({type:t,url:s})=>{t&&["style","script"].includes(t)&&e.write(`Link: <${s}>; rel=preload; as=${t}${o}`)})),e.write(o)}injectAssets({routerContext:t,html:e,res:s,hasEarlyHints:i=!1}){const r=this.getAssets(t?.matches),n=r.map((({type:t,url:e,content:s=""})=>{switch(t){case"style":return this.config.getVite()?`<style data-vite-dev-id="${e}">${s}</style>`:`<link rel="stylesheet" href="${e}">`;case"script":return`<script async type="module" src="${e}"><\/script>`}return null})).filter(Boolean);e.header=e.header.replace("</head>",`${n.join("\n")}</head>`),i&&n.length&&s.socket&&this.writeEarlyHits(r,s.socket)}}export{a as default};
2
+ //# sourceMappingURL=ssr-manifest.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ssr-manifest.js","sources":["../../src/services/ssr-manifest.ts"],"sourcesContent":["import fs from 'node:fs';\nimport type { Socket } from 'node:net';\nimport path from 'node:path';\nimport type { AgnosticDataRouteMatch } from '@remix-run/router/dist/utils';\nimport chalk from 'chalk';\nimport type { RouteObject } from 'react-router-dom';\nimport type { Alias, ModuleNode } from 'vite';\nimport type { IRequestContext } from '@node/render';\nimport PrepareServer from '@services/prepare-server';\nimport ServerConfig from '@services/server-config';\n\ninterface ISsrManifestParams {\n buildDir?: string;\n viteAliases?: Alias[];\n}\n\ninterface IManifest {\n [path: string]: {\n assets: string[];\n css: string[];\n file: string;\n imports: string[];\n };\n}\n\nenum AssetType {\n style = 'style',\n script = 'script',\n image = 'image',\n font = 'font',\n}\n\ninterface IAsset {\n type: AssetType;\n url: string;\n content?: string;\n}\n\nconst CRLF = '\\r\\n';\n\n/**\n * Working with SSR Manifest file\n */\nclass SsrManifest {\n /**\n * Singleton\n */\n protected static instance: SsrManifest | null = null;\n\n /**\n * Server config\n */\n protected readonly config: ServerConfig;\n\n /**\n * Project root path\n */\n protected readonly root: string;\n\n /**\n * Build dir\n */\n protected readonly buildDir?: string;\n\n /**\n * Client manifest file name\n */\n protected readonly manifestName = 'manifest.json';\n\n /**\n * Assets manifest file name\n */\n protected readonly assetsManifest = 'assets-manifest.json';\n\n /**\n * Vite resolve aliases\n */\n protected readonly viteAliases?: Alias[];\n\n /**\n * Loaded assets manifest file\n */\n protected routesAssets: Record<string, string[]> | null = null;\n\n /**\n * @constructor\n */\n protected constructor(config: ServerConfig, { buildDir, viteAliases }: ISsrManifestParams = {}) {\n this.config = config;\n this.root = config.getParams().root;\n this.buildDir = buildDir;\n this.viteAliases = viteAliases ?? config.getVite()?.config?.resolve.alias;\n }\n\n /**\n * Get singleton instance\n */\n public static get(config: ServerConfig, params: ISsrManifestParams = {}): SsrManifest {\n if (SsrManifest.instance === null) {\n SsrManifest.instance = new SsrManifest(config, params);\n }\n\n return SsrManifest.instance;\n }\n\n /**\n * Get assets manifest file name\n */\n protected getAssetsManifestFile(): string {\n const outDir = path.resolve(this.root, this.buildDir || '');\n\n return `${outDir}/server/${this.assetsManifest}`;\n }\n\n /**\n * Load client ssr manifest\n */\n protected loadClientManifest(): IManifest {\n const clientSsrManifest = path.resolve(\n this.root,\n `${this.buildDir || ''}/client/${this.manifestName}`,\n );\n\n if (!fs.existsSync(clientSsrManifest)) {\n return {};\n }\n\n const result = JSON.parse(\n fs.readFileSync(clientSsrManifest, { encoding: 'utf-8' }),\n ) as IManifest;\n\n fs.rmSync(clientSsrManifest);\n\n return result;\n }\n\n /**\n * Load assets manifest\n */\n protected loadAssetsManifest(): Record<string, string[]> {\n if (this.routesAssets !== null) {\n return this.routesAssets;\n }\n\n const manifestFile = this.getAssetsManifestFile();\n\n if (!fs.existsSync(manifestFile)) {\n return {};\n }\n\n this.routesAssets = JSON.parse(fs.readFileSync(manifestFile, { encoding: 'utf-8' })) as Record<\n string,\n string[]\n >;\n\n return this.routesAssets;\n }\n\n /**\n * Recursive walk routes and return id's with route import path\n */\n protected async getRoutesIds(\n routes: RouteObject[],\n index?: string,\n ): Promise<Record<string, string>> {\n const result = {};\n\n for (const routeIndex in routes) {\n const route = routes[routeIndex];\n const routeId = [index, routeIndex].filter(Boolean).join('-');\n\n if (route.lazy) {\n try {\n const resolvedRoute = await route.lazy();\n\n result[routeId] = this.normalizeRoutePath(resolvedRoute?.['pathId'] as string);\n } catch (e) {\n console.error(chalk.red('Failed to load route:'), route.path, e);\n }\n } else if (route.children) {\n Object.assign(result, await this.getRoutesIds(route.children, routeId));\n }\n }\n\n return result;\n }\n\n /**\n * Build routes manifest file\n */\n public async buildRoutesManifest(shouldPreloadAssets: boolean): Promise<void> {\n const prepareServer = PrepareServer.init(ServerConfig.init({ isProd: true }));\n const manifest = this.loadClientManifest();\n const { routes } = await prepareServer.loadEntrypoint(false);\n const routesPaths = await this.getRoutesIds(routes as RouteObject[]);\n const postfixes = this.getRouteImportPostfix();\n\n const result = {};\n\n // find route assets\n Object.entries(routesPaths).forEach(([routeId, routePath]) => {\n const routePostfix = postfixes.find((postfix) => {\n const filePath = `${routePath}${postfix}`;\n\n return manifest[filePath] !== undefined;\n });\n const routeFile = `${routePath}${routePostfix || ''}`;\n const routeMeta = manifest[routeFile];\n const routeAssets = [\n ...(routeMeta?.assets ?? []),\n ...(routeMeta?.css ?? []),\n routeMeta?.file,\n ...(shouldPreloadAssets ? routeMeta?.imports ?? [] : []).map(\n (nestedAsset) => manifest[nestedAsset]?.file,\n ),\n ]\n .filter(\n (asset) =>\n // keep only js,css,image,fonts files\n asset && this.getAssetType(asset),\n )\n .map((asset) => `/${asset}`);\n\n if (routeAssets) {\n result[routeId] = routeAssets;\n }\n });\n\n fs.writeFileSync(this.getAssetsManifestFile(), JSON.stringify(result, null, 2), {\n encoding: 'utf-8',\n });\n }\n\n /**\n * Get vite aliases\n */\n protected getAliases(): Record<string, string> {\n const aliases = {};\n\n this.viteAliases?.forEach(({ find, replacement }) => {\n if (typeof find !== 'string') {\n return;\n }\n\n aliases[find] = replacement;\n });\n\n return aliases;\n }\n\n /**\n * Return route postfix\n */\n protected getRouteImportPostfix(): string[] {\n return ['', '/index']\n .map((prefix) => ['', '.js', '.ts', '.tsx'].map((ext) => `${prefix}${ext}`))\n .flat();\n }\n\n /**\n * Normalized route path\n */\n protected normalizeRoutePath(routePath?: string, withRoot = false): string | undefined {\n if (!routePath) {\n return;\n }\n\n let fullPath = '';\n\n // relative import\n if (routePath.startsWith('./') || routePath.startsWith('../')) {\n fullPath = path.resolve(this.root, routePath);\n } else {\n // alias import\n const aliases = this.getAliases();\n // get alias\n const [routeAlias] = routePath.split('/');\n\n if (aliases[routeAlias]) {\n fullPath = routePath.replace(routeAlias, aliases[routeAlias]);\n }\n }\n\n // normalize slashes\n fullPath = fullPath.split(path.win32.sep).join(path.posix.sep);\n\n if (withRoot) {\n return fullPath;\n }\n\n return fullPath.replace(this.root, '').replace(/^\\/|\\/$/g, '');\n }\n\n /**\n * Get route assets\n */\n protected getAssets(routes?: AgnosticDataRouteMatch[]): IAsset[] {\n if (this.config.getVite()) {\n return this.getAssetsDev(routes);\n }\n\n const routeIds = routes?.map(({ route }) => route.id).filter(Boolean) ?? [];\n\n if (!routeIds.length) {\n return [];\n }\n\n const routesAssets = this.loadAssetsManifest();\n\n return routeIds\n .map((routeId) => routesAssets[routeId])\n .filter(Boolean)\n .flat()\n .sort((a, b) => {\n const aWeight = this.getAssetWeight(a);\n const bWeight = this.getAssetWeight(b);\n\n return aWeight === bWeight ? 0 : aWeight - bWeight;\n })\n .map((url) => ({\n type: this.getAssetType(url)!,\n url,\n }));\n }\n\n /**\n * Get development route assets\n */\n protected getAssetsDev(routes?: AgnosticDataRouteMatch[]): IAsset[] {\n const routeIds =\n (routes\n ?.map(({ route }) => this.normalizeRoutePath(route?.['pathId'] as string, true))\n .filter(Boolean) as string[]) ?? [];\n\n if (!routeIds.length) {\n return [];\n }\n\n let assets: { [id: string]: IAsset } = {};\n const postfixes = this.getRouteImportPostfix();\n const rootId = `${this.root}/${this.config.getPluginConfig()?.clientFile ?? 'client.ts'}`;\n\n [rootId, ...routeIds].forEach((moduleId) => {\n for (const ext of postfixes) {\n const module = this.config.getVite()?.moduleGraph.getModuleById(`${moduleId}${ext}`);\n\n if (module) {\n assets = { ...assets, ...this.getModuleAssets(module) };\n break;\n }\n }\n });\n\n return Object.values(assets);\n }\n\n /**\n * Get module assets\n */\n protected getModuleAssets(module?: ModuleNode): { [id: string]: IAsset } {\n if (!module?.clientImportedModules.size) {\n return {};\n }\n\n let assets: { [id: string]: IAsset } = {};\n\n module.clientImportedModules.forEach((subModule) => {\n const { file, clientImportedModules, transformResult } = subModule;\n const ext = file?.split('.').at(-1);\n\n if (file && ext && ['css', 'scss'].includes(ext)) {\n // @TODO investigate better method?\n const code = transformResult?.code.match(/__vite__css\\s+=\\s+\"(?<css>.+)\"/)?.groups?.css;\n\n if (code) {\n try {\n assets[file] = {\n type: AssetType.style,\n url: file,\n content: JSON.parse(`{\"style\": \"${code}\"}`).style,\n };\n } catch (e) {\n console.warn(chalk.yellowBright('Failed to parse style: ', file));\n }\n }\n } else if (clientImportedModules.size) {\n assets = {\n ...assets,\n ...this.getModuleAssets(subModule),\n };\n }\n });\n\n return assets;\n }\n\n /**\n * Get asset weight\n */\n protected getAssetWeight(asset: string): number {\n const type = this.getAssetType(asset);\n\n switch (type) {\n case 'style':\n return 1;\n\n case 'script':\n return 2;\n\n default:\n return 3;\n }\n }\n\n /**\n * Get asset type\n */\n protected getAssetType(asset: string): AssetType | null {\n const ext = asset.split('.').at(-1)?.toLowerCase();\n\n switch (ext) {\n case 'css':\n case 'scss':\n return AssetType.style;\n\n case 'js':\n return AssetType.script;\n\n case 'svg':\n case 'jpg':\n case 'jpeg':\n case 'png':\n case 'webp':\n case 'gif':\n case 'ico':\n return AssetType.image;\n\n case 'ttf':\n case 'otf':\n case 'woff':\n case 'woff2':\n return AssetType.font;\n\n default:\n return null;\n }\n }\n\n /**\n * Write 103 Early Hits header\n */\n public writeEarlyHits(assets: IAsset[], socket: Socket): void {\n socket.write(`HTTP/1.1 103 Early Hints${CRLF}`);\n assets.forEach(({ type, url }) => {\n if (!type || !['style', 'script'].includes(type)) {\n return;\n }\n\n socket.write(`Link: <${url}>; rel=preload; as=${type}${CRLF}`);\n });\n socket.write(CRLF);\n }\n\n /**\n * Inject route assets to head html\n */\n public injectAssets({ routerContext, html, res, hasEarlyHints = false }: IRequestContext): void {\n const assets = this.getAssets(routerContext?.matches);\n const htmlAssets = assets\n .map(({ type, url, content = '' }) => {\n switch (type) {\n case 'style':\n return this.config.getVite()\n ? `<style data-vite-dev-id=\"${url}\">${content}</style>`\n : `<link rel=\"stylesheet\" href=\"${url}\">`;\n\n case 'script':\n return `<script async type=\"module\" src=\"${url}\"></script>`;\n }\n\n return null;\n })\n .filter(Boolean);\n\n html.header = html.header.replace('</head>', `${htmlAssets.join('\\n')}</head>`);\n\n if (hasEarlyHints && htmlAssets.length && res.socket) {\n this.writeEarlyHits(assets, res.socket);\n }\n }\n}\n\nexport default SsrManifest;\n"],"names":["AssetType","CRLF","SsrManifest","static","config","root","buildDir","manifestName","assetsManifest","viteAliases","routesAssets","constructor","this","getParams","getVite","resolve","alias","params","instance","getAssetsManifestFile","path","loadClientManifest","clientSsrManifest","fs","existsSync","result","JSON","parse","readFileSync","encoding","rmSync","loadAssetsManifest","manifestFile","async","routes","index","routeIndex","route","routeId","filter","Boolean","join","lazy","resolvedRoute","normalizeRoutePath","e","console","error","chalk","red","children","Object","assign","getRoutesIds","shouldPreloadAssets","prepareServer","PrepareServer","init","ServerConfig","isProd","manifest","loadEntrypoint","routesPaths","postfixes","getRouteImportPostfix","entries","forEach","routePath","routePostfix","find","postfix","undefined","routeMeta","routeAssets","assets","css","file","imports","map","nestedAsset","asset","getAssetType","writeFileSync","stringify","getAliases","aliases","replacement","prefix","ext","flat","withRoot","fullPath","startsWith","routeAlias","split","replace","win32","sep","posix","getAssets","getAssetsDev","routeIds","id","length","sort","a","b","aWeight","getAssetWeight","bWeight","url","type","getPluginConfig","clientFile","moduleId","module","moduleGraph","getModuleById","getModuleAssets","values","clientImportedModules","size","subModule","transformResult","at","includes","code","match","groups","style","content","warn","yellowBright","toLowerCase","script","image","font","writeEarlyHits","socket","write","injectAssets","routerContext","html","res","hasEarlyHints","matches","htmlAssets","header"],"mappings":"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"}
@@ -0,0 +1,23 @@
1
+ FROM node:18.13.0-alpine
2
+
3
+ MAINTAINER Yarmaliuk Mikhail <mikhail.yarmaliuk@lomray.com>
4
+
5
+ ARG BUILD_PATH
6
+ ARG RUN_TYPE=ssr
7
+ ARG ENV_MODE=production
8
+ ARG WEB_PATH=/var/www
9
+
10
+ ENV NODE_ENV=${ENV_MODE}
11
+ ENV TYPE=${RUN_TYPE}
12
+
13
+ RUN mkdir -p $WEB_PATH
14
+
15
+ WORKDIR $WEB_PATH
16
+
17
+ COPY ${BUILD_PATH} $WEB_PATH/build
18
+ COPY ./package.json $WEB_PATH/package.json
19
+ COPY ./package-lock.json $WEB_PATH/package-lock.json
20
+
21
+ RUN npm ci --omit=dev
22
+
23
+ CMD npm run start:${TYPE} -- --host