Add .text.append and .text.prepend

fluff4me · Dec 28, 2024 · 621952a · 621952a
1 parent 4423d7c
commit 621952a
Showing 1 changed file with 18 additions and 4 deletions.
diff --git a/src/ui/utility/TextManipulator.ts b/src/ui/utility/TextManipulator.ts
@@ -2,13 +2,27 @@ import type Component from "ui/Component"
 import StringApplicator from "ui/utility/StringApplicator"
 
 interface TextManipulator<HOST> extends StringApplicator.Optional<HOST> {
+	prepend (text: string): HOST
+	append (text: string): HOST
 }
 
 function TextManipulator (component: Component): TextManipulator<Component> {
-	return StringApplicator(component, value => {
-		component.element.textContent = value ?? null
-		return value
-	})
+	return Object.assign(
+		StringApplicator(component, value => {
+			component.element.textContent = value ?? null
+			return value
+		}),
+		{
+			prepend (text: string) {
+				component.element.prepend(document.createTextNode(text))
+				return component
+			},
+			append (text: string) {
+				component.element.append(document.createTextNode(text))
+				return component
+			},
+		}
+	)
 }
 
 export default TextManipulator