vue-hook-optimizer 0.0.76 → 0.0.78

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "vue-hook-optimizer",
-  "version": "0.0.76",
+  "type": "module",
+  "version": "0.0.78",
   "description": "a tool that helps refactor and optimize hook abstractions in Vue components",
   "author": "zcf0508 <zcf0508@live.com>",
   "license": "MIT",
@@ -17,12 +18,12 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "typesVersions": {
     "*": {
@@ -43,41 +44,28 @@
     "@vue/compiler-sfc": "^3.4.1"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.10.0",
     "@babel/preset-typescript": "^7.24.1",
     "@types/babel__core": "^7.20.5",
     "@types/babel__traverse": "^7.20.5",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^20.12.7",
     "@types/uuid": "^9.0.8",
-    "@vitest/coverage-istanbul": "^1.5.2",
-    "bumpp": "^9.4.1",
+    "@vitest/coverage-istanbul": "^3.2.4",
     "cross-env": "^7.0.3",
-    "eslint": "^9.22.0",
-    "eslint-plugin-security": "^3.0.1",
     "fast-glob": "^3.3.2",
     "lodash-es": "^4.17.21",
     "nodemon": "^3.1.0",
     "ts-node": "^10.9.2",
-    "tsup": "^8.0.2",
+    "tsdown": "^0.14.2",
     "typescript": "^5.4.5",
     "vis-network": "^9.1.9",
-    "vitest": "^1.5.2",
-    "eslint-plugin-vue-hook-optimizer": "0.0.76"
+    "vitest": "^3.2.4"
   },
   "scripts": {
     "dev": "nodemon",
-    "dev:ext": "npm -C packages/vscode run dev",
-    "build": "tsup",
-    "build:ext": "npm -C packages/vscode run build",
-    "build:eslint": "npm -C packages/eslint run build",
-    "build:mcp": "npm -C packages/mcp run build",
-    "build:all": "npm run build && npm run build:eslint && npm run build:mcp && npm run build:ext",
-    "play": "npm -C packages/playground run dev",
-    "lint": "eslint .",
+    "build": "tsdown",
     "test": "vitest",
     "coverage": "vitest run --coverage",
-    "typecheck": "tsc --noEmit",
-    "release": "bumpp -r"
+    "typecheck": "tsc --noEmit"
   }
 }

package/README.md

