review

Author: conico974

packages/gitbook/src/components/utils/Image.tsx

@@ -3,8 +3,6 @@ import type { ImageResizer } from '@/lib/images';
 import ReactDOM from 'react-dom';
 
 import { type ClassValue, tcls } from '@/lib/tailwind';
-
-import { checkIsHttpURL } from '@/lib/urls';
 import { ZoomImage } from './ZoomImage';
 import type { PolymorphicComponentProp } from './types';
 
@@ -60,16 +58,6 @@ interface ImageCommonProps {
      */
     zoom?: boolean;
 
-    /**
-     * Priority of the image.
-     * - `lazy` will load the image only when it's visible in the viewport.
-     * - `eager` will load the image as soon as possible, even if it's not visible; but will not preload.
-     * - `high` will preload.
-     *
-     * @default normal
-     */
-    priority?: 'lazy' | 'normal' | 'high';
-
     /**
      * Force preloading the image.
      * Even if the priority is set to `lazy`, the image will be preloaded.
@@ -198,11 +186,12 @@ async function ImagePictureSized(
         style: _style,
         alt,
         quality = 100,
-        priority = 'normal',
         inline = false,
         zoom = false,
         resize = false,
         preload = false,
+        loading,
+        fetchPriority,
         inlineStyle,
         ...rest
     } = props;
@@ -212,9 +201,6 @@ async function ImagePictureSized(
     }
 
     const attrs = await getImageAttributes({ sizes, source, quality, resize });
-    const canBeFetched = checkIsHttpURL(attrs.src);
-    const fetchPriority = canBeFetched ? getFetchPriority(priority) : undefined;
-    const loading = priority === 'lazy' ? 'lazy' : undefined;
     const aspectRatioStyle = source.aspectRatio ? { aspectRatio: source.aspectRatio } : {};
     const style = { ...aspectRatioStyle, ...inlineStyle };
 
@@ -310,14 +296,3 @@ export async function getImageAttributes(params: {
         ...source.size,
     };
 }
-
-function getFetchPriority(priority: ImageCommonProps['priority']) {
-    switch (priority) {
-        case 'lazy':
-            return 'low';
-        case 'high':
-            return 'high';
-        default:
-            return undefined;
-    }
-}