lint

.eslintrc.cjs

@@ -7,7 +7,7 @@ module.exports = {
     'plugin:react-hooks/recommended',
     'plugin:prettier/recommended',
   ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  ignorePatterns: ['dist', '.eslintrc.cjs', 'node_modules'],
   parser: '@typescript-eslint/parser',
   plugins: ['react-refresh', 'prettier', 'simple-import-sort'],
   rules: {

.prettierignore

@@ -1,4 +1,5 @@
 # Ignore artifacts:
 build
+dist
 public
 node_modules

iris-docs/src/pages/explorer/ExplorerNodeValue.tsx

@@ -1,17 +1,18 @@
+import { JsonValue } from 'irisdb';
 import { useEffect, useRef, useState } from 'react';
 
 const VALUE_TRUNCATE_LENGTH = 20;
 
 type ExplorerNodeValueProps = {
-  value: any;
+  value: string;
   displayName: string;
-  setValue: (value: any) => void;
+  setValue: (value: JsonValue) => void;
 };
 
 const ExplorerNodeValue: React.FC<ExplorerNodeValueProps> = ({ displayName, value, setValue }) => {
   const [showMore, setShowMore] = useState(false);
-  const [editableValue, setEditableValue] = useState<any>(JSON.stringify(value));
-  const inputRef = useRef<any>(null);
+  const [editableValue, setEditableValue] = useState<string>(JSON.stringify(value));
+  const inputRef = useRef<HTMLSpanElement>(null);
 
   const truncateValue = () => {
     if (displayName === 'priv' || displayName === 'key') {
@@ -23,7 +24,7 @@ const ExplorerNodeValue: React.FC<ExplorerNodeValueProps> = ({ displayName, valu
   };
 
   const handleBlur = () => {
-    let parsedValue;
+    let parsedValue: JsonValue;
     try {
       parsedValue = JSON.parse(editableValue);
     } catch (e) {
@@ -54,7 +55,7 @@ const ExplorerNodeValue: React.FC<ExplorerNodeValueProps> = ({ displayName, valu
           ref={inputRef}
           contentEditable
           onBlur={handleBlur}
-          onInput={(e) => setEditableValue(e.currentTarget.textContent)}
+          onInput={(e) => setEditableValue(e.currentTarget.textContent || '')}
         >
           {showMore ? value : truncateValue()}
         </span>
@@ -68,7 +69,7 @@ const ExplorerNodeValue: React.FC<ExplorerNodeValueProps> = ({ displayName, valu
         ref={inputRef}
         contentEditable
         onBlur={handleBlur}
-        onInput={(e) => setEditableValue(e.currentTarget.textContent)}
+        onInput={(e) => setEditableValue(e.currentTarget.textContent || '')}
       >
         {JSON.stringify(value)}
       </span>

package.json

@@ -9,7 +9,8 @@
   ],
   "scripts": {
     "build": "npm run build --workspaces",
-    "docs": "typedoc"
+    "docs": "typedoc",
+    "lint": "eslint --ext .ts,.tsx --fix ."
   },
   "devDependencies": {
     "eslint": "^8.57.0",