react-component-lens/package.json at main · dev-five-git/react-component-lens · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
{
  "name": "react-component-lens",
  "displayName": "React Component Lens",
  "description": "Highlight React Server and Client component usage directly in the editor.",
  "version": "0.3.0",
  "publisher": "devfive",
  "license": "MIT",
  "repository": {
    "type": "git",
    "url": "https://github.com/dev-five-git/react-component-lens"
  },
  "categories": [
    "Other"
  ],
  "keywords": [
    "react",
    "nextjs",
    "server-components",
    "client-components",
    "typescript"
  ],
  "engines": {
    "vscode": "^1.14.0"
  },
  "activationEvents": [
    "onLanguage:typescriptreact",
    "onLanguage:javascriptreact"
  ],
  "main": "./out/extension.js",
  "contributes": {
    "commands": [
      {
        "command": "reactComponentLens.refresh",
        "title": "React Component Lens: Refresh Decorations"
      }
    ],
    "configuration": {
      "title": "React Component Lens",
      "properties": {
        "reactComponentLens.enabled": {
          "type": "boolean",
          "default": true,
          "description": "Enable React Component Lens decorations in React editors."
        },
        "reactComponentLens.debounceMs": {
          "type": "number",
          "default": 200,
          "minimum": 0,
          "maximum": 2000,
          "description": "Debounce delay, in milliseconds, before recomputing decorations after workspace changes."
        },
        "reactComponentLens.scope.element": {
          "type": "boolean",
          "default": true,
          "description": "Highlight JSX element tags (<Component />, </Component>)."
        },
        "reactComponentLens.scope.declaration": {
          "type": "boolean",
          "default": true,
          "description": "Highlight component declaration names (function, class, variable)."
        },
        "reactComponentLens.scope.export": {
          "type": "boolean",
          "default": true,
          "description": "Highlight component names in export declarations (export { Component }, export default Component)."
        },
        "reactComponentLens.scope.import": {
          "type": "boolean",
          "default": true,
          "description": "Highlight component names in import declarations (import { Component } from ...)."
        },
        "reactComponentLens.scope.type": {
          "type": "boolean",
          "default": true,
          "description": "Highlight TypeScript interface and type alias declaration names."
        },
        "reactComponentLens.codelens.enabled": {
          "type": "boolean",
          "default": true,
          "description": "Show CodeLens annotations indicating Server/Client Component kind."
        },
        "reactComponentLens.codelens.clientComponent": {
          "type": "boolean",
          "default": true,
          "description": "Show CodeLens for Client Components."
        },
        "reactComponentLens.codelens.serverComponent": {
          "type": "boolean",
          "default": true,
          "description": "Show CodeLens for Server Components."
        },
        "reactComponentLens.highlightColors": {
          "type": "object",
          "default": {
            "clientComponent": "#14b8a6",
            "serverComponent": "#f59e0b"
          },
          "additionalProperties": false,
          "description": "Text colors for React Component Lens decorations.",
          "properties": {
            "clientComponent": {
              "type": "string",
              "format": "color",
              "default": "#14b8a6",
              "description": "CSS text color used for Client Component usages."
            },
            "serverComponent": {
              "type": "string",
              "format": "color",
              "default": "#f59e0b",
              "description": "CSS text color used for Server Component usages."
            }
          }
        }
      }
    }
  },
  "scripts": {
    "build": "bun build ./src/extension.ts --outdir ./out --format cjs --target node --external vscode --external typescript --sourcemap=linked",
    "build:production": "bun build ./src/extension.ts --outdir ./out --format cjs --target node --external vscode --minify",
    "watch": "bun build ./src/extension.ts --outdir ./out --format cjs --target node --external vscode --external typescript --sourcemap=linked --watch",
    "typecheck": "tsc -p ./tsconfig.json",
    "lint": "oxlint .",
    "lint:fix": "oxlint . --fix",
    "test": "bun test",
    "vscode:prepublish": "bun run build:production",
    "prepare": "husky"
  },
  "dependencies": {
    "typescript": "5.9.3"
  },
  "devDependencies": {
    "@types/bun": "^1.3.10",
    "@types/node": "25.5.0",
    "@types/vscode": "1.14.0",
    "@vscode/vsce": "3.7.1",
    "eslint-plugin-devup": "^2.0.17",
    "globals": "17.4.0",
    "husky": "^9.1.7",
    "oxlint": "^1.55"
  }
}