feat(upgrade): Update upgrade CLI structure to support multiple releases (#7385)

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

Author: brkalow

.changeset/busy-tires-admire.md

@@ -0,0 +1,5 @@
+---
+'@clerk/upgrade': major
+---
+
+Updates the upgrade CLI to support Core 3 changes. If you need to upgrade to an older release, use the previous major version of this package.

eslint.config.mjs

@@ -176,6 +176,7 @@ export default tseslint.config([
  'packages/clerk-js/rspack.config.js',
  'packages/shared/src/compiled/path-to-regexp/index.js',
  'packages/shared/tsdown.config.mjs',
+ 'packages/upgrade/src/__tests__/fixtures/**/*',
  ],
  },
  {
@@ -488,7 +489,7 @@ export default tseslint.config([
  name: 'packages/upgrade',
  files: ['packages/upgrade/src/**/*'],
  rules: {
- 'import/no-unresolved': ['error', { ignore: ['^#', '^~', '@inkjs/ui', '^ink'] }],
+ 'custom-rules/no-unstable-methods': 'off',
  'react/no-unescaped-entities': 'off',
  '@typescript-eslint/no-floating-promises': 'warn',
  },

packages/upgrade/package.json

@@ -32,21 +32,15 @@
  ]
  },
  "dependencies": {
- "@inkjs/ui": "^2.0.0",
- "@jescalan/ink-markdown": "^2.0.0",
+ "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",
- "ink": "^5.0.1",
- "ink-big-text": "^2.0.0",
- "ink-gradient": "^3.0.0",
- "ink-link": "^4.1.0",
  "jscodeshift": "^17.0.0",
  "marked": "^11.1.1",
  "meow": "^11.0.0",
- "react": "catalog:react",
  "read-pkg": "^9.0.1",
  "semver-regex": "^4.0.5",
  "temp-dir": "^3.0.0"

packages/upgrade/src/__tests__/fixtures/expo-old-package/package-lock.json

@@ -0,0 +1,10 @@
+{
+ "name": "test-expo-old",
+ "version": "1.0.0",
+ "dependencies": {
+ "@clerk/clerk-expo": "^2.0.0",
+ "expo": "^50.0.0",
+ "react": "^18.0.0",
+ "react-native": "^0.73.0"
+ }
+}

packages/upgrade/src/__tests__/fixtures/expo-old-package/package.json

@@ -0,0 +1,14 @@
+import { ClerkProvider, useAuth } from '@clerk/clerk-expo';
+
+export default function App() {
+ return (
+ <ClerkProvider publishableKey='pk_test_xxx'>
+ <AuthStatus />
+ </ClerkProvider>
+ );
+}
+
+function AuthStatus() {
+ const { isSignedIn } = useAuth();
+ return <Text>{isSignedIn ? 'Signed in' : 'Signed out'}</Text>;
+}

packages/upgrade/src/__tests__/fixtures/expo-old-package/src/App.tsx

@@ -0,0 +1,9 @@
+{
+ "name": "test-nextjs-v6",
+ "version": "1.0.0",
+ "dependencies": {
+ "@clerk/nextjs": "^6.0.0",
+ "next": "^14.0.0",
+ "react": "^18.0.0"
+ }
+}

packages/upgrade/src/__tests__/fixtures/nextjs-v6/package.json

@@ -0,0 +1,17 @@
+import { ClerkProvider, useAuth } from '@clerk/nextjs';
+import { useUser } from '@clerk/clerk-react';
+
+export default function App({ children }) {
+ return <ClerkProvider>{children}</ClerkProvider>;
+}
+
+export function UserProfile() {
+ const { isSignedIn } = useAuth();
+ const { user } = useUser();
+
+ if (!isSignedIn) {
+ return <div>Not signed in</div>;
+ }
+
+ return <div>Hello, {user?.firstName}</div>;
+}

packages/upgrade/src/__tests__/fixtures/nextjs-v6/pnpm-lock.yaml

@@ -0,0 +1,9 @@
+{
+ "name": "test-nextjs-v7",
+ "version": "1.0.0",
+ "dependencies": {
+ "@clerk/nextjs": "^7.0.0",
+ "next": "^14.0.0",
+ "react": "^18.0.0"
+ }
+}