@gemini-suite/vera-codemod__react 0.2.9-next.0

package/CHANGELOG.md

@@ -0,0 +1,66 @@
+# Changelog
+
+All notable changes to this project will be documented in this file. See [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/) for commit guidelines.
+
+<!-- MONOWEAVE:BELOW -->
+
+## [0.2.8](https://github.com/Volue/vera/compare/@gemini-suite/vera-codemod__react@0.2.7...@gemini-suite/vera-codemod__react@0.2.8) "@gemini-suite/vera-codemod__react" (2026-02-12)
+
+
+
+
+## [0.2.7](https://github.com/Volue/vera/compare/@gemini-suite/vera-codemod__react@0.2.6...@gemini-suite/vera-codemod__react@0.2.7) "@gemini-suite/vera-codemod__react" (2026-01-28)
+
+
+
+
+## [0.2.6](https://github.com/Volue/vera/compare/@gemini-suite/vera-codemod__react@0.2.5...@gemini-suite/vera-codemod__react@0.2.6) "@gemini-suite/vera-codemod__react" (2025-12-04)
+
+
+
+
+## [0.2.5](https://github.com/Volue/vera/compare/@gemini-suite/vera-codemod__react@0.2.4...@gemini-suite/vera-codemod__react@0.2.5) "@gemini-suite/vera-codemod__react" (2025-12-02)
+
+
+
+
+## [0.2.4](https://github.com/Volue/vera/compare/@gemini-suite/vera-codemod__react@0.2.3...@gemini-suite/vera-codemod__react@0.2.4) "@gemini-suite/vera-codemod__react" (2025-11-07)
+
+
+
+
+## [0.2.3](https://github.com/Volue/vera/compare/@gemini-suite/vera-codemod__react@0.2.2...@gemini-suite/vera-codemod__react@0.2.3) "@gemini-suite/vera-codemod__react" (2025-10-17)
+
+
+
+
+## [0.2.2](https://github.com/Volue/vera/compare/@gemini-suite/vera-codemod__react@0.2.1...@gemini-suite/vera-codemod__react@0.2.2) "@gemini-suite/vera-codemod__react" (2025-10-16)
+
+
+
+
+## [0.2.1](https://github.com/Volue/vera/compare/@gemini-suite/vera-codemod__react@0.2.0...@gemini-suite/vera-codemod__react@0.2.1) "@gemini-suite/vera-codemod__react" (2025-07-16)
+
+
+
+
+## [0.2.0](https://github.com/Volue/vera/compare/@gemini-suite/vera-codemod__react@0.1.0...@gemini-suite/vera-codemod__react@0.2.0) "@gemini-suite/vera-codemod__react" (2025-05-28)
+
+
+### Features
+
+* add codemods for v1.1 ([366c48c](https://github.com/Volue/vera/commit/366c48c28a0dbf5ce5abe969c705794713bac278))
+
+
+
+
+## [0.1.0](https://github.com/Volue/vera/compare/@gemini-suite/vera-codemod__react@0.1.0-next.0...@gemini-suite/vera-codemod__react@0.1.0) "@gemini-suite/vera-codemod__react" (2025-04-08)
+
+
+### Features
+
+* add codemods for `@gemini-suite/vera-react` ([154ad13](https://github.com/Volue/vera/commit/154ad138bbf62627a16259070182743940d5fe95))
+* add v1 codemod transform for renaming `Label.Dot` to `LabelDot` ([a957f73](https://github.com/Volue/vera/commit/a957f73c3575fe7b9b64e9350bcc208ed570ddb2))
+
+
+

package/README.md

@@ -0,0 +1,44 @@
+# `@gemini-suite/vera-codemod__react`
+
+Codemods for migration to the newer version of the `@gemini-suite/vera-react` library.
+
+These codemods utilize [jscodeshift](https://github.com/facebook/jscodeshift) library for transformations and [Hypermod.io CLI tool](https://www.hypermod.io/docs/tools/cli) for downloading and running them against your codebase.
+
+## Install
+
+No installation of this package is necessary.
+Downloading and running codemods can be done via `npx @hypermod/cli`.
+
+## Usage
+
+### Considerations
+
+- You should run codemods on a separate Git branch, then manually review the changes before deploying them.
+- Codemods are designed to do the heavy lifting, but they may not be perfect, so some manual work may still be required in order to successfully migrate.
+- Codemods might output code that doesn’t follow your coding style. Make sure to run your code formatter and/or linter before committing the changes.
+
+### Examples
+
+Running the following command will print a list of all version transforms to choose form:
+
+```sh
+npx @hypermod/cli --experimental-loader --packages @gemini-suite/vera-codemod__react /project/src/**/*.tsx
+```
+
+To run a transform for version `1.0.0` of `@gemini-suite/vera-react`, use one of the following commands:
+
+```sh
+# Transform multiple files
+npx @hypermod/cli --experimental-loader --packages @gemini-suite/vera-codemod__react@1.0.0 /project/src/**/*.tsx
+
+# Transform single file
+npx @hypermod/cli --experimental-loader --packages @gemini-suite/vera-codemod__react@1.0.0 /project/src/path/to/file
+```
+
+To run all transforms for `@gemini-suite/vera-react` in sequence from version `1.0.0` to the latest, add `--sequence` flag:
+
+```sh
+npx @hypermod/cli --sequence --packages @gemini-suite/vera-codemod__react@1.0.0 /project/src/**/*.tsx
+```
+
+[See the Hypermod CLI docs for more information and examples](https://www.hypermod.io/docs/tools/cli)

package/dist/index.cjs

@@ -0,0 +1,197 @@
+'use strict';
+
+var utils = require('@hypermod/utils');
+
+const componentsSet = /* @__PURE__ */ new Set([
+  "ActionBar",
+  "Anchor",
+  "AppFrame",
+  "Avatar",
+  "ButtonGroup",
+  "Card",
+  "Checkbox",
+  "Collapsible",
+  "CollapsibleCard",
+  "Combobox",
+  "DataItem",
+  "DataList",
+  "DatePicker",
+  "Dialog",
+  "Drawer",
+  "FormField",
+  "HeaderNavList",
+  "Menu",
+  "MultiSelectMenu",
+  "Notification",
+  "Pagination",
+  "Popover",
+  "Positioner",
+  "Radio",
+  "RovingFocusGroup",
+  "SelectMenu",
+  "SidebarNavigation",
+  "SingleSelectMenu",
+  "Switch",
+  "Table",
+  "Tabs",
+  "ToggleButtonGroup",
+  "TreeView"
+]);
+function addRootToMultipartComps(j, ast) {
+  const componentsToTransform = [];
+  ast.find(j.ImportDeclaration, {
+    source: { value: "@gemini-suite/vera-react" }
+  }).forEach((path) => {
+    path.node.specifiers?.forEach((specifier) => {
+      if (specifier.type === "ImportSpecifier") {
+        const importedName = String(specifier.imported.name);
+        if (componentsSet.has(importedName)) {
+          componentsToTransform.push(importedName);
+        }
+      }
+    });
+  });
+  if (componentsToTransform.length === 0) {
+    return;
+  }
+  componentsToTransform.forEach((componentName) => {
+    ast.find(j.JSXOpeningElement, {
+      name: {
+        type: "JSXIdentifier",
+        name: componentName
+      }
+    }).forEach((openingTagPath) => {
+      if (openingTagPath.node.name.type === "JSXIdentifier") {
+        openingTagPath.node.name.name = `${componentName}.Root`;
+      }
+    });
+    ast.find(j.JSXClosingElement, {
+      name: {
+        type: "JSXIdentifier",
+        name: componentName
+      }
+    }).forEach((closingTagPath) => {
+      if (closingTagPath.node.name.type === "JSXIdentifier") {
+        closingTagPath.node.name.name = `${componentName}.Root`;
+      }
+    });
+    ast.find(j.TSTypeQuery, {
+      exprName: {
+        type: "Identifier",
+        name: componentName
+      }
+    }).replaceWith(
+      j.tsTypeQuery(
+        j.tsQualifiedName(j.identifier(componentName), j.identifier("Root"))
+      )
+    );
+  });
+}
+
+function renameLabelDot(j, ast) {
+  const waveImports = ast.find(j.ImportDeclaration, {
+    source: { value: "@gemini-suite/vera-react" }
+  });
+  const labelImports = waveImports.find(j.ImportSpecifier, {
+    imported: { name: "Label" }
+  });
+  if (labelImports.size() === 0) {
+    return;
+  }
+  const labelDotElements = ast.find(j.JSXElement, {
+    openingElement: {
+      name: {
+        type: "JSXMemberExpression",
+        object: {
+          type: "JSXIdentifier",
+          name: "Label"
+        },
+        property: {
+          type: "JSXIdentifier",
+          name: "Dot"
+        }
+      }
+    }
+  });
+  if (labelDotElements.size() === 0) {
+    return;
+  }
+  labelDotElements.forEach((path) => {
+    path.value.openingElement.name = j.jsxIdentifier("LabelDot");
+    if (path.value.closingElement) {
+      path.value.closingElement.name = j.jsxIdentifier("LabelDot");
+    }
+  });
+  waveImports.forEach((path) => {
+    const labelDotSpecifier = j.importSpecifier(j.identifier("LabelDot"));
+    if (path.node.specifiers) {
+      path.node.specifiers.push(labelDotSpecifier);
+    } else {
+      path.node.specifiers = [labelDotSpecifier];
+    }
+  });
+}
+
+function transformer$1(file, api, options) {
+  const { jscodeshift: j } = api;
+  const ast = j(file.source);
+  if (!utils.hasImportDeclaration(j, ast, "@gemini-suite/vera-react")) {
+    return file.source;
+  }
+  utils.applyMotions(j, ast, [addRootToMultipartComps, renameLabelDot]);
+  return ast.toSource(options.printOptions);
+}
+
+function renameAppFrame(j, ast) {
+  const waveImports = ast.find(j.ImportDeclaration, {
+    source: { value: "@gemini-suite/vera-react" }
+  });
+  const appFrameImports = waveImports.find(j.ImportSpecifier, {
+    imported: { name: "AppFrame" }
+  });
+  if (appFrameImports.size() === 0) {
+    return;
+  }
+  appFrameImports.replaceWith(
+    j.importSpecifier(j.identifier("AppFrameWithSidebar"))
+  );
+  ast.find(j.JSXMemberExpression, {
+    object: {
+      type: "JSXIdentifier",
+      name: "AppFrame"
+    }
+  }).forEach((path) => {
+    if (path.node.object.type === "JSXIdentifier") {
+      path.node.object.name = "AppFrameWithSidebar";
+    }
+  });
+  ast.find(j.MemberExpression, {
+    object: {
+      type: "Identifier",
+      name: "AppFrame"
+    }
+  }).forEach((path) => {
+    if (path.node.object.type === "Identifier") {
+      path.node.object.name = "AppFrameWithSidebar";
+    }
+  });
+}
+
+function transformer(file, api, options) {
+  const { jscodeshift: j } = api;
+  const ast = j(file.source);
+  if (!utils.hasImportDeclaration(j, ast, "@gemini-suite/vera-react")) {
+    return file.source;
+  }
+  utils.applyMotions(j, ast, [renameAppFrame]);
+  return ast.toSource(options.printOptions);
+}
+
+var index = {
+  transforms: {
+    "1.0.0": transformer$1,
+    "1.1.0": transformer
+  }
+};
+
+module.exports = index;

package/dist/index.d.cts

@@ -0,0 +1,14 @@
+import { FileInfo, API, Options } from 'jscodeshift';
+
+declare function transformer$1(file: FileInfo, api: API, options: Options): string;
+
+declare function transformer(file: FileInfo, api: API, options: Options): string;
+
+declare const _default: {
+    transforms: {
+        '1.0.0': typeof transformer$1;
+        '1.1.0': typeof transformer;
+    };
+};
+
+export { _default as default };

package/dist/index.d.mts

@@ -0,0 +1,14 @@
+import { FileInfo, API, Options } from 'jscodeshift';
+
+declare function transformer$1(file: FileInfo, api: API, options: Options): string;
+
+declare function transformer(file: FileInfo, api: API, options: Options): string;
+
+declare const _default: {
+    transforms: {
+        '1.0.0': typeof transformer$1;
+        '1.1.0': typeof transformer;
+    };
+};
+
+export { _default as default };

package/dist/index.mjs

@@ -0,0 +1,195 @@
+import { hasImportDeclaration, applyMotions } from '@hypermod/utils';
+
+const componentsSet = /* @__PURE__ */ new Set([
+  "ActionBar",
+  "Anchor",
+  "AppFrame",
+  "Avatar",
+  "ButtonGroup",
+  "Card",
+  "Checkbox",
+  "Collapsible",
+  "CollapsibleCard",
+  "Combobox",
+  "DataItem",
+  "DataList",
+  "DatePicker",
+  "Dialog",
+  "Drawer",
+  "FormField",
+  "HeaderNavList",
+  "Menu",
+  "MultiSelectMenu",
+  "Notification",
+  "Pagination",
+  "Popover",
+  "Positioner",
+  "Radio",
+  "RovingFocusGroup",
+  "SelectMenu",
+  "SidebarNavigation",
+  "SingleSelectMenu",
+  "Switch",
+  "Table",
+  "Tabs",
+  "ToggleButtonGroup",
+  "TreeView"
+]);
+function addRootToMultipartComps(j, ast) {
+  const componentsToTransform = [];
+  ast.find(j.ImportDeclaration, {
+    source: { value: "@gemini-suite/vera-react" }
+  }).forEach((path) => {
+    path.node.specifiers?.forEach((specifier) => {
+      if (specifier.type === "ImportSpecifier") {
+        const importedName = String(specifier.imported.name);
+        if (componentsSet.has(importedName)) {
+          componentsToTransform.push(importedName);
+        }
+      }
+    });
+  });
+  if (componentsToTransform.length === 0) {
+    return;
+  }
+  componentsToTransform.forEach((componentName) => {
+    ast.find(j.JSXOpeningElement, {
+      name: {
+        type: "JSXIdentifier",
+        name: componentName
+      }
+    }).forEach((openingTagPath) => {
+      if (openingTagPath.node.name.type === "JSXIdentifier") {
+        openingTagPath.node.name.name = `${componentName}.Root`;
+      }
+    });
+    ast.find(j.JSXClosingElement, {
+      name: {
+        type: "JSXIdentifier",
+        name: componentName
+      }
+    }).forEach((closingTagPath) => {
+      if (closingTagPath.node.name.type === "JSXIdentifier") {
+        closingTagPath.node.name.name = `${componentName}.Root`;
+      }
+    });
+    ast.find(j.TSTypeQuery, {
+      exprName: {
+        type: "Identifier",
+        name: componentName
+      }
+    }).replaceWith(
+      j.tsTypeQuery(
+        j.tsQualifiedName(j.identifier(componentName), j.identifier("Root"))
+      )
+    );
+  });
+}
+
+function renameLabelDot(j, ast) {
+  const waveImports = ast.find(j.ImportDeclaration, {
+    source: { value: "@gemini-suite/vera-react" }
+  });
+  const labelImports = waveImports.find(j.ImportSpecifier, {
+    imported: { name: "Label" }
+  });
+  if (labelImports.size() === 0) {
+    return;
+  }
+  const labelDotElements = ast.find(j.JSXElement, {
+    openingElement: {
+      name: {
+        type: "JSXMemberExpression",
+        object: {
+          type: "JSXIdentifier",
+          name: "Label"
+        },
+        property: {
+          type: "JSXIdentifier",
+          name: "Dot"
+        }
+      }
+    }
+  });
+  if (labelDotElements.size() === 0) {
+    return;
+  }
+  labelDotElements.forEach((path) => {
+    path.value.openingElement.name = j.jsxIdentifier("LabelDot");
+    if (path.value.closingElement) {
+      path.value.closingElement.name = j.jsxIdentifier("LabelDot");
+    }
+  });
+  waveImports.forEach((path) => {
+    const labelDotSpecifier = j.importSpecifier(j.identifier("LabelDot"));
+    if (path.node.specifiers) {
+      path.node.specifiers.push(labelDotSpecifier);
+    } else {
+      path.node.specifiers = [labelDotSpecifier];
+    }
+  });
+}
+
+function transformer$1(file, api, options) {
+  const { jscodeshift: j } = api;
+  const ast = j(file.source);
+  if (!hasImportDeclaration(j, ast, "@gemini-suite/vera-react")) {
+    return file.source;
+  }
+  applyMotions(j, ast, [addRootToMultipartComps, renameLabelDot]);
+  return ast.toSource(options.printOptions);
+}
+
+function renameAppFrame(j, ast) {
+  const waveImports = ast.find(j.ImportDeclaration, {
+    source: { value: "@gemini-suite/vera-react" }
+  });
+  const appFrameImports = waveImports.find(j.ImportSpecifier, {
+    imported: { name: "AppFrame" }
+  });
+  if (appFrameImports.size() === 0) {
+    return;
+  }
+  appFrameImports.replaceWith(
+    j.importSpecifier(j.identifier("AppFrameWithSidebar"))
+  );
+  ast.find(j.JSXMemberExpression, {
+    object: {
+      type: "JSXIdentifier",
+      name: "AppFrame"
+    }
+  }).forEach((path) => {
+    if (path.node.object.type === "JSXIdentifier") {
+      path.node.object.name = "AppFrameWithSidebar";
+    }
+  });
+  ast.find(j.MemberExpression, {
+    object: {
+      type: "Identifier",
+      name: "AppFrame"
+    }
+  }).forEach((path) => {
+    if (path.node.object.type === "Identifier") {
+      path.node.object.name = "AppFrameWithSidebar";
+    }
+  });
+}
+
+function transformer(file, api, options) {
+  const { jscodeshift: j } = api;
+  const ast = j(file.source);
+  if (!hasImportDeclaration(j, ast, "@gemini-suite/vera-react")) {
+    return file.source;
+  }
+  applyMotions(j, ast, [renameAppFrame]);
+  return ast.toSource(options.printOptions);
+}
+
+var index = {
+  transforms: {
+    "1.0.0": transformer$1,
+    "1.1.0": transformer
+  }
+};
+
+export { index as default };

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@gemini-suite/vera-codemod__react",
+  "version": "0.2.9-next.0",
+  "description": "Codemods for Wave React library",
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Volue/vera",
+    "directory": "codemods/react"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.cts",
+  "exports": {
+    ".": {
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      },
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "jest": "jest",
+    "lint": "eslint . --cache",
+    "lint:fix": "yarn run lint --fix",
+    "lint:types": "tsc",
+    "_prettier": "prettier \"**/*.{json,md,yml}\"",
+    "format": "yarn run _prettier --write",
+    "test": "run-p lint:types lint \"_prettier --check\" jest",
+    "clean": "premove dist",
+    "build": "yarn run clean && pkgroll",
+    "prepack": "yarn run build"
+  },
+  "devDependencies": {
+    "@jest/types": "30.2.0",
+    "@types/jest": "30.0.0",
+    "@volue/eslint-config": "1.3.12",
+    "eslint": "9.39.2",
+    "jest": "30.2.0",
+    "npm-run-all2": "8.0.4",
+    "pkgroll": "2.24.1",
+    "premove": "4.0.0",
+    "prettier": "3.8.1",
+    "ts-jest": "29.4.6",
+    "typescript": "5.9.3"
+  },
+  "dependencies": {
+    "@hypermod/utils": "0.7.1",
+    "@types/jscodeshift": "17.3.0",
+    "jscodeshift": "17.3.0"
+  }
+}