@clerk/upgrade 2.0.0-snapshot.v20251204175016 → 2.0.0-snapshot.v20251211120550

package/dist/components/Command.js

@@ -1,56 +0,0 @@
-import { Spinner, StatusMessage } from '@inkjs/ui';
-import { execa } from 'execa';
-import { Text } from 'ink';
-import React, { useEffect, useState } from 'react';
-
-/**
- * Component that runs a command and handles the result.
- *
- * @component
- * @param {Object} props
- * @param {Function} props.callback - The callback function to be called after the command execution.
- * @param {string} props.cmd - The command to execute.
- * @param {string} props.message - The message to display while the command is running.
- * @returns {JSX.Element} The rendered component.
- *
- * @example
- * <Command cmd="echo 'hello world'" />
- */
-export function Command({
-  cmd,
-  message,
-  onError,
-  onSuccess
-}) {
-  const [error, setError] = useState();
-  const [result, setResult] = useState();
-  useEffect(() => {
-    execa({
-      shell: true
-    })`${cmd}`.then(res => {
-      setResult(res);
-    }).catch(err => {
-      setError(err);
-    });
-  }, [cmd]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !result && !error && /*#__PURE__*/React.createElement(Loading, {
-    cmd: cmd,
-    message: message
-  }), result ? onSuccess ? onSuccess() : /*#__PURE__*/React.createElement(StatusMessage, {
-    variant: "success"
-  }, "Successfully ran: ", /*#__PURE__*/React.createElement(Text, {
-    bold: true
-  }, cmd)) : null, error ? onError ? onError() : /*#__PURE__*/React.createElement(StatusMessage, {
-    variant: "error"
-  }, "Failed running: ", /*#__PURE__*/React.createElement(Text, {
-    bold: true
-  }, cmd)) : null);
-}
-function Loading({
-  cmd,
-  message
-}) {
-  return message ? message : /*#__PURE__*/React.createElement(Spinner, {
-    label: `Running command: ${cmd}`
-  });
-}

package/dist/components/Header.js

@@ -1,11 +0,0 @@
-import BigText from 'ink-big-text';
-import Gradient from 'ink-gradient';
-import React from 'react';
-export function Header() {
-  return /*#__PURE__*/React.createElement(Gradient, {
-    name: "vice"
-  }, /*#__PURE__*/React.createElement(BigText, {
-    text: "Clerk Upgrade",
-    font: "tiny"
-  }));
-}

package/dist/components/SDKWorkflow.js

