Overview
What Convert to kebab-case does
Splits mixed identifiers into lowercase words and joins them with hyphens for URLs, CSS names, and configuration keys.
| Category | Developer Tools |
|---|---|
| Action type | JavaScript |
| Result | Replace or copy text |
| Internet | Not required |
Example
Action and outcome
| Action | Outcome |
|---|---|
| Convert to kebab-caseSelected text: HTTP response code | http-response-code |
Workflow
Use Convert to kebab-case
Follow these steps to convert selected words or identifiers to kebab-case with ActionClip.
- Select the text you want to use.
- Choose Convert to kebab-case from ActionClip.
- Review the result, then replace the selection or copy the new text.
Before you add it
Requirements and privacy
- Before you start: No setup required.
- Your selected text: Runs locally in ActionClip’s JavaScript sandbox. Selected text does not leave your Mac.
Inspect before installing
Action configuration
The definition below is included so you can inspect how the action works before downloading it.
JavaScript definition
function run(selected_text) {
const words = selected_text
.normalize("NFKD")
.replace(/\p{M}+/gu, "")
.replace(/([A-Z\d]+)([A-Z][a-z])/g, "$1 $2")
.replace(/([a-z\d])([A-Z])/g, "$1 $2")
.replace(/[^\p{L}\p{N}]+/gu, " ")
.trim()
.split(/\s+/)
.filter(Boolean)
.map((word) => word.toLowerCase());
if (!words.length) return "";
const capitalize = (word) => word.charAt(0).toUpperCase() + word.slice(1);
return words.join("-");
}