@georgewrmarshall/design-system-metrics 2.0.0 → 2.2.0

package/.claude/settings.local.json

@@ -9,7 +9,14 @@
       "Bash(yarn test:*)",
       "Bash(npm view:*)",
       "Bash(npm whoami:*)",
-      "Bash(npm publish:*)"
+      "Bash(npm publish:*)",
+      "Bash(git add:*)",
+      "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)\")",
+      "Bash(git push:*)",
+      "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)\")",
+      "Bash(git commit:*)",
+      "Bash(yarn npm audit)",
+      "Bash(git log:*)"
     ],
     "deny": [],
     "ask": []

package/CHANGELOG.md

@@ -0,0 +1,178 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [2.2.0] - 2026-01-22
+
+### Added
+
+- **Mobile Components**: Added 10 missing components to mobile deprecatedComponents list:
+  - BadgeNotifications
+  - HeaderBase
+  - ListItemMultiSelect
+  - ListItemSelect
+  - RadioButton
+  - SelectButton
+  - SelectOption
+  - SelectValue
+  - SensitiveText
+  - Skeleton
+- **Documentation**: Added Future Feature Ideas section to README
+  - Props Audit concept
+  - Team Adoption Metrics using CODEOWNERS
+
+### Changed
+
+- **Mobile Components**: Updated to 110 deprecated components (from 100)
+
+### Fixed
+
+- **CHANGELOG**: Corrected inaccuracies in version history
+  - Removed duplicate 2.0.0 entry
+  - Fixed dates and component counts
+  - Clarified that 2.1.0 did not include the 10 mobile components
+
+## [2.1.0] - 2026-01-22
+
+### Added
+
+- **Documentation**: CHANGELOG.md created with full version history from 1.0.0 through 2.1.0
+
+## [2.0.0] - 2026-01-21
+
+### 🎉 Major Refactor
+
+This release represents a complete architectural overhaul to better align with migration tracking goals.
+
+### Added
+
+- **Explicit Component Lists**: Introduced `deprecatedComponents` and `currentComponents` arrays per project
+- **Missing Components**: Added 5 components to Extension tracking:
+  - FileUploader
+  - LottieAnimation
+  - Skeleton
+  - SensitiveText
+  - Textarea (restored)
+- **Comprehensive Test Suite**: Added Jest test suite with 8 passing tests
+  - Test fixtures for deprecated, current, and mixed usage
+  - Tests for source separation and file path tracking
+  - JSON output format testing
+- **Test Scripts**: Added `yarn test` and `yarn test:watch` commands
+- **Jest Configuration**: Added jest.config.js for proper test execution
+
+### Changed
+
+- **BREAKING**: Simplified from 4 projects to 2 (extension and mobile only)
+- **BREAKING**: Removed `design-system-react` and `design-system-react-native` project configs
+- **BREAKING**: Split `components` array into `deprecatedComponents` and `currentComponents`
+- **Architecture**: Local `/component-library` imports now map to `deprecatedComponents`
+- **Architecture**: NPM package imports now map to `currentComponents`
+- **Extension Components**: Now tracks 47 deprecated + 24 current components
+- **Mobile Components**: Now tracks 100 deprecated + 25 current components
+- **Component Lists**: Updated to match actual folder structure and NPM package exports
+- Removed AvatarAccount from Extension deprecatedComponents (only exists in NPM package)
+
+### Fixed
+
+- Component lists now accurately reflect the actual local component-library folders
+- Test expectations now match actual component usage patterns
+- All 8 tests passing
+
+### Documentation
+
+- Updated README.md with new architecture
+- Clarified two-project structure (extension and mobile)
+- Documented `deprecatedComponents` vs `currentComponents` mental model
+
+## [1.0.2] - 2024-10-04
+
+### Security
+
+- Dependency updates via Dependabot
+
+## [1.0.1] - 2024-10-04
+
+### Fixed
+
+- Added missing component
+- Updated dependencies
+
+### Security
+
+- Updated brace-expansion
+- Updated cross-spawn
+
+## [1.0.0] - 2024-10-04 - Initial Release
+
+### Added
+
+- Initial CLI tool for design system metrics
+- Support for Extension and Mobile projects
+- CSV and JSON output formats
+- Component usage tracking via AST parsing
+- Babel-based JSX parsing
+- Commander-based CLI interface
+
+---
+
+## Migration Guide: v1.x → v2.0.0
+
+### Breaking Changes
+
+If you were using v1.x, here's what changed:
+
+#### 1. Configuration Structure
+
+**Before (v1.x):**
+```json
+{
+  "projects": {
+    "extension": {
+      "components": ["Button", "Icon", ...]
+    }
+  }
+}
+```
+
+**After (v2.0.0):**
+```json
+{
+  "projects": {
+    "extension": {
+      "deprecatedComponents": ["Button", "Icon", ...],
+      "currentComponents": ["Button", "Icon", ...]
+    }
+  }
+}
+```
+
+#### 2. Removed Projects
+
+The following projects were removed:
+- `design-system-react`
+- `design-system-react-native`
+
+To audit the design system packages themselves, run the tool directly in those repositories.
+
+#### 3. Output Files
+
+Output file naming remains the same:
+- `{project}-component-metrics-deprecated.csv`
+- `{project}-component-metrics-current.csv`
+
+### Benefits of Upgrading
+
+- ✅ Clearer separation between deprecated and current components
+- ✅ More accurate component lists matching actual codebase
+- ✅ Better migration tracking (old vs new)
+- ✅ Comprehensive test coverage
+- ✅ Simpler, more focused architecture
+
+---
+
+[2.0.0]: https://github.com/georgewrmarshall/design-system-metrics/compare/v1.0.1...v2.0.0
+[1.0.1]: https://github.com/georgewrmarshall/design-system-metrics/compare/v1.0.0...v1.0.1
+[1.0.0]: https://github.com/georgewrmarshall/design-system-metrics/releases/tag/v1.0.0

