feat: add fast-pr button position (#916)

hypertrons · Nov 11, 2024 · 1c48b96 · 1c48b96
1 parent 3dd0bcd
commit 1c48b96
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 11 deletions.
diff --git a/public_configs/fast-pr-url-rules.cjs b/public_configs/fast-pr-url-rules.cjs
@@ -6,6 +6,8 @@ const urlRules = [
       const repoName = 'X-lab2017/open-digger-website';
       const branch = 'master';
       const platform = 'Github';
+      const horizontalRatio=0.95;
+      const verticalRatio=0.5;
       let filePath = '';
       if (!url.startsWith(baseUrl)) return null;
       let i18n = null;
@@ -23,7 +25,7 @@ const urlRules = [
       } else if (docPath.startsWith('blog/')) {
         filePath = `${i18n != null ? `i18n/${i18n}docusaurus-plugin-content-` : ''}${docPath}/index.mdx`;
       }
-      return { filePath, repoName, branch, platform };
+      return { filePath, repoName, branch, platform,horizontalRatio,verticalRatio };
     },
     tests: [
       [
@@ -60,10 +62,12 @@ const urlRules = [
       const repoName = 'X-lab2017/oss101-bok';
       const branch = 'master';
       const platform = 'Github';
+      const horizontalRatio=0.95;
+      const verticalRatio=0.5;
       if (!url.startsWith(baseUrl)) return null;
       const docPath = url.replace(baseUrl, '').split('#')[0];
       const filePath = `docs/textbook/${docPath.slice(0, -1)}.md`;
-      return { filePath, repoName, branch, platform };
+      return { filePath, repoName, branch, platform,horizontalRatio,verticalRatio };
     },
   },
   {
@@ -73,10 +77,12 @@ const urlRules = [
       const repoName = 'wangyantong2000/docwebsite';
       const branch = 'main';
       const platform = 'Gitee';
+      const horizontalRatio=0.95;
+      const verticalRatio=0.5;
       if (!url.startsWith(baseUrl)) return null;
       const docPath = url.replace(baseUrl, '').split('#')[0];
       const filePath = `docs/textbooks/${docPath}index.md`;
-      return { filePath, repoName, branch, platform };
+      return { filePath, repoName, branch, platform,horizontalRatio,verticalRatio };
     },
   },
   {
@@ -86,12 +92,14 @@ const urlRules = [
       const repoName = 'kaiyuanshe/oss-book';
       const branch = 'main';
       const platform = 'Github';
+      const horizontalRatio=0.95;
+      const verticalRatio=0.95;
       if (!url.startsWith(baseUrl)) return null;
       let docPath = url.replace(baseUrl, '').split('#')[0];
       if (docPath.startsWith('slide')) return null;
       docPath = docPath.replace('.html', '');
       const filePath = `src/${docPath}.md`;
-      return { filePath, repoName, branch, platform };
+      return { filePath, repoName, branch, platform,horizontalRatio,verticalRatio };
     },
     tests: [
       ['https://kaiyuanshe.github.io/oss-book/Enterprise-and-Open-Source.html', 'src/Enterprise-and-Open-Source.md'],
@@ -110,6 +118,8 @@ const urlRules = [
       const repoName = 'kwdb/docs';
       let branch = 'master';
       const platform = 'Gitee';
+      const horizontalRatio=0.95;
+      const verticalRatio=0.95;
       if (!url.startsWith(baseUrl)) return null;
       let docPath = url.replace(baseUrl, '').split('#')[0].replace('.html', '');
       function extractVersion(str) {
@@ -132,7 +142,7 @@ const urlRules = [
         }
       }
       const filePath = `${docPath}.md`;
-      return { filePath, repoName, branch, platform };
+      return { filePath, repoName, branch, platform,horizontalRatio,verticalRatio };
     },
     tests: [
       [

diff --git a/src/pages/ContentScripts/features/fast-pr/index.tsx b/src/pages/ContentScripts/features/fast-pr/index.tsx
@@ -11,11 +11,28 @@ interface MatchedUrl {
   repoName: string;
   branch: string;
   platform: string;
+  horizontalRatio: number;
+  verticalRatio: number;
 }
 
-const renderTo = (container: HTMLElement, filePath: string, repoName: string, branch: string, platform: string) => {
+const renderTo = (
+  container: HTMLElement,
+  filePath: string,
+  repoName: string,
+  branch: string,
+  platform: string,
+  horizontalRatio: number,
+  verticalRatio: number
+) => {
   createRoot(container).render(
-    <View filePath={filePath} originalRepo={repoName} branch={branch} platform={platform} />
+    <View
+      filePath={filePath}
+      originalRepo={repoName}
+      branch={branch}
+      platform={platform}
+      horizontalRatio={horizontalRatio}
+      verticalRatio={verticalRatio}
+    />
   );
 };
 
@@ -27,7 +44,15 @@ const init = async (matchedUrl: MatchedUrl | null) => {
   if (matchedUrl) {
     const container = document.createElement('div');
     container.id = featureId;
-    renderTo(container, matchedUrl.filePath, matchedUrl.repoName, matchedUrl.branch, matchedUrl.platform);
+    renderTo(
+      container,
+      matchedUrl.filePath,
+      matchedUrl.repoName,
+      matchedUrl.branch,
+      matchedUrl.platform,
+      matchedUrl.horizontalRatio,
+      matchedUrl.verticalRatio
+    );
     document.body.appendChild(container);
   }
 };

diff --git a/src/pages/ContentScripts/features/fast-pr/view.tsx b/src/pages/ContentScripts/features/fast-pr/view.tsx
@@ -15,8 +15,10 @@ interface Props {
   originalRepo: string;
   branch: string;
   platform: string;
+  horizontalRatio: number;
+  verticalRatio: number;
 }
-const View = ({ filePath, originalRepo, branch, platform }: Props) => {
+const View = ({ filePath, originalRepo, branch, platform, horizontalRatio, verticalRatio }: Props) => {
   const [giteeToken, setGiteeToken] = useState('');
   const [githubToken, setGithubToken] = useState('');
   const [options, setOptions] = useState<HypercrxOptions>(defaults);
@@ -128,8 +130,8 @@ const View = ({ filePath, originalRepo, branch, platform }: Props) => {
 
   // Set the initial position to the middle-right of the screen when the component loads
   useEffect(() => {
-    const initialX = window.innerWidth - buttonSize - padding; // 24px from the right of the screen
-    const initialY = window.innerHeight / 2 - buttonSize / 2; // Center vertically
+    const initialX = (window.innerWidth - buttonSize) * horizontalRatio;
+    const initialY = (window.innerHeight - buttonSize) * verticalRatio;
     setPosition({ x: initialX, y: initialY });
   }, []);
   // Record the starting position when the mouse is pressed