fix: organize context as props

Author: Yukaii

patches/react-vsc-treeview+0.2.3.patch

@@ -1,13 +1,13 @@
 diff --git a/node_modules/react-vsc-treeview/dist/TreeItem.js b/node_modules/react-vsc-treeview/dist/TreeItem.js
-index 91d695c..cb524fa 100644
+index 91d695c..ab6698d 100644
 --- a/node_modules/react-vsc-treeview/dist/TreeItem.js
 +++ b/node_modules/react-vsc-treeview/dist/TreeItem.js
 @@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  const vscode = __importStar(require("vscode"));
  const react_1 = __importStar(require("react"));
  const VSCTreeItem_1 = __importDefault(require("./VSCTreeItem"));
 -const TreeItem = ({ label = '', id, iconPath, description, resourceUri, tooltip, command: rawCommand, contextValue, expanded, children }) => {
-+const TreeItem = ({ label = '', id, iconPath, description, resourceUri, tooltip, command: rawCommand, contextValue, expanded, children, ...otherProps }) => {
++const TreeItem = ({ label = '', id, iconPath, description, resourceUri, tooltip, command: rawCommand, contextValue, expanded, children, context }) => {
      const collapsibleState = react_1.useMemo(() => {
          if (children == null) {
              return vscode.TreeItemCollapsibleState.None;
@@ -17,28 +17,41 @@ index 91d695c..cb524fa 100644
          collapsibleState,
 -        contextValue
 +        contextValue,
-+        ...otherProps
++        context
      };
      return react_1.default.createElement(VSCTreeItem_1.default, Object.assign({}, vscTreeItemProps), children);
  };
+diff --git a/node_modules/react-vsc-treeview/dist/VSCTreeItem.js b/node_modules/react-vsc-treeview/dist/VSCTreeItem.js
+index 9f3174b..4504944 100644
+--- a/node_modules/react-vsc-treeview/dist/VSCTreeItem.js
++++ b/node_modules/react-vsc-treeview/dist/VSCTreeItem.js
+@@ -16,6 +16,6 @@ const VSCTreeItem = (props) => {
+ exports.default = VSCTreeItem;
+ exports.propKeys = [
+     'label', 'id', 'iconPath', 'description', 'resourceUri', 'tooltip',
+-    'command', 'collapsibleState', 'contextValue', 'children'
++    'command', 'collapsibleState', 'contextValue', 'children', 'context'
+ ];
+ //# sourceMappingURL=VSCTreeItem.js.map
+\ No newline at end of file
 diff --git a/node_modules/react-vsc-treeview/dist/reconciler.js b/node_modules/react-vsc-treeview/dist/reconciler.js
-index 7ee5f2d..bfead5a 100644
+index 7ee5f2d..7b97e33 100644
 --- a/node_modules/react-vsc-treeview/dist/reconciler.js
 +++ b/node_modules/react-vsc-treeview/dist/reconciler.js
 @@ -28,7 +28,7 @@ const VSCTreeItem_1 = require("./VSCTreeItem");
  exports.default = react_reconciler_1.default({
      supportsMutation: true,
      createInstance(_type, props, container) {
 -        const { label = '', id, iconPath, description, resourceUri, tooltip, command, collapsibleState, contextValue } = props;
-+        const { label = '', id, iconPath, description, resourceUri, tooltip, command, collapsibleState, contextValue, ...otherProps } = props;
++        const { label = '', id, iconPath, description, resourceUri, tooltip, command, collapsibleState, contextValue, context } = props;
          const treeItem = new vscode.TreeItem(label, collapsibleState);
          treeItem.id = id;
          treeItem.iconPath = iconPath;
 @@ -37,6 +37,7 @@ exports.default = react_reconciler_1.default({
          treeItem.tooltip = tooltip;
          treeItem.command = command;
          treeItem.contextValue = contextValue;
-+        treeItem.context = otherProps;
++        treeItem.context = context;
          return container.createTreeItem(treeItem);
      },
      appendChildToContainer(container, child) {

src/@types/react-vsc-treeview.d.ts

@@ -3,6 +3,6 @@ declare module 'react-vsc-treeview' {
   import { TreeItemProps } from 'react-vsc-treeview/dist/TreeItem';
 
   export const TreeItem: (
-    props: TreeItemProps & { key?: any; children?: React.ReactNode; ref?: any } & Record<string, any>
+    props: TreeItemProps & { key?: any; children?: React.ReactNode; context?: Record<string, any> }
   ) => React.ReactElement;
 }

src/treeReactApp/components/NoteTreeItem.tsx

@@ -1,7 +1,16 @@
 import { Note } from '@hackmd/api/dist/type';
+import { useMemo } from 'react';
 import { TreeItem } from 'react-vsc-treeview';
 
 export const NoteTreeItem = ({ note }: { note: Note }) => {
+  const context = useMemo(
+    () => ({
+      publishLink: note.publishLink,
+      noteId: note.id,
+    }),
+    [note]
+  );
+
   return (
     <TreeItem
       label={note.title}
@@ -12,8 +21,7 @@ export const NoteTreeItem = ({ note }: { note: Note }) => {
         arguments: [note.title, note.id],
       }}
       contextValue="file"
-      publishLink={note.id}
-      noteId={note.id}
+      context={context}
     />
   );
 };