Update placeholder components

* Remove `PlaceholderLocal` and `PlaceholderRemote` components
* Add `BlurImg`, `RemoteBlurImg`, and `ShimmerImg` components

Author: sohanemon

src/components/placeholder-local.tsx

@@ -4,15 +4,7 @@ import { ImgProps } from '../types/img.type';
 import Img from './img';
 
 export default async function PlaceholderLocal({ src, ...props }: ImgProps) {
-  let buffer: ArrayBuffer;
-
-  if (src.startsWith('http')) {
-    const res = await fetch(src);
-    buffer = await res.arrayBuffer();
-  } else {
-    buffer = await readFile('.' + src);
-  }
-
+  let buffer: ArrayBuffer = await readFile('.' + src);
   const { base64 } = await getPlaiceholder(Buffer.from(buffer));
 
   return (

src/components/placeholder-remote.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { use } from 'react';
-import { getBase64 } from '../lib/getBase64';
+import { getBase64 } from '../lib/utils';
 import { ImgProps } from '../types/img.type';
 import Img from './img';
 

src/components/shimmer.tsx src/components/placeholder-shimmer.tsxsrc/components/shimmer.tsx renamed to src/components/placeholder-shimmer.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { use } from 'react';
-import { getBase64, toBase64 } from '../lib/getBase64';
+import { getBase64, toBase64 } from '../lib/utils';
 import { ImgProps } from '../types/img.type';
 import Img from './img';
 

src/lib/getBase64.ts src/lib/utils.tssrc/lib/getBase64.ts renamed to src/lib/utils.ts

@@ -1,4 +1,5 @@
-import { default as PlaceholderLocal } from '../components/placeholder-local';
-import { default as PlaceholderRemote } from '../components/placeholder-remote';
+import { default as BlurImg } from '../components/placeholder-local';
+import { default as RemoteBlurImg } from '../components/placeholder-remote';
+import { default as ShimmerImg } from '../components/placeholder-shimmer';
 
-export { PlaceholderLocal, PlaceholderRemote };
+export { BlurImg, RemoteBlurImg, ShimmerImg };