From 83a7b3bae98f7509171f00912076b9dabcb83d49 Mon Sep 17 00:00:00 2001 From: cgoIT Date: Sun, 7 May 2023 11:29:22 +0200 Subject: [PATCH] feat(list-converter): a small converter who deals with column based data and do some stuff with it (#387) * feat(list-converter): a small converter who deals with column based data and do some stuff with it * Update src/tools/list-converter/index.ts * Update src/tools/list-converter/index.ts * Update src/tools/list-converter/index.ts --------- Co-authored-by: Corentin THOMASSET fix(list-format): fix e2e --- components.d.ts | 280 +++++++++--------- src/tools/index.ts | 2 + src/tools/list-converter/index.ts | 13 + .../list-converter/list-converter.e2e.spec.ts | 39 +++ .../list-converter.models.test.ts | 76 +++++ .../list-converter/list-converter.models.ts | 27 ++ .../list-converter/list-converter.types.ts | 15 + src/tools/list-converter/list-converter.vue | 121 ++++++++ src/utils/array.ts | 7 + 9 files changed, 441 insertions(+), 139 deletions(-) create mode 100644 src/tools/list-converter/index.ts create mode 100644 src/tools/list-converter/list-converter.e2e.spec.ts create mode 100644 src/tools/list-converter/list-converter.models.test.ts create mode 100644 src/tools/list-converter/list-converter.models.ts create mode 100644 src/tools/list-converter/list-converter.types.ts create mode 100644 src/tools/list-converter/list-converter.vue create mode 100644 src/utils/array.ts diff --git a/components.d.ts b/components.d.ts index 84e879c9..78c2650c 100644 --- a/components.d.ts +++ b/components.d.ts @@ -5,147 +5,149 @@ // Read more: https://github.com/vuejs/core/pull/3399 import '@vue/runtime-core' -export {}; +export {} declare module '@vue/runtime-core' { export interface GlobalComponents { - '404.page': typeof import('./src/pages/404.page.vue')['default']; - About: typeof import('./src/pages/About.vue')['default']; - App: typeof import('./src/App.vue')['default']; - 'Base.layout': typeof import('./src/layouts/base.layout.vue')['default']; - Base64FileConverter: typeof import('./src/tools/base64-file-converter/base64-file-converter.vue')['default']; - Base64StringConverter: typeof import('./src/tools/base64-string-converter/base64-string-converter.vue')['default']; - BasicAuthGenerator: typeof import('./src/tools/basic-auth-generator/basic-auth-generator.vue')['default']; - Bcrypt: typeof import('./src/tools/bcrypt/bcrypt.vue')['default']; - BenchmarkBuilder: typeof import('./src/tools/benchmark-builder/benchmark-builder.vue')['default']; - Bip39Generator: typeof import('./src/tools/bip39-generator/bip39-generator.vue')['default']; - CaseConverter: typeof import('./src/tools/case-converter/case-converter.vue')['default']; - CButton: typeof import('./src/ui/c-button/c-button.vue')['default']; - 'CButton.demo': typeof import('./src/ui/c-button/c-button.demo.vue')['default']; - CCard: typeof import('./src/ui/c-card/c-card.vue')['default']; - 'CCard.demo': typeof import('./src/ui/c-card/c-card.demo.vue')['default']; - ChmodCalculator: typeof import('./src/tools/chmod-calculator/chmod-calculator.vue')['default']; - Chronometer: typeof import('./src/tools/chronometer/chronometer.vue')['default']; - CLink: typeof import('./src/ui/c-link/c-link.vue')['default']; - 'CLink.demo': typeof import('./src/ui/c-link/c-link.demo.vue')['default']; - CollapsibleToolMenu: typeof import('./src/components/CollapsibleToolMenu.vue')['default']; - ColorConverter: typeof import('./src/tools/color-converter/color-converter.vue')['default']; - ColoredCard: typeof import('./src/components/ColoredCard.vue')['default']; - CopyableIpLike: typeof import('./src/tools/ipv4-subnet-calculator/copyable-ip-like.vue')['default']; - CrontabGenerator: typeof import('./src/tools/crontab-generator/crontab-generator.vue')['default']; - DateTimeConverter: typeof import('./src/tools/date-time-converter/date-time-converter.vue')['default']; - 'Demo.routes': typeof import('./src/ui/demo/demo.routes.vue')['default']; - DemoWrapper: typeof import('./src/ui/demo/demo-wrapper.vue')['default']; - DeviceInformation: typeof import('./src/tools/device-information/device-information.vue')['default']; - DiffViewer: typeof import('./src/tools/json-diff/diff-viewer/diff-viewer.vue')['default']; - DockerRunToDockerComposeConverter: typeof import('./src/tools/docker-run-to-docker-compose-converter/docker-run-to-docker-compose-converter.vue')['default']; - DynamicValues: typeof import('./src/tools/benchmark-builder/dynamic-values.vue')['default']; - Editor: typeof import('./src/tools/html-wysiwyg-editor/editor/editor.vue')['default']; - Encryption: typeof import('./src/tools/encryption/encryption.vue')['default']; - EtaCalculator: typeof import('./src/tools/eta-calculator/eta-calculator.vue')['default']; - FavoriteButton: typeof import('./src/components/FavoriteButton.vue')['default']; - FormatTransformer: typeof import('./src/components/FormatTransformer.vue')['default']; - GitMemo: typeof import('./src/tools/git-memo/git-memo.md')['default']; - HashText: typeof import('./src/tools/hash-text/hash-text.vue')['default']; - HmacGenerator: typeof import('./src/tools/hmac-generator/hmac-generator.vue')['default']; - 'Home.page': typeof import('./src/pages/Home.page.vue')['default']; - HtmlEntities: typeof import('./src/tools/html-entities/html-entities.vue')['default']; - HtmlWysiwygEditor: typeof import('./src/tools/html-wysiwyg-editor/html-wysiwyg-editor.vue')['default']; - HttpStatusCodes: typeof import('./src/tools/http-status-codes/http-status-codes.vue')['default']; - InputCopyable: typeof import('./src/components/InputCopyable.vue')['default']; - IntegerBaseConverter: typeof import('./src/tools/integer-base-converter/integer-base-converter.vue')['default']; - Ipv4AddressConverter: typeof import('./src/tools/ipv4-address-converter/ipv4-address-converter.vue')['default']; - Ipv4RangeExpander: typeof import('./src/tools/ipv4-range-expander/ipv4-range-expander.vue')['default']; - Ipv4SubnetCalculator: typeof import('./src/tools/ipv4-subnet-calculator/ipv4-subnet-calculator.vue')['default']; - Ipv6UlaGenerator: typeof import('./src/tools/ipv6-ula-generator/ipv6-ula-generator.vue')['default']; - JsonDiff: typeof import('./src/tools/json-diff/json-diff.vue')['default']; - JsonMinify: typeof import('./src/tools/json-minify/json-minify.vue')['default']; - JsonToYaml: typeof import('./src/tools/json-to-yaml-converter/json-to-yaml.vue')['default']; - JsonViewer: typeof import('./src/tools/json-viewer/json-viewer.vue')['default']; - JwtParser: typeof import('./src/tools/jwt-parser/jwt-parser.vue')['default']; - KeycodeInfo: typeof import('./src/tools/keycode-info/keycode-info.vue')['default']; - LoremIpsumGenerator: typeof import('./src/tools/lorem-ipsum-generator/lorem-ipsum-generator.vue')['default']; - MacAddressLookup: typeof import('./src/tools/mac-address-lookup/mac-address-lookup.vue')['default']; - MathEvaluator: typeof import('./src/tools/math-evaluator/math-evaluator.vue')['default']; - MenuBar: typeof import('./src/tools/html-wysiwyg-editor/editor/menu-bar.vue')['default']; - MenuBarItem: typeof import('./src/tools/html-wysiwyg-editor/editor/menu-bar-item.vue')['default']; - MenuIconItem: typeof import('./src/components/MenuIconItem.vue')['default']; - MenuLayout: typeof import('./src/components/MenuLayout.vue')['default']; - MetaTagGenerator: typeof import('./src/tools/meta-tag-generator/meta-tag-generator.vue')['default']; - MimeTypes: typeof import('./src/tools/mime-types/mime-types.vue')['default']; - NAlert: typeof import('naive-ui')['NAlert']; - NAutoComplete: typeof import('naive-ui')['NAutoComplete']; - 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']; - NCode: typeof import('naive-ui')['NCode']; - NCollapseTransition: typeof import('naive-ui')['NCollapseTransition']; - NColorPicker: typeof import('naive-ui')['NColorPicker']; - NConfigProvider: typeof import('naive-ui')['NConfigProvider']; - 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']; - NGrid: typeof import('naive-ui')['NGrid']; - NH1: typeof import('naive-ui')['NH1']; - NH2: typeof import('naive-ui')['NH2']; - NH3: typeof import('naive-ui')['NH3']; - NIcon: typeof import('naive-ui')['NIcon']; - NImage: typeof import('naive-ui')['NImage']; - NInput: typeof import('naive-ui')['NInput']; - NInputGroup: typeof import('naive-ui')['NInputGroup']; - NInputGroupLabel: typeof import('naive-ui')['NInputGroupLabel']; - NInputNumber: typeof import('naive-ui')['NInputNumber']; - NLayout: typeof import('naive-ui')['NLayout']; - NLayoutSider: typeof import('naive-ui')['NLayoutSider']; - NMenu: typeof import('naive-ui')['NMenu']; - NP: typeof import('naive-ui')['NP']; - NPageHeader: typeof import('naive-ui')['NPageHeader']; - NProgress: typeof import('naive-ui')['NProgress']; - NScrollbar: typeof import('naive-ui')['NScrollbar']; - NSelect: typeof import('naive-ui')['NSelect']; - NSlider: typeof import('naive-ui')['NSlider']; - NSpace: typeof import('naive-ui')['NSpace']; - NStatistic: typeof import('naive-ui')['NStatistic']; - NSwitch: typeof import('naive-ui')['NSwitch']; - NTable: typeof import('naive-ui')['NTable']; - NTag: typeof import('naive-ui')['NTag']; - NText: typeof import('naive-ui')['NText']; - NTooltip: typeof import('naive-ui')['NTooltip']; - NUpload: typeof import('naive-ui')['NUpload']; - NUploadDragger: typeof import('naive-ui')['NUploadDragger']; - OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default']; - PhoneParserAndFormatter: typeof import('./src/tools/phone-parser-and-formatter/phone-parser-and-formatter.vue')['default']; - QrCodeGenerator: typeof import('./src/tools/qr-code-generator/qr-code-generator.vue')['default']; - RandomPortGenerator: typeof import('./src/tools/random-port-generator/random-port-generator.vue')['default']; - ResultRow: typeof import('./src/tools/ipv4-range-expander/result-row.vue')['default']; - RomanNumeralConverter: typeof import('./src/tools/roman-numeral-converter/roman-numeral-converter.vue')['default']; - RouterLink: typeof import('vue-router')['RouterLink']; - RouterView: typeof import('vue-router')['RouterView']; - RsaKeyPairGenerator: typeof import('./src/tools/rsa-key-pair-generator/rsa-key-pair-generator.vue')['default']; - SearchBar: typeof import('./src/components/SearchBar.vue')['default']; - SearchBarItem: typeof import('./src/components/SearchBarItem.vue')['default']; - SlugifyString: typeof import('./src/tools/slugify-string/slugify-string.vue')['default']; - SpanCopyable: typeof import('./src/components/SpanCopyable.vue')['default']; - SqlPrettify: typeof import('./src/tools/sql-prettify/sql-prettify.vue')['default']; - SvgPlaceholderGenerator: typeof import('./src/tools/svg-placeholder-generator/svg-placeholder-generator.vue')['default']; - TemperatureConverter: typeof import('./src/tools/temperature-converter/temperature-converter.vue')['default']; - TextareaCopyable: typeof import('./src/components/TextareaCopyable.vue')['default']; - TextStatistics: typeof import('./src/tools/text-statistics/text-statistics.vue')['default']; - TextToNatoAlphabet: typeof import('./src/tools/text-to-nato-alphabet/text-to-nato-alphabet.vue')['default']; - TokenDisplay: typeof import('./src/tools/otp-code-generator-and-validator/token-display.vue')['default']; - 'TokenGenerator.tool': typeof import('./src/tools/token-generator/token-generator.tool.vue')['default']; - 'Tool.layout': typeof import('./src/layouts/tool.layout.vue')['default']; - ToolCard: typeof import('./src/components/ToolCard.vue')['default']; - UrlEncoder: typeof import('./src/tools/url-encoder/url-encoder.vue')['default']; - UrlParser: typeof import('./src/tools/url-parser/url-parser.vue')['default']; - UserAgentParser: typeof import('./src/tools/user-agent-parser/user-agent-parser.vue')['default']; - UserAgentResultCards: typeof import('./src/tools/user-agent-parser/user-agent-result-cards.vue')['default']; - UuidGenerator: typeof import('./src/tools/uuid-generator/uuid-generator.vue')['default']; - YamlToJson: typeof import('./src/tools/yaml-to-json-converter/yaml-to-json.vue')['default']; + '404.page': typeof import('./src/pages/404.page.vue')['default'] + About: typeof import('./src/pages/About.vue')['default'] + App: typeof import('./src/App.vue')['default'] + 'Base.layout': typeof import('./src/layouts/base.layout.vue')['default'] + Base64FileConverter: typeof import('./src/tools/base64-file-converter/base64-file-converter.vue')['default'] + Base64StringConverter: typeof import('./src/tools/base64-string-converter/base64-string-converter.vue')['default'] + BasicAuthGenerator: typeof import('./src/tools/basic-auth-generator/basic-auth-generator.vue')['default'] + Bcrypt: typeof import('./src/tools/bcrypt/bcrypt.vue')['default'] + BenchmarkBuilder: typeof import('./src/tools/benchmark-builder/benchmark-builder.vue')['default'] + Bip39Generator: typeof import('./src/tools/bip39-generator/bip39-generator.vue')['default'] + CaseConverter: typeof import('./src/tools/case-converter/case-converter.vue')['default'] + CButton: typeof import('./src/ui/c-button/c-button.vue')['default'] + 'CButton.demo': typeof import('./src/ui/c-button/c-button.demo.vue')['default'] + CCard: typeof import('./src/ui/c-card/c-card.vue')['default'] + 'CCard.demo': typeof import('./src/ui/c-card/c-card.demo.vue')['default'] + ChmodCalculator: typeof import('./src/tools/chmod-calculator/chmod-calculator.vue')['default'] + Chronometer: typeof import('./src/tools/chronometer/chronometer.vue')['default'] + CLink: typeof import('./src/ui/c-link/c-link.vue')['default'] + 'CLink.demo': typeof import('./src/ui/c-link/c-link.demo.vue')['default'] + CollapsibleToolMenu: typeof import('./src/components/CollapsibleToolMenu.vue')['default'] + ColorConverter: typeof import('./src/tools/color-converter/color-converter.vue')['default'] + ColoredCard: typeof import('./src/components/ColoredCard.vue')['default'] + CopyableIpLike: typeof import('./src/tools/ipv4-subnet-calculator/copyable-ip-like.vue')['default'] + CrontabGenerator: typeof import('./src/tools/crontab-generator/crontab-generator.vue')['default'] + DateTimeConverter: typeof import('./src/tools/date-time-converter/date-time-converter.vue')['default'] + 'Demo.routes': typeof import('./src/ui/demo/demo.routes.vue')['default'] + DemoWrapper: typeof import('./src/ui/demo/demo-wrapper.vue')['default'] + DeviceInformation: typeof import('./src/tools/device-information/device-information.vue')['default'] + DiffViewer: typeof import('./src/tools/json-diff/diff-viewer/diff-viewer.vue')['default'] + DockerRunToDockerComposeConverter: typeof import('./src/tools/docker-run-to-docker-compose-converter/docker-run-to-docker-compose-converter.vue')['default'] + DynamicValues: typeof import('./src/tools/benchmark-builder/dynamic-values.vue')['default'] + Editor: typeof import('./src/tools/html-wysiwyg-editor/editor/editor.vue')['default'] + Encryption: typeof import('./src/tools/encryption/encryption.vue')['default'] + EtaCalculator: typeof import('./src/tools/eta-calculator/eta-calculator.vue')['default'] + FavoriteButton: typeof import('./src/components/FavoriteButton.vue')['default'] + FormatTransformer: typeof import('./src/components/FormatTransformer.vue')['default'] + GitMemo: typeof import('./src/tools/git-memo/git-memo.md')['default'] + HashText: typeof import('./src/tools/hash-text/hash-text.vue')['default'] + HmacGenerator: typeof import('./src/tools/hmac-generator/hmac-generator.vue')['default'] + 'Home.page': typeof import('./src/pages/Home.page.vue')['default'] + HtmlEntities: typeof import('./src/tools/html-entities/html-entities.vue')['default'] + HtmlWysiwygEditor: typeof import('./src/tools/html-wysiwyg-editor/html-wysiwyg-editor.vue')['default'] + HttpStatusCodes: typeof import('./src/tools/http-status-codes/http-status-codes.vue')['default'] + InputCopyable: typeof import('./src/components/InputCopyable.vue')['default'] + IntegerBaseConverter: typeof import('./src/tools/integer-base-converter/integer-base-converter.vue')['default'] + Ipv4AddressConverter: typeof import('./src/tools/ipv4-address-converter/ipv4-address-converter.vue')['default'] + Ipv4RangeExpander: typeof import('./src/tools/ipv4-range-expander/ipv4-range-expander.vue')['default'] + Ipv4SubnetCalculator: typeof import('./src/tools/ipv4-subnet-calculator/ipv4-subnet-calculator.vue')['default'] + Ipv6UlaGenerator: typeof import('./src/tools/ipv6-ula-generator/ipv6-ula-generator.vue')['default'] + JsonDiff: typeof import('./src/tools/json-diff/json-diff.vue')['default'] + JsonMinify: typeof import('./src/tools/json-minify/json-minify.vue')['default'] + JsonToYaml: typeof import('./src/tools/json-to-yaml-converter/json-to-yaml.vue')['default'] + JsonViewer: typeof import('./src/tools/json-viewer/json-viewer.vue')['default'] + JwtParser: typeof import('./src/tools/jwt-parser/jwt-parser.vue')['default'] + KeycodeInfo: typeof import('./src/tools/keycode-info/keycode-info.vue')['default'] + ListConverter: typeof import('./src/tools/list-converter/list-converter.vue')['default'] + LoremIpsumGenerator: typeof import('./src/tools/lorem-ipsum-generator/lorem-ipsum-generator.vue')['default'] + MacAddressLookup: typeof import('./src/tools/mac-address-lookup/mac-address-lookup.vue')['default'] + MathEvaluator: typeof import('./src/tools/math-evaluator/math-evaluator.vue')['default'] + MenuBar: typeof import('./src/tools/html-wysiwyg-editor/editor/menu-bar.vue')['default'] + MenuBarItem: typeof import('./src/tools/html-wysiwyg-editor/editor/menu-bar-item.vue')['default'] + MenuIconItem: typeof import('./src/components/MenuIconItem.vue')['default'] + MenuLayout: typeof import('./src/components/MenuLayout.vue')['default'] + MetaTagGenerator: typeof import('./src/tools/meta-tag-generator/meta-tag-generator.vue')['default'] + MimeTypes: typeof import('./src/tools/mime-types/mime-types.vue')['default'] + NAlert: typeof import('naive-ui')['NAlert'] + NAutoComplete: typeof import('naive-ui')['NAutoComplete'] + 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'] + NCode: typeof import('naive-ui')['NCode'] + NCollapseTransition: typeof import('naive-ui')['NCollapseTransition'] + NColorPicker: typeof import('naive-ui')['NColorPicker'] + NConfigProvider: typeof import('naive-ui')['NConfigProvider'] + 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'] + NFormItemGi: typeof import('naive-ui')['NFormItemGi'] + NGi: typeof import('naive-ui')['NGi'] + NGrid: typeof import('naive-ui')['NGrid'] + NH1: typeof import('naive-ui')['NH1'] + NH2: typeof import('naive-ui')['NH2'] + NH3: typeof import('naive-ui')['NH3'] + NIcon: typeof import('naive-ui')['NIcon'] + NImage: typeof import('naive-ui')['NImage'] + NInput: typeof import('naive-ui')['NInput'] + NInputGroup: typeof import('naive-ui')['NInputGroup'] + NInputGroupLabel: typeof import('naive-ui')['NInputGroupLabel'] + NInputNumber: typeof import('naive-ui')['NInputNumber'] + NLayout: typeof import('naive-ui')['NLayout'] + NLayoutSider: typeof import('naive-ui')['NLayoutSider'] + NMenu: typeof import('naive-ui')['NMenu'] + NP: typeof import('naive-ui')['NP'] + NPageHeader: typeof import('naive-ui')['NPageHeader'] + NProgress: typeof import('naive-ui')['NProgress'] + NScrollbar: typeof import('naive-ui')['NScrollbar'] + NSelect: typeof import('naive-ui')['NSelect'] + NSlider: typeof import('naive-ui')['NSlider'] + NSpace: typeof import('naive-ui')['NSpace'] + NStatistic: typeof import('naive-ui')['NStatistic'] + NSwitch: typeof import('naive-ui')['NSwitch'] + NTable: typeof import('naive-ui')['NTable'] + NTag: typeof import('naive-ui')['NTag'] + NText: typeof import('naive-ui')['NText'] + NTooltip: typeof import('naive-ui')['NTooltip'] + NUpload: typeof import('naive-ui')['NUpload'] + NUploadDragger: typeof import('naive-ui')['NUploadDragger'] + OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default'] + PhoneParserAndFormatter: typeof import('./src/tools/phone-parser-and-formatter/phone-parser-and-formatter.vue')['default'] + QrCodeGenerator: typeof import('./src/tools/qr-code-generator/qr-code-generator.vue')['default'] + RandomPortGenerator: typeof import('./src/tools/random-port-generator/random-port-generator.vue')['default'] + ResultRow: typeof import('./src/tools/ipv4-range-expander/result-row.vue')['default'] + RomanNumeralConverter: typeof import('./src/tools/roman-numeral-converter/roman-numeral-converter.vue')['default'] + RouterLink: typeof import('vue-router')['RouterLink'] + RouterView: typeof import('vue-router')['RouterView'] + RsaKeyPairGenerator: typeof import('./src/tools/rsa-key-pair-generator/rsa-key-pair-generator.vue')['default'] + SearchBar: typeof import('./src/components/SearchBar.vue')['default'] + SearchBarItem: typeof import('./src/components/SearchBarItem.vue')['default'] + SlugifyString: typeof import('./src/tools/slugify-string/slugify-string.vue')['default'] + SpanCopyable: typeof import('./src/components/SpanCopyable.vue')['default'] + SqlPrettify: typeof import('./src/tools/sql-prettify/sql-prettify.vue')['default'] + SvgPlaceholderGenerator: typeof import('./src/tools/svg-placeholder-generator/svg-placeholder-generator.vue')['default'] + TemperatureConverter: typeof import('./src/tools/temperature-converter/temperature-converter.vue')['default'] + TextareaCopyable: typeof import('./src/components/TextareaCopyable.vue')['default'] + TextStatistics: typeof import('./src/tools/text-statistics/text-statistics.vue')['default'] + TextToNatoAlphabet: typeof import('./src/tools/text-to-nato-alphabet/text-to-nato-alphabet.vue')['default'] + TokenDisplay: typeof import('./src/tools/otp-code-generator-and-validator/token-display.vue')['default'] + 'TokenGenerator.tool': typeof import('./src/tools/token-generator/token-generator.tool.vue')['default'] + 'Tool.layout': typeof import('./src/layouts/tool.layout.vue')['default'] + ToolCard: typeof import('./src/components/ToolCard.vue')['default'] + UrlEncoder: typeof import('./src/tools/url-encoder/url-encoder.vue')['default'] + UrlParser: typeof import('./src/tools/url-parser/url-parser.vue')['default'] + UserAgentParser: typeof import('./src/tools/user-agent-parser/user-agent-parser.vue')['default'] + UserAgentResultCards: typeof import('./src/tools/user-agent-parser/user-agent-result-cards.vue')['default'] + UuidGenerator: typeof import('./src/tools/uuid-generator/uuid-generator.vue')['default'] + YamlToJson: typeof import('./src/tools/yaml-to-json-converter/yaml-to-json.vue')['default'] } } diff --git a/src/tools/index.ts b/src/tools/index.ts index bc54b4d2..f5aacc4d 100644 --- a/src/tools/index.ts +++ b/src/tools/index.ts @@ -1,6 +1,7 @@ import { tool as base64FileConverter } from './base64-file-converter'; import { tool as base64StringConverter } from './base64-string-converter'; import { tool as basicAuthGenerator } from './basic-auth-generator'; +import { tool as listConverter } from './list-converter'; import { tool as phoneParserAndFormatter } from './phone-parser-and-formatter'; import { tool as jsonDiff } from './json-diff'; import { tool as ipv4RangeExpander } from './ipv4-range-expander'; @@ -74,6 +75,7 @@ export const toolsByCategory: ToolCategory[] = [ textToNatoAlphabet, yamlToJson, jsonToYaml, + listConverter, ], }, { diff --git a/src/tools/list-converter/index.ts b/src/tools/list-converter/index.ts new file mode 100644 index 00000000..cf9fbd39 --- /dev/null +++ b/src/tools/list-converter/index.ts @@ -0,0 +1,13 @@ +import { List } from '@vicons/tabler'; +import { defineTool } from '../tool'; + +export const tool = defineTool({ + name: 'List converter', + path: '/list-converter', + description: + 'This tool can process column-based data and apply various changes (transpose, add prefix and suffix, reverse list, sort list, lowercase values, truncate values) to each row.', + keywords: ['list', 'converter', 'sort', 'reverse', 'prefix', 'suffix', 'lowercase', 'truncate'], + component: () => import('./list-converter.vue'), + icon: List, + createdAt: new Date('2023-05-07'), +}); diff --git a/src/tools/list-converter/list-converter.e2e.spec.ts b/src/tools/list-converter/list-converter.e2e.spec.ts new file mode 100644 index 00000000..1634a11c --- /dev/null +++ b/src/tools/list-converter/list-converter.e2e.spec.ts @@ -0,0 +1,39 @@ +import { test, expect } from '@playwright/test'; + +test.describe('Tool - List converter', () => { + test.beforeEach(async ({ page }) => { + await page.goto('/list-converter'); + }); + + test('Has correct title', async ({ page }) => { + await expect(page).toHaveTitle('List converter - IT Tools'); + }); + + test('Simple list should be converted with default settings', async ({ page }) => { + await page.getByTestId('input').fill(`1 + 2 + 3 + 4 + 5`); + + const result = await page.getByTestId('area-content').innerText(); + + expect(result.trim()).toEqual('1, 2, 3, 4, 5'); + }); + + test('Duplicates should be removed, list should be sorted and prefix and suffix list items', async ({ page }) => { + await page.getByTestId('input').fill(`1 + 2 + 2 + 4 + 4 + 3 + 5`); + await page.getByTestId('removeDuplicates').check(); + await page.getByTestId('itemPrefix').locator('input').fill("'"); + await page.getByTestId('itemSuffix').locator('input').fill("'"); + + const result = await page.getByTestId('area-content').innerText(); + expect(result.trim()).toEqual("'1', '2', '4', '3', '5'"); + }); +}); diff --git a/src/tools/list-converter/list-converter.models.test.ts b/src/tools/list-converter/list-converter.models.test.ts new file mode 100644 index 00000000..944f0f3b --- /dev/null +++ b/src/tools/list-converter/list-converter.models.test.ts @@ -0,0 +1,76 @@ +import { expect, describe, it } from 'vitest'; +import { convert } from './list-converter.models'; +import type { ConvertOptions } from './list-converter.types'; + +describe('list-converter', () => { + describe('convert', () => { + it('should convert a given list', () => { + const options: ConvertOptions = { + separator: ', ', + trimItems: true, + removeDuplicates: true, + itemPrefix: '"', + itemSuffix: '"', + listPrefix: '', + listSuffix: '', + reverseList: false, + sortList: null, + lowerCase: false, + keepLineBreaks: false, + }; + const input = ` + 1 + 2 + + 3 + 3 + 4 + `; + expect(convert(input, options)).toEqual('"1", "2", "3", "4"'); + }); + + it('should return an empty value for an empty input', () => { + const options: ConvertOptions = { + separator: ', ', + trimItems: true, + removeDuplicates: true, + itemPrefix: '', + itemSuffix: '', + listPrefix: '', + listSuffix: '', + reverseList: false, + sortList: null, + lowerCase: false, + keepLineBreaks: false, + }; + expect(convert('', options)).toEqual(''); + }); + + it('should keep line breaks', () => { + const options: ConvertOptions = { + separator: '', + trimItems: true, + itemPrefix: '
  • ', + itemSuffix: '
    • ', + listPrefix: '', + keepLineBreaks: true, + lowerCase: false, + removeDuplicates: false, + reverseList: false, + sortList: null, + }; + const input = ` + 1 + 2 + 3 + `; + const expected = ``; + expect(convert(input, options)).toEqual(expected); + }); + }); +}); diff --git a/src/tools/list-converter/list-converter.models.ts b/src/tools/list-converter/list-converter.models.ts new file mode 100644 index 00000000..1df9b38a --- /dev/null +++ b/src/tools/list-converter/list-converter.models.ts @@ -0,0 +1,27 @@ +import _ from 'lodash'; +import { byOrder } from '@/utils/array'; +import type { ConvertOptions } from './list-converter.types'; + +export { convert }; + +const whenever = + (condition: boolean, fn: (value: T) => R) => + (value: T) => + condition ? fn(value) : value; + +function convert(list: string, options: ConvertOptions): string { + const lineBreak = options.keepLineBreaks ? '\n' : ''; + + return _.chain(list) + .thru(whenever(options.lowerCase, (text) => text.toLowerCase())) + .split('\n') + .thru(whenever(options.removeDuplicates, _.uniq)) + .thru(whenever(options.reverseList, _.reverse)) + .thru(whenever(!_.isNull(options.sortList), (parts) => parts.sort(byOrder({ order: options.sortList })))) + .map(whenever(options.trimItems, _.trim)) + .without('') + .map((p) => options.itemPrefix + p + options.itemSuffix) + .join(options.separator + lineBreak) + .thru((text) => [options.listPrefix, text, options.listSuffix].join(lineBreak)) + .value(); +} diff --git a/src/tools/list-converter/list-converter.types.ts b/src/tools/list-converter/list-converter.types.ts new file mode 100644 index 00000000..cfcaeade --- /dev/null +++ b/src/tools/list-converter/list-converter.types.ts @@ -0,0 +1,15 @@ +export type SortOrder = 'asc' | 'desc' | null; + +export type ConvertOptions = { + lowerCase: boolean; + trimItems: boolean; + itemPrefix: string; + itemSuffix: string; + listPrefix: string; + listSuffix: string; + reverseList: boolean; + sortList: SortOrder; + removeDuplicates: boolean; + separator: string; + keepLineBreaks: boolean; +}; diff --git a/src/tools/list-converter/list-converter.vue b/src/tools/list-converter/list-converter.vue new file mode 100644 index 00000000..ae0b50ec --- /dev/null +++ b/src/tools/list-converter/list-converter.vue @@ -0,0 +1,121 @@ + + + + + diff --git a/src/utils/array.ts b/src/utils/array.ts new file mode 100644 index 00000000..15b3506d --- /dev/null +++ b/src/utils/array.ts @@ -0,0 +1,7 @@ +export { byOrder }; + +function byOrder({ order }: { order: 'asc' | 'desc' | null | undefined }) { + return (a: string, b: string) => { + return order === 'asc' ? a.localeCompare(b) : b.localeCompare(a); + }; +}