Toolbox

Author: shuzijun

README.md

@@ -7,7 +7,7 @@ The Chrmoe plug-in for [Leetcode Editor](https://github.com/shuzijun/leetcode-ed
 
 ## Installation
 
-1. Install from the Chrome Store
+1. Install from the Chrome Store [link](https://chrome.google.com/webstore/detail/leetcode-editor-extension/kikcppmgphhkffcdhldclbidggbieegc)  
 2. Download the file to install
 
 ## How to use

README_ZH.md

@@ -7,7 +7,7 @@
 
 ## 安装方式
 
-1. 从Chrome商店安装
+1. 从Chrome商店安装 [链接](https://chrome.google.com/webstore/detail/leetcode-editor-extension/kikcppmgphhkffcdhldclbidggbieegc)
 2. 下载文件进行安装
 
 ## 使用方式

assets/icon.png

@@ -6,5 +6,28 @@ declare namespace NodeJS {
 
 interface Window {
     dataLayer: Array
-gtag: (a: string, b: any, c?: any) => void
+    gtag: (a: string, b: any, c?: any) => void
+}
+
+interface Question {
+    title:string
+    slug:string
+}
+
+interface ReplayMessage {
+    type:string
+    url:string
+    body:string
+    requestId:string
+    tabId:number
+    retry?:number
+    matching?(details: chrome.webRequest.WebRequestBodyDetails,body:string): ReplayMessage
+    dispose?(callback: Function)
+}
+
+interface ReplayFetch{
+    type:string
+    method:string
+    headers:HeadersInit
+    dispose(callback: Function)
 }

assets/pluginIcon.svg

@@ -22,5 +22,9 @@
   "open_ide": {
     "message": "Open IDE",
     "description": "message."
+  },
+  "affix_toolbox": {
+    "message": "Toolbox",
+    "description": "message."
   }
 }

index.d.ts

@@ -22,5 +22,9 @@
   "open_ide": {
     "message": "打开IDE",
     "description": "message."
+  },
+  "affix_toolbox": {
+    "message": "工具箱",
+    "description": "message."
   }
 }

locales/en/messages.json

@@ -1,7 +1,7 @@
 {
   "name": "leetcode-editor-extension",
   "displayName": "Leetcode editor extension",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Quickly open problems in IntelliJ Platform IDEs.",
   "author": "shuzijun",
   "scripts": {
@@ -36,7 +36,8 @@
       "https://codetop.cc/*"
     ],
     "permissions": [
-      "cookies"
+      "cookies",
+      "webRequest"
     ]
   }
 }

locales/zh/messages.json

@@ -1,4 +1,6 @@
 import CryptoJS from 'crypto-js'
+import {matchingType} from "~network";
+
 console.log("HELLO WORLD")
 
 chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
@@ -13,3 +15,31 @@ chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
     }
     return true
 });
+
+
+let filter:chrome.webRequest.RequestFilter = { urls: ['https://leetcode.cn/*','https://leetcode.com/*'],types: ["xmlhttprequest"] }
+let extraInfoSpec = ['requestBody','extraHeaders']
+
+chrome.webRequest.onBeforeRequest.addListener(function(details){
+    let postedString = ""
+    if (details.method === "POST"){
+        postedString = decodeURIComponent(String.fromCharCode.apply(null, new Uint8Array(details.requestBody.raw[0].bytes)))
+    }
+    console.log(details)
+    let message = matchingType(details,postedString)
+    if (message){
+        sendTabMessage(message)
+    }
+}, filter, extraInfoSpec)
+
+function sendTabMessage(message) {
+    if (message.retry>6){
+        return
+    }
+    chrome.tabs.sendMessage(message.tabId,message,function(res) {
+        if(!(res && res.status)) {
+            message.retry = message.retry + 1
+            setTimeout(sendTabMessage, 3000,message);
+        }
+    })
+}

package.json

@@ -1,57 +1,45 @@
-import type {PlasmoContentScript} from "plasmo"
-import {useStorage} from "@plasmohq/storage/hook"
-import React from "react"
-import {createRoot} from "react-dom/client"
+import type { PlasmoContentScript } from "plasmo";
+import { useStorage } from "@plasmohq/storage/hook";
+import React from "react";
+import { createRoot } from "react-dom/client";
 
-import {Button} from 'antd';
-import {GetLogoSize} from "~logo"
+import { Button } from "antd";
+import { BaseUrl, Logo } from "~tools";
 
 export const config: PlasmoContentScript = {
-    matches: ["https://codetop.cc/home*"]
-}
+  matches: ["https://codetop.cc/home*"]
+};
 
 export const getRootContainer = () =>
-    new Promise((resolve) => {
-        const checkInterval = setInterval(() => {
-            const rootContainer = document.querySelector(".el-table__body-wrapper > .el-table__body > tbody")
-            if (rootContainer) {
-                clearInterval(checkInterval)
-                resolve(rootContainer)
-            }
-        }, 137)
-    })
-
-const CodeTopCCList = ({sulg}) => {
-
-    const [showIcon] = useStorage("ShowIcon", true)
-    const logo = GetLogoSize(14)
-    const url = GetUrl() + sulg
-
-    return (<Button hidden={!showIcon} type="text" href={url} icon={logo} target='_blank'/>)
-}
-
-export const render = async ({createRootContainer}) => {
-
-    const rootContainer = await createRootContainer()
-
-    const els = rootContainer.querySelectorAll("tr > td:nth-child(1) > div")
-    for (let i = 0; i < els.length; i++) {
-        const d = document.createElement("div")
-        d.style = "display: inline;padding-right:10px"
-        els[i].insertBefore(d, els[i].lastChild)
-        const root = createRoot(d)
-        let sulg = els[i].getElementsByTagName("a")[0].getAttribute("href").split('/')[4]
-        root.render(<CodeTopCCList sulg={sulg}/>);
-    }
-}
-
-
-const GetUrl = () => {
-    const [editor] = useStorage("Editor", "leetcode-editor-pro")
-    const [product] = useStorage("Product", "idea")
-    const [project] = useStorage("Project", "")
-
-    return "jetbrains://" + product + "/" + editor + "/open?project=" + project + "&slug="
-}
-
-export default CodeTopCCList
+  new Promise((resolve) => {
+    const checkInterval = setInterval(() => {
+      const rootContainer = document.querySelector(".el-table__body-wrapper > .el-table__body > tbody");
+      if (rootContainer) {
+        clearInterval(checkInterval);
+        resolve(rootContainer);
+      }
+    }, 137);
+  });
+
+const CodeTopCCList = ({ slug }) => {
+  const [showIcon] = useStorage("ShowIcon", true);
+  const logo = Logo(14);
+  const url = BaseUrl("slug") + slug;
+
+  return (<Button hidden={!showIcon} type="text" href={url} icon={logo} target="_blank" />);
+};
+
+export const render = async ({ createRootContainer }) => {
+  const rootContainer = await createRootContainer();
+  const els = rootContainer.querySelectorAll("tr > td:nth-child(1) > div");
+  for (let i = 0; i < els.length; i++) {
+    let d = document.createElement("div");
+    d.setAttribute("style", "display: inline;padding-right:10px");
+    els[i].insertBefore(d, els[i].lastChild);
+    const root = createRoot(d);
+    let slug = els[i].getElementsByTagName("a")[0].getAttribute("href").split("/")[4];
+    root.render(<CodeTopCCList slug={slug} />);
+  }
+};
+
+export default CodeTopCCList;