feat: 0.8.12

Author: lucifer

babel.config.js

@@ -0,0 +1 @@
+module.exports = {};

leetcode-cheat-0.8.10.zip

@@ -7,7 +7,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.2.2",
-    "@excalidraw/excalidraw": "^0.2.0",
+    "@excalidraw/excalidraw": "^0.4.3",
     "@matejmazur/react-katex": "^3.1.3",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
@@ -16,7 +16,7 @@
     "react": "^17.0.1",
     "react-debounce-render": "^7.0.0",
     "react-dom": "^17.0.1",
-    "react-markdown": "^4.3.1",
+    "react-markdown": "^5.0.1",
     "react-scripts": "3.4.1",
     "react-syntax-highlighter": "^15.4.3",
     "remark-math": "^4.0.0",

leetcode-cheat-0.8.12.zip

@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "name": "leetcode cheatsheet",
   "description": "刷题小助手，made by 力扣加加",
-  "version": "0.8.10",
+  "version": "0.8.12",
   "browser_action": {
     "default_popup": "index.html",
     "default_title": "力扣加加"

package.json

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState, Suspense } from "react";
 import { Button, Table, Empty, Tabs, Image } from "antd";
 
 import "highlight.js/styles/github.css";
@@ -21,10 +21,13 @@ import "antd/dist/antd.css";
 import "./App.css";
 import CodeTemplates from "./codeTemplates/codeTemplate";
 import ComplexityRating from "./complexityRating/index";
-import DataStrutureVis from "./dataStructureVis/index";
 import SolutionTemplate from "./solutionTemplate/index";
 // import { data as a } from "./db/binary-tree";
 
+const DataStrutureVis = isInExtension()
+  ? null
+  : React.lazy(() => import("./dataStructureVis"));
+
 const { problems, selected } = db;
 
 const { TabPane } = Tabs;
@@ -207,7 +210,9 @@ function App() {
             <CodeTemplates tempaltes={tempaltes}></CodeTemplates>
           </TabPane>
           <TabPane key="data-structure-vis" tab="数据结构可视化">
-            <DataStrutureVis></DataStrutureVis>
+            <Suspense fallback={<div>Loading...</div>}>
+              <DataStrutureVis></DataStrutureVis>
+            </Suspense>
           </TabPane>
           {!isInExtension() && (
             <TabPane key="solution-template" tab="题解模板">

public/manifest.json

@@ -1,6 +1,6 @@
 import React from "react";
 import { Button, Collapse, Tabs } from "antd";
-
+import Excalidraw from "@excalidraw/excalidraw";
 import Codes from "../components/codes";
 
 import {

src/App.js

@@ -1,15 +1,22 @@
-// import React, { PureComponent } from "react";
-// import ReactDOM from "react-dom";
-import { message } from "antd";
 // import "./content.css";
-import {
-  copyToClipboard,
-  不讲武德,
-  getStorage,
-  setCloundStorage,
-} from "./utils";
+// import { message } from "antd";
+import { copyToClipboard, bjwd, getStorage, setCloundStorage } from "./utils";
 import zenAble from "./zen/zenMode";
 
+// WTF!  ant message didn't go well with chrome extension?
+const message = {
+  success({ content }) {
+    //
+  },
+  warn({ content }) {
+    window.alert(content);
+  },
+  loading(content) {
+    //
+    return () => null;
+  },
+};
+
 // import AccessToken from "./components/AccessToken";
 
 // class SolutionButton extends PureComponent {
@@ -154,7 +161,7 @@ function getProviedTestCases() {
         if (pres[i].innerText.includes(prefix)) {
           const testcase = extractTestCase(pres[i].innerText, prefix);
           if (!testcase || testcase.length <= 1) {
-            不讲武德();
+            bjwd();
             return [];
           }
           ans.push(normalize(testcase[1]));
@@ -175,7 +182,7 @@ function insertButton() {
       copyButton.style["margin-left"] = "10px";
       copyButton.onclick = () => {
         const cases = getProviedTestCases();
-        if (cases.filter(Boolean).length === 0) return 不讲武德();
+        if (cases.filter(Boolean).length === 0) return bjwd();
         copyToClipboard(cases.join("\n"));
         message.success({
           content: "复制成功~",
@@ -282,14 +289,21 @@ function insertButton() {
   return false;
 }
 let inserted = false;
+let retried = 0;
+const MAX_TRY = 10;
 const timerId = setInterval(() => {
   if (inserted) return clearInterval(timerId);
+  if (retried > MAX_TRY) {
+    clearInterval(timerId);
+    return console.error("初始化 chrome 插件 content script 失败");
+  }
   if (insertButton()) {
     window.location.title = "";
     inserted = true;
     // 可进入禅定模式
     zenAble();
   }
+  retried++;
 }, 1000);
 
 // class Main extends React.Component {

src/codeTemplates/codeTemplate.jsx

@@ -1,5 +1,3 @@
-import React from "react";
-import { Button, message } from "antd";
 import { ISSUES_URL } from "./constant/index";
 
 function TreeNode(value) {
@@ -9,6 +7,11 @@ function TreeNode(value) {
     value,
   };
 }
+const message = {
+  error({ content }) {
+    window.alert(content);
+  },
+};
 const seen = {};
 export function getRandomUnique(lower, upper, amount) {
   console.log(seen);
@@ -98,17 +101,11 @@ export function buildRandomTree({
   return dfs({ upper, lower });
 }
 
-export function 不讲武德() {
+export function bjwd() {
   return message.error({
-    content: (
-      <>
-        力扣不讲武德，不按套路出牌。不过没关系啊，你
-        <Button type="link" href={ISSUES_URL} target="_blank">
-          反馈
-        </Button>
-        给我，下次一定全部防出去！
-      </>
-    ),
+    content: `
+        力扣不讲武德，不按套路出牌。不过没关系啊，你反馈给我，下次一定全部防出去！反馈到这里：${ISSUES_URL}
+      `,
   });
 }
 export function getUrlParameter(key) {