Fix kebab casing of story names to convert MapSDK into map-sdk and no…

…t map-s-d-k (tajo#193)

* Improve the kebab casing of story names to convert MapSDK into map-sdk and not map-s-d-k

* Inline capitals chars

.changeset/fuzzy-crabs-raise.md

@@ -0,0 +1,5 @@
+---
+"@ladle/react": patch
+---
+
+Improve the kebab casing of story names to convert MapSDK into map-sdk and not map-s-d-k.

packages/ladle/lib/cli/vite-plugin/naming-utils.js

@@ -4,7 +4,6 @@ export const storyEncodeDelimiter = "$";
 // BUT preserving delimiters --
 const wordSeparators =
   /[\s\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,.\/:;<=>?@\[\]^_`{|}~]+/;
-const capitals = /[A-Z\u00C0-\u00D6\u00D9-\u00DD]/g;
 
 /**
  * @param {string} str
@@ -31,11 +30,15 @@ export const storyIdToMeta = (str) => {
  * @param {string} str
  */
 export const kebabCase = (str) => {
-  //replace capitals with space + lower case equivalent for later parsing
-  str = str.replace(capitals, function (match) {
-    return " " + (match.toLowerCase() || match);
-  });
-  return str.trim().split(wordSeparators).join("-");
+  return str
+    .replace(
+      /[A-Z\u00C0-\u00D6\u00D9-\u00DD]+(?![a-z])|[A-Z\u00C0-\u00D6\u00D9-\u00DD]/g,
+      ($, ofs) => (ofs ? "-" : "") + $.toLowerCase(),
+    )
+    .replace(/\s-/g, "-")
+    .trim()
+    .split(wordSeparators)
+    .join("-");
 };
 
 /**

packages/ladle/tests/naming-utils.test.ts

@@ -0,0 +1,12 @@
+import { kebabCase } from "../lib/cli/vite-plugin/naming-utils.js";
+
+test("kebabCase", () => {
+  expect(kebabCase("ChampsÉlysées")).toBe("champs-élysées");
+  expect(kebabCase("our-animals--mammals")).toBe("our-animals--mammals");
+  expect(kebabCase("the quick brown fox")).toBe("the-quick-brown-fox");
+  expect(kebabCase("the-quick-brown-fox")).toBe("the-quick-brown-fox");
+  expect(kebabCase("the_quick_brown_fox")).toBe("the-quick-brown-fox");
+  expect(kebabCase("theQuickBrownFox")).toBe("the-quick-brown-fox");
+  expect(kebabCase("thequickbrownfox")).toBe("thequickbrownfox");
+  expect(kebabCase("theQUICKBrownFox")).toBe("the-quick-brown-fox");
+});