Add page

Author: shuzijun

.gitignore

@@ -37,3 +37,5 @@ keys.json
 
 # typescript
 .tsbuildinfo
+
+.idea/

assets/icon.png

@@ -1,6 +1,6 @@
 {
   "popup": {
-    "message": "Leecode Editor Extension适用于leecode.com、leetcode.cn或codetop.cc。请确保你在页面上.",
+    "message": "Leecode Editor Extension适用于leecode.com,leetcode.cn或codetop.cc. 请确保你在页面上.",
     "description": "Popup message."
   },
   "options_desc": {

assets/icon.svg

@@ -1,14 +1,15 @@
 {
   "name": "leetcode-editor-extension",
   "displayName": "Leetcode editor extension",
-  "version": "0.0.1",
-  "description": "A basic Plasmo extension.",
+  "version": "0.0.2",
+  "description": "Quickly open problems in IntelliJ Platform IDEs.",
   "author": "shuzijun",
   "scripts": {
     "dev": "plasmo dev",
     "build": "plasmo build"
   },
   "dependencies": {
+    "@ant-design/icons": "^4.7.0",
     "@jetbrains/logos": "^2.2.7",
     "@plasmohq/storage": "^0.12.2",
     "antd": "^4.23.5",
@@ -22,7 +23,7 @@
     "@types/node": "18.8.3",
     "@types/react": "18.0.21",
     "@types/react-dom": "18.0.6",
-    "plasmo": "0.56.1",
+    "plasmo": "0.57.1",
     "prettier": "2.7.1",
     "typescript": "4.8.4"
   },

locales/zh/messages.json

@@ -0,0 +1,57 @@
+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"
+
+export const config: PlasmoContentScript = {
+    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