{"id":15770460,"url":"https://github.com/benelan/calcite-codemod","last_synced_at":"2026-02-18T19:31:17.458Z","repository":{"id":210859018,"uuid":"727498322","full_name":"benelan/calcite-codemod","owner":"benelan","description":"Code modification tool for automatically updating applications after breaking changes to Calcite Design System packages","archived":false,"fork":false,"pushed_at":"2025-02-18T01:17:09.000Z","size":73,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-01-11T15:46:39.422Z","etag":null,"topics":["calcite","calcite-components","calcite-design-system","calcite-design-tokens","cli","codemod","esri","npm-package","published","vanilla-javascript"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/calcite-codemod","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/benelan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-12-05T01:32:55.000Z","updated_at":"2025-02-18T01:17:11.000Z","dependencies_parsed_at":"2024-10-25T14:52:37.109Z","dependency_job_id":"707c5c18-d350-42cf-a24c-9c9f78f7beac","html_url":"https://github.com/benelan/calcite-codemod","commit_stats":null,"previous_names":["benelan/calcite-codemod"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/benelan/calcite-codemod","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benelan%2Fcalcite-codemod","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benelan%2Fcalcite-codemod/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benelan%2Fcalcite-codemod/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benelan%2Fcalcite-codemod/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/benelan","download_url":"https://codeload.github.com/benelan/calcite-codemod/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benelan%2Fcalcite-codemod/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29591885,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-18T18:54:29.675Z","status":"ssl_error","status_checked_at":"2026-02-18T18:50:50.517Z","response_time":162,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["calcite","calcite-components","calcite-design-system","calcite-design-tokens","cli","codemod","esri","npm-package","published","vanilla-javascript"],"created_at":"2024-10-04T14:41:47.020Z","updated_at":"2026-02-18T19:31:17.426Z","avatar_url":"https://github.com/benelan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Calcite Codemod\n\nThis is a small (unofficial) tool for automatically updating code after breaking changes to Calcite Design System packages.\nThe major version of this package will always align with the major version of [`@esri/calcite-components`](https://www.npmjs.com/package/@esri/calcite-components) that it targets.\nHowever, this package may not be updated for every major release of Calcite Components.\n\nThe current iteration of this package renames the CSS variables used to modify the styles of Calcite Components.\nPlease read the [Calcite Components v2 changelog](https://github.com/Esri/calcite-design-system/blob/main/packages/calcite-components/package.json) for a full list of breaking changes.\n\n## Installation\n\nInstall [the package](https://www.npmjs.com/package/calcite-codemod) globally and use it anywhere:\n\n```bash\nnpm i -g calcite-codemod@v2\n```\n\nUse it in a single application:\n\n```bash\nnpm i -D calcite-codemod@v2\n```\n\nOr try it out before installing:\n\n```bash\nnpx calcite-codemod \"styles.css\" \"index.html\" \"src/*.js\"\n```\n\n\u003e **NOTE:** You cannot specify the version of a package when using `npx`, so make sure the current major version of `calcite-codemod` aligns with your major version of `@esri/calcite-components`. Otherwise, use one of the previous installation methods above.\n\n## Using the CLI\n\n`calcite-codemod` provides a command line interface (CLI) that renames the CSS Variables in your application.\nThe CLI requires one or more arguments specifying which files/directories to update. The arguments support glob syntax.\nFor more information, see this [glob primer](https://github.com/isaacs/node-glob#glob-primer) by the package `calcite-codemod` uses internally.\n\nHere are a couple usage examples:\n\n```sh\n# replace occurrences of renamed CSS variables in style.css, index.html, and all js files in src/\ncalcite-codemod \"styles.css\" \"index.html\" \"src/*.js\"\n\n# all js/ts/jsx/tsx/css/scss files in src/ and all of its child directories\ncalcite-codemod \"src/**/*.{js,ts,jsx,tsx,css,scss}\"\n\n# same as the previous example, except a lot more confusing\ncalcite-codemod \"src/**/*.{{j,t}s{x,},{s,}css}\"\n```\n\n## Using the CSS\n\nThis package also contains a CSS file that maps the old variable names to the new ones.\nAdd this to your application so you can update to Calcite Components v2 before renaming all the CSS Variables.\n\n```html\n\u003cscript\n  type=\"module\"\n  src=\"https://cdn.jsdelivr.net/npm/@esri/calcite-components@v2/dist/calcite/calcite.esm.js\"\n\u003e\u003c/script\u003e\n\u003clink\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.jsdelivr.net/npm/@esri/calcite-components@v2/dist/calcite/calcite.css\"\n/\u003e\n\n\u003c!-- Make sure to add `legacy-tokens.css` after `calcite.css` --\u003e\n\u003clink\n  rel=\"stylesheet\"\n  type=\"text/css\"\n  href=\"https://cdn.jsdelivr.net/npm/calcite-codemod@v2/dist/legacy-tokens.css\"\n/\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbenelan%2Fcalcite-codemod","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbenelan%2Fcalcite-codemod","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbenelan%2Fcalcite-codemod/lists"}