From 837b64b2b3426c20653f3f52b73ebdd945b3b095 Mon Sep 17 00:00:00 2001
From: Charles Iliya Krempeaux <iamreiver@gmail.com>
Date: Fri, 17 Nov 2023 09:39:40 -0800
Subject: [PATCH] transform="lowerslugcase" & transform="upperslugcase"

---
 README.md    |  2 +-
 ziba.js      |  6 ++++
 ziba_test.js | 78 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 85 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index edbe63e..c649aab 100644
--- a/README.md
+++ b/README.md
@@ -69,7 +69,7 @@ Here is an example usage of **ziba.js**:
   * attributes:
     * `dir`
     * `name`
-    * `transform` — possible values: `"lowercase"`, `"uppercase"`, `"lowerllamacase"`, `"upperllamacase"`, `"lowersnakecase"`, `"uppersnakecase"`
+    * `transform` — possible values: `"lowercase"`, `"uppercase"`, `"lowerllamacase"`, `"upperllamacase"`, `"lowersnakecase"`, `"uppersnakecase"`, `"lowerslugcase"`, `"upperslugcase"`
 
 ## Import
 
diff --git a/ziba.js b/ziba.js
index 39e4a99..1b92f4a 100644
--- a/ziba.js
+++ b/ziba.js
@@ -84,6 +84,9 @@ function transform_link(rootElement) {
 			case "lowersnakecase":
 				ref = ref.toLowerCase().replaceAll(" ", "_")
 			break;
+			case "lowerslugcase":
+				ref = ref.toLowerCase().replaceAll(" ", "-")
+			break;
 			case "uppercase":
 				ref = ref.toUpperCase()
 			break;
@@ -93,6 +96,9 @@ function transform_link(rootElement) {
 			case "uppersnakecase":
 				ref = ref.toUpperCase().replaceAll(" ", "_")
 			break;
+			case "upperslugcase":
+				ref = ref.toUpperCase().replaceAll(" ", "-")
+			break;
 			default:
 				logerror("unknown transform:", transform)
 				// Nothing here.
diff --git a/ziba_test.js b/ziba_test.js
index 3876cd8..19113f1 100644
--- a/ziba_test.js
+++ b/ziba_test.js
@@ -307,6 +307,84 @@ function testTransform() {
 			html:'<ziba-link dir="one TWO tHREE Four" transform="upperllamacase">apple Banana CHERRY</ziba-link>',
 			expected:'<a href="./one TWO tHREE Four/APPLEBANANACHERRY">apple Banana CHERRY</a>',
 		},
+
+
+
+		{
+			html:'<ziba-link transform="lowerslugcase">e</ziba-link>',
+			expected:'<a href="./e">e</a>',
+		},
+		{
+			html:'<ziba-link transform="lowerslugcase">E</ziba-link>',
+			expected:'<a href="./e">E</a>',
+		},
+		{
+			html:'<ziba-link transform="lowerslugcase">example</ziba-link>',
+			expected:'<a href="./example">example</a>',
+		},
+		{
+			html:'<ziba-link transform="lowerslugcase">Example</ziba-link>',
+			expected:'<a href="./example">Example</a>',
+		},
+		{
+			html:'<ziba-link transform="lowerslugcase">eXAMPLE</ziba-link>',
+			expected:'<a href="./example">eXAMPLE</a>',
+		},
+		{
+			html:'<ziba-link transform="lowerslugcase">EXAMPLE</ziba-link>',
+			expected:'<a href="./example">EXAMPLE</a>',
+		},
+		{
+			html:'<ziba-link transform="lowerslugcase">Hello world</ziba-link>',
+			expected:'<a href="./hello-world">Hello world</a>',
+		},
+		{
+			html:'<ziba-link transform="lowerslugcase">apple Banana CHERRY</ziba-link>',
+			expected:'<a href="./apple-banana-cherry">apple Banana CHERRY</a>',
+		},
+		{
+			html:'<ziba-link dir="one TWO tHREE Four" transform="lowerslugcase">apple Banana CHERRY</ziba-link>',
+			expected:'<a href="./one TWO tHREE Four/apple-banana-cherry">apple Banana CHERRY</a>',
+		},
+
+
+
+		{
+			html:'<ziba-link transform="upperslugcase">e</ziba-link>',
+			expected:'<a href="./E">e</a>',
+		},
+		{
+			html:'<ziba-link transform="upperslugcase">E</ziba-link>',
+			expected:'<a href="./E">E</a>',
+		},
+		{
+			html:'<ziba-link transform="upperslugcase">example</ziba-link>',
+			expected:'<a href="./EXAMPLE">example</a>',
+		},
+		{
+			html:'<ziba-link transform="upperslugcase">Example</ziba-link>',
+			expected:'<a href="./EXAMPLE">Example</a>',
+		},
+		{
+			html:'<ziba-link transform="upperslugcase">eXAMPLE</ziba-link>',
+			expected:'<a href="./EXAMPLE">eXAMPLE</a>',
+		},
+		{
+			html:'<ziba-link transform="upperslugcase">EXAMPLE</ziba-link>',
+			expected:'<a href="./EXAMPLE">EXAMPLE</a>',
+		},
+		{
+			html:'<ziba-link transform="upperslugcase">Hello world</ziba-link>',
+			expected:'<a href="./HELLO-WORLD">Hello world</a>',
+		},
+		{
+			html:'<ziba-link transform="upperslugcase">apple Banana CHERRY</ziba-link>',
+			expected:'<a href="./APPLE-BANANA-CHERRY">apple Banana CHERRY</a>',
+		},
+		{
+			html:'<ziba-link dir="one TWO tHREE Four" transform="upperslugcase">apple Banana CHERRY</ziba-link>',
+			expected:'<a href="./one TWO tHREE Four/APPLE-BANANA-CHERRY">apple Banana CHERRY</a>',
+		},
 	]
 
 	tests.forEach(function(test, testNumber){