@react-spectrum/codemods 0.1.0 → 0.1.2-nightly.5022

package/dist/s1-to-s2/src/codemods/changes.js

@@ -499,6 +499,14 @@ exports.changes = {
                         newValue: 'white'
                     }
                 }
+            },
+            {
+                description: 'Remove inner anchor element if used (legacy API)',
+                reason: 'Updated API',
+                function: {
+                    name: 'updateLegacyLink',
+                    args: {}
+                }
             }
         ]
     },

package/dist/s1-to-s2/src/codemods/transforms.js

@@ -663,6 +663,28 @@ function updateAvatarSize(path) {
         }
     }
 }
+/**
+ * Handles the legacy `Link` API where an `a` tag or custom router component could be used within a `Link` component.
+ * Removes the inner component and moves its attributes to the `Link` component.
+ */
+function updateLegacyLink(path) {
+    let missingOuterHref = t.isJSXElement(path.node) && !path.node.openingElement.attributes.some((attr) => t.isJSXAttribute(attr) && attr.name.name === 'href');
+    if (missingOuterHref) {
+        let innerLink = path.node.children.find((child) => t.isJSXElement(child) && t.isJSXIdentifier(child.openingElement.name));
+        if (innerLink && t.isJSXElement(innerLink)) {
+            let innerAttributes = innerLink.openingElement.attributes;
+            let outerAttributes = path.node.openingElement.attributes;
+            innerAttributes.forEach((attr) => {
+                outerAttributes.push(attr);
+            });
+            if (t.isJSXIdentifier(innerLink.openingElement.name) &&
+                innerLink.openingElement.name.name !== 'a') {
+                (0, utils_1.addComment)(path.node, ' TODO(S2-upgrade): You may have been using a custom link component here. You\'ll need to update this manually.');
+            }
+            path.node.children = innerLink.children;
+        }
+    }
+}
 exports.functionMap = {
     updatePropNameAndValue,
     updatePropValueAndAddNewProp,
@@ -681,5 +703,6 @@ exports.functionMap = {
     convertDimensionValueToPx,
     updatePlacementToSingleValue,
     removeComponentIfWithinParent,
-    updateAvatarSize
+    updateAvatarSize,
+    updateLegacyLink
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/codemods",
-  "version": "0.1.0",
+  "version": "0.1.2-nightly.5022+b4093dfef",
   "main": "dist/index.js",
   "source": "src/index.ts",
   "bin": "dist/index.js",
@@ -24,8 +24,8 @@
     "@babel/parser": "^7.24.5",
     "@babel/traverse": "^7.24.5",
     "@babel/types": "^7.24.5",
-    "@react-spectrum/s2": "^0.3.0",
-    "@react-types/shared": "^3.24.0",
+    "@react-spectrum/s2": "0.3.2-nightly.5022+b4093dfef",
+    "@react-types/shared": "3.0.0-nightly.3094+b4093dfef",
     "@types/node": "^20",
     "boxen": "^5.1.2",
     "build": "^0.1.4",
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "faf0e18467231422cb7a06eb92a74d04e271f1e8"
+  "gitHead": "b4093dfef3eff0e5fe60d00c53fe2478b96e662f"
 }