reactive-vscode 0.0.0 → 0.0.1-beta.1

package/README.md

@@ -0,0 +1,35 @@
+# reactive-vscode
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![bundle][bundle-src]][bundle-href]
+[![JSDocs][jsdocs-src]][jsdocs-href]
+[![License][license-src]][license-href]
+
+![Header](./docs/public/header.png)
+**Develop VSCode extension with Vue 3 Composition API**
+
+[**Documentation**](https://kermanx.github.io/reactive-vscode/) | [**Why reactive-vscode**](https://kermanx.github.io/reactive-vscode/guide/why) | [**Implemented Composables**](https://kermanx.github.io/reactive-vscode/functions.html)
+
+🚧 _**WIP**, not published yet_ 🚧
+
+## License
+
+[MIT](./LICENSE) License © 2024-PRESENT [_Kerman](https://github.com/KermanX)
+
+The logo <img src="https://kermanx.github.io/reactive-vscode/logo.svg" width="14"> is modified from [Vue Reactity Artworks](https://github.com/vue-reactivity/art). Licensed under a [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License](https://creativecommons.org/licenses/by-nc-sa/4.0/).
+
+Part of the docs website is ported from [VueUse](https://github.com/vueuse/vueuse). Licensed under a [MIT License](https://github.com/vueuse/vueuse/blob/main/LICENSE).
+
+<!-- Badges -->
+
+[npm-version-src]: https://img.shields.io/npm/v/reactive-vscode?style=flat&colorA=080f12&colorB=1fa669
+[npm-version-href]: https://npmjs.com/package/reactive-vscode
+[npm-downloads-src]: https://img.shields.io/npm/dm/reactive-vscode?style=flat&colorA=080f12&colorB=1fa669
+[npm-downloads-href]: https://npmjs.com/package/reactive-vscode
+[bundle-src]: https://img.shields.io/bundlephobia/minzip/reactive-vscode?style=flat&colorA=080f12&colorB=1fa669&label=minzip
+[bundle-href]: https://bundlephobia.com/result?p=reactive-vscode
+[license-src]: https://img.shields.io/github/license/KermanX/reactive-vscode.svg?style=flat&colorA=080f12&colorB=1fa669
+[license-href]: https://github.com/KermanX/reactive-vscode/blob/main/LICENSE
+[jsdocs-src]: https://img.shields.io/badge/jsdocs-reference-080f12?style=flat&colorA=080f12&colorB=1fa669
+[jsdocs-href]: https://www.jsdocs.io/package/reactive-vscode

package/dist/composables/index.d.ts

@@ -37,7 +37,6 @@ export * from './useTextEditorSelections';
 export * from './useTextEditorViewColumn';
 export * from './useTextEditorVisibleRanges';
 export * from './useTreeView';
-export * from './useTreeViewWithParent';
 export * from './useUri';
 export * from './useViewBadge';
 export * from './useViewTitle';

package/dist/composables/index.mjs

@@ -37,7 +37,6 @@ export * from "./useTextEditorSelections.mjs";
 export * from "./useTextEditorViewColumn.mjs";
 export * from "./useTextEditorVisibleRanges.mjs";
 export * from "./useTreeView.mjs";
-export * from "./useTreeViewWithParent.mjs";
 export * from "./useUri.mjs";
 export * from "./useViewBadge.mjs";
 export * from "./useViewTitle.mjs";

package/dist/composables/useTreeView.d.ts

@@ -1,13 +1,12 @@
-import type { ProviderResult, TreeDataProvider, TreeView, TreeViewOptions } from 'vscode';
 import type { MaybeRefOrGetter } from '@vue/runtime-core';
+import type { TreeDataProvider, TreeView, TreeViewOptions } from 'vscode';
 export interface TreeViewNode {
-    readonly children?: ProviderResult<this[]>;
+    readonly children?: this[];
 }
 export type UseTreeViewOptions<T> = (Omit<TreeViewOptions<T>, 'treeDataProvider'> & Pick<TreeDataProvider<T>, 'getTreeItem' | 'resolveTreeItem'>) | TreeDataProvider<T>['getTreeItem'];
-export type TreeViewWithoutParent<T> = Omit<TreeView<T>, 'reveal'>;
 /**
  * Register a tree view. See `vscode::window.createTreeView`.
  *
  * @category view
  */
-export declare const useTreeView: <T extends TreeViewNode>(viewId: string, treeData: MaybeRefOrGetter<T[]>, options: UseTreeViewOptions<T>) => TreeViewWithoutParent<T>;
+export declare const useTreeView: <T extends TreeViewNode>(viewId: string, treeData: MaybeRefOrGetter<T[]>, options: UseTreeViewOptions<T>) => TreeView<T>;

package/dist/composables/useTreeView.mjs

@@ -1,5 +1,5 @@
-import { EventEmitter, window } from "vscode";
 import { toValue, watch } from "@vue/runtime-core";
+import { EventEmitter, window } from "vscode";
 import { createKeyedComposable } from "../utils/index.mjs";
 import { useDisposable } from "./useDisposable.mjs";
 export const useTreeView = createKeyedComposable(
@@ -7,6 +7,7 @@ export const useTreeView = createKeyedComposable(
     const normalizedOptions = typeof options === "function" ? { getTreeItem: options } : options;
     const changeEventEmitter = new EventEmitter();
     watch(treeData, () => changeEventEmitter.fire());
+    const childrenToParentMap = /* @__PURE__ */ new WeakMap();
     return useDisposable(window.createTreeView(viewId, {
       ...normalizedOptions,
       treeDataProvider: {
@@ -16,7 +17,14 @@ export const useTreeView = createKeyedComposable(
           return normalizedOptions.getTreeItem(node);
         },
         getChildren(node) {
-          return node ? node.children : toValue(treeData);
+          if (node) {
+            node.children?.forEach((child) => childrenToParentMap.set(child, node));
+            return node.children;
+          }
+          return toValue(treeData);
+        },
+        getParent(node) {
+          return childrenToParentMap.get(node);
         }
       }
     }));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reactive-vscode",
   "type": "module",
-  "version": "0.0.0",
+  "version": "0.0.1-beta.1",
   "description": "Develop VSCode extension with Vue 3 Composition API",
   "author": "_Kerman <kermanx@qq.com>",
   "license": "MIT",
@@ -23,12 +23,12 @@
   "sideEffects": false,
   "exports": {
     ".": {
-      "types": "./src/index.ts",
-      "import": "./src/index.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
     }
   },
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "files": [
     "README.md",
     "dist"

package/dist/composables/useTreeViewWithParent.d.ts

@@ -1,12 +0,0 @@
-import type { MaybeRefOrGetter } from '@vue/runtime-core';
-import type { ProviderResult } from 'vscode';
-import type { TreeViewNode, TreeViewWithoutParent, UseTreeViewOptions } from './useTreeView';
-export interface TreeViewNodeWithParent extends TreeViewNode {
-    readonly parent?: ProviderResult<this>;
-}
-/**
- * Register a tree view, in which items has a prarent. See `vscode::window.createTreeView`.
- *
- * @category view
- */
-export declare const useTreeViewWithParent: <T extends TreeViewNodeWithParent>(viewId: string, treeData: MaybeRefOrGetter<T[]>, options: UseTreeViewOptions<T>) => TreeViewWithoutParent<T>;

package/dist/composables/useTreeViewWithParent.mjs

@@ -1,28 +0,0 @@
-import { toValue, watch } from "@vue/runtime-core";
-import { EventEmitter, window } from "vscode";
-import { createKeyedComposable } from "../utils/index.mjs";
-import { useDisposable } from "./useDisposable.mjs";
-export const useTreeViewWithParent = createKeyedComposable(
-  (viewId, treeData, options) => {
-    const normalizedOptions = typeof options === "function" ? { getTreeItem: options } : options;
-    const changeEventEmitter = new EventEmitter();
-    watch(treeData, () => changeEventEmitter.fire());
-    return useDisposable(window.createTreeView(viewId, {
-      ...normalizedOptions,
-      treeDataProvider: {
-        ...normalizedOptions,
-        onDidChangeTreeData: changeEventEmitter.event,
-        getTreeItem(node) {
-          return normalizedOptions.getTreeItem(node);
-        },
-        getChildren(node) {
-          return node ? node.children : toValue(treeData);
-        },
-        getParent(node) {
-          return node.parent;
-        }
-      }
-    }));
-  },
-  (viewId) => viewId
-);