@@ -1,278 +0,0 @@
-import { Select, Spinner, StatusMessage } from '@inkjs/ui';
-import { Newline, Text } from 'ink';
-import Link from 'ink-link';
-import React, { useState } from 'react';
-import { getClerkSdkVersion } from '../util/get-clerk-version.js';
-import { Codemod } from './Codemod.js';
-import { Command } from './Command.js';
-import { Header } from './Header.js';
-import { UpgradeSDK } from './UpgradeSDK.js';
-const CODEMODS = {
-  ASYNC_REQUEST: 'transform-async-request',
-  CLERK_REACT_V6: 'transform-clerk-react-v6',
-  REMOVE_DEPRECATED_PROPS: 'transform-remove-deprecated-props'
-};
-function versionNeedsUpgrade(sdk, version) {
-  if (sdk === 'clerk-react' && version === 5) {
-    return true;
-  }
-  if (sdk === 'clerk-expo' && version === 2) {
-    return true;
-  }
-  if (sdk === 'react-router' && version === 2) {
-    return true;
-  }
-  if (sdk === 'tanstack-react-start' && version === 0) {
-    return true;
-  }
-  return false;
-}
-
-/**
- * SDKWorkflow component handles the upgrade process for a given SDK.
- * It checks the current version of the SDK and provides the necessary steps
- * to upgrade or run codemods based on the version.
- *
- * @component
- * @param {Object} props
- * @param {string} props.sdk - The SDK to be upgraded.
- *
- * @returns {JSX.Element} The rendered component.
- */
-export function SDKWorkflow(props) {
-  const {
-    sdk
-  } = props;
-  const detectedVersion = getClerkSdkVersion(sdk);
-  const [done, setDone] = useState(false);
-  const [runCodemod, setRunCodemod] = useState(false);
-  const [upgradeComplete, setUpgradeComplete] = useState(false);
-  const [version, setVersion] = useState(detectedVersion);
-  const [versionConfirmed, setVersionConfirmed] = useState(Boolean(detectedVersion));
-  if (!['nextjs', 'clerk-react', 'clerk-expo', 'react-router', 'tanstack-react-start'].includes(sdk)) {
-    return /*#__PURE__*/React.createElement(StatusMessage, {
-      variant: "error"
-    }, "The SDK upgrade functionality is not available for ", /*#__PURE__*/React.createElement(Text, {
-      bold: true
-    }, "@clerk/", sdk), " at the moment.");
-  }
-
-  // If we cannot automatically determine the installed version, let the user
-  // pick the major version they are on so we can still run the appropriate
-  // upgrade / codemods instead of silently doing nothing.
-  if (!versionConfirmed) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(Text, null, "We couldn't automatically detect which major version of ", /*#__PURE__*/React.createElement(Text, {
-      bold: true
-    }, "@clerk/", sdk), " you're using."), /*#__PURE__*/React.createElement(Newline, null), /*#__PURE__*/React.createElement(StatusMessage, {
-      variant: "warning"
-    }, "Please select the major version below. If you're not sure, picking v7 (Core 3) will run the latest codemods and is generally safe to re-run."), /*#__PURE__*/React.createElement(Newline, null), /*#__PURE__*/React.createElement(Text, null, "Please select your current @clerk/", sdk, " major version:"), /*#__PURE__*/React.createElement(Select, {
-      options: [{
-        label: 'v5 (upgrade to v6)',
-        value: 5
-      }, {
-        label: 'v6 (upgrade to v7 / Core 3)',
-        value: 6
-      }, {
-        label: 'v7 (already on Core 3, just run codemods)',
-        value: 7
-      }],
-      onChange: value => {
-        const numeric = typeof value === 'number' ? value : Number(value);
-        setVersion(Number.isNaN(numeric) ? 7 : numeric);
-        setVersionConfirmed(true);
-      }
-    }));
-  }
-  if (sdk === 'nextjs') {
-    return /*#__PURE__*/React.createElement(NextjsWorkflow, {
-      done: done,
-      runCodemod: runCodemod,
-      sdk: sdk,
-      setDone: setDone,
-      setRunCodemod: setRunCodemod,
-      setUpgradeComplete: setUpgradeComplete,
-      upgradeComplete: upgradeComplete,
-      version: version
-    });
-  }
-  if (['clerk-react', 'clerk-expo', 'react-router', 'tanstack-react-start'].includes(sdk)) {
-    return /*#__PURE__*/React.createElement(ReactSdkWorkflow, {
-      done: done,
-      runCodemod: runCodemod,
-      sdk: sdk,
-      setDone: setDone,
-      setRunCodemod: setRunCodemod,
-      setUpgradeComplete: setUpgradeComplete,
-      upgradeComplete: upgradeComplete,
-      version: version
-    });
-  }
-}
-function NextjsWorkflow({
-  done,
-  runCodemod,
-  sdk,
-  setDone,
-  setRunCodemod,
-  setUpgradeComplete,
-  upgradeComplete,
-  version
-}) {
-  const [v6CodemodComplete, setV6CodemodComplete] = useState(false);
-  const [glob, setGlob] = useState();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(Text, null, "Clerk SDK used: ", /*#__PURE__*/React.createElement(Text, {
-    color: "green"
-  }, "@clerk/", sdk)), /*#__PURE__*/React.createElement(Text, null, "Migrating from version: ", /*#__PURE__*/React.createElement(Text, {
-    color: "green"
-  }, version)), runCodemod ? /*#__PURE__*/React.createElement(Text, null, "Executing codemod: ", /*#__PURE__*/React.createElement(Text, {
-    color: "green"
-  }, "yes")) : null, /*#__PURE__*/React.createElement(Newline, null), version === 5 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UpgradeSDK, {
-    callback: setUpgradeComplete,
-    sdk: sdk
-  }), upgradeComplete ? /*#__PURE__*/React.createElement(Codemod, {
-    callback: setV6CodemodComplete,
-    sdk: sdk,
-    transform: CODEMODS.ASYNC_REQUEST,
-    onGlobResolved: setGlob
-  }) : null, v6CodemodComplete ? /*#__PURE__*/React.createElement(Codemod, {
-    callback: setDone,
-    sdk: sdk,
-    transform: CODEMODS.REMOVE_DEPRECATED_PROPS,
-    glob: glob
-  }) : null), version === 6 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UpgradeSDK, {
-    callback: setUpgradeComplete,
-    sdk: sdk
-  }), upgradeComplete ? /*#__PURE__*/React.createElement(Codemod, {
-    callback: setV6CodemodComplete,
-    sdk: sdk,
-    transform: CODEMODS.CLERK_REACT_V6,
-    onGlobResolved: setGlob
-  }) : null, v6CodemodComplete ? /*#__PURE__*/React.createElement(Codemod, {
-    callback: setDone,
-    sdk: sdk,
-    transform: CODEMODS.REMOVE_DEPRECATED_PROPS,
-    glob: glob
-  }) : null), version === 7 && /*#__PURE__*/React.createElement(React.Fragment, null, runCodemod ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Codemod, {
-    callback: setV6CodemodComplete,
-    sdk: sdk,
-    transform: CODEMODS.CLERK_REACT_V6,
-    onGlobResolved: setGlob
-  }), v6CodemodComplete ? /*#__PURE__*/React.createElement(Codemod, {
-    callback: setDone,
-    sdk: sdk,
-    transform: CODEMODS.REMOVE_DEPRECATED_PROPS,
-    glob: glob
-  }) : null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, "Looks like you are already on the latest version of ", /*#__PURE__*/React.createElement(Text, {
-    bold: true
-  }, "@clerk/", sdk), ". Would you like to run the associated codemods?"), /*#__PURE__*/React.createElement(Select, {
-    onChange: value => {
-      if (value === 'yes') {
-        setRunCodemod(true);
-      } else {
-        setDone(true);
-      }
-    },
-    options: [{
-      label: 'yes',
-      value: 'yes'
-    }, {
-      label: 'no',
-      value: 'no'
-    }]
-  }))), done && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StatusMessage, {
-    variant: "success"
-  }, "Done upgrading ", /*#__PURE__*/React.createElement(Text, {
-    bold: true
-  }, "@clerk/nextjs")), /*#__PURE__*/React.createElement(Command, {
-    cmd: 'grep -rE "import.*\\\\{.*useAuth.*\\\\}.*from.*[\'\\\\\\"]@clerk/nextjs[\'\\\\\\"]" . --exclude-dir={node_modules,dist}',
-    message: /*#__PURE__*/React.createElement(Spinner, {
-      label: 'Checking for `useAuth` usage in your project...'
-    }),
-    onError: () => null,
-    onSuccess: NextjsUseAuthWarning
-  })));
-}
-function NextjsUseAuthWarning() {
-  return /*#__PURE__*/React.createElement(StatusMessage, {
-    variant: "warning"
-  }, /*#__PURE__*/React.createElement(Text, null, "We have detected that your application might be using the ", /*#__PURE__*/React.createElement(Text, {
-    bold: true
-  }, "useAuth"), " hook from", ' ', /*#__PURE__*/React.createElement(Text, {
-    bold: true
-  }, "@clerk/nextjs"), "."), /*#__PURE__*/React.createElement(Newline, null), /*#__PURE__*/React.createElement(Text, null, "If usages of this hook are server-side rendered, you might need to add the ", /*#__PURE__*/React.createElement(Text, {
-    bold: true
-  }, "dynamic"), " prop to your application's root ", /*#__PURE__*/React.createElement(Text, {
-    bold: true
-  }, "ClerkProvider"), "."), /*#__PURE__*/React.createElement(Newline, null), /*#__PURE__*/React.createElement(Text, null, "You can find more information about this change in the Clerk documentation at", ' ', /*#__PURE__*/React.createElement(Link, {
-    url: "https://clerk.com/docs/references/nextjs/rendering-modes"
-  }, "https://clerk.com/docs/references/nextjs/rendering-modes"), "."));
-}
-function ReactSdkWorkflow({
-  done,
-  runCodemod,
-  sdk,
-  setDone,
-  setRunCodemod,
-  setUpgradeComplete,
-  upgradeComplete,
-  version
-}) {
-  const [v6CodemodComplete, setV6CodemodComplete] = useState(false);
-  const [glob, setGlob] = useState();
-  const replacePackage = sdk === 'clerk-react' || sdk === 'clerk-expo';
-  const needsUpgrade = versionNeedsUpgrade(sdk, version);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(Text, null, "Clerk SDK used: ", /*#__PURE__*/React.createElement(Text, {
-    color: "green"
-  }, "@clerk/", sdk)), /*#__PURE__*/React.createElement(Text, null, "Migrating from version: ", /*#__PURE__*/React.createElement(Text, {
-    color: "green"
-  }, version)), runCodemod ? /*#__PURE__*/React.createElement(Text, null, "Executing codemod: ", /*#__PURE__*/React.createElement(Text, {
-    color: "green"
-  }, "yes")) : null, /*#__PURE__*/React.createElement(Newline, null), needsUpgrade && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UpgradeSDK, {
-    callback: setUpgradeComplete,
-    replacePackage: replacePackage,
-    sdk: sdk
-  }), upgradeComplete ? /*#__PURE__*/React.createElement(Codemod, {
-    callback: setV6CodemodComplete,
-    sdk: sdk,
-    transform: CODEMODS.CLERK_REACT_V6,
-    onGlobResolved: setGlob
-  }) : null, v6CodemodComplete ? /*#__PURE__*/React.createElement(Codemod, {
-    callback: setDone,
-    sdk: sdk,
-    transform: CODEMODS.REMOVE_DEPRECATED_PROPS,
-    glob: glob
-  }) : null), !needsUpgrade && /*#__PURE__*/React.createElement(React.Fragment, null, runCodemod ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Codemod, {
-    callback: setV6CodemodComplete,
-    sdk: sdk,
-    transform: CODEMODS.CLERK_REACT_V6,
-    onGlobResolved: setGlob
-  }), v6CodemodComplete ? /*#__PURE__*/React.createElement(Codemod, {
-    callback: setDone,
-    sdk: sdk,
-    transform: CODEMODS.REMOVE_DEPRECATED_PROPS,
-    glob: glob
-  }) : null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, "Looks like you are already on the latest version of ", /*#__PURE__*/React.createElement(Text, {
-    bold: true
-  }, "@clerk/", sdk), ". Would you like to run the associated codemods?"), /*#__PURE__*/React.createElement(Select, {
-    onChange: value => {
-      if (value === 'yes') {
-        setRunCodemod(true);
-      } else {
-        setDone(true);
-      }
-    },
-    options: [{
-      label: 'yes',
-      value: 'yes'
-    }, {
-      label: 'no',
-      value: 'no'
-    }]
-  }))), done && /*#__PURE__*/React.createElement(StatusMessage, {
-    variant: "success"
-  }, replacePackage ? /*#__PURE__*/React.createElement(React.Fragment, null, "Done upgrading to ", /*#__PURE__*/React.createElement(Text, {
-    bold: true
-  }, "@clerk/", sdk.replace('clerk-', ''))) : /*#__PURE__*/React.createElement(React.Fragment, null, "Done upgrading ", /*#__PURE__*/React.createElement(Text, {
-    bold: true
-  }, "@clerk/", sdk))));
-}

