[v1.3] 让安装页面URL好看一点

src/pages/install/App.tsx

@@ -31,7 +31,7 @@
 import { useSearchParams } from "react-router-dom";
 import { CACHE_KEY_SCRIPT_INFO } from "@App/app/cache_key";
 import { cacheInstance } from "@App/app/cache";
-import { formatBytes } from "@App/pkg/utils/utils";
+import { formatBytes, prettyUrl } from "@App/pkg/utils/utils";
 
 type ScriptOrSubscribe = Script | Subscribe;
 
@@ -315,7 +315,7 @@
 
   useEffect(() => {
     !loaded && initAsync();
   }, [searchParams, loaded]);
 
   const [watchFile, setWatchFile] = useState(false);
   const metadataLive = useMemo(() => (scriptInfo?.metadata || {}) as SCMetadata, [scriptInfo]);
@@ -605,7 +605,7 @@
     return () => {
       unmountFileTrack(handle);
     };
   }, [memoWatchFile]);
 
   // 检查是否有 uuid 或 file
   const hasUUIDorFile = useMemo(() => {
@@ -672,7 +672,7 @@
   useEffect(() => {
     if (!urlHref) return;
     loadURLAsync(urlHref);
   }, [urlHref]);
 
   if (!hasUUIDorFile) {
     return urlHref ? (
@@ -779,13 +779,13 @@
                     bold
                     style={{
                       overflowWrap: "break-word",
-                      wordBreak: "break-all",
+                      wordBreak: "break-word",
                       maxHeight: "70px",
                       display: "block",
                       overflowY: "auto",
                     }}
                   >
-                    {`${t("source")}: ${scriptInfo?.url}`}
+                    {`${t("source")}: ${prettyUrl(scriptInfo?.url)}`}
                   </Typography.Text>
                 </div>
               </div>

src/pkg/utils/utils.ts

@@ -439,3 +439,37 @@ export const formatBytes = (bytes: number, decimals: number = 2): string => {
 
   return `${value.toFixed(decimals)} ${units[i]}`;
 };
+
+// 把编码URL变成使用者可以阅读的格式
+export const prettyUrl = (s: string | undefined | null, baseUrl?: string) => {
+  if (s?.includes("://")) {
+    let u;
+    try {
+      u = baseUrl ? new URL(s, baseUrl) : new URL(s);
+    } catch {
+      // ignored
+    }
+    if (!u) return s;
+    const pathname = u.pathname;
+    if (pathname && pathname.includes("%")) {
+      try {
+        const raw = decodeURI(pathname);
+        if (
+          raw &&
+          raw.length < pathname.length &&
+          !raw.includes("?") &&
+          !raw.includes("#") &&
+          !raw.includes("&") &&
+          !raw.includes("=") &&
+          !raw.includes("%") &&
+          !raw.includes(":")
+        ) {
+          s = s.replace(pathname, raw);
+        }
+      } catch {
+        // ignored
+      }
+    }
+  }
+  return s;
+};