feat: add first-full-screen-paint in FirstChunkCache

alibaba · Dec 11, 2024 · 81dd0b1 · 81dd0b1
1 parent cd2b97e
commit 81dd0b1
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/packages/runtime/src/Document.tsx b/packages/runtime/src/Document.tsx
@@ -207,7 +207,20 @@ export const Data: DataType = (props: DataProps) => {
 export type FirstChunkCacheType = () => JSX.Element;
 
 export const FirstChunkCache: FirstChunkCacheType = () => {
-  return <div dangerouslySetInnerHTML={{ __html: '<!--fcc-->' }} />;
+  return (
+    <>
+      <script
+        dangerouslySetInnerHTML={{
+          __html: 'window.dispatchEvent(new Event("first-full-screen-paint"));',
+        }}
+      />
+      <div
+        dangerouslySetInnerHTML={{
+          __html: '<!--fcc-->',
+        }}
+      />
+    </>
+  );
 };
 
 export type MainType = (props: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;