feat: vg utility init (#5672)

* feat: vg utility init

* Cleanup

Author: OEvgeny

package-lock.json

@@ -52,7 +52,8 @@
     "packages/bundle",
     "packages/test/page-object",
     "packages/debug-theme",
-    "packages/fluent-theme"
+    "packages/fluent-theme",
+    "packages/vibe-grep"
   ],
   "scripts": {
     "audit-all": "find -name package-lock.json | xargs dirname | xargs -I {} sh -c 'cd {} && npm audit'",
@@ -172,7 +173,8 @@
     "start:test-dev-server": "cd packages && cd test && cd dev-server && npm start",
     "start:test-harness": "cd packages && cd test && cd harness && npm start",
     "start:test-page-object": "cd packages && cd test && cd page-object && npm start",
-    "test": "jest"
+    "test": "jest",
+    "vg": "vg"
   },
   "pinDependencies": {
     "@testing-library/react": [
@@ -228,6 +230,7 @@
     "@babel/runtime": "^7.28.4",
     "@biomejs/biome": "^2.3.10",
     "@happy-dom/jest-environment": "^20.0.11",
+    "@msinternal/vibe-grep": "^0.0.0-0",
     "@testing-library/react": "^12.1.5",
     "@types/jest": "^29.5.14",
     "@types/react": "^16.14.68",

package.json

@@ -78,8 +78,8 @@
     "build": "npm run --if-present build:pre && npm run build:run && npm run --if-present build:post",
     "build:post": "npm run build:post:dtsroll && npm run build:post:validate:css && npm run build:post:validate:dts",
     "build:post:dtsroll": "dtsroll ./dist/*.d.*",
-    "build:post:validate:css": "grep -q -P '\\.webchat \\.w([a-zA-Z-]){6}_' dist/*.css 2>/dev/null || { echo \"Error: dist/*.css is not compiled by Lightning CSS\" >&2; exit 1; }",
-    "build:post:validate:dts": "if grep -q -P '@msinternal\\/' dist/*.d.* 2>/dev/null; then echo \"Error: dist/*.d.* is not compiled by dtsroll\" >&2; exit 1; fi",
+    "build:post:validate:css": "vg ast-check lightning-css ./dist/*.css",
+    "build:post:validate:dts": "vg ast-check dist-types ./dist/*.d.*",
     "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
     "build:pre:local-dependencies": "../../scripts/npm/build-local-dependencies.sh",
     "build:pre:watch": "../../scripts/npm/build-watch.sh",

packages/component/package.json

@@ -29,7 +29,7 @@
   }
 }
 
-.activity-copy-button__copy-announcement {
+:global(.webchat) .activity-copy-button__copy-announcement {
   pointer-events: none;
 }
 

packages/component/src/Attachment/Text/private/ActivityCopyButton.module.css

@@ -44,8 +44,8 @@
     "build:post": "npm run build:post:dtsroll && npm run build:post:validate",
     "build:post:dtsroll": "dtsroll ./dist/*.d.*",
     "build:post:validate": "npm run build:post:validate:css && npm run build:post:validate:dts",
-    "build:post:validate:css": "grep -q -P '\\.webchat-fluent \\.w([a-zA-Z-]){6}_' dist/*.css 2>/dev/null || { echo \"Error: dist/*.css is not compiled by Lightning CSS\" >&2; exit 1; }",
-    "build:post:validate:dts": "if grep -q -P '@msinternal\\/' dist/*.d.* 2>/dev/null; then echo \"Error: dist/*.d.* is not compiled by dtsroll\" >&2; exit 1; fi",
+    "build:post:validate:css": "vg ast-check lightning-css ./dist/*.css",
+    "build:post:validate:dts": "vg ast-check dist-types ./dist/*.d.*",
     "build:pre": "npm run build:pre:local-dependencies && npm run build:pre:watch",
     "build:pre:local-dependencies": "../../scripts/npm/build-local-dependencies.sh",
     "build:pre:watch": "../../scripts/npm/build-watch.sh",

packages/fluent-theme/package.json

@@ -0,0 +1,65 @@
+# Vibe-Grep (vg)
+
+An internal tool for repository housekeeping using AST-based code search and analysis.
+
+## Usage
+
+The tool is available across the repo via the `vg` command:
+
+```bash
+vg help
+```
+
+## Architecture
+
+Built on top of [`ast-grep`](https://ast-grep.github.io/), vibe-grep provides extensible code analysis through:
+
+- **Commands** – Custom operations in the `commands/` folder
+- **Presets** – Reusable rule sets in the `rules/` folder
+- **Rules** – Individual AST patterns within presets
+
+## Development
+
+### Adding Commands
+
+Create a `.js` file in the `commands/` directory:
+
+```js
+export const description = 'Short command description.';
+
+export function help(...args) {
+   // Print command help (optional)
+}
+
+export default function run(...args) {
+   // Run the command
+}
+```
+
+### Adding Presets
+
+Debug rules using the [AST-Grep playground](https://ast-grep.github.io/playground.html).
+
+Create a `.yaml` file in the `rules/` directory:
+
+```yaml
+---
+# Context for developers
+
+id: rule-name
+language: TypeScript # or JavaScript, etc.
+rule:
+   # AST pattern goes here
+description: 'Rule description for help command'
+message: 'Message shown when matched'
+severity: error # or warning
+args: [sample, args] # For help examples
+```
+
+### Adding Rules
+
+Adding new rules to existing presets is as simple as adding another block starting from `---` into the desired `.yaml` file.
+
+## License
+
+MIT

packages/vibe-grep/README.md

@@ -0,0 +1,38 @@
+{
+  "name": "@msinternal/vibe-grep",
+  "description": "VibeGrep (vg) is an internal tool for the repo housekeeping.",
+  "version": "0.0.0-0",
+  "author": "Microsoft Corporation",
+  "license": "MIT",
+  "private": true,
+  "type": "module",
+  "bin": {
+    "vg": "./src/vg.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/microsoft/BotFramework-WebChat.git"
+  },
+  "bugs": {
+    "url": "https://github.com/microsoft/BotFramework-WebChat/issues"
+  },
+  "files": [
+    "src/**/*"
+  ],
+  "homepage": "https://github.com/microsoft/BotFramework-WebChat/tree/main/packages/vibe-grep#readme",
+  "scripts": {
+    "bump": "npm run bump:prod && npm run bump:dev && (npm audit fix || exit 0)",
+    "bump:dev": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.devDependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install $PACKAGES_TO_BUMP || true",
+    "bump:prod": "PACKAGES_TO_BUMP=$(cat package.json | jq -r '(.pinDependencies // {}) as $P | (.localDependencies // {} | keys) as $L | (.dependencies // {}) | to_entries | map(select(.key as $K | $L | contains([$K]) | not)) | map(.key + \"@\" + ($P[.key] // [\"latest\"])[0]) | join(\" \")') && [ ! -z \"$PACKAGES_TO_BUMP\" ] && npm install --save-exact $PACKAGES_TO_BUMP || true",
+    "eslint": "npm run precommit",
+    "postversion": "../../scripts/npm/postversion.sh",
+    "precommit": "../../node_modules/.bin/eslint --report-unused-disable-directives --max-warnings 0",
+    "preversion": "../../scripts/npm/preversion.sh"
+  },
+  "pinDependencies": {},
+  "localDependencies": {},
+  "dependencies": {
+    "@ast-grep/napi": "^0.40.5",
+    "yaml": "^2.8.2"
+  }
+}