feat: notion-to-utils makePreviewImage

Author: 01-binary

package.json

@@ -15,9 +15,8 @@
     "is-url-superb": "^6.1.0",
     "jotai": "^2.8.0",
     "lodash": "^4.17.21",
-    "lqip-modern": "^2.0.0",
     "next": "^13.4.4",
-    "notion-to-utils": "^0.4.19",
+    "notion-to-utils": "^0.4.20",
     "p-map": "^7.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -27,7 +26,6 @@
   },
   "devDependencies": {
     "@types/lodash": "^4.14.195",
-    "@types/lqip-modern": "^1.1.3",
     "@types/node": "18.11.10",
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.9",

src/utils/index.ts

@@ -9,4 +9,4 @@ export { default as getIdBySlug } from './getIdBySlug';
 export { default as parsePosts } from './parsePosts';
 export { default as generateRssFeed } from './generateRssFeed';
 export { default as generateSitemap } from './generateSitemap';
-export { getPreviewImageFromRecordMap, getPreviewImages, makePreviewImage } from './previewImage';
+export { getPreviewImageFromRecordMap, getPreviewImages } from './previewImage';

src/utils/previewImage.ts

@@ -1,8 +1,8 @@
 import isUrl from 'is-url-superb';
-import lqip from 'lqip-modern';
+import { makePreviewImage } from 'notion-to-utils';
 
 import { Post } from '@/interfaces';
-import { ExtendedRecordMap, PreviewImage, PreviewImageMap } from '@/interfaces/notion';
+import { ExtendedRecordMap, PreviewImageMap } from '@/interfaces/notion';
 import { Block, PageBlock } from '@/interfaces/notion-block';
 
 import { getBlockCollectionId } from '@/utils/getPage';
@@ -101,25 +101,6 @@ const getPageImageUrls = (
   return Array.from(new Set(imageUrls));
 };
 
-export const makePreviewImage = async (url: string) => {
-  try {
-    const response = await fetch(url);
-    const buffer = Buffer.from(await response.arrayBuffer());
-
-    const {
-      metadata: { dataURIBase64, originalHeight, originalWidth },
-    } = await lqip(buffer);
-    const result: PreviewImage = {
-      dataURIBase64,
-      originalHeight,
-      originalWidth,
-    };
-    return result;
-  } catch (error) {
-    return null;
-  }
-};
-
 export const getPreviewImages = async (posts: Post[]) => {
   const postsWithPreview = Promise.all(
     posts.map(async (post) => {