diff --git a/code/core/package.json b/code/core/package.json index fd1815c5384d..27b66345dda2 100644 --- a/code/core/package.json +++ b/code/core/package.json @@ -342,6 +342,7 @@ "babel-plugin-react-docgen": "4.2.1", "boxen": "^7.1.1", "browser-dtector": "^3.4.0", + "camelcase": "^8.0.0", "chai": "^4.4.1", "chalk": "^5.3.0", "cli-table3": "^0.6.1", diff --git a/code/core/src/core-server/utils/get-component-variable-name.ts b/code/core/src/core-server/utils/get-component-variable-name.ts index dc0dc91e7b96..34f72352afc7 100644 --- a/code/core/src/core-server/utils/get-component-variable-name.ts +++ b/code/core/src/core-server/utils/get-component-variable-name.ts @@ -1,5 +1,3 @@ -import { camelCase } from 'es-toolkit'; - /** * Get a valid variable name for a component. * @@ -7,7 +5,9 @@ import { camelCase } from 'es-toolkit'; * @returns A valid variable name. */ export const getComponentVariableName = async (name: string) => { - const camelCased = camelCase(name.replace(/^[^a-zA-Z_$]*/, '')); + const camelCase = await import('camelcase'); + + const camelCased = camelCase.default(name.replace(/^[^a-zA-Z_$]*/, ''), { pascalCase: true }); const sanitized = camelCased.replace(/[^a-zA-Z_$]+/, ''); return sanitized; }; diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json index f150b9a647cd..7ac6639aad67 100644 --- a/code/lib/codemod/package.json +++ b/code/lib/codemod/package.json @@ -71,6 +71,7 @@ "devDependencies": { "@types/jscodeshift": "^0.11.10", "ansi-regex": "^6.0.1", + "camelcase": "^8.0.0", "mdast-util-mdx-jsx": "^3.0.0", "mdast-util-mdxjs-esm": "^2.0.1", "remark": "^15.0.1", diff --git a/code/yarn.lock b/code/yarn.lock index 38a3cc7844a1..aeda53a99775 100644 --- a/code/yarn.lock +++ b/code/yarn.lock @@ -5928,6 +5928,7 @@ __metadata: "@types/cross-spawn": "npm:^6.0.2" "@types/jscodeshift": "npm:^0.11.10" ansi-regex: "npm:^6.0.1" + camelcase: "npm:^8.0.0" cross-spawn: "npm:^7.0.3" es-toolkit: "npm:^1.21.0" globby: "npm:^14.0.1" @@ -6053,6 +6054,7 @@ __metadata: boxen: "npm:^7.1.1" browser-assert: "npm:^1.2.1" browser-dtector: "npm:^3.4.0" + camelcase: "npm:^8.0.0" chai: "npm:^4.4.1" chalk: "npm:^5.3.0" cli-table3: "npm:^0.6.1"