From 2b923b40b6e3caab60713b6c58a98716ba44417f Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Wed, 23 Aug 2023 00:36:57 +0800
Subject: [PATCH] fix: fix linkmeta plugin dont parse {BACKEND} problem

---
 .../src/UrlMetaPreviewer/Base.tsx                  | 14 +++++++++-----
 .../src/UrlMetaPreviewer/Image.tsx                 |  4 ++--
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/server/plugins/com.msgbyte.linkmeta/web/plugins/com.msgbyte.linkmeta/src/UrlMetaPreviewer/Base.tsx b/server/plugins/com.msgbyte.linkmeta/web/plugins/com.msgbyte.linkmeta/src/UrlMetaPreviewer/Base.tsx
index 8177cd37..dc5024ea 100644
--- a/server/plugins/com.msgbyte.linkmeta/web/plugins/com.msgbyte.linkmeta/src/UrlMetaPreviewer/Base.tsx
+++ b/server/plugins/com.msgbyte.linkmeta/web/plugins/com.msgbyte.linkmeta/src/UrlMetaPreviewer/Base.tsx
@@ -1,11 +1,15 @@
 import React from 'react';
 import _get from 'lodash/get';
 import type { LinkMeta } from './types';
+import { parseUrlStr } from '@capital/common';
 import { Image, Icon } from '@capital/component';
 
 export const UrlMetaBase: React.FC<{
   meta: LinkMeta;
 }> = React.memo(({ meta }) => {
+  const imageUrl = _get(meta, 'images.0');
+  const videoUrl = _get(meta, 'videos.0');
+
   return (
     <>
       <div className="basic">
@@ -13,24 +17,24 @@ export const UrlMetaBase: React.FC<{
           <div className="title">{_get(meta, 'title')}</div>
           <div className="description">{_get(meta, 'description')}</div>
         </div>
-        {_get(meta, 'images.0') && (
+        {imageUrl && (
           <div className="image">
-            <Image preview={true} src={_get(meta, 'images.0')} />
+            <Image preview={true} src={parseUrlStr(imageUrl)} />
           </div>
         )}
       </div>
-      {_get(meta, 'videos.0') && (
+      {videoUrl && (
         <div className="video">
           <div
             className="openfull"
             onClick={(e) => {
               e.stopPropagation();
-              window.open(_get(meta, 'videos.0'));
+              window.open(videoUrl);
             }}
           >
             <Icon icon="mdi:open-in-new" />
           </div>
-          <iframe src={_get(meta, 'videos.0')} />
+          <iframe src={videoUrl} />
         </div>
       )}
     </>
diff --git a/server/plugins/com.msgbyte.linkmeta/web/plugins/com.msgbyte.linkmeta/src/UrlMetaPreviewer/Image.tsx b/server/plugins/com.msgbyte.linkmeta/web/plugins/com.msgbyte.linkmeta/src/UrlMetaPreviewer/Image.tsx
index ffd09653..cdb49b32 100644
--- a/server/plugins/com.msgbyte.linkmeta/web/plugins/com.msgbyte.linkmeta/src/UrlMetaPreviewer/Image.tsx
+++ b/server/plugins/com.msgbyte.linkmeta/web/plugins/com.msgbyte.linkmeta/src/UrlMetaPreviewer/Image.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import _get from 'lodash/get';
+import { parseUrlStr } from '@capital/common';
 import { Image } from '@capital/component';
 import type { LinkMeta } from './types';
 
@@ -12,7 +12,7 @@ export const UrlMetaImage: React.FC<{
   return (
     <Image
       preview={true}
-      src={meta.url}
+      src={parseUrlStr(meta.url)}
       style={{
         maxHeight: MAX_HEIGHT,
         maxWidth: MAX_WIDTH,