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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/codemods/transform-remove-deprecated-props.cjs +27 -6
  2. package/dist/components/Codemod.js +62 -10
  3. package/package.json +1 -1
package/dist/codemods/transform-remove-deprecated-props.cjs CHANGED
@@ -20,12 +20,14 @@ const COMPONENT_REDIRECT_ATTR = new Map([['ClerkProvider', {
20
20
  const COMPONENTS_WITH_USER_BUTTON_REMOVALS = new Map([['UserButton', ['afterSignOutUrl', 'afterMultiSessionSingleSignOutUrl']]]);
21
21
  const ORGANIZATION_SWITCHER_RENAMES = new Map([['afterSwitchOrganizationUrl', 'afterSelectOrganizationUrl']]);
22
22
  module.exports = function transformDeprecatedProps({
23
- source
23
+ source,
24
+ path: filePath
24
25
  }, {
25
26
  jscodeshift: j
26
27
  }, options = {}) {
27
28
  const root = j(source);
28
29
  let dirty = false;
30
+ const stats = options.clerkUpgradeStats;
29
31
  const {
30
32
  namedImports,
31
33
  namespaceImports
@@ -39,18 +41,30 @@ module.exports = function transformDeprecatedProps({
39
41
  if (COMPONENTS_WITH_HIDE_SLUG.has(canonicalName)) {
40
42
  if (removeJsxAttribute(j, jsxNode, 'hideSlug')) {
41
43
  dirty = true;
44
+ if (stats) {
45
+ stats.hideSlugRemoved = (stats.hideSlugRemoved || 0) + 1;
46
+ stats.hideSlugFiles = stats.hideSlugFiles || [];
47
+ if (!stats.hideSlugFiles.includes(filePath)) {
48
+ stats.hideSlugFiles.push(filePath);
49
+ }
50
+ }
42
51
  }
43
52
  }
44
53
  if (COMPONENTS_WITH_USER_BUTTON_REMOVALS.has(canonicalName)) {
54
+ const propsToRemove = COMPONENTS_WITH_USER_BUTTON_REMOVALS.get(canonicalName);
45
55
  let removedCount = 0;
46
- for (const attrName of COMPONENTS_WITH_USER_BUTTON_REMOVALS.get(canonicalName)) {
56
+ for (const attrName of propsToRemove) {
47
57
  if (removeJsxAttribute(j, jsxNode, attrName)) {
48
58
  dirty = true;
49
59
  removedCount += 1;
50
60
  }
51
61
  }
52
- if (removedCount > 0 && options.clerkUpgradeStats) {
53
- options.clerkUpgradeStats.userbuttonAfterSignOutPropsRemoved = (options.clerkUpgradeStats.userbuttonAfterSignOutPropsRemoved || 0) + removedCount;
62
+ if (removedCount > 0 && stats) {
63
+ stats.userbuttonAfterSignOutPropsRemoved = (stats.userbuttonAfterSignOutPropsRemoved || 0) + removedCount;
64
+ stats.userbuttonFilesAffected = stats.userbuttonFilesAffected || [];
65
+ if (!stats.userbuttonFilesAffected.includes(filePath)) {
66
+ stats.userbuttonFilesAffected.push(filePath);
67
+ }
54
68
  }
55
69
  }
56
70
  if (COMPONENT_RENAMES.has(canonicalName)) {
@@ -101,7 +115,7 @@ module.exports = function transformDeprecatedProps({
101
115
  if (renameObjectProperties(root, j, 'activeSessions', 'signedInSessions')) {
102
116
  dirty = true;
103
117
  }
104
- if (transformSetActiveBeforeEmit(root, j)) {
118
+ if (transformSetActiveBeforeEmit(root, j, stats, filePath)) {
105
119
  dirty = true;
106
120
  }
107
121
  if (renameTypeReferences(root, j, 'ClerkMiddlewareAuthObject', 'ClerkMiddlewareSessionAuthObject')) {
@@ -324,7 +338,7 @@ function renameTSPropertySignatures(root, j, oldName, newName) {
324
338
  });
325
339
  return changed;
326
340
  }
327
- function transformSetActiveBeforeEmit(root, j) {
341
+ function transformSetActiveBeforeEmit(root, j, stats, filePath) {
328
342
  let changed = false;
329
343
  root.find(j.CallExpression).filter(path => isSetActiveCall(path.node.callee)).forEach(path => {
330
344
  const [args0] = path.node.arguments;
@@ -348,6 +362,13 @@ function transformSetActiveBeforeEmit(root, j) {
348
362
  const navigateProp = j.objectProperty(j.identifier('navigate'), buildNavigateArrowFunction(j, originalValue));
349
363
  args0.properties.splice(beforeEmitIndex, 1, navigateProp);
350
364
  changed = true;
365
+ if (stats) {
366
+ stats.beforeEmitTransformed = (stats.beforeEmitTransformed || 0) + 1;
367
+ stats.beforeEmitFiles = stats.beforeEmitFiles || [];
368
+ if (!stats.beforeEmitFiles.includes(filePath)) {
369
+ stats.beforeEmitFiles.push(filePath);
370
+ }
371
+ }
351
372
  });
352
373
  return changed;
353
374
  }
package/dist/components/Codemod.js CHANGED
@@ -77,21 +77,73 @@ export function Codemod(props) {
77
77
  color: "yellow"
78
78
  }, result.skip ?? 0, " skipped"), /*#__PURE__*/React.createElement(Text, {
79
79
  color: "gray"
80
- }, result.nochange ?? 0, " unmodified"), result.timeElapsed && /*#__PURE__*/React.createElement(Text, null, "Time elapsed: ", result.timeElapsed), transform === 'transform-remove-deprecated-props' && result.clerkUpgradeStats?.userbuttonAfterSignOutPropsRemoved > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Newline, null), /*#__PURE__*/React.createElement(Text, {
80
+ }, result.nochange ?? 0, " unmodified"), result.timeElapsed && /*#__PURE__*/React.createElement(Text, null, "Time elapsed: ", result.timeElapsed), transform === 'transform-remove-deprecated-props' && /*#__PURE__*/React.createElement(ManualInterventionSummary, {
81
+ stats: result.clerkUpgradeStats
82
+ }), /*#__PURE__*/React.createElement(Newline, null)), error && /*#__PURE__*/React.createElement(Text, {
83
+ color: "red"
84
+ }, error.message));
85
+ }
86
+ function ManualInterventionSummary({
87
+ stats
88
+ }) {
89
+ if (!stats) {
90
+ return null;
91
+ }
92
+ const hasUserButtonChanges = stats.userbuttonAfterSignOutPropsRemoved > 0;
93
+ const hasHideSlugChanges = stats.hideSlugRemoved > 0;
94
+ const hasBeforeEmitChanges = stats.beforeEmitTransformed > 0;
95
+ if (!hasUserButtonChanges && !hasHideSlugChanges && !hasBeforeEmitChanges) {
96
+ return null;
97
+ }
98
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Newline, null), /*#__PURE__*/React.createElement(Text, {
99
+ bold: true,
81
100
  color: "yellow"
82
- }, "Found and removed ", result.clerkUpgradeStats.userbuttonAfterSignOutPropsRemoved, " usage(s) of", /*#__PURE__*/React.createElement(Text, {
101
+ }, "\u26A0\uFE0F Manual intervention may be required:"), hasUserButtonChanges && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Newline, null), /*#__PURE__*/React.createElement(Text, {
102
+ color: "yellow"
103
+ }, "\u2022 Removed ", stats.userbuttonAfterSignOutPropsRemoved, " ", /*#__PURE__*/React.createElement(Text, {
83
104
  bold: true
84
- }, " UserButton"), " sign-out redirect props (", /*#__PURE__*/React.createElement(Text, {
105
+ }, "UserButton"), " sign-out redirect prop(s)"), /*#__PURE__*/React.createElement(Text, {
106
+ color: "gray"
107
+ }, ' ', "Configure redirects via ", /*#__PURE__*/React.createElement(Text, {
85
108
  italic: true
86
- }, "afterSignOutUrl"), " /", ' ', /*#__PURE__*/React.createElement(Text, {
109
+ }, "ClerkProvider afterSignOutUrl"), " or", ' ', /*#__PURE__*/React.createElement(Text, {
87
110
  italic: true
88
- }, "afterMultiSessionSingleSignOutUrl"), ")."), /*#__PURE__*/React.createElement(Text, {
111
+ }, "SignOutButton redirectUrl")), /*#__PURE__*/React.createElement(FileList, {
112
+ files: stats.userbuttonFilesAffected
113
+ })), hasHideSlugChanges && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Newline, null), /*#__PURE__*/React.createElement(Text, {
114
+ color: "yellow"
115
+ }, "\u2022 Removed ", stats.hideSlugRemoved, " ", /*#__PURE__*/React.createElement(Text, {
116
+ bold: true
117
+ }, "hideSlug"), " prop(s)"), /*#__PURE__*/React.createElement(Text, {
118
+ color: "gray"
119
+ }, ' ', "This prop has been removed. Slug visibility is now controlled differently."), /*#__PURE__*/React.createElement(FileList, {
120
+ files: stats.hideSlugFiles
121
+ })), hasBeforeEmitChanges && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Newline, null), /*#__PURE__*/React.createElement(Text, {
122
+ color: "yellow"
123
+ }, "\u2022 Transformed ", stats.beforeEmitTransformed, " ", /*#__PURE__*/React.createElement(Text, {
124
+ bold: true
125
+ }, "setActive beforeEmit"), " to", ' ', /*#__PURE__*/React.createElement(Text, {
126
+ bold: true
127
+ }, "navigate")), /*#__PURE__*/React.createElement(Text, {
89
128
  color: "gray"
90
- }, "In Core 3, these props have been removed. Configure sign-out redirects globally via", /*#__PURE__*/React.createElement(Text, {
129
+ }, ' ', "Callback signature changed: now receives ", /*#__PURE__*/React.createElement(Text, {
91
130
  italic: true
92
- }, " ClerkProvider afterSignOutUrl"), " (or the corresponding environment variable) or use", /*#__PURE__*/React.createElement(Text, {
131
+ }, "params"), " object instead of", ' ', /*#__PURE__*/React.createElement(Text, {
93
132
  italic: true
94
- }, " SignOutButton redirectUrl"), " for one-off flows.")), /*#__PURE__*/React.createElement(Newline, null)), error && /*#__PURE__*/React.createElement(Text, {
95
- color: "red"
96
- }, error.message));
133
+ }, "session"), " directly. Review the transformed code."), /*#__PURE__*/React.createElement(FileList, {
134
+ files: stats.beforeEmitFiles
135
+ })));
136
+ }
137
+ function FileList({
138
+ files
139
+ }) {
140
+ if (!files?.length) {
141
+ return null;
142
+ }
143
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
144
+ color: "gray"
145
+ }, ' ', "Files:"), files.map((file, index) => /*#__PURE__*/React.createElement(Text, {
146
+ key: index,
147
+ color: "gray"
148
+ }, ' ', "- ", file)));
97
149
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clerk/upgrade",
3
- "version": "2.0.0-snapshot.v20251204143242",
3
+ "version": "2.0.0-snapshot.v20251204175016",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/clerk/javascript.git",