chore: bump eslint-plugin-sonarjs to version 1.0.3 and use this in es…

…lint

eslint.config.js

@@ -3,6 +3,7 @@ const configPrettier = require('eslint-config-prettier');
 const pluginPrettierRecommended = require('eslint-plugin-prettier/recommended');
 const pluginSecurity = require('eslint-plugin-security');
 const pluginNext = require('@next/eslint-plugin-next');
+const pluginSonarjs = require('eslint-plugin-sonarjs');
 const globals = require('globals');
 
 const nextConfig = {
@@ -22,7 +23,7 @@ module.exports = [
   ...tsEslint.configs.recommended,
   configPrettier,
   pluginPrettierRecommended,
-  // 'plugin:sonarjs/recommended',
+  pluginSonarjs.configs.recommended,
   pluginSecurity.configs.recommended,
   nextConfig,
   { files: ['**/*.js', '**/*./ts', '**/*./txs'] },

package.json

@@ -17,7 +17,7 @@
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-security": "^3.0.0",
-    "eslint-plugin-sonarjs": "^0.25.0",
+    "eslint-plugin-sonarjs": "^1.0.3",
     "globals": "^15.0.0",
     "postcss": "8.4.38",
     "postcss-nesting": "^12.0.1",

packages/mind-mapping/configs/command.ts

@@ -1 +1 @@
-export const COMMANDS = ['INSERT_NODE', 'REMOVE_NODE'];
+export const COMMANDS = ['INSERT_NODE', 'INSERT_CHILD_NODE', 'REMOVE_NODE'];

packages/mind-mapping/core/renderer/command.ts

@@ -14,10 +14,12 @@ class RendererCommand {
   }
   bindEvents() {
     this.insertNode = this.insertNode.bind(this);
+    this.insertChildNode = this.insertChildNode.bind(this);
     this.removeNode = this.removeNode.bind(this);
   }
   registerCommand() {
     this.command.add('INSERT_NODE', this.insertNode);
+    this.command.add('INSERT_CHILD_NODE', this.insertChildNode);
     this.command.add('REMOVE_NODE', this.removeNode);
   }
   insertNode(specifyNodes: MindNode[] = []) {
@@ -47,6 +49,9 @@ class RendererCommand {
     this.renderer.clearActiveNodes();
     this.renderer.render();
   }
+  insertChildNode(specifyNodes: MindNode[] = []) {
+    console.log(specifyNodes, 'insertChildNode');
+  }
   removeNode(specifyNodes: MindNode[] = []) {
     if (!this.renderer.activeNodes.size && !specifyNodes.length) return;
     const nodes = specifyNodes.length ? specifyNodes : [...this.renderer.activeNodes];

website/components/canvas/toolbar.tsx

@@ -25,12 +25,8 @@ function Toolbar() {
     };
   }, []);
 
-  function handleInsertNode() {
-    instance.current?.command.execute('INSERT_NODE');
-  }
-
-  function handleRemoveNode() {
-    instance.current?.command.execute('REMOVE_NODE');
+  function sendCommand(command: string) {
+    instance.current?.command.execute(command);
   }
 
   return (
@@ -41,15 +37,21 @@ function Toolbar() {
         <IconButton icon="GitCommit">格式化</IconButton>
         <IconButton
           icon="GitBranchPlus"
-          onClick={handleInsertNode}
+          onClick={() => sendCommand('INSERT_NODE')}
           disabled={!isSelected}
         >
           插入同級節點
         </IconButton>
-        <IconButton icon="GitPullRequest">插入子節點</IconButton>
+        <IconButton
+          icon="GitPullRequest"
+          onClick={() => sendCommand('INSERT_CHILD_NODE')}
+          disabled={!isSelected}
+        >
+          插入子節點
+        </IconButton>
         <IconButton
           icon="Trash2"
-          onClick={handleRemoveNode}
+          onClick={() => sendCommand('REMOVE_NODE')}
           disabled={!isSelected}
         >
           刪除節點