From 1323a0fc5fb8fea23c74bfeada341db4d660971e Mon Sep 17 00:00:00 2001
From: EYHN <cneyhn@gmail.com>
Date: Mon, 29 Apr 2024 12:13:16 +0000
Subject: [PATCH] feat(core): prefetch onboarding video (#6736)

![CleanShot 2024-04-29 at 17.32.41@2x.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/g3jz87HxbjOJpXV3FPT7/21ebbc62-c4a2-496c-af05-600a2ded2a9d.png)
---
 .../affine/ai-onboarding/general.dialog.tsx   | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/packages/frontend/core/src/components/affine/ai-onboarding/general.dialog.tsx b/packages/frontend/core/src/components/affine/ai-onboarding/general.dialog.tsx
index 66416fcd03..97e80e7207 100644
--- a/packages/frontend/core/src/components/affine/ai-onboarding/general.dialog.tsx
+++ b/packages/frontend/core/src/components/affine/ai-onboarding/general.dialog.tsx
@@ -67,6 +67,25 @@ const getPlayList = (t: Translate): Array<PlayListItem> => [
   },
 ];
 
+let prefetched = false;
+function prefetchVideos() {
+  if (prefetched) return;
+  const videos = [
+    '/onboarding/ai-onboarding.general.1.mp4',
+    '/onboarding/ai-onboarding.general.2.mp4',
+    '/onboarding/ai-onboarding.general.3.mp4',
+    '/onboarding/ai-onboarding.general.4.mp4',
+    '/onboarding/ai-onboarding.general.5.mp4',
+  ];
+  videos.forEach(video => {
+    const prefetchLink = document.createElement('link');
+    prefetchLink.href = video;
+    prefetchLink.rel = 'prefetch';
+    document.head.append(prefetchLink);
+  });
+  prefetched = true;
+}
+
 export const AIOnboardingGeneral = ({
   onDismiss,
 }: BaseAIOnboardingDialogProps) => {
@@ -116,6 +135,10 @@ export const AIOnboardingGeneral = ({
     subscriptionService.subscription.revalidate();
   }, [subscriptionService]);
 
+  useEffect(() => {
+    prefetchVideos();
+  }, []);
+
   const videoRenderer = useCallback(
     ({ video }: PlayListItem, index: number) => (
       <div className={styles.videoWrapper}>