package/README.md

@@ -208,6 +208,28 @@ One aggregated report showing all component usage:
 
 ---
 
+### **Future Feature Ideas**
+
+We're exploring additional features to enhance design system adoption tracking:
+
+#### **Props Audit**
+- Track the most commonly used props for each component
+- Identify prop usage patterns across the codebase
+- Help inform API design decisions for design system components
+- Surface which props are heavily used vs rarely used
+
+#### **Team Adoption Metrics**
+- Use CODEOWNERS files to map component usage to teams
+- Generate team-level adoption reports showing:
+  - Which teams have the highest design system adoption
+  - Which teams still have the most deprecated component usage
+  - Per-team migration progress tracking
+- Help identify teams that may need additional migration support
+
+Want to contribute or suggest other features? Open an issue on GitHub!
+
+---
+
 ### **Contributing**
 
 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

@@ -7,7 +7,6 @@
       "outputFile": "extension-component-metrics.csv",
       "currentPackages": ["@metamask/design-system-react"],
       "deprecatedComponents": [
-        "AvatarAccount",
         "AvatarBase",
         "AvatarFavicon",
         "AvatarIcon",
@@ -26,12 +25,14 @@
         "ButtonSecondary",
         "Checkbox",
         "Container",
+        "FileUploader",
         "FormTextField",
         "HeaderBase",
         "HelpText",
         "Icon",
         "Input",
         "Label",
+        "LottieAnimation",
         "Modal",
         "ModalBody",
         "ModalContent",
@@ -45,6 +46,8 @@
         "SelectButton",
         "SelectOption",
         "SelectWrapper",
+        "SensitiveText",
+        "Skeleton",
         "Tag",
         "TagUrl",
         "Text",
@@ -103,6 +106,7 @@
         "Badge",
         "BadgeBase",
         "BadgeNetwork",
+        "BadgeNotifications",
         "BadgeStatus",
         "BadgeWrapper",
         "Banner",
@@ -137,6 +141,7 @@
         "CustomInput",
         "CustomSpendCap",
         "Header",
+        "HeaderBase",
         "HeaderCenter",
         "HeaderWithTitleLeft",
         "HeaderWithTitleLeftScrollable",
@@ -147,8 +152,10 @@
         "Label",
         "ListItem",
         "ListItemColumn",
+        "ListItemMultiSelect",
         "ListItemMultiSelectButton",
         "ListItemMultiSelectWithMenuButton",
+        "ListItemSelect",
         "Loader",
         "MainActionButton",
         "ModalConfirmation",
@@ -165,11 +172,17 @@
         "PickerNetwork",
         "QuickActionButton",
         "QuickActionButtons",
+        "RadioButton",
         "SegmentedControl",
+        "SelectButton",
         "SelectItem",
+        "SelectOption",
+        "SelectValue",
+        "SensitiveText",
         "SheetActions",
         "SheetBottom",
         "SheetHeader",
+        "Skeleton",
         "Tab",
         "TabBar",
         "TabBarItem",

package/index.js

@@ -25,7 +25,7 @@ const loadConfig = async (configPath) => {
 
 // Define CLI options using Commander
 program
-  .version("2.0.0")
+  .version("2.1.0")
   .description("Design System Metrics CLI Tool - Track component usage from multiple sources")
   .requiredOption(
     "-p, --project <name>",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@georgewrmarshall/design-system-metrics",
-  "version": "2.0.0",
+  "version": "2.2.0",
   "description": "A CLI tool to audit design system component usage from local libraries, NPM packages, and track deprecated components across MetaMask codebases",
   "main": "index.js",
   "packageManager": "yarn@4.3.1",