portosaurus 2.0.2 → 2.1.0

package/src/{components → theme/components}/Preview/components/PreviewHeader.js

@@ -1,12 +1,12 @@
 import React, { useState, useRef } from "react";
-import Tooltip from "@site/src/components/Tooltip";
+import Tooltip from "../../Tooltip";
 import styles from "../styles.module.css";
 
-import IconDock from "@site/src/assets/img/svg/icon-dock.svg";
-import IconPopup from "@site/src/assets/img/svg/icon-popup.svg";
-import IconSave from "@site/src/assets/img/svg/icon-save.svg";
-import IconLink from "@site/src/assets/img/svg/icon-link.svg";
-import IconClose from "@site/src/assets/img/svg/icon-close.svg";
+import IconDock from "@porto/assets/img/svg/icon-dock.svg";
+import IconPopup from "@porto/assets/img/svg/icon-popup.svg";
+import IconSave from "@porto/assets/img/svg/icon-save.svg";
+import IconLink from "@porto/assets/img/svg/icon-link.svg";
+import IconClose from "@porto/assets/img/svg/icon-close.svg";
 
 /**
  * Preview window header with title, zoom controls, dock/popup toggle, and close button.
@@ -113,7 +113,11 @@ export default function PreviewHeader({
               </a>
             </Tooltip>
           ) : (
-            <Tooltip msg={isDownloading ? "Downloading..." : "Download file"} position="bottom" underline={false}>
+            <Tooltip
+              msg={isDownloading ? "Downloading..." : "Download file"}
+              position="bottom"
+              underline={false}
+            >
               <button
                 onClick={onDownload}
                 disabled={isDownloading}
@@ -124,7 +128,9 @@ export default function PreviewHeader({
                 ) : (
                   <IconSave className={styles.headerIconSmall} />
                 )}
-                <span className={styles.btnText}>{isDownloading ? "Saving" : "Save"}</span>
+                <span className={styles.btnText}>
+                  {isDownloading ? "Saving" : "Save"}
+                </span>
               </button>
             </Tooltip>
           )}

package/src/{components → theme/components}/Preview/components/Triggers/Pv.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo } from "react";
 import { useLocation } from "@docusaurus/router";
 import { usePreview } from "../../state";
-import Tooltip from "@site/src/components/Tooltip";
+import Tooltip from "../../../Tooltip";
 import { generatePvSlug, generatePvHash, parsePvHash } from "../../utils";
 import styles from "../../styles.module.css";
 
@@ -42,12 +42,18 @@ export function normalizeSources({ href, path, sources, children, desc }) {
       const cleanPath = sPath.split(/[?#]/)[0].toLowerCase();
       if (cleanPath.endsWith(".pdf")) type = "PDF";
       else if (cleanPath.match(/\.(png|jpe?g|gif|svg|webp)$/)) type = "Image";
-      else if (sPath.includes("youtube.com") || sPath.includes("youtu.be") || sPath.includes("vimeo.com"))
+      else if (
+        sPath.includes("youtube.com") ||
+        sPath.includes("youtu.be") ||
+        sPath.includes("vimeo.com")
+      )
         type = "Video";
 
       try {
         if (sPath.startsWith("http") || sPath.startsWith("//")) {
-          const url = new URL(sPath.startsWith("//") ? `https:${sPath}` : sPath);
+          const url = new URL(
+            sPath.startsWith("//") ? `https:${sPath}` : sPath,
+          );
           domain = url.hostname.replace("www.", "");
         }
       } catch (e) {}
@@ -78,7 +84,12 @@ export function normalizeSources({ href, path, sources, children, desc }) {
  * --- Inline trigger: <Pv href="..." id="...">link text</Pv> ---
  */
 export default function Pv(props) {
-  const { children, id: manualId, activeIdx = 0, sources: overrideSources } = props;
+  const {
+    children,
+    id: manualId,
+    activeIdx = 0,
+    sources: overrideSources,
+  } = props;
   const initialDocked = isTrue(props.docked);
   const {
     isOpen,
@@ -91,13 +102,19 @@ export default function Pv(props) {
   } = usePreview();
   const location = useLocation();
 
-  const srcList = useMemo(() => overrideSources || normalizeSources(props), [props, overrideSources]);
+  const srcList = useMemo(
+    () => overrideSources || normalizeSources(props),
+    [props, overrideSources],
+  );
 
   // Unified Slug & Hash Generation
   const slug = useMemo(() => {
     if (manualId) return manualId;
     const label = typeof children === "string" ? children : null;
-    return generatePvSlug(label, props.href || props.path || (srcList[activeIdx]?.path));
+    return generatePvSlug(
+      label,
+      props.href || props.path || srcList[activeIdx]?.path,
+    );
   }, [manualId, children, props.href, props.path, srcList, activeIdx]);
 
   // Deep Link Detection
@@ -110,7 +127,15 @@ export default function Pv(props) {
       }
     }, 150);
     return () => clearTimeout(timer);
-  }, [location.hash, slug, srcList, openPreview, setDocked, initialDocked, activeIdx]);
+  }, [
+    location.hash,
+    slug,
+    srcList,
+    openPreview,
+    setDocked,
+    initialDocked,
+    activeIdx,
+  ]);
 
   if (srcList.length === 0) return <span>{children}</span>;
 

package/src/{components → theme/components}/Preview/components/Triggers/SrcPv.js

@@ -17,11 +17,7 @@ export default function SrcPv(props) {
       <span className={styles.sourceFooterLabel}>{prefixText}</span>
       {srcList.map((src, idx) => (
         <React.Fragment key={idx}>
-          <Pv 
-            {...props} 
-            sources={srcList} 
-            activeIdx={idx}
-          >
+          <Pv {...props} sources={srcList} activeIdx={idx}>
             {src.label}
           </Pv>
           {idx < srcList.length - 1 ? ", " : ""}

package/src/theme/components/Preview/index.js

@@ -0,0 +1,3 @@
+export { PreviewProvider, usePreview } from "./state/index.js";
+export { default as ViewerWindow } from "./components/ViewerWindow.js";
+export { Pv, SrcPv } from "./components/Triggers/index.js";