@georgewrmarshall/design-system-metrics 2.1.0 ā 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.claude/settings.local.json +4 -1
- package/CHANGELOG.md +38 -25
- package/README.md +22 -0
- package/config.json +10 -0
- package/index.js +1 -1
- package/package.json +1 -1
|
@@ -13,7 +13,10 @@
|
|
|
13
13
|
"Bash(git add:*)",
|
|
14
14
|
"Bash(git commit -m \"$(cat <<''EOF''\nfeat: refactor to two-project architecture with explicit component lists\n\n- Simplified from 4 projects (extension, mobile, design-system-react, design-system-react-native) to 2 (extension, mobile)\n- Added explicit deprecatedComponents and currentComponents lists per project\n- Extension now tracks 47 deprecated local components and 24 current NPM components\n- Mobile tracks 83 deprecated local components and 25 current NPM components\n- Updated component lists to match actual folder structure and exports\n- Added missing components: FileUploader, LottieAnimation, Skeleton, Textarea, SensitiveText\n- Fixed test expectations to match actual component usage patterns\n- All tests passing (8/8)\n\nš¤ Generated with [Claude Code](https://claude.com/claude-code)\n\nCo-Authored-By: Claude <noreply@anthropic.com>\nEOF\n)\")",
|
|
15
15
|
"Bash(git push:*)",
|
|
16
|
-
"Bash(git commit -m \"$(cat <<''EOF''\nchore: bump version to 2.1.0 and add CHANGELOG\n\n- Bumped version from 2.0.0 to 2.1.0\n- Added comprehensive CHANGELOG.md with full version history\n- Documented all changes from 1.0.0 through 2.1.0\n- Added migration guide for v1.x to v2.0.0 upgrade\n- Listed all 5 missing components that were added\n- Included Jest test suite additions\n\nš¤ Generated with [Claude Code](https://claude.com/claude-code)\n\nCo-Authored-By: Claude <noreply@anthropic.com>\nEOF\n)\")"
|
|
16
|
+
"Bash(git commit -m \"$(cat <<''EOF''\nchore: bump version to 2.1.0 and add CHANGELOG\n\n- Bumped version from 2.0.0 to 2.1.0\n- Added comprehensive CHANGELOG.md with full version history\n- Documented all changes from 1.0.0 through 2.1.0\n- Added migration guide for v1.x to v2.0.0 upgrade\n- Listed all 5 missing components that were added\n- Included Jest test suite additions\n\nš¤ Generated with [Claude Code](https://claude.com/claude-code)\n\nCo-Authored-By: Claude <noreply@anthropic.com>\nEOF\n)\")",
|
|
17
|
+
"Bash(git commit:*)",
|
|
18
|
+
"Bash(yarn npm audit)",
|
|
19
|
+
"Bash(git log:*)"
|
|
17
20
|
],
|
|
18
21
|
"deny": [],
|
|
19
22
|
"ask": []
|
package/CHANGELOG.md
CHANGED
|
@@ -5,34 +5,43 @@ All notable changes to this project will be documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
-
## [2.
|
|
8
|
+
## [2.2.0] - 2026-01-22
|
|
9
9
|
|
|
10
10
|
### Added
|
|
11
11
|
|
|
12
|
-
- **
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
12
|
+
- **Mobile Components**: Added 10 missing components to mobile deprecatedComponents list:
|
|
13
|
+
- BadgeNotifications
|
|
14
|
+
- HeaderBase
|
|
15
|
+
- ListItemMultiSelect
|
|
16
|
+
- ListItemSelect
|
|
17
|
+
- RadioButton
|
|
18
|
+
- SelectButton
|
|
19
|
+
- SelectOption
|
|
20
|
+
- SelectValue
|
|
16
21
|
- SensitiveText
|
|
17
|
-
-
|
|
18
|
-
- **
|
|
19
|
-
-
|
|
20
|
-
-
|
|
21
|
-
- JSON output format testing
|
|
22
|
-
- **Test Configuration**: Added jest.config.js and test scripts to package.json
|
|
22
|
+
- Skeleton
|
|
23
|
+
- **Documentation**: Added Future Feature Ideas section to README
|
|
24
|
+
- Props Audit concept
|
|
25
|
+
- Team Adoption Metrics using CODEOWNERS
|
|
23
26
|
|
|
24
27
|
### Changed
|
|
25
28
|
|
|
26
|
-
- **
|
|
27
|
-
- **Component Lists**: Verified all components match actual folder structure from component-library
|
|
28
|
-
- Removed AvatarAccount from deprecatedComponents (only exists in NPM package)
|
|
29
|
+
- **Mobile Components**: Updated to 110 deprecated components (from 100)
|
|
29
30
|
|
|
30
31
|
### Fixed
|
|
31
32
|
|
|
32
|
-
-
|
|
33
|
-
-
|
|
33
|
+
- **CHANGELOG**: Corrected inaccuracies in version history
|
|
34
|
+
- Removed duplicate 2.0.0 entry
|
|
35
|
+
- Fixed dates and component counts
|
|
36
|
+
- Clarified that 2.1.0 did not include the 10 mobile components
|
|
37
|
+
|
|
38
|
+
## [2.1.0] - 2026-01-22
|
|
39
|
+
|
|
40
|
+
### Added
|
|
41
|
+
|
|
42
|
+
- **Documentation**: CHANGELOG.md created with full version history from 1.0.0 through 2.1.0
|
|
34
43
|
|
|
35
|
-
## [2.0.0] -
|
|
44
|
+
## [2.0.0] - 2026-01-21
|
|
36
45
|
|
|
37
46
|
### š Major Refactor
|
|
38
47
|
|
|
@@ -41,13 +50,16 @@ This release represents a complete architectural overhaul to better align with m
|
|
|
41
50
|
### Added
|
|
42
51
|
|
|
43
52
|
- **Explicit Component Lists**: Introduced `deprecatedComponents` and `currentComponents` arrays per project
|
|
44
|
-
- **Missing Components**: Added
|
|
45
|
-
-
|
|
46
|
-
-
|
|
47
|
-
-
|
|
48
|
-
-
|
|
49
|
-
-
|
|
50
|
-
|
|
53
|
+
- **Missing Components**: Added 5 components to Extension tracking:
|
|
54
|
+
- FileUploader
|
|
55
|
+
- LottieAnimation
|
|
56
|
+
- Skeleton
|
|
57
|
+
- SensitiveText
|
|
58
|
+
- Textarea (restored)
|
|
59
|
+
- **Comprehensive Test Suite**: Added Jest test suite with 8 passing tests
|
|
60
|
+
- Test fixtures for deprecated, current, and mixed usage
|
|
61
|
+
- Tests for source separation and file path tracking
|
|
62
|
+
- JSON output format testing
|
|
51
63
|
- **Test Scripts**: Added `yarn test` and `yarn test:watch` commands
|
|
52
64
|
- **Jest Configuration**: Added jest.config.js for proper test execution
|
|
53
65
|
|
|
@@ -59,8 +71,9 @@ This release represents a complete architectural overhaul to better align with m
|
|
|
59
71
|
- **Architecture**: Local `/component-library` imports now map to `deprecatedComponents`
|
|
60
72
|
- **Architecture**: NPM package imports now map to `currentComponents`
|
|
61
73
|
- **Extension Components**: Now tracks 47 deprecated + 24 current components
|
|
62
|
-
- **Mobile Components**: Now tracks
|
|
74
|
+
- **Mobile Components**: Now tracks 100 deprecated + 25 current components
|
|
63
75
|
- **Component Lists**: Updated to match actual folder structure and NPM package exports
|
|
76
|
+
- Removed AvatarAccount from Extension deprecatedComponents (only exists in NPM package)
|
|
64
77
|
|
|
65
78
|
### Fixed
|
|
66
79
|
|
package/README.md
CHANGED
|
@@ -208,6 +208,28 @@ One aggregated report showing all component usage:
|
|
|
208
208
|
|
|
209
209
|
---
|
|
210
210
|
|
|
211
|
+
### **Future Feature Ideas**
|
|
212
|
+
|
|
213
|
+
We're exploring additional features to enhance design system adoption tracking:
|
|
214
|
+
|
|
215
|
+
#### **Props Audit**
|
|
216
|
+
- Track the most commonly used props for each component
|
|
217
|
+
- Identify prop usage patterns across the codebase
|
|
218
|
+
- Help inform API design decisions for design system components
|
|
219
|
+
- Surface which props are heavily used vs rarely used
|
|
220
|
+
|
|
221
|
+
#### **Team Adoption Metrics**
|
|
222
|
+
- Use CODEOWNERS files to map component usage to teams
|
|
223
|
+
- Generate team-level adoption reports showing:
|
|
224
|
+
- Which teams have the highest design system adoption
|
|
225
|
+
- Which teams still have the most deprecated component usage
|
|
226
|
+
- Per-team migration progress tracking
|
|
227
|
+
- Help identify teams that may need additional migration support
|
|
228
|
+
|
|
229
|
+
Want to contribute or suggest other features? Open an issue on GitHub!
|
|
230
|
+
|
|
231
|
+
---
|
|
232
|
+
|
|
211
233
|
### **Contributing**
|
|
212
234
|
|
|
213
235
|
If you wish to contribute to the tool, ensure you are running the latest version of **Yarn (v4.x)** and **Node.js**. You can make adjustments to the `config.json` file or update the CLI logic for tracking additional components or repositories.
|
package/config.json
CHANGED
|
@@ -106,6 +106,7 @@
|
|
|
106
106
|
"Badge",
|
|
107
107
|
"BadgeBase",
|
|
108
108
|
"BadgeNetwork",
|
|
109
|
+
"BadgeNotifications",
|
|
109
110
|
"BadgeStatus",
|
|
110
111
|
"BadgeWrapper",
|
|
111
112
|
"Banner",
|
|
@@ -140,6 +141,7 @@
|
|
|
140
141
|
"CustomInput",
|
|
141
142
|
"CustomSpendCap",
|
|
142
143
|
"Header",
|
|
144
|
+
"HeaderBase",
|
|
143
145
|
"HeaderCenter",
|
|
144
146
|
"HeaderWithTitleLeft",
|
|
145
147
|
"HeaderWithTitleLeftScrollable",
|
|
@@ -150,8 +152,10 @@
|
|
|
150
152
|
"Label",
|
|
151
153
|
"ListItem",
|
|
152
154
|
"ListItemColumn",
|
|
155
|
+
"ListItemMultiSelect",
|
|
153
156
|
"ListItemMultiSelectButton",
|
|
154
157
|
"ListItemMultiSelectWithMenuButton",
|
|
158
|
+
"ListItemSelect",
|
|
155
159
|
"Loader",
|
|
156
160
|
"MainActionButton",
|
|
157
161
|
"ModalConfirmation",
|
|
@@ -168,11 +172,17 @@
|
|
|
168
172
|
"PickerNetwork",
|
|
169
173
|
"QuickActionButton",
|
|
170
174
|
"QuickActionButtons",
|
|
175
|
+
"RadioButton",
|
|
171
176
|
"SegmentedControl",
|
|
177
|
+
"SelectButton",
|
|
172
178
|
"SelectItem",
|
|
179
|
+
"SelectOption",
|
|
180
|
+
"SelectValue",
|
|
181
|
+
"SensitiveText",
|
|
173
182
|
"SheetActions",
|
|
174
183
|
"SheetBottom",
|
|
175
184
|
"SheetHeader",
|
|
185
|
+
"Skeleton",
|
|
176
186
|
"Tab",
|
|
177
187
|
"TabBar",
|
|
178
188
|
"TabBarItem",
|
package/index.js
CHANGED
|
@@ -25,7 +25,7 @@ const loadConfig = async (configPath) => {
|
|
|
25
25
|
|
|
26
26
|
// Define CLI options using Commander
|
|
27
27
|
program
|
|
28
|
-
.version("2.
|
|
28
|
+
.version("2.1.0")
|
|
29
29
|
.description("Design System Metrics CLI Tool - Track component usage from multiple sources")
|
|
30
30
|
.requiredOption(
|
|
31
31
|
"-p, --project <name>",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@georgewrmarshall/design-system-metrics",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"description": "A CLI tool to audit design system component usage from local libraries, NPM packages, and track deprecated components across MetaMask codebases",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"packageManager": "yarn@4.3.1",
|