Add case manipulation (#31)

README.md

@@ -14,4 +14,5 @@ Available manipulations:
 - Slice
 - Split-compose
 - Trim
+- Case
 - Split-join

src/index.test.ts

@@ -11,3 +11,8 @@ it('Test trim manipulation', () => {
 	expect(doManipulation('   input    ', { type: 'trim', trimType: 'trailing' })).eq('   input');
 	expect(doManipulation('   input    ', { type: 'trim', trimType: 'all' })).eq('input');
 });
+
+it('Test case manipulation', () => {
+	expect(doManipulation('gOOd iNPuT', { type: 'case', caseType: 'lower' })).eq('good input');
+	expect(doManipulation('gOOd iNPuT', { type: 'case', caseType: 'upper' })).eq('GOOD INPUT');
+});

src/lib/manipulations/components/AddManipulation.svelte

@@ -81,6 +81,13 @@
 					id: randomId()
 				});
 				break;
+			case 'case':
+				manipulations.push({
+					type: 'case',
+					caseType: 'lower',
+					id: randomId()
+				});
+				break;
 		}
 
 		manipulations = manipulations;
@@ -98,5 +105,6 @@
 	<option value="slice">Slice</option>
 	<option value="splitCompose">Split-compose</option>
 	<option value="trim">Trim</option>
+	<option value="case">Case</option>
 	<option value="splitJoin">Split-join</option>
 </select>

src/lib/manipulations/components/Case.svelte

@@ -0,0 +1,37 @@
+<script lang="ts" context="module">
+	import type { ManipulationBase } from '..';
+	import RadioButton from '$lib/components/RadioButton.svelte';
+
+	export interface CaseManipulation extends ManipulationBase {
+		type: 'case';
+		caseType: string;
+	}
+
+	const options = [
+		{
+			value: 'upper',
+			label: 'Upper'
+		},
+		{
+			value: 'lower',
+			label: 'Lower'
+		}
+	];
+</script>
+
+<script lang="ts">
+	export let { caseType }: CaseManipulation = { caseType: 'lower', type: 'case' };
+</script>
+
+<div>
+	<span>Case </span>
+	<RadioButton bind:selected={caseType} {options} />
+</div>
+
+<style>
+	div {
+		display: flex;
+		flex-direction: column;
+		gap: 5px;
+	}
+</style>

src/lib/manipulations/components/Manipulation.svelte

@@ -11,6 +11,7 @@
 		Slice,
 		SplitCompose,
 		Trim,
+		Case,
 		SplitJoin
 	} from '..';
 
@@ -49,6 +50,8 @@
 		/>
 	{:else if manipulation.type == 'trim'}
 		<Trim bind:trimType={manipulation.trimType} />
+	{:else if manipulation.type == 'case'}
+		<Case bind:caseType={manipulation.caseType} />
 	{:else if manipulation.type == 'splitJoin'}
 		<SplitJoin
 			bind:splitString={manipulation.splitString}

src/lib/manipulations/index.ts

@@ -9,6 +9,7 @@ import SplitGetFromIndex, {
 } from './components/SplitGetFromIndex.svelte';
 import SplitJoin, { type SplitJoinManipulation } from './components/SplitJoin.svelte';
 import Trim, { type TrimManipulation } from './components/Trim.svelte';
+import Case, { type CaseManipulation } from './components/Case.svelte';
 
 import AddManipulation from './components/AddManipulation.svelte';
 import Manipulation from './components/Manipulation.svelte';
@@ -25,6 +26,7 @@ export {
 	SplitGetFromIndex,
 	SplitJoin,
 	Trim,
+	Case,
 	Manipulation,
 	AddManipulation,
 	ManipulationsList
@@ -44,7 +46,8 @@ export type TManipulation =
 	| SplitComposeManipulation
 	| SplitGetFromIndexManipulation
 	| SplitJoinManipulation
-	| TrimManipulation;
+	| TrimManipulation
+	| CaseManipulation;
 
 // Supported manupulations to use in splitJoin
 export type InnerSplitJoinManipulation = TManipulation;
@@ -151,6 +154,19 @@ function doManipulationInner(input: string, manipulation: TManipulation): string
 					}
 				}
 			}
+			case 'case': {
+				switch (manipulation.caseType) {
+					case 'lower': {
+						return input.toLowerCase();
+					}
+					case 'upper': {
+						return input.toUpperCase();
+					}
+					default: {
+						return input;
+					}
+				}
+			}
 		}
 	} catch (exception) {
 		if (exception instanceof Error) {

src/routes/docs/+page.svelte

@@ -70,6 +70,12 @@
 			source: '  Some good input  ',
 			manipulation: { id: 'trim', type: 'trim', trimType: 'all' }
 		},
+		{
+			name: 'Case',
+			description: 'Transform input to lower or upper case',
+			source: 'Some gOOd iNPuT',
+			manipulation: { id: 'case', type: 'case', caseType: 'lower' }
+		},
 		{
 			name: 'Split-join',
 			description: 'Split input by delimeter, apply manipulations and join',
@@ -81,6 +87,7 @@
 				joinString: '\\n',
 				innerManipulations: [
 					{ id: 'splitJoinTrim', type: 'trim', trimType: 'leading' },
+					{ id: 'splitJoinCase', type: 'case', caseType: 'lower' },
 					{ id: 'splitJoinPrepend', type: 'prepend', prefix: 'Number: ' },
 					{ id: 'splitJoinAppend', type: 'append', suffix: '!' }
 				]