feat: pipeable strean

- added mainfest
denchiklut · Jan 22, 2024 · 3c2f692 · 3c2f692
1 parent f37ab8b
commit 3c2f692
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 8 deletions.
diff --git a/src/client/components/@shared/html/index.tsx b/src/client/components/@shared/html/index.tsx
@@ -1,17 +1,19 @@
 import type { FC, ReactNode } from 'react'
+import { basePath } from 'src/common'
 
 interface Props {
 	nonce: string
 	children: ReactNode
 }
-export const Html: FC<Props> = ({ children }) => {
+export const Html: FC<Props> = ({ nonce, children }) => {
 	if (IS_SPA) return <>{children}</>
 
 	return (
 		<html>
 			<head>
 				<meta charSet='utf-8' />
 				<meta name='viewport' content='width=device-width, initial-scale=1' />
+				{IS_PROD && <link nonce={nonce} rel='manifest' href={basePath('manifest.json')} />}
 				<title>SSR app</title>
 			</head>
 

diff --git a/src/client/components/home/posts/posts.api.ts b/src/client/components/home/posts/posts.api.ts
@@ -21,6 +21,6 @@ function fetchPosts(): Promise<Array<{ id: number; text: string }>> {
 					text: 'You got that sand all over your feet'
 				}
 			])
-		}, 1100)
+		}, 3000)
 	})
 }
diff --git a/src/server/middleware/render/render.util.ts b/src/server/middleware/render/render.util.ts
@@ -3,7 +3,7 @@ import type { FC } from 'react'
 import type { ServerResponse } from 'webpack-dev-middleware'
 import type { ChunkExtractorOptions } from 'server/utils'
 import requireFromString from 'require-from-string'
-import { basePath, publicPath, AppProps } from 'src/common'
+import { publicPath, AppProps } from 'src/common'
 
 export const getStats = (res: ServerResponse): ChunkExtractorOptions => {
 	if (IS_PROD)
@@ -19,11 +19,6 @@ export const getStats = (res: ServerResponse): ChunkExtractorOptions => {
 	return { stats, publicPath: publicPath('/') }
 }
 
-export const getManifest = (nonce?: string) => {
-	if (IS_DEV) return ''
-	return `<link nonce='${nonce}' rel='manifest' href='${basePath('manifest.json')}' />`
-}
-
 export const getApp = (res: ServerResponse): { App: FC<AppProps> } => {
 	if (IS_PROD) return require('../client/js/app.server.js')
 

diff --git a/src/server/utils/chunk-extractor/utils.ts b/src/server/utils/chunk-extractor/utils.ts
@@ -11,6 +11,7 @@ export function getFileScriptType(fileName: string) {
 
 	return script_types[extension] ?? null
 }
+
 export function isValidChunkAsset(chunkAsset: ChunkAsset) {
 	return chunkAsset.scriptType && !/\.hot-update\.js$/.test(chunkAsset.filename)
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -11,6 +11,7 @@ export function getFileScriptType(fileName: string) { @@
     	return script_types[extension] ?? null
     }
     export function isValidChunkAsset(chunkAsset: ChunkAsset) {
     	return chunkAsset.scriptType && !/\.hot-update\.js$/.test(chunkAsset.filename)
     }
@@ Expand Down @@