Updated list converter tool (#302)

rolo20 · Robert Molenkamp · sharevb · web-flow · commit 77e013526ead · 2026-01-25T23:08:49.000+01:00
* Add "Output as column" feature to list converter tool

- Implemented functionality to convert list input into column output format.
- Enhanced the FormatTransformer component to support line numbers and autosizing for multiline inputs.
- Added tests to validate the new column output feature in both end-to-end and model tests.
- Modified the list converter's conversion logic to handle item and list wrappers when outputting as a column.

* fix: correct string formatting in list converter test

* fix: correct string formatting in list converter test

* fix: update test input and expected output for column conversion

---------

Co-authored-by: Robert Molenkamp &lt;robert@molenkamp.be&gt;
Co-authored-by: sharevb &lt;sharevb@gmail.com&gt;
diff --git a/components.d.ts b/components.d.ts
@@ -239,10 +239,12 @@ declare module '@vue/runtime-core' {
     IcoConverter: typeof import('./src/tools/ico-converter/ico-converter.vue')['default']
     'IconMdi:brushVariant': typeof import('~icons/mdi/brush-variant')['default']
     'IconMdi:kettleSteamOutline': typeof import('~icons/mdi/kettle-steam-outline')['default']
+    IconMdiCheck: typeof import('~icons/mdi/check')['default']
     IconMdiChevronDown: typeof import('~icons/mdi/chevron-down')['default']
     IconMdiChevronRight: typeof import('~icons/mdi/chevron-right')['default']
     IconMdiClose: typeof import('~icons/mdi/close')['default']
     IconMdiContentCopy: typeof import('~icons/mdi/content-copy')['default']
+    IconMdiDownload: typeof import('~icons/mdi/download')['default']
     IconMdiEye: typeof import('~icons/mdi/eye')['default']
     IconMdiEyeOff: typeof import('~icons/mdi/eye-off')['default']
     IconMdiHeart: typeof import('~icons/mdi/heart')['default']
@@ -374,31 +376,48 @@ declare module '@vue/runtime-core' {
     NavbarButtons: typeof import('./src/components/NavbarButtons.vue')['default']
     NButton: typeof import('naive-ui')['NButton']
     NCard: typeof import('naive-ui')['NCard']
+    NCheckbox: typeof import('naive-ui')['NCheckbox']
+    NCheckboxGroup: typeof import('naive-ui')['NCheckboxGroup']
     NCode: typeof import('naive-ui')['NCode']
+    NColorPicker: typeof import('naive-ui')['NColorPicker']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
+    NDataTable: typeof import('naive-ui')['NDataTable']
+    NDatePicker: typeof import('naive-ui')['NDatePicker']
     NDivider: typeof import('naive-ui')['NDivider']
+    NDynamicInput: typeof import('naive-ui')['NDynamicInput']
     NEllipsis: typeof import('naive-ui')['NEllipsis']
+    NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
+    NGi: typeof import('naive-ui')['NGi']
     NginxFormatter: typeof import('./src/tools/nginx-formatter/nginx-formatter.vue')['default']
     NginxMemo: typeof import('./src/tools/nginx-memo/nginx-memo.vue')['default']
     'NginxMemo.content': typeof import('./src/tools/nginx-memo/nginx-memo.content.md')['default']
+    NGrid: typeof import('naive-ui')['NGrid']
     NH1: typeof import('naive-ui')['NH1']
     NH3: typeof import('naive-ui')['NH3']
     NicewareBytesToPassphrase: typeof import('./src/tools/niceware-bytes-to-passphrase/niceware-bytes-to-passphrase.vue')['default']
     NIcon: typeof import('naive-ui')['NIcon']
+    NImage: typeof import('naive-ui')['NImage']
+    NInput: typeof import('naive-ui')['NInput']
     NInputNumber: typeof import('naive-ui')['NInputNumber']
     NInputNumberI18n: typeof import('./src/ui/n-input-number-i18n/n-input-number-i18n.vue')['default']
     'NInputNumberI18n.demo': typeof import('./src/ui/n-input-number-i18n/n-input-number-i18n.demo.vue')['default']
     NLayout: typeof import('naive-ui')['NLayout']
     NLayoutSider: typeof import('naive-ui')['NLayoutSider']
     NMenu: typeof import('naive-ui')['NMenu']
     NP: typeof import('naive-ui')['NP']
+    NRadio: typeof import('naive-ui')['NRadio']
+    NRadioGroup: typeof import('naive-ui')['NRadioGroup']
     NScrollbar: typeof import('naive-ui')['NScrollbar']
     NSelect: typeof import('naive-ui')['NSelect']
+    NSlider: typeof import('naive-ui')['NSlider']
     NSpace: typeof import('naive-ui')['NSpace']
+    NSpin: typeof import('naive-ui')['NSpin']
     NStatistic: typeof import('naive-ui')['NStatistic']
     NSwitch: typeof import('naive-ui')['NSwitch']
     NTable: typeof import('naive-ui')['NTable']
+    NTabPane: typeof import('naive-ui')['NTabPane']
+    NTabs: typeof import('naive-ui')['NTabs']
     NText: typeof import('naive-ui')['NText']
     NTooltip: typeof import('naive-ui')['NTooltip']
     NumberInput: typeof import('./src/tools/pomodoro-timer/app/components/NumberInput.vue')['default']
diff --git a/locales/ar.yml b/locales/ar.yml
@@ -730,6 +730,7 @@ tools:
       label-remove-duplicates: إزالة التكرارات
       label-convert-to-lowercase: تحويل إلى أحرف صغيرة
       label-keep-line-breaks: الحفاظ على فواصل الأسطر
+      label-output-as-column: Output as column
       label-sort-list: قائمة الفرز
       placeholder-sort-alphabetically: فرز أبجديًا
       label-items-separator: فاصل العناصر
diff --git a/locales/da.yml b/locales/da.yml
@@ -725,6 +725,7 @@ tools:
       label-remove-duplicates: Fjern dubletter
       label-convert-to-lowercase: Konvertér til små bogstaver
       label-keep-line-breaks: Behold linjeskift
+      label-output-as-column: Output as column
       label-sort-list: Sortér liste
       placeholder-sort-alphabetically: Sortér alfabetisk
       label-items-separator: Elementseparator
diff --git a/locales/de.yml b/locales/de.yml
@@ -818,6 +818,7 @@ tools:
       label-remove-duplicates: Duplikate entfernen
       label-convert-to-lowercase: In Kleinbuchstaben umwandeln
       label-keep-line-breaks: Zeilenumbrüche beibehalten
+      label-output-as-column: Output as column
       label-sort-list: Liste sortieren
       placeholder-sort-alphabetically: Alphabetisch sortieren
       label-items-separator: Elementtrennzeichen
diff --git a/locales/en.yml b/locales/en.yml
@@ -479,6 +479,7 @@ tools:
       label-remove-duplicates: Remove duplicates
       label-convert-to-lowercase: Convert to lowercase
       label-keep-line-breaks: Keep line breaks
+      label-output-as-column: Output as column
       label-sort-list: Sort list
       placeholder-sort-alphabetically: Sort alphabetically
       label-items-separator: Items Separator
diff --git a/locales/es.yml b/locales/es.yml
@@ -501,6 +501,7 @@ tools:
       label-remove-duplicates: Eliminar duplicados
       label-convert-to-lowercase: Convertir a minúsculas
       label-keep-line-breaks: Mantener saltos de línea
+      label-output-as-column: Output as column
       label-sort-list: Ordenar lista
       placeholder-sort-alphabetically: Ordenar alfabéticamente
       label-items-separator: Separador de artículos
diff --git a/locales/fr.yml b/locales/fr.yml
@@ -3856,6 +3856,7 @@ tools:
       label-convert-to-lowercase: Convertir en minuscules
       label-items-separator: Séparateur d'articles
       label-keep-line-breaks: Gardez les pauses de ligne
+      label-output-as-column: Output as column
       label-no-sort: Pas de tri
       label-remove-duplicates: Supprimer les doublons
       label-sort-asc-binary: Trier ASC (binaire)
diff --git a/locales/ga.yml b/locales/ga.yml
@@ -822,6 +822,7 @@ tools:
       label-remove-duplicates: Bain dúblaigh
       label-convert-to-lowercase: Tiontaigh go litreacha beaga
       label-keep-line-breaks: Coinnigh briseadh líne
+      label-output-as-column: Output as column
       label-sort-list: Liosta sórtála
       placeholder-sort-alphabetically: Sórtáil in ord aibítre
       label-items-separator: Deighilteoir Míreanna
diff --git a/locales/it.yml b/locales/it.yml
@@ -746,6 +746,7 @@ tools:
       label-remove-duplicates: Rimuovi i duplicati
       label-convert-to-lowercase: Converti in minuscolo
       label-keep-line-breaks: Mantieni le interruzioni di riga
+      label-output-as-column: Output as column
       label-sort-list: Ordina elenco
       placeholder-sort-alphabetically: Ordina alfabeticamente
       label-items-separator: Separatore di elementi
diff --git a/locales/ko.yml b/locales/ko.yml
@@ -615,6 +615,7 @@ tools:
       label-remove-duplicates: 중복 제거
       label-convert-to-lowercase: 소문자로 변환
       label-keep-line-breaks: 줄 바꿈을 유지하세요
+      label-output-as-column: Output as column
       label-sort-list: 목록 정렬
       placeholder-sort-alphabetically: 알파벳순으로 정렬
       label-items-separator: 항목 구분 기호
diff --git a/locales/nl.yml b/locales/nl.yml
@@ -717,6 +717,7 @@ tools:
       label-remove-duplicates: Duplicaten verwijderen
       label-convert-to-lowercase: Omzetten naar kleine letters
       label-keep-line-breaks: Regeleinden behouden
+      label-output-as-column: Uitvoer als kolom
       label-sort-list: Lijst sorteren
       placeholder-sort-alphabetically: Alfabetisch sorteren
       label-items-separator: Items scheidingsteken
diff --git a/locales/no.yml b/locales/no.yml
@@ -775,6 +775,7 @@ tools:
       label-remove-duplicates: Fjern duplikater
       label-convert-to-lowercase: Konverter til små bokstaver
       label-keep-line-breaks: Behold linjeskift
+      label-output-as-column: Output as column
       label-sort-list: Sorter liste
       placeholder-sort-alphabetically: Sorter alfabetisk
       label-items-separator: Elementseparator
diff --git a/locales/pl.yml b/locales/pl.yml
@@ -494,6 +494,7 @@ tools:
       label-remove-duplicates: Usuń duplikaty
       label-convert-to-lowercase: Zamień na małe litery
       label-keep-line-breaks: Zachowaj podziały wierszy
+      label-output-as-column: Output as column
       label-sort-list: Sortuj listę
       placeholder-sort-alphabetically: Sortuj alfabetycznie
       label-items-separator: Separator elementów
diff --git a/locales/pt.yml b/locales/pt.yml
@@ -500,6 +500,7 @@ tools:
       label-remove-duplicates: Remover duplicatas
       label-convert-to-lowercase: Converter para minúsculas
       label-keep-line-breaks: Manter quebras de linha
+      label-output-as-column: Output as column
       label-sort-list: Lista de classificação
       placeholder-sort-alphabetically: Classificar em ordem alfabética
       label-items-separator: Separador de Itens
diff --git a/locales/ru.yml b/locales/ru.yml
@@ -765,6 +765,7 @@ tools:
       label-remove-duplicates: Удалить дубликаты
       label-convert-to-lowercase: Преобразовать в нижний регистр
       label-keep-line-breaks: Сохраняйте разрывы строк
+      label-output-as-column: Output as column
       label-sort-list: Сортировать список
       placeholder-sort-alphabetically: Сортировать по алфавиту
       label-items-separator: Разделитель элементов
diff --git a/locales/tr.yml b/locales/tr.yml
@@ -696,6 +696,7 @@ tools:
       label-remove-duplicates: Yinelenenleri kaldır
       label-convert-to-lowercase: Küçük harfe dönüştür
       label-keep-line-breaks: Satır sonlarını koruyun
+      label-output-as-column: Output as column
       label-sort-list: Sıralama listesi
       placeholder-sort-alphabetically: Alfabetik olarak sırala
       label-items-separator: Öğe Ayırıcı
diff --git a/locales/uk.yml b/locales/uk.yml
@@ -756,6 +756,7 @@ tools:
       label-remove-duplicates: Видалити дублікати
       label-convert-to-lowercase: Перетворити на малі регістри
       label-keep-line-breaks: Зберігати розриви рядків
+      label-output-as-column: Output as column
       label-sort-list: Сортувати список
       placeholder-sort-alphabetically: Сортувати за алфавітом
       label-items-separator: Роздільник елементів
diff --git a/locales/vi.yml b/locales/vi.yml
@@ -765,6 +765,7 @@ tools:
       label-remove-duplicates: Xóa các bản sao
       label-convert-to-lowercase: Chuyển đổi thành chữ thường
       label-keep-line-breaks: Giữ ngắt dòng
+      label-output-as-column: Output as column
       label-sort-list: Sắp xếp danh sách
       placeholder-sort-alphabetically: Sắp xếp theo thứ tự bảng chữ cái
       label-items-separator: Bộ phân tách mục
diff --git a/locales/zh.yml b/locales/zh.yml
@@ -438,6 +438,7 @@ tools:
       label-remove-duplicates: 移除重复项
       label-convert-to-lowercase: 转换为小写
       label-keep-line-breaks: 保留换行符
+      label-output-as-column: Output as column
       label-sort-list: 排序列表
       placeholder-sort-alphabetically: 按字母顺序排序
       label-items-separator: 项分隔符
diff --git a/src/components/FormatTransformer.vue b/src/components/FormatTransformer.vue
diff --git a/src/tools/list-converter/list-converter.e2e.spec.ts b/src/tools/list-converter/list-converter.e2e.spec.ts
diff --git a/src/tools/list-converter/list-converter.models.test.ts b/src/tools/list-converter/list-converter.models.test.ts
diff --git a/src/tools/list-converter/list-converter.models.ts b/src/tools/list-converter/list-converter.models.ts
diff --git a/src/tools/list-converter/list-converter.types.ts b/src/tools/list-converter/list-converter.types.ts
diff --git a/src/tools/list-converter/list-converter.vue b/src/tools/list-converter/list-converter.vue
diff --git a/src/ui/c-input-text/c-input-text.demo.vue b/src/ui/c-input-text/c-input-text.demo.vue
diff --git a/src/ui/c-input-text/c-input-text.vue b/src/ui/c-input-text/c-input-text.vue
