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
{
  "name": "react-component-lens",
  "displayName": "React Component Lens",
  "description": "Highlight React Server and Client component usage directly in the editor.",
  "version": "0.2.2",
  "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.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"
  }
}