@momo-kits/native-kits 0.162.36-debug → 0.162.37-debug

package/compose/build.gradle.kts

@@ -40,7 +40,7 @@ kotlin {
     }
 
     cocoapods {
-        version = "0.162.36-debug"
+        version = "0.162.37-debug"
         summary = "IOS Shared module"
         homepage = "https://momo.vn"
         ios.deploymentTarget = "15.0"

package/compose/compose.podspec

@@ -1,6 +1,6 @@
 Pod::Spec.new do |spec|
     spec.name                     = 'compose'
-    spec.version                  = '0.164.1-swipeback.1'
+    spec.version                  = '0.167.1-beta.2-debug'
     spec.homepage                 = 'https://momo.vn'
     spec.source                   = { :http=> ''}
     spec.authors                  = ''

package/compose/src/commonMain/kotlin/vn/momo/kits/components/Information.kt

@@ -9,13 +9,20 @@ import androidx.compose.runtime.Composable
 import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
+import androidx.compose.ui.text.AnnotatedString
+import androidx.compose.ui.text.SpanStyle
+import androidx.compose.ui.text.buildAnnotatedString
+import androidx.compose.ui.text.font.FontSynthesis
 import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.text.withStyle
 import androidx.compose.ui.unit.dp
 import vn.momo.kits.application.IsShowBaseLineDebug
+import vn.momo.kits.const.AppTheme
 import vn.momo.kits.const.Colors
 import vn.momo.kits.const.Radius
 import vn.momo.kits.const.Spacing
 import vn.momo.kits.const.Typography
+import vn.momo.kits.const.getFontFamily
 import vn.momo.kits.modifier.conditional
 import vn.momo.kits.modifier.setAutomationId
 
@@ -37,6 +44,7 @@ fun Information(
     showIconClose: Boolean = true,
     onPressClose: (() -> Unit)? = null,
     accessibilityLabel: String? = null,
+    highlightText: List<String> = emptyList(),
 ) {
     val automationId = remember(accessibilityLabel, title) {
         accessibilityLabel ?: "Information${if (title != null) "/$title" else ""}"
@@ -61,6 +69,22 @@ fun Information(
         iconSource = "24_notifications_alert_octagon"
     }
 
+    // Host fonts are one file per weight: swap fontFamily and disable synthesis so the SemiBold file isn't
+    // faux-bolded again; fontWeight still applies when no host font is bundled and the system font is used.
+    val highlightWeight = Typography.headerXsSemibold.fontWeight
+    val highlightFontFamily = getFontFamily(AppTheme.current.font, highlightWeight)
+    val annotatedDescription = remember(description, highlightText, highlightFontFamily) {
+        highlightDescription(
+            description,
+            highlightText,
+            SpanStyle(
+                fontFamily = highlightFontFamily,
+                fontWeight = highlightWeight,
+                fontSynthesis = FontSynthesis.None,
+            ),
+        )
+    }
+
     Column(
         modifier = Modifier.border(
             width = 0.5.dp,
@@ -100,7 +124,7 @@ fun Information(
                     )
                 }
                 Text(
-                    description,
+                    annotatedDescription,
                     style = Typography.descriptionDefaultRegular,
                     accessibilityId = "$automationId|description-text"
                 )
@@ -131,4 +155,35 @@ fun Information(
         }
     }
 
-}
+}
+
+// Whole-word matches only; the longest keyword wins when keywords overlap (RN parity).
+private fun highlightDescription(
+    description: String,
+    highlightText: List<String>,
+    style: SpanStyle,
+): AnnotatedString {
+    val keywords = highlightText.filter { it.isNotEmpty() }
+    if (keywords.isEmpty()) return AnnotatedString(description)
+    val regex = Regex(keywords.sortedByDescending { it.length }.joinToString("|") { Regex.escape(it) })
+    fun isWordChar(index: Int) = description.getOrNull(index)?.let { it.isLetterOrDigit() || it == '_' } == true
+
+    return buildAnnotatedString {
+        var lastIndex = 0
+        var searchFrom = 0
+        while (true) {
+            val match = regex.find(description, searchFrom) ?: break
+            val start = match.range.first
+            val end = match.range.last + 1
+            if (isWordChar(start - 1) || isWordChar(end)) {
+                searchFrom = start + 1
+                continue
+            }
+            append(description.substring(lastIndex, start))
+            withStyle(style) { append(match.value) }
+            lastIndex = end
+            searchFrom = end
+        }
+        append(description.substring(lastIndex))
+    }
+}

package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputMoney.kt

@@ -30,12 +30,10 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.semantics.contentDescription
 import androidx.compose.ui.semantics.semantics
 import androidx.compose.ui.semantics.testTag
-import androidx.compose.ui.text.AnnotatedString
+import androidx.compose.ui.text.TextRange
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.input.KeyboardType
-import androidx.compose.ui.text.input.OffsetMapping
-import androidx.compose.ui.text.input.TransformedText
-import androidx.compose.ui.text.input.VisualTransformation
+import androidx.compose.ui.text.input.TextFieldValue
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import androidx.compose.ui.zIndex
@@ -46,34 +44,63 @@ import vn.momo.kits.const.Colors
 import vn.momo.kits.const.Typography
 import vn.momo.kits.const.getFontFamily
 import vn.momo.kits.modifier.conditional
-import vn.momo.kits.utils.formatNumberToMoney
 
-class CustomConverter : VisualTransformation {
-    override fun filter(text: AnnotatedString): TransformedText {
-        if (text.text.isEmpty()) {
-            return TransformedText(
-                AnnotatedString("0"),
-                object : OffsetMapping {
-                    override fun originalToTransformed(offset: Int): Int = 0
-                    override fun transformedToOriginal(offset: Int): Int = 0
-                }
-            )
-        }
-        
-        if (text.text == "0") {
-            return TransformedText(AnnotatedString("0"), OffsetMapping.Identity)
-        }
-        
-        val formattedText = formatNumberToMoney(text.text.toLong())
+private const val MONEY_CURRENCY = "đ"
 
-        return TransformedText(
-            AnnotatedString(formattedText),
-            object : OffsetMapping {
-                override fun originalToTransformed(offset: Int): Int = formattedText.length
-                override fun transformedToOriginal(offset: Int): Int = text.length
-            }
-        )
+private data class MoneyEdit(val start: Int, val end: Int, val inserted: String)
+
+private fun digitsOf(text: String) = text.filter { it in '0'..'9' }
+
+private fun normalizeDigits(text: String) = digitsOf(text).let { digits ->
+    digits.trimStart('0').ifEmpty { digits.take(1) }
+}
+
+private fun moneyDisplay(digits: String) =
+    if (digits.isEmpty()) "" else digits.reversed().chunked(3).joinToString(".").reversed() + MONEY_CURRENCY
+
+// Caret position right after the `digitIndex`-th digit of `display`.
+private fun caretFromDigitIndex(display: String, digitIndex: Int): Int {
+    var count = 0
+    display.forEachIndexed { index, char ->
+        if (char in '0'..'9' && ++count == digitIndex) return index + 1
     }
+    return 0
+}
+
+// Finds which range of `old` was replaced to produce `next`, given the post-edit caret.
+private fun detectEdit(old: String, next: String, caret: Int): MoneyEdit {
+    val tail = next.length - caret
+    if (tail in 0..old.length && next.substring(caret) == old.substring(old.length - tail)) {
+        var prefix = 0
+        while (prefix < minOf(caret, old.length - tail) && old[prefix] == next[prefix]) prefix++
+        return MoneyEdit(prefix, old.length - tail, next.substring(prefix, caret))
+    }
+    var prefix = 0
+    while (prefix < minOf(old.length, next.length) && old[prefix] == next[prefix]) prefix++
+    var suffix = 0
+    while (suffix < minOf(old.length, next.length) - prefix &&
+        old[old.length - 1 - suffix] == next[next.length - 1 - suffix]
+    ) suffix++
+    return MoneyEdit(prefix, old.length - suffix, next.substring(prefix, next.length - suffix))
+}
+
+// Applies `edit` to the digits of `display`. Separators and currency are never
+// deleted: removing a separator deletes the digit before it instead, removing
+// only the currency leaves the digits untouched.
+// Returns the new digits and the caret as a digit index.
+private fun applyEdit(display: String, edit: MoneyEdit): Pair<String, Int> {
+    val digits = digitsOf(display)
+    var left = digitsOf(display.substring(0, edit.start)).length
+    var removed = digitsOf(display.substring(edit.start, edit.end)).length
+    val inserted = digitsOf(edit.inserted)
+    if (removed == 0 && inserted.isEmpty() && left > 0 && '.' in display.substring(edit.start, edit.end)) {
+        left -= 1
+        removed = 1
+    }
+    if (removed == 0 && inserted.isEmpty()) return digits to left
+    val next = digits.substring(0, left) + inserted + digits.substring(left + removed)
+    val trimmed = next.trimStart('0').ifEmpty { next.take(1) }
+    return trimmed to maxOf(0, left + inserted.length - (next.length - trimmed.length))
 }
 
 @Composable
@@ -102,6 +129,11 @@ fun InputMoney(
     keyboardType: KeyboardType = KeyboardType.Number,
 ) {
     var isFocused by remember { mutableStateOf(false) }
+    var field by remember { mutableStateOf(TextFieldValue()) }
+    val digits = normalizeDigits(text.value)
+    val current = if (digitsOf(field.text) == digits) field else moneyDisplay(digits).let {
+        TextFieldValue(it, TextRange(caretFromDigitIndex(it, digits.length)))
+    }
     var isBlurred = false
     val (textColor, placeholderColor, iconTintColor, floatingTitleColor, floatingIconTintColor) =
         getInputColors(disabled, iconColor, floatingValueColor, floatingIconColor)
@@ -118,7 +150,7 @@ fun InputMoney(
         BasicTextField(
             enabled = !disabled,
             singleLine = true,
-            value = text.value,
+            value = current,
             textStyle = TextStyle(
                 color = textColor,
                 fontSize = 20.sp,
@@ -126,7 +158,6 @@ fun InputMoney(
                 fontWeight = fontWeight.value,
                 fontFamily = getFontFamily(AppTheme.current.font, fontWeight.value)
             ),
-            visualTransformation = CustomConverter(),
             keyboardOptions = KeyboardOptions.Default.copy(keyboardType = keyboardType),
             modifier = Modifier.height(size.values.height).onFocusChanged {
                 isFocused = it.isFocused
@@ -136,9 +167,28 @@ fun InputMoney(
                 if (!it.isFocused && isBlurred) onBlur()
                 if (it.isFocused && !isBlurred) isBlurred = true
             },
-            onValueChange = {
-                val numericValue = it.filter { char -> char.isDigit() }
-                onChangeText(numericValue)
+            onValueChange = { value ->
+                if (value.text == current.text) {
+                    // Keeps the caret out of the currency suffix.
+                    val max = if (current.text.isEmpty()) 0 else current.text.length - MONEY_CURRENCY.length
+                    field = value.copy(
+                        selection = TextRange(
+                            value.selection.start.coerceAtMost(max),
+                            value.selection.end.coerceAtMost(max)
+                        )
+                    )
+                } else {
+                    val (newDigits, caretDigit) = applyEdit(
+                        current.text,
+                        detectEdit(current.text, value.text, value.selection.min)
+                    )
+                    val display = moneyDisplay(newDigits)
+                    field = TextFieldValue(display, TextRange(caretFromDigitIndex(display, caretDigit)))
+                    if (newDigits != digits) {
+                        text.value = newDigits
+                        onChangeText(newDigits)
+                    }
+                }
             },
             decorationBox = { innerTextField ->
                 // Floating Icon

package/gradle.properties

@@ -18,7 +18,7 @@ kotlin.apple.xcodeCompatibility.nowarn=true
 name="ComposeKits"
 group=vn.momo.kits
 artifact.id=kits
-version=0.162.36
+version=0.162.37
 
 repo=GitLab
 url=https://gitlab.mservice.com.vn/api/v4/projects/5400/packages/maven

package/ios/Information/Information.swift

@@ -18,6 +18,7 @@ public struct Information: View {
     private let action: String?
     private let showIconClose: Bool
     private let onPressClose: (() -> Void)?
+    private let highlightText: [String]
 
     public init(
         title: String? = nil,
@@ -28,7 +29,8 @@ public struct Information: View {
         showIcon: Bool = true,
         action: String? = nil,
         showIconClose: Bool = true,
-        onPressClose: (() -> Void)? = nil
+        onPressClose: (() -> Void)? = nil,
+        highlightText: [String] = []
     ) {
         self.title = title
         self.description = description
@@ -39,6 +41,7 @@ public struct Information: View {
         self.action = action
         self.showIconClose = showIconClose
         self.onPressClose = onPressClose
+        self.highlightText = highlightText
     }
 
     private var borderColor: Color {
@@ -90,7 +93,7 @@ public struct Information: View {
                     if let title {
                         MomoText(title, typography: .labelDefaultMedium)
                     }
-                    MomoText(description, typography: .descriptionDefaultRegular)
+                    MomoText(description, typography: .descriptionDefaultRegular, highlightText: highlightText)
                 }
                 .frame(maxWidth: .infinity, alignment: .leading)
 

package/ios/InputMoney/InputMoney.swift

@@ -46,6 +46,42 @@ public func formatNumberToMoney(_ digits: String, currency: String = "đ") -> St
     return String(chars.reversed()) + currency
 }
 
+private func isMoneyDigit(_ char: Character) -> Bool { char.isASCII && char.isNumber }
+
+/// Applies an edit of `display[start..<end]` → `inserted` to the digits of `display`.
+/// Separators and currency are never deleted: removing a separator deletes the
+/// digit before it instead, removing only the currency leaves the digits untouched. Returns the new digits and the caret as a digit index.
+private func applyMoneyEdit(_ display: String, start: Int, end: Int, inserted: String) -> (digits: String, caretDigit: Int) {
+    let chars = Array(display)
+    let start = min(start, chars.count)
+    let end = min(max(end, start), chars.count)
+    let digits = chars.filter(isMoneyDigit)
+    var left = chars[..<start].filter(isMoneyDigit).count
+    var removed = chars[start..<end].filter(isMoneyDigit).count
+    let insertedDigits = inserted.filter(isMoneyDigit)
+    if removed == 0 && insertedDigits.isEmpty && left > 0 && chars[start..<end].contains(".") {
+        left -= 1
+        removed = 1
+    }
+    if removed == 0 && insertedDigits.isEmpty {
+        return (String(digits), left)
+    }
+    let next = String(digits[..<left]) + insertedDigits + String(digits[(left + removed)...])
+    var trimmed = String(next.drop(while: { $0 == "0" }))
+    if trimmed.isEmpty { trimmed = String(next.prefix(1)) }
+    return (trimmed, max(0, left + insertedDigits.count - (next.count - trimmed.count)))
+}
+
+/// Caret offset right after the `digitIndex`-th digit of `display`.
+private func moneyCaret(_ display: String, digitIndex: Int) -> Int {
+    var count = 0
+    for (index, char) in display.enumerated() where isMoneyDigit(char) {
+        count += 1
+        if count == digitIndex { return index + 1 }
+    }
+    return 0
+}
+
 // MARK: - InputMoney
 
 public struct InputMoney: View {
@@ -261,8 +297,8 @@ public struct InputMoney: View {
 // MARK: - MoneyTextField (UIViewRepresentable)
 
 /// A UITextField that shows live thousands-separated currency while the bound
-/// `digits` string holds only the raw numeric value. Caret is pinned before
-/// the trailing currency symbol.
+/// `digits` string holds only the raw numeric value. The caret can move freely
+/// but never past the trailing currency symbol; edits apply at the caret.
 private struct MoneyTextField: UIViewRepresentable {
     @Binding var digits: String
     var keyboardType: UIKeyboardType
@@ -286,11 +322,6 @@ private struct MoneyTextField: UIViewRepresentable {
         field.setContentHuggingPriority(.defaultLow, for: .horizontal)
         field.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
         field.text = displayValue(digits)
-        field.addTarget(
-            context.coordinator,
-            action: #selector(Coordinator.editingChanged(_:)),
-            for: .editingChanged
-        )
         return field
     }
 
@@ -302,12 +333,13 @@ private struct MoneyTextField: UIViewRepresentable {
         field.textColor = textColor
         field.tintColor = cursorColor
         let expected = displayValue(digits)
-        if !field.isFirstResponder && field.text != expected {
+        if field.text != expected {
             field.text = expected
+            context.coordinator.setCaret(field, offset: moneyCaret(expected, digitIndex: expected.filter(isMoneyDigit).count))
         }
     }
 
-    private func displayValue(_ raw: String) -> String {
+    fileprivate func displayValue(_ raw: String) -> String {
         let numeric = raw.filter { $0.isNumber }
         return numeric.isEmpty ? "" : formatNumberToMoney(numeric)
     }
@@ -330,21 +362,44 @@ private struct MoneyTextField: UIViewRepresentable {
             return true
         }
 
-        @objc func editingChanged(_ textField: UITextField) {
-            // Extract digits from whatever the user typed/deleted.
-            let numeric = (textField.text ?? "").filter { $0.isNumber }
-            let formatted = numeric.isEmpty ? "" : formatNumberToMoney(numeric)
-            if textField.text != formatted {
-                textField.text = formatted
-                // Keep caret before the currency suffix ("đ").
-                if let end = textField.position(from: textField.endOfDocument, offset: -1) {
-                    textField.selectedTextRange = textField.textRange(from: end, to: end)
-                }
-            }
+        func textField(
+            _ textField: UITextField,
+            shouldChangeCharactersIn range: NSRange,
+            replacementString string: String
+        ) -> Bool {
+            let (numeric, caretDigit) = applyMoneyEdit(
+                textField.text ?? "",
+                start: range.location,
+                end: range.location + range.length,
+                inserted: string
+            )
+            let formatted = parent.displayValue(numeric)
+            textField.text = formatted
+            setCaret(textField, offset: moneyCaret(formatted, digitIndex: caretDigit))
             if parent.digits != numeric {
                 parent.digits = numeric
+                parent.onChangeText?(numeric)
+            }
+            return false
+        }
+
+        // Keeps the caret out of the currency suffix.
+        func textFieldDidChangeSelection(_ textField: UITextField) {
+            guard let text = textField.text, !text.isEmpty,
+                  let range = textField.selectedTextRange,
+                  let limit = textField.position(from: textField.endOfDocument, offset: -1)
+            else { return }
+            let start = textField.compare(range.start, to: limit) == .orderedDescending ? limit : range.start
+            let end = textField.compare(range.end, to: limit) == .orderedDescending ? limit : range.end
+            if start != range.start || end != range.end {
+                textField.selectedTextRange = textField.textRange(from: start, to: end)
+            }
+        }
+
+        func setCaret(_ textField: UITextField, offset: Int) {
+            if let position = textField.position(from: textField.beginningOfDocument, offset: offset) {
+                textField.selectedTextRange = textField.textRange(from: position, to: position)
             }
-            parent.onChangeText?(numeric)
         }
     }
 }

package/ios/Typography/Text.swift

@@ -139,6 +139,7 @@ public struct MomoText: View {
     private let letterSpacing: CGFloat?
     private let softWrap: Bool
     private let accessibilityId: String?
+    private var highlightText: [String] = []
 
     public init(
         _ content: String,
@@ -176,13 +177,52 @@ public struct MomoText: View {
         self.accessibilityId = accessibilityId
     }
 
+    init(_ content: String, typography: TypographyStyle, highlightText: [String]) {
+        self.init(content, typography: typography)
+        self.highlightText = highlightText
+    }
+
+    // Whole-word matches of `highlightText` render semibold; the longest keyword wins (RN parity).
+    private var baseText: SwiftUI.Text {
+        let keywords = highlightText.filter { !$0.isEmpty }.sorted { $0.count > $1.count }
+        guard !keywords.isEmpty else { return SwiftUI.Text(content) }
+        let highlightFont = momoFont(size: fontScale(typography.fontSize), weight: TypographyStyle.headerXsSemibold.fontWeight, family: theme.font)
+        func isWordChar(_ character: Character?) -> Bool {
+            guard let character else { return false }
+            return character.isLetter || character.isNumber || character == "_"
+        }
+
+        var result = SwiftUI.Text(verbatim: "")
+        var plainStart = content.startIndex
+        var index = content.startIndex
+        while index < content.endIndex {
+            let previous = index > content.startIndex ? content[content.index(before: index)] : nil
+            let keyword = isWordChar(previous) ? nil : keywords.first { keyword in
+                guard content[index...].hasPrefix(keyword) else { return false }
+                let end = content.index(index, offsetBy: keyword.count)
+                return !isWordChar(end < content.endIndex ? content[end] : nil)
+            }
+            guard let keyword else {
+                index = content.index(after: index)
+                continue
+            }
+            let end = content.index(index, offsetBy: keyword.count)
+            result = result
+                + SwiftUI.Text(verbatim: String(content[plainStart..<index]))
+                + SwiftUI.Text(verbatim: String(content[index..<end])).font(highlightFont)
+            plainStart = end
+            index = end
+        }
+        return result + SwiftUI.Text(verbatim: String(content[plainStart...]))
+    }
+
     public var body: some View {
         let textColor = color ?? theme.colors.text.default
         // Strikethrough is driven either by the typography variant (mirrors Compose
         // *Strikethrough styles) or the explicit `strikethrough` flag.
         let isStrikethrough = strikethrough || typography.isStrikethrough
 
-        var text = SwiftUI.Text(content)
+        var text = baseText
             .font(momoFont(size: fontScale(typography.fontSize), weight: typography.fontWeight, family: theme.font))
             .foregroundColor(textColor)
             .strikethrough(isStrikethrough, color: textColor)

package/ios/native-kits.podspec

@@ -1,6 +1,6 @@
 Pod::Spec.new do |s|
   s.name             = 'MoMoUIKits'
-  s.version          = '0.164.1-swipeback.1'
+  s.version          = '0.167.1-beta.2'
   s.summary          = 'MoMoUIKits for iOS'
   s.homepage         = 'https://momo.vn'
   s.license          = { :type => 'MIT' }

package/ios-demo/MoMoUIKitsDemo.podspec

@@ -1,6 +1,6 @@
 Pod::Spec.new do |s|
   s.name             = 'MoMoUIKitsDemo'
-  s.version          = '0.164.1-swipeback.1'
+  s.version          = '0.167.1-beta.2'
   s.summary          = 'Demo browser for MoMoUIKits SwiftUI components'
   s.homepage         = 'https://momo.vn'
   s.license          = { :type => 'MIT' }

package/ios-demo/Sources/MoMoUIKitsDemo/SampleDemos/InformationDemo.swift

@@ -44,6 +44,10 @@ private struct InformationPreview: View {
             Information(title: "Payment failed", description: "We couldn't process your payment.",
                         state: .error, onPressAction: {}, action: "Retry")
         }
+        BasicColumnBox("Highlight text", alignment: .leading) {
+            Information(description: "Bạn được hoàn 50.000đ, áp dụng đến hết 31/12/2026",
+                        highlightText: ["50.000đ", "31/12/2026"])
+        }
         BasicColumnBox("Without icon", alignment: .leading) {
             Information(title: "No icon", description: "showIcon is set to false.", showIcon: false)
         }
@@ -60,6 +64,7 @@ private struct InformationPlayground: View {
     @State private var showIcon = true
     @State private var showIconClose = false
     @State private var action = ""
+    @State private var highlightText = "description"
 
     var body: some View {
         PlaygroundTab(
@@ -72,12 +77,15 @@ private struct InformationPlayground: View {
                     showIcon: showIcon,
                     action: action.isEmpty ? nil : action,
                     showIconClose: showIconClose,
-                    onPressClose: {}
+                    onPressClose: {},
+                    highlightText: highlightText.components(separatedBy: ",")
+                        .map { $0.trimmingCharacters(in: .whitespaces) }
                 )
             },
             params: [
                 .string("Title", $title),
                 .string("Description", $description),
+                .string("HighlightText: [String] (comma-separated)", $highlightText),
                 .radio("State", informationStateList, $state),
                 .checkbox("ShowIcon", $showIcon),
                 .checkbox("ShowIconClose", $showIconClose),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/native-kits",
-  "version": "0.162.36-debug",
+  "version": "0.162.37-debug",
   "private": false,
   "dependeNavigationncies": {},
   "devDependencies": {},