package/dist/components/Scan.js

@@ -1,180 +0,0 @@
-import { ProgressBar } from '@inkjs/ui';
-import fs from 'fs/promises';
-import { convertPathToPattern, globby } from 'globby';
-import indexToPosition from 'index-to-position';
-import { Newline, Text } from 'ink';
-import path from 'path';
-import React, { useEffect, useState } from 'react';
-import ExpandableList from '../util/expandable-list.js';
-export function Scan(props) {
-  const {
-    fromVersion,
-    toVersion,
-    sdks,
-    dir,
-    ignore,
-    noWarnings,
-    uuid,
-    disableTelemetry
-  } = props;
-  // NOTE: if the difference between fromVersion and toVersion is greater than 1
-  // we need to do a little extra work here and import two matchers,
-  // sequence them after each other, and clearly mark which version migration
-  // applies to each log.
-  //
-  // This is not yet implemented though since the current state of the script
-  // only handles a single version.
-  const [status, setStatus] = useState('Initializing');
-  const [progress, setProgress] = useState(0);
-  const [complete, setComplete] = useState(false);
-  const [matchers, setMatchers] = useState();
-  const [files, setFiles] = useState();
-  const [results, setResults] = useState([]);
-
-  // Load matchers
-  // -------------
-  // result = `matchers` set to format:
-  // { sdkName: [{ title: 'x', matcher: /x/, slug: 'x', ... }] }
-  useEffect(() => {
-    setStatus(`Loading data for ${toVersion} migration`);
-    void import(`../versions/${toVersion}/index.js`).then(version => {
-      setMatchers(sdks.reduce((m, sdk) => {
-        m[sdk] = version.default[sdk];
-        return m;
-      }, {}));
-    });
-  }, [toVersion, sdks]);
-
-  // Get all files from the glob matcher
-  // -----------------------------------
-  // result = `files` set to format: ['/filename', '/other/filename']
-  useEffect(() => {
-    setStatus('Collecting files to scan');
-    const pattern = convertPathToPattern(path.resolve(dir));
-    void globby(pattern, {
-      ignore: ['node_modules/**', '**/node_modules/**', '.git/**', 'package.json', '**/package.json', 'package-lock.json', '**/package-lock.json', 'yarn.lock', '**/yarn.lock', 'pnpm-lock.yaml', '**/pnpm-lock.yaml', '**/*.(png|webp|svg|gif|jpg|jpeg)+', '**/*.(mp4|mkv|wmv|m4v|mov|avi|flv|webm|flac|mka|m4a|aac|ogg)+', ...ignore].filter(Boolean)
-    }).then(files => {
-      setFiles(files);
-    });
-  }, [dir, ignore]);
-
-  // Read files and scan regexes
-  // ---------------------------
-  // result = `results` set to format
-  useEffect(() => {
-    if (!matchers || !files) {
-      return;
-    }
-    const allResults = {};
-    void Promise.all(
-    // first we read all the files
-    files.map(async (file, idx) => {
-      const content = await fs.readFile(file, 'utf8');
-
-      // then we run each of the matchers against the file contents
-      for (const sdk in matchers) {
-        // returns [{ ...matcher, instances: [{sdk, file, position}]  }]
-        matchers[sdk].map(matcherConfig => {
-          // run regex against file content, return array of matches
-          // matcher can be an array or string
-          let matches = [];
-          if (Array.isArray(matcherConfig.matcher)) {
-            matcherConfig.matcher.map(m => {
-              matches = matches.concat(Array.from(content.matchAll(m)));
-            });
-          } else {
-            matches = Array.from(content.matchAll(matcherConfig.matcher));
-          }
-          if (matches.length < 1) {
-            return;
-          }
-
-          // for each match, add to `instances` array
-          matches.map(match => {
-            if (noWarnings && matcherConfig.warning) {
-              return;
-            }
-
-            // create if not exists
-            if (!allResults[matcherConfig.title]) {
-              allResults[matcherConfig.title] = {
-                instances: [],
-                ...matcherConfig
-              };
-            }
-            const position = indexToPosition(content, match.index, {
-              oneBased: true
-            });
-            const fileRelative = path.relative(process.cwd(), file);
-
-            // when scanning for multiple SDKs, you can get a double match, this logic ensures you don't
-            if (allResults[matcherConfig.title].instances.filter(i => {
-              return i.position.line === position.line && i.position.column === position.column && i.file === fileRelative;
-            }).length > 0) {
-              return;
-            }
-            allResults[matcherConfig.title].instances.push({
-              sdk,
-              position,
-              file: fileRelative
-            });
-          });
-        });
-      }
-      setStatus(`Scanning ${file}`);
-      setProgress(Math.ceil(idx / files.length * 100));
-    })).then(() => {
-      const aggregatedResults = Object.keys(allResults).map(k => allResults[k]);
-      setResults(prevResults => [...prevResults, ...aggregatedResults]);
-
-      // Anonymously track how many instances of each breaking change item were encountered.
-      // This only tracks the name of the breaking change found, and how many instances of it
-      // were found. It does not send any part of the scanned codebase or any PII.
-      // It is used internally to help us understand what the most common sticking points are
-      // for our users so we can appropriate prioritize support/guidance/docs around them.
-      if (!disableTelemetry) {
-        void fetch('https://api.segment.io/v1/batch', {
-          method: 'POST',
-          headers: {
-            Authorization: `Basic ${Buffer.from('5TkC1SM87VX2JRJcIGBBmL7sHLRWaIvc:').toString('base64')}`,
-            'Content-Type': 'application/json'
-          },
-          body: JSON.stringify({
-            batch: aggregatedResults.map(item => {
-              return {
-                type: 'track',
-                userId: 'clerk-upgrade-tool',
-                event: 'Clerk Migration Tool_CLI_Breaking Change Found',
-                properties: {
-                  appId: `cmt_${uuid}`,
-                  surface: 'Clerk Migration Tool',
-                  location: 'CLI',
-                  title: item.title,
-                  instances: item.instances.length,
-                  fromVersion,
-                  toVersion
-                },
-                timestamp: new Date().toISOString()
-              };
-            })
-          })
-        });
-      }
-      setComplete(true);
-      if (Object.keys(allResults).length < 1) {
-        setStatus('It looks like you have nothing you need to change, upgrade away!');
-      } else {
-        setStatus('File scan complete. See results below!');
-      }
-    }).catch(err => {
-      console.error(err);
-    });
-  }, [matchers, files, noWarnings, disableTelemetry, fromVersion, toVersion, uuid]);
-  return complete ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-    color: "green"
-  }, "\u2713 ", status), /*#__PURE__*/React.createElement(Newline, null), !!results.length && /*#__PURE__*/React.createElement(ExpandableList, {
-    items: results
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProgressBar, {
-    value: progress
-  }), /*#__PURE__*/React.createElement(Text, null, status));
-}