@@ -1,59 +0,0 @@
-[![NPM version](https://img.shields.io/npm/v/vue-hook-optimizer?color=a1b858&label=)](https://www.npmjs.com/package/vue-hook-optimizer)
-<a href="https://marketplace.visualstudio.com/items?itemName=zcf0508.vue-hook-optimizer-ext" target="__blank"><img src="https://img.shields.io/visual-studio-marketplace/v/zcf0508.vue-hook-optimizer-ext.svg?color=eee&amp;label=VS%20Code%20Marketplace&logo=visual-studio-code" alt="Visual Studio Marketplace Version" /></a>
-
-[中文文档](./README_cn.md)
-
-This is a tool to analyze your components code. It supports `Vue` and `React`. Viste [playground](vue-hook-optimizer.vercel.app/) or try the vscode extension [vue-hook-optimizer-ext](https://marketplace.visualstudio.com/items?itemName=zcf0508.vue-hook-optimizer-ext).
-
-## Install And Run Playground
-
-```bash
-# clone the repo then install the dependencies
-pnpm install
-# run the playground
-pnpm run play
-```
-
-Open the browser and visit `http://localhost:3000/`.
-
-## How To Use
-
-1. paste your component code into the editor
-
-2. click `Analyze` button
-
-The tool will analyze the code, and show the relations between the variables and the methods. This is a simple demo.
-
-![playground](./images/playground1.png)
-
-## Motive
-
-Sometime we have to refactor the code, maybe there are thousands of lines of code in one file.
-And it is too complex and hard to understand.
-
-So I want to build a tool to help us analyze the code, and find the relations between the variables and the methods.
-We can find out some variables are isolated, and some methods are over-association, and then we can refactor them.
-
-## Development Plan
-
-- [x] add more info, including the variable type, comment, whether has been used in template or hook methods
-- [x] provide some suggestions for optimization
-- [x] support `options api`
-- [x] [vscode extension](./packages/vscode)
-- [x] support `React`
-- [x] eslint rules
-- [x] mcp server
-
-## Contribution
-
-Any contributions are welcome.
-
-## Sponsor Me
-
-If you like this tool, please consider to sponsor me. I will keep working on this tool and add more features.
-
-![sponsor](./images/sponsor.png)
-
-## License
-
-MIT

package/dist/index.d.mts

@@ -1,95 +0,0 @@
-import { SFCStyleBlock } from '@vue/compiler-sfc';
-export { parse } from '@vue/compiler-sfc';
-import { Edge, Node } from 'vis-network';
-
-interface TypedNode {
-    label: string;
-    type: NodeType;
-    info?: Partial<{
-        line: number;
-        column: number;
-        comment: string;
-        used: Set<string>;
-    }>;
-}
-declare enum NodeType {
-    var = "var",
-    fun = "fun"
-}
-type RelationType = 'get' | 'set' | 'call';
-
-declare function analyze$4(content: string, lineOffset?: number, jsx?: boolean): {
-    graph: {
-        nodes: Set<TypedNode>;
-        edges: Map<TypedNode, Set<{
-            node: TypedNode;
-            type: RelationType;
-        }>>;
-    };
-    nodesUsedInTemplate: Set<string>;
-};
-
-declare function analyze$3(content: string, lineOffset?: number, jsx?: boolean): {
-    nodes: Set<TypedNode>;
-    edges: Map<TypedNode, Set<{
-        node: TypedNode;
-        type: RelationType;
-    }>>;
-};
-
-declare function analyze$2(styles: SFCStyleBlock[]): Set<string>;
-
-declare function analyze$1(content: string): Set<string>;
-
-declare function analyze(content: string, type?: "vue" | "react", lineOffset?: number, addInfo?: boolean): {
-    graph: {
-        nodes: Set<TypedNode>;
-        edges: Map<TypedNode, Set<{
-            node: TypedNode;
-            type: RelationType;
-        }>>;
-    };
-    nodesUsedInTemplate: Set<string>;
-};
-
-interface MermaidOptions {
-    direction?: 'TB' | 'BT' | 'LR' | 'RL';
-}
-declare function getMermaidText(graph: {
-    nodes: Set<TypedNode>;
-    edges: Map<TypedNode, Set<TypedNode>>;
-}, nodesUsedInTemplate: Set<string>, nodesUsedInStyle?: Set<string>, options?: MermaidOptions): string;
-
-declare enum SuggestionType {
-    info = "info",
-    warning = "warning",
-    error = "error"
-}
-interface Suggestion {
-    type: SuggestionType;
-    message: string;
-    nodeInfo?: TypedNode | Array<TypedNode>;
-}
-declare function gen(graph: {
-    nodes: Set<TypedNode>;
-    edges: Map<TypedNode, Set<{
-        node: TypedNode;
-        type: RelationType;
-    }>>;
-}, nodesUsedInTemplate: Set<string>, nodesUsedInStyle?: Set<string>): Suggestion[];
-
-type CustomNode = Node & {
-    info: TypedNode['info'];
-};
-declare function getVisData(graph: {
-    nodes: Set<TypedNode>;
-    edges: Map<TypedNode, Set<{
-        node: TypedNode;
-        type: RelationType;
-    }>>;
-}, nodesUsedInTemplate: Set<string>, nodesUsedInStyle?: Set<string>): {
-    nodes: CustomNode[];
-    edges: Edge[];
-};
-
-export { NodeType, type RelationType, type Suggestion, SuggestionType, type TypedNode, analyze$4 as analyzeOptions, analyze$3 as analyzeSetupScript, analyze$2 as analyzeStyle, analyze$1 as analyzeTemplate, analyze as analyzeTsx, gen, getMermaidText, getVisData };