client: preload resource

packages/client/src/pages/_app.tsx

@@ -10,6 +10,7 @@ import App from 'next/app';
 import Head from 'next/head';
 import React from 'react';
 import { Hydrate, QueryClient, QueryClientProvider } from 'react-query';
+import { preload } from 'tiptap/preload';
 
 class MyApp extends App<{ isMobile: boolean }> {
   state = {
@@ -36,6 +37,10 @@ class MyApp extends App<{ isMobile: boolean }> {
     };
   };
 
+  componentDidMount() {
+    preload();
+  }
+
   render() {
     const { Component, pageProps, isMobile } = this.props;
     const { queryClient } = this.state;

packages/client/src/tiptap/preload.ts

@@ -0,0 +1,13 @@
+import { DOCUMENT_COVERS } from '@think/constants';
+
+const preloadImage = (url) => {
+  requestIdleCallback(() => {
+    const image = document.createElement('img');
+    image.src = url;
+  });
+};
+
+export function preload() {
+  if (typeof window === 'undefined') return;
+  DOCUMENT_COVERS.forEach(preloadImage);
+}