package/dist/components/UpgradeSDK.js

@@ -1,116 +0,0 @@
-import { Select, Spinner, StatusMessage } from '@inkjs/ui';
-import { execa } from 'execa';
-import { existsSync } from 'fs';
-import { Newline, Text } from 'ink';
-import React, { useEffect, useState } from 'react';
-function detectPackageManager() {
-  if (existsSync('package-lock.json')) {
-    return 'npm';
-  } else if (existsSync('yarn.lock')) {
-    return 'yarn';
-  } else if (existsSync('pnpm-lock.yaml')) {
-    return 'pnpm';
-  }
-  return undefined;
-}
-
-/**
- *
- * @param {string} sdk
- * @param {string} packageManager
- * @param {boolean} replacePackage
- * @returns
- */
-function upgradeCommand(sdk, packageManager, replacePackage = false) {
-  let packageName = `@clerk/${sdk}`;
-  if (replacePackage) {
-    packageName = packageName.replace('clerk-', '');
-  }
-  switch (packageManager) {
-    case 'yarn':
-      return `yarn add ${packageName}@latest`;
-    case 'pnpm':
-      return `pnpm add ${packageName}@latest`;
-    default:
-      return `npm install ${packageName}@latest`;
-  }
-}
-
-/**
- * Component that runs an upgrade command for a given SDK and handles the result.
- *
- * @component
- * @param {Object} props
- * @param {Function} props.callback - The callback function to be called after the command execution.
- * @param {string} props.sdk - The SDK for which the upgrade command is run.
- * @param {boolean} props.replacePackage - Whether to replace legacy `clerk-` packages with their new versions.
- * @returns {JSX.Element} The rendered component.
- *
- * @example
- * <UpgradeCommand sdk="example-sdk" callback={handleUpgrade} />
- */
-export function UpgradeSDK({
-  callback,
-  sdk,
-  replacePackage = false
-}) {
-  const [command, setCommand] = useState();
-  const [error, setError] = useState();
-  const [packageManager, setPackageManager] = useState(detectPackageManager());
-  const [result, setResult] = useState();
-  useEffect(() => {
-    if (!packageManager) {
-      return;
-    }
-    setCommand(previous => {
-      if (previous) {
-        return previous;
-      }
-      return upgradeCommand(sdk, packageManager, replacePackage);
-    });
-    if (!command) {
-      return;
-    }
-    execa({
-      shell: true
-    })`${command}`.then(res => {
-      setResult(res);
-    }).catch(err => {
-      setError(err);
-    }).finally(() => {
-      callback(true);
-    });
-  }, [callback, command, packageManager, replacePackage, sdk]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, packageManager ? null : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, "We could not detect the package manager used in your project. Please select the package manager you are using"), /*#__PURE__*/React.createElement(Select, {
-    options: [{
-      label: 'npm',
-      value: 'npm'
-    }, {
-      label: 'pnpm',
-      value: 'pnpm'
-    }, {
-      label: 'yarn',
-      value: 'yarn'
-    }],
-    onChange: setPackageManager
-  })), packageManager && !result && !error && /*#__PURE__*/React.createElement(Spinner, {
-    label: `Running upgrade command: ${command}`
-  }), result && /*#__PURE__*/React.createElement(StatusMessage, {
-    variant: "success"
-  }, /*#__PURE__*/React.createElement(Text, {
-    bold: true
-  }, "@clerk/", sdk), " upgraded successfully to ", /*#__PURE__*/React.createElement(Text, {
-    bold: true
-  }, "latest!")), error && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StatusMessage, {
-    variant: "error"
-  }, "Running the upgrade command failed:", ' ', /*#__PURE__*/React.createElement(Text, {
-    bold: true,
-    color: "red"
-  }, command)), /*#__PURE__*/React.createElement(StatusMessage, {
-    variant: "info"
-  }, "Please manually upgrade ", /*#__PURE__*/React.createElement(Text, {
-    bold: true
-  }, "@clerk/", sdk), " to ", /*#__PURE__*/React.createElement(Text, {
-    bold: true
-  }, "latest"), " in your project."), /*#__PURE__*/React.createElement(Newline, null)));
-}