chore(upgrade): Migrate to tinyglobby (#7415)

Author: alexcarpenter

.changeset/thin-eggs-bathe.md

@@ -0,0 +1,6 @@
+---
+'@clerk/dev-cli': patch
+'@clerk/upgrade': patch
+---
+
+Replace `globby` dependency with `tinyglobby` for smaller bundle size and faster installation

package.json

@@ -118,7 +118,6 @@
     "fs-extra": "^11.3.0",
     "get-port": "^5.1.1",
     "globals": "^15.15.0",
-    "globby": "^13.2.2",
     "http-proxy": "^1.18.1",
     "http-server": "^14.1.1",
     "husky": "^8.0.3",
@@ -138,6 +137,7 @@
     "rimraf": "6.0.1",
     "rolldown": "catalog:repo",
     "statuses": "^1.5.0",
+    "tinyglobby": "^0.2.15",
     "tree-kill": "^1.2.2",
     "ts-jest": "29.2.5",
     "tsdown": "catalog:repo",

packages/dev-cli/package.json

@@ -27,8 +27,8 @@
     "commander": "^14.0.1",
     "concurrently": "^9.2.1",
     "dotenv": "^17.2.3",
-    "globby": "^14.1.0",
-    "jscodeshift": "^17.3.0"
+    "jscodeshift": "^17.3.0",
+    "tinyglobby": "^0.2.15"
   },
   "devDependencies": {},
   "engines": {

packages/dev-cli/src/utils/getClerkPackages.js

@@ -1,7 +1,7 @@
 import { readFile } from 'node:fs/promises';
 import { dirname, posix } from 'node:path';
 
-import { globby } from 'globby';
+import { glob } from 'tinyglobby';
 
 import { NULL_ROOT_ERROR } from './errors.js';
 import { getMonorepoRoot } from './getMonorepoRoot.js';
@@ -17,7 +17,7 @@ export async function getClerkPackages() {
   }
   /** @type {Record<string, string>} */
   const packages = {};
-  const clerkPackages = await globby([posix.join(monorepoRoot, 'packages', '*', 'package.json'), '!*node_modules*']);
+  const clerkPackages = await glob([posix.join(monorepoRoot, 'packages', '*', 'package.json'), '!*node_modules*']);
   for (const packageJSON of clerkPackages) {
     const { name } = JSON.parse(await readFile(packageJSON, 'utf-8'));
     if (name) {

packages/upgrade/package.json

@@ -35,15 +35,15 @@
     "chalk": "^5.3.0",
     "ejs": "3.1.10",
     "execa": "9.4.1",
-    "globby": "^14.0.1",
     "gray-matter": "^4.0.3",
     "index-to-position": "^0.1.2",
     "jscodeshift": "^17.0.0",
     "marked": "^11.1.1",
     "meow": "^11.0.0",
     "read-pkg": "^9.0.1",
     "semver-regex": "^4.0.5",
-    "temp-dir": "^3.0.0"
+    "temp-dir": "^3.0.0",
+    "tinyglobby": "^0.2.15"
   },
   "devDependencies": {
     "@babel/cli": "^7.24.7",

packages/upgrade/src/codemods/index.js

@@ -2,8 +2,8 @@ import { dirname, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
 
 import chalk from 'chalk';
-import { globby } from 'globby';
 import { run } from 'jscodeshift/src/Runner.js';
+import { glob } from 'tinyglobby';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
@@ -33,13 +33,13 @@ const GLOBBY_IGNORE = [
   '**/*.{css,scss,sass,less,styl}',
 ];
 
-export async function runCodemod(transform = 'transform-async-request', glob, options = {}) {
+export async function runCodemod(transform = 'transform-async-request', patterns, options = {}) {
   if (!transform) {
     throw new Error('No transform provided');
   }
   const resolvedPath = resolve(__dirname, `${transform}.cjs`);
 
-  const paths = await globby(glob, { ignore: GLOBBY_IGNORE });
+  const paths = await glob(patterns, { ignore: GLOBBY_IGNORE });
 
   if (options.skipCodemods) {
     return {

packages/upgrade/src/runner.js

@@ -2,8 +2,8 @@ import fs from 'node:fs/promises';
 import path from 'node:path';
 
 import chalk from 'chalk';
-import { convertPathToPattern, globby } from 'globby';
 import indexToPosition from 'index-to-position';
+import { glob } from 'tinyglobby';
 
 import { getCodemodConfig, runCodemod } from './codemods/index.js';
 import { createSpinner, renderCodemodResults } from './render.js';
@@ -68,8 +68,10 @@ export async function runScans(config, sdk, options) {
   const spinner = createSpinner('Scanning files for breaking changes...');
 
   try {
-    const pattern = convertPathToPattern(path.resolve(options.dir));
-    const files = await globby(pattern, {
+    const cwd = path.resolve(options.dir);
+    const files = await glob('**/*', {
+      cwd,
+      absolute: true,
       ignore: [...GLOBBY_IGNORE, ...(options.ignore || [])],
     });
 

pnpm-lock.yaml

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-import { globby } from 'globby';
+import { glob } from 'tinyglobby';
 import { $ } from 'zx';
 
 const ROOT_FILE_PATTERNS = ['*.cjs', '*.js', '*.json', '*.md', '*.mjs', '*.ts', '*.yaml'];
@@ -16,7 +16,7 @@ async function getExistingFiles() {
 
   for (const pattern of ROOT_FILE_PATTERNS) {
     try {
-      const matches = await globby(pattern, {
+      const matches = await glob(pattern, {
         ignore: ['node_modules/**', '**/node_modules/**', 'packages/**'],
       });
       existingFiles.push(...matches);
@@ -27,7 +27,7 @@ async function getExistingFiles() {
 
   for (const pattern of NON_WORKSPACE_PATTERNS) {
     try {
-      const matches = await globby(pattern, {
+      const matches = await glob(pattern, {
         ignore: [
           'node_modules/**',
           '**/node_modules/**',

scripts/format-non-workspace.mjs

@@ -1,7 +1,7 @@
 import { fileURLToPath } from 'node:url';
 
 import fs from 'fs-extra';
-import { globby as glob } from 'globby';
+import { glob } from 'tinyglobby';
 
 const { GITHUB_REF = 'main' } = process.env;
 const baseUrl = new URL(`https://github.com/clerk/javascript/blob/${GITHUB_REF}/`);