mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-04-21 07:16:15 -04:00
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 <corentin.thomasset74@gmail.com> fix(list-format): fix e2e
This commit is contained in:
cgoIT
Corentin Thomasset
parent
ce3150c65d
commit
83a7b3bae9
9 changed files with 441 additions and 139 deletions
280
components.d.ts
vendored
280
components.d.ts
vendored
|
|
@ -5,147 +5,149 @@
|
||||||
// Read more: https://github.com/vuejs/core/pull/3399
|
// Read more: https://github.com/vuejs/core/pull/3399
|
||||||
import '@vue/runtime-core'
|
import '@vue/runtime-core'
|
||||||
|
|
||||||
export {};
|
export {}
|
||||||
|
|
||||||
declare module '@vue/runtime-core' {
|
declare module '@vue/runtime-core' {
|
||||||
export interface GlobalComponents {
|
export interface GlobalComponents {
|
||||||
'404.page': typeof import('./src/pages/404.page.vue')['default'];
|
'404.page': typeof import('./src/pages/404.page.vue')['default']
|
||||||
About: typeof import('./src/pages/About.vue')['default'];
|
About: typeof import('./src/pages/About.vue')['default']
|
||||||
App: typeof import('./src/App.vue')['default'];
|
App: typeof import('./src/App.vue')['default']
|
||||||
'Base.layout': typeof import('./src/layouts/base.layout.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'];
|
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'];
|
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'];
|
BasicAuthGenerator: typeof import('./src/tools/basic-auth-generator/basic-auth-generator.vue')['default']
|
||||||
Bcrypt: typeof import('./src/tools/bcrypt/bcrypt.vue')['default'];
|
Bcrypt: typeof import('./src/tools/bcrypt/bcrypt.vue')['default']
|
||||||
BenchmarkBuilder: typeof import('./src/tools/benchmark-builder/benchmark-builder.vue')['default'];
|
BenchmarkBuilder: typeof import('./src/tools/benchmark-builder/benchmark-builder.vue')['default']
|
||||||
Bip39Generator: typeof import('./src/tools/bip39-generator/bip39-generator.vue')['default'];
|
Bip39Generator: typeof import('./src/tools/bip39-generator/bip39-generator.vue')['default']
|
||||||
CaseConverter: typeof import('./src/tools/case-converter/case-converter.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: typeof import('./src/ui/c-button/c-button.vue')['default']
|
||||||
'CButton.demo': typeof import('./src/ui/c-button/c-button.demo.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: typeof import('./src/ui/c-card/c-card.vue')['default']
|
||||||
'CCard.demo': typeof import('./src/ui/c-card/c-card.demo.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'];
|
ChmodCalculator: typeof import('./src/tools/chmod-calculator/chmod-calculator.vue')['default']
|
||||||
Chronometer: typeof import('./src/tools/chronometer/chronometer.vue')['default'];
|
Chronometer: typeof import('./src/tools/chronometer/chronometer.vue')['default']
|
||||||
CLink: typeof import('./src/ui/c-link/c-link.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'];
|
'CLink.demo': typeof import('./src/ui/c-link/c-link.demo.vue')['default']
|
||||||
CollapsibleToolMenu: typeof import('./src/components/CollapsibleToolMenu.vue')['default'];
|
CollapsibleToolMenu: typeof import('./src/components/CollapsibleToolMenu.vue')['default']
|
||||||
ColorConverter: typeof import('./src/tools/color-converter/color-converter.vue')['default'];
|
ColorConverter: typeof import('./src/tools/color-converter/color-converter.vue')['default']
|
||||||
ColoredCard: typeof import('./src/components/ColoredCard.vue')['default'];
|
ColoredCard: typeof import('./src/components/ColoredCard.vue')['default']
|
||||||
CopyableIpLike: typeof import('./src/tools/ipv4-subnet-calculator/copyable-ip-like.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'];
|
CrontabGenerator: typeof import('./src/tools/crontab-generator/crontab-generator.vue')['default']
|
||||||
DateTimeConverter: typeof import('./src/tools/date-time-converter/date-time-converter.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'];
|
'Demo.routes': typeof import('./src/ui/demo/demo.routes.vue')['default']
|
||||||
DemoWrapper: typeof import('./src/ui/demo/demo-wrapper.vue')['default'];
|
DemoWrapper: typeof import('./src/ui/demo/demo-wrapper.vue')['default']
|
||||||
DeviceInformation: typeof import('./src/tools/device-information/device-information.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'];
|
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'];
|
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'];
|
DynamicValues: typeof import('./src/tools/benchmark-builder/dynamic-values.vue')['default']
|
||||||
Editor: typeof import('./src/tools/html-wysiwyg-editor/editor/editor.vue')['default'];
|
Editor: typeof import('./src/tools/html-wysiwyg-editor/editor/editor.vue')['default']
|
||||||
Encryption: typeof import('./src/tools/encryption/encryption.vue')['default'];
|
Encryption: typeof import('./src/tools/encryption/encryption.vue')['default']
|
||||||
EtaCalculator: typeof import('./src/tools/eta-calculator/eta-calculator.vue')['default'];
|
EtaCalculator: typeof import('./src/tools/eta-calculator/eta-calculator.vue')['default']
|
||||||
FavoriteButton: typeof import('./src/components/FavoriteButton.vue')['default'];
|
FavoriteButton: typeof import('./src/components/FavoriteButton.vue')['default']
|
||||||
FormatTransformer: typeof import('./src/components/FormatTransformer.vue')['default'];
|
FormatTransformer: typeof import('./src/components/FormatTransformer.vue')['default']
|
||||||
GitMemo: typeof import('./src/tools/git-memo/git-memo.md')['default'];
|
GitMemo: typeof import('./src/tools/git-memo/git-memo.md')['default']
|
||||||
HashText: typeof import('./src/tools/hash-text/hash-text.vue')['default'];
|
HashText: typeof import('./src/tools/hash-text/hash-text.vue')['default']
|
||||||
HmacGenerator: typeof import('./src/tools/hmac-generator/hmac-generator.vue')['default'];
|
HmacGenerator: typeof import('./src/tools/hmac-generator/hmac-generator.vue')['default']
|
||||||
'Home.page': typeof import('./src/pages/Home.page.vue')['default'];
|
'Home.page': typeof import('./src/pages/Home.page.vue')['default']
|
||||||
HtmlEntities: typeof import('./src/tools/html-entities/html-entities.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'];
|
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'];
|
HttpStatusCodes: typeof import('./src/tools/http-status-codes/http-status-codes.vue')['default']
|
||||||
InputCopyable: typeof import('./src/components/InputCopyable.vue')['default'];
|
InputCopyable: typeof import('./src/components/InputCopyable.vue')['default']
|
||||||
IntegerBaseConverter: typeof import('./src/tools/integer-base-converter/integer-base-converter.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'];
|
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'];
|
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'];
|
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'];
|
Ipv6UlaGenerator: typeof import('./src/tools/ipv6-ula-generator/ipv6-ula-generator.vue')['default']
|
||||||
JsonDiff: typeof import('./src/tools/json-diff/json-diff.vue')['default'];
|
JsonDiff: typeof import('./src/tools/json-diff/json-diff.vue')['default']
|
||||||
JsonMinify: typeof import('./src/tools/json-minify/json-minify.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'];
|
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'];
|
JsonViewer: typeof import('./src/tools/json-viewer/json-viewer.vue')['default']
|
||||||
JwtParser: typeof import('./src/tools/jwt-parser/jwt-parser.vue')['default'];
|
JwtParser: typeof import('./src/tools/jwt-parser/jwt-parser.vue')['default']
|
||||||
KeycodeInfo: typeof import('./src/tools/keycode-info/keycode-info.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'];
|
ListConverter: typeof import('./src/tools/list-converter/list-converter.vue')['default']
|
||||||
MacAddressLookup: typeof import('./src/tools/mac-address-lookup/mac-address-lookup.vue')['default'];
|
LoremIpsumGenerator: typeof import('./src/tools/lorem-ipsum-generator/lorem-ipsum-generator.vue')['default']
|
||||||
MathEvaluator: typeof import('./src/tools/math-evaluator/math-evaluator.vue')['default'];
|
MacAddressLookup: typeof import('./src/tools/mac-address-lookup/mac-address-lookup.vue')['default']
|
||||||
MenuBar: typeof import('./src/tools/html-wysiwyg-editor/editor/menu-bar.vue')['default'];
|
MathEvaluator: typeof import('./src/tools/math-evaluator/math-evaluator.vue')['default']
|
||||||
MenuBarItem: typeof import('./src/tools/html-wysiwyg-editor/editor/menu-bar-item.vue')['default'];
|
MenuBar: typeof import('./src/tools/html-wysiwyg-editor/editor/menu-bar.vue')['default']
|
||||||
MenuIconItem: typeof import('./src/components/MenuIconItem.vue')['default'];
|
MenuBarItem: typeof import('./src/tools/html-wysiwyg-editor/editor/menu-bar-item.vue')['default']
|
||||||
MenuLayout: typeof import('./src/components/MenuLayout.vue')['default'];
|
MenuIconItem: typeof import('./src/components/MenuIconItem.vue')['default']
|
||||||
MetaTagGenerator: typeof import('./src/tools/meta-tag-generator/meta-tag-generator.vue')['default'];
|
MenuLayout: typeof import('./src/components/MenuLayout.vue')['default']
|
||||||
MimeTypes: typeof import('./src/tools/mime-types/mime-types.vue')['default'];
|
MetaTagGenerator: typeof import('./src/tools/meta-tag-generator/meta-tag-generator.vue')['default']
|
||||||
NAlert: typeof import('naive-ui')['NAlert'];
|
MimeTypes: typeof import('./src/tools/mime-types/mime-types.vue')['default']
|
||||||
NAutoComplete: typeof import('naive-ui')['NAutoComplete'];
|
NAlert: typeof import('naive-ui')['NAlert']
|
||||||
NavbarButtons: typeof import('./src/components/NavbarButtons.vue')['default'];
|
NAutoComplete: typeof import('naive-ui')['NAutoComplete']
|
||||||
NButton: typeof import('naive-ui')['NButton'];
|
NavbarButtons: typeof import('./src/components/NavbarButtons.vue')['default']
|
||||||
NCard: typeof import('naive-ui')['NCard'];
|
NButton: typeof import('naive-ui')['NButton']
|
||||||
NCheckbox: typeof import('naive-ui')['NCheckbox'];
|
NCard: typeof import('naive-ui')['NCard']
|
||||||
NCode: typeof import('naive-ui')['NCode'];
|
NCheckbox: typeof import('naive-ui')['NCheckbox']
|
||||||
NCollapseTransition: typeof import('naive-ui')['NCollapseTransition'];
|
NCode: typeof import('naive-ui')['NCode']
|
||||||
NColorPicker: typeof import('naive-ui')['NColorPicker'];
|
NCollapseTransition: typeof import('naive-ui')['NCollapseTransition']
|
||||||
NConfigProvider: typeof import('naive-ui')['NConfigProvider'];
|
NColorPicker: typeof import('naive-ui')['NColorPicker']
|
||||||
NDatePicker: typeof import('naive-ui')['NDatePicker'];
|
NConfigProvider: typeof import('naive-ui')['NConfigProvider']
|
||||||
NDivider: typeof import('naive-ui')['NDivider'];
|
NDatePicker: typeof import('naive-ui')['NDatePicker']
|
||||||
NDynamicInput: typeof import('naive-ui')['NDynamicInput'];
|
NDivider: typeof import('naive-ui')['NDivider']
|
||||||
NEllipsis: typeof import('naive-ui')['NEllipsis'];
|
NDynamicInput: typeof import('naive-ui')['NDynamicInput']
|
||||||
NForm: typeof import('naive-ui')['NForm'];
|
NEllipsis: typeof import('naive-ui')['NEllipsis']
|
||||||
NFormItem: typeof import('naive-ui')['NFormItem'];
|
NForm: typeof import('naive-ui')['NForm']
|
||||||
NGi: typeof import('naive-ui')['NGi'];
|
NFormItem: typeof import('naive-ui')['NFormItem']
|
||||||
NGrid: typeof import('naive-ui')['NGrid'];
|
NFormItemGi: typeof import('naive-ui')['NFormItemGi']
|
||||||
NH1: typeof import('naive-ui')['NH1'];
|
NGi: typeof import('naive-ui')['NGi']
|
||||||
NH2: typeof import('naive-ui')['NH2'];
|
NGrid: typeof import('naive-ui')['NGrid']
|
||||||
NH3: typeof import('naive-ui')['NH3'];
|
NH1: typeof import('naive-ui')['NH1']
|
||||||
NIcon: typeof import('naive-ui')['NIcon'];
|
NH2: typeof import('naive-ui')['NH2']
|
||||||
NImage: typeof import('naive-ui')['NImage'];
|
NH3: typeof import('naive-ui')['NH3']
|
||||||
NInput: typeof import('naive-ui')['NInput'];
|
NIcon: typeof import('naive-ui')['NIcon']
|
||||||
NInputGroup: typeof import('naive-ui')['NInputGroup'];
|
NImage: typeof import('naive-ui')['NImage']
|
||||||
NInputGroupLabel: typeof import('naive-ui')['NInputGroupLabel'];
|
NInput: typeof import('naive-ui')['NInput']
|
||||||
NInputNumber: typeof import('naive-ui')['NInputNumber'];
|
NInputGroup: typeof import('naive-ui')['NInputGroup']
|
||||||
NLayout: typeof import('naive-ui')['NLayout'];
|
NInputGroupLabel: typeof import('naive-ui')['NInputGroupLabel']
|
||||||
NLayoutSider: typeof import('naive-ui')['NLayoutSider'];
|
NInputNumber: typeof import('naive-ui')['NInputNumber']
|
||||||
NMenu: typeof import('naive-ui')['NMenu'];
|
NLayout: typeof import('naive-ui')['NLayout']
|
||||||
NP: typeof import('naive-ui')['NP'];
|
NLayoutSider: typeof import('naive-ui')['NLayoutSider']
|
||||||
NPageHeader: typeof import('naive-ui')['NPageHeader'];
|
NMenu: typeof import('naive-ui')['NMenu']
|
||||||
NProgress: typeof import('naive-ui')['NProgress'];
|
NP: typeof import('naive-ui')['NP']
|
||||||
NScrollbar: typeof import('naive-ui')['NScrollbar'];
|
NPageHeader: typeof import('naive-ui')['NPageHeader']
|
||||||
NSelect: typeof import('naive-ui')['NSelect'];
|
NProgress: typeof import('naive-ui')['NProgress']
|
||||||
NSlider: typeof import('naive-ui')['NSlider'];
|
NScrollbar: typeof import('naive-ui')['NScrollbar']
|
||||||
NSpace: typeof import('naive-ui')['NSpace'];
|
NSelect: typeof import('naive-ui')['NSelect']
|
||||||
NStatistic: typeof import('naive-ui')['NStatistic'];
|
NSlider: typeof import('naive-ui')['NSlider']
|
||||||
NSwitch: typeof import('naive-ui')['NSwitch'];
|
NSpace: typeof import('naive-ui')['NSpace']
|
||||||
NTable: typeof import('naive-ui')['NTable'];
|
NStatistic: typeof import('naive-ui')['NStatistic']
|
||||||
NTag: typeof import('naive-ui')['NTag'];
|
NSwitch: typeof import('naive-ui')['NSwitch']
|
||||||
NText: typeof import('naive-ui')['NText'];
|
NTable: typeof import('naive-ui')['NTable']
|
||||||
NTooltip: typeof import('naive-ui')['NTooltip'];
|
NTag: typeof import('naive-ui')['NTag']
|
||||||
NUpload: typeof import('naive-ui')['NUpload'];
|
NText: typeof import('naive-ui')['NText']
|
||||||
NUploadDragger: typeof import('naive-ui')['NUploadDragger'];
|
NTooltip: typeof import('naive-ui')['NTooltip']
|
||||||
OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default'];
|
NUpload: typeof import('naive-ui')['NUpload']
|
||||||
PhoneParserAndFormatter: typeof import('./src/tools/phone-parser-and-formatter/phone-parser-and-formatter.vue')['default'];
|
NUploadDragger: typeof import('naive-ui')['NUploadDragger']
|
||||||
QrCodeGenerator: typeof import('./src/tools/qr-code-generator/qr-code-generator.vue')['default'];
|
OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default']
|
||||||
RandomPortGenerator: typeof import('./src/tools/random-port-generator/random-port-generator.vue')['default'];
|
PhoneParserAndFormatter: typeof import('./src/tools/phone-parser-and-formatter/phone-parser-and-formatter.vue')['default']
|
||||||
ResultRow: typeof import('./src/tools/ipv4-range-expander/result-row.vue')['default'];
|
QrCodeGenerator: typeof import('./src/tools/qr-code-generator/qr-code-generator.vue')['default']
|
||||||
RomanNumeralConverter: typeof import('./src/tools/roman-numeral-converter/roman-numeral-converter.vue')['default'];
|
RandomPortGenerator: typeof import('./src/tools/random-port-generator/random-port-generator.vue')['default']
|
||||||
RouterLink: typeof import('vue-router')['RouterLink'];
|
ResultRow: typeof import('./src/tools/ipv4-range-expander/result-row.vue')['default']
|
||||||
RouterView: typeof import('vue-router')['RouterView'];
|
RomanNumeralConverter: typeof import('./src/tools/roman-numeral-converter/roman-numeral-converter.vue')['default']
|
||||||
RsaKeyPairGenerator: typeof import('./src/tools/rsa-key-pair-generator/rsa-key-pair-generator.vue')['default'];
|
RouterLink: typeof import('vue-router')['RouterLink']
|
||||||
SearchBar: typeof import('./src/components/SearchBar.vue')['default'];
|
RouterView: typeof import('vue-router')['RouterView']
|
||||||
SearchBarItem: typeof import('./src/components/SearchBarItem.vue')['default'];
|
RsaKeyPairGenerator: typeof import('./src/tools/rsa-key-pair-generator/rsa-key-pair-generator.vue')['default']
|
||||||
SlugifyString: typeof import('./src/tools/slugify-string/slugify-string.vue')['default'];
|
SearchBar: typeof import('./src/components/SearchBar.vue')['default']
|
||||||
SpanCopyable: typeof import('./src/components/SpanCopyable.vue')['default'];
|
SearchBarItem: typeof import('./src/components/SearchBarItem.vue')['default']
|
||||||
SqlPrettify: typeof import('./src/tools/sql-prettify/sql-prettify.vue')['default'];
|
SlugifyString: typeof import('./src/tools/slugify-string/slugify-string.vue')['default']
|
||||||
SvgPlaceholderGenerator: typeof import('./src/tools/svg-placeholder-generator/svg-placeholder-generator.vue')['default'];
|
SpanCopyable: typeof import('./src/components/SpanCopyable.vue')['default']
|
||||||
TemperatureConverter: typeof import('./src/tools/temperature-converter/temperature-converter.vue')['default'];
|
SqlPrettify: typeof import('./src/tools/sql-prettify/sql-prettify.vue')['default']
|
||||||
TextareaCopyable: typeof import('./src/components/TextareaCopyable.vue')['default'];
|
SvgPlaceholderGenerator: typeof import('./src/tools/svg-placeholder-generator/svg-placeholder-generator.vue')['default']
|
||||||
TextStatistics: typeof import('./src/tools/text-statistics/text-statistics.vue')['default'];
|
TemperatureConverter: typeof import('./src/tools/temperature-converter/temperature-converter.vue')['default']
|
||||||
TextToNatoAlphabet: typeof import('./src/tools/text-to-nato-alphabet/text-to-nato-alphabet.vue')['default'];
|
TextareaCopyable: typeof import('./src/components/TextareaCopyable.vue')['default']
|
||||||
TokenDisplay: typeof import('./src/tools/otp-code-generator-and-validator/token-display.vue')['default'];
|
TextStatistics: typeof import('./src/tools/text-statistics/text-statistics.vue')['default']
|
||||||
'TokenGenerator.tool': typeof import('./src/tools/token-generator/token-generator.tool.vue')['default'];
|
TextToNatoAlphabet: typeof import('./src/tools/text-to-nato-alphabet/text-to-nato-alphabet.vue')['default']
|
||||||
'Tool.layout': typeof import('./src/layouts/tool.layout.vue')['default'];
|
TokenDisplay: typeof import('./src/tools/otp-code-generator-and-validator/token-display.vue')['default']
|
||||||
ToolCard: typeof import('./src/components/ToolCard.vue')['default'];
|
'TokenGenerator.tool': typeof import('./src/tools/token-generator/token-generator.tool.vue')['default']
|
||||||
UrlEncoder: typeof import('./src/tools/url-encoder/url-encoder.vue')['default'];
|
'Tool.layout': typeof import('./src/layouts/tool.layout.vue')['default']
|
||||||
UrlParser: typeof import('./src/tools/url-parser/url-parser.vue')['default'];
|
ToolCard: typeof import('./src/components/ToolCard.vue')['default']
|
||||||
UserAgentParser: typeof import('./src/tools/user-agent-parser/user-agent-parser.vue')['default'];
|
UrlEncoder: typeof import('./src/tools/url-encoder/url-encoder.vue')['default']
|
||||||
UserAgentResultCards: typeof import('./src/tools/user-agent-parser/user-agent-result-cards.vue')['default'];
|
UrlParser: typeof import('./src/tools/url-parser/url-parser.vue')['default']
|
||||||
UuidGenerator: typeof import('./src/tools/uuid-generator/uuid-generator.vue')['default'];
|
UserAgentParser: typeof import('./src/tools/user-agent-parser/user-agent-parser.vue')['default']
|
||||||
YamlToJson: typeof import('./src/tools/yaml-to-json-converter/yaml-to-json.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']
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,7 @@
|
||||||
import { tool as base64FileConverter } from './base64-file-converter';
|
import { tool as base64FileConverter } from './base64-file-converter';
|
||||||
import { tool as base64StringConverter } from './base64-string-converter';
|
import { tool as base64StringConverter } from './base64-string-converter';
|
||||||
import { tool as basicAuthGenerator } from './basic-auth-generator';
|
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 phoneParserAndFormatter } from './phone-parser-and-formatter';
|
||||||
import { tool as jsonDiff } from './json-diff';
|
import { tool as jsonDiff } from './json-diff';
|
||||||
import { tool as ipv4RangeExpander } from './ipv4-range-expander';
|
import { tool as ipv4RangeExpander } from './ipv4-range-expander';
|
||||||
|
|
@ -74,6 +75,7 @@ export const toolsByCategory: ToolCategory[] = [
|
||||||
textToNatoAlphabet,
|
textToNatoAlphabet,
|
||||||
yamlToJson,
|
yamlToJson,
|
||||||
jsonToYaml,
|
jsonToYaml,
|
||||||
|
listConverter,
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
||||||
13
src/tools/list-converter/index.ts
Normal file
13
src/tools/list-converter/index.ts
Normal file
|
|
@ -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'),
|
||||||
|
});
|
||||||
39
src/tools/list-converter/list-converter.e2e.spec.ts
Normal file
39
src/tools/list-converter/list-converter.e2e.spec.ts
Normal file
|
|
@ -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'");
|
||||||
|
});
|
||||||
|
});
|
||||||
76
src/tools/list-converter/list-converter.models.test.ts
Normal file
76
src/tools/list-converter/list-converter.models.test.ts
Normal file
|
|
@ -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: '<li>',
|
||||||
|
itemSuffix: '</li>',
|
||||||
|
listPrefix: '<ul>',
|
||||||
|
listSuffix: '</ul>',
|
||||||
|
keepLineBreaks: true,
|
||||||
|
lowerCase: false,
|
||||||
|
removeDuplicates: false,
|
||||||
|
reverseList: false,
|
||||||
|
sortList: null,
|
||||||
|
};
|
||||||
|
const input = `
|
||||||
|
1
|
||||||
|
2
|
||||||
|
3
|
||||||
|
`;
|
||||||
|
const expected = `<ul>
|
||||||
|
<li>1</li>
|
||||||
|
<li>2</li>
|
||||||
|
<li>3</li>
|
||||||
|
</ul>`;
|
||||||
|
expect(convert(input, options)).toEqual(expected);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
27
src/tools/list-converter/list-converter.models.ts
Normal file
27
src/tools/list-converter/list-converter.models.ts
Normal file
|
|
@ -0,0 +1,27 @@
|
||||||
|
import _ from 'lodash';
|
||||||
|
import { byOrder } from '@/utils/array';
|
||||||
|
import type { ConvertOptions } from './list-converter.types';
|
||||||
|
|
||||||
|
export { convert };
|
||||||
|
|
||||||
|
const whenever =
|
||||||
|
<T, R>(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();
|
||||||
|
}
|
||||||
15
src/tools/list-converter/list-converter.types.ts
Normal file
15
src/tools/list-converter/list-converter.types.ts
Normal file
|
|
@ -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;
|
||||||
|
};
|
||||||
121
src/tools/list-converter/list-converter.vue
Normal file
121
src/tools/list-converter/list-converter.vue
Normal file
|
|
@ -0,0 +1,121 @@
|
||||||
|
<template>
|
||||||
|
<div style="flex: 0 0 100%">
|
||||||
|
<n-space item-style="flex: 1 1 0" style="margin: 0 auto; max-width: 600px" justify="center">
|
||||||
|
<c-card>
|
||||||
|
<div flex>
|
||||||
|
<div>
|
||||||
|
<n-form-item label="Trim list items" label-placement="left" label-width="150" :show-feedback="false" mb-2>
|
||||||
|
<n-switch v-model:value="conversionConfig.trimItems" />
|
||||||
|
</n-form-item>
|
||||||
|
<n-form-item label="Remove duplicates" label-placement="left" label-width="150" :show-feedback="false" mb-2>
|
||||||
|
<n-switch v-model:value="conversionConfig.removeDuplicates" data-test-id="removeDuplicates" />
|
||||||
|
</n-form-item>
|
||||||
|
<n-form-item
|
||||||
|
label="Convert to lowercase"
|
||||||
|
label-placement="left"
|
||||||
|
label-width="150"
|
||||||
|
:show-feedback="false"
|
||||||
|
mb-2
|
||||||
|
>
|
||||||
|
<n-switch v-model:value="conversionConfig.lowerCase" />
|
||||||
|
</n-form-item>
|
||||||
|
<n-form-item label="Keep line breaks" label-placement="left" label-width="150" :show-feedback="false" mb-2>
|
||||||
|
<n-switch v-model:value="conversionConfig.keepLineBreaks" />
|
||||||
|
</n-form-item>
|
||||||
|
</div>
|
||||||
|
<div flex-1>
|
||||||
|
<n-form-item label="Sort list" label-placement="left" label-width="120" :show-feedback="false" mb-2>
|
||||||
|
<n-select
|
||||||
|
v-model:value="conversionConfig.sortList"
|
||||||
|
:options="sortOrderOptions"
|
||||||
|
clearable
|
||||||
|
w-full
|
||||||
|
:disabled="conversionConfig.reverseList"
|
||||||
|
data-test-id="sortList"
|
||||||
|
placeholder="Sort alphabetically"
|
||||||
|
/>
|
||||||
|
</n-form-item>
|
||||||
|
|
||||||
|
<n-form-item label="Separator" label-placement="left" label-width="120" :show-feedback="false" mb-2>
|
||||||
|
<n-input v-model:value="conversionConfig.separator" placeholder="," />
|
||||||
|
</n-form-item>
|
||||||
|
|
||||||
|
<n-form-item label="Wrap item" label-placement="left" label-width="120" :show-feedback="false" mb-2>
|
||||||
|
<n-input-group>
|
||||||
|
<n-input
|
||||||
|
v-model:value="conversionConfig.itemPrefix"
|
||||||
|
placeholder="Item prefix"
|
||||||
|
data-test-id="itemPrefix"
|
||||||
|
/>
|
||||||
|
<n-input
|
||||||
|
v-model:value="conversionConfig.itemSuffix"
|
||||||
|
placeholder="Item suffix"
|
||||||
|
data-test-id="itemSuffix"
|
||||||
|
/>
|
||||||
|
</n-input-group>
|
||||||
|
</n-form-item>
|
||||||
|
<n-form-item label="Wrap list" label-placement="left" label-width="120" :show-feedback="false" mb-2>
|
||||||
|
<n-input-group>
|
||||||
|
<n-input
|
||||||
|
v-model:value="conversionConfig.listPrefix"
|
||||||
|
placeholder="List prefix"
|
||||||
|
data-test-id="listPrefix"
|
||||||
|
/>
|
||||||
|
<n-input
|
||||||
|
v-model:value="conversionConfig.listSuffix"
|
||||||
|
placeholder="List suffix"
|
||||||
|
data-test-id="listSuffix"
|
||||||
|
/>
|
||||||
|
</n-input-group>
|
||||||
|
</n-form-item>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</c-card>
|
||||||
|
</n-space>
|
||||||
|
</div>
|
||||||
|
<format-transformer
|
||||||
|
input-label="Your input data"
|
||||||
|
input-placeholder="Paste your input data here..."
|
||||||
|
output-label="Your transformed data"
|
||||||
|
:transformer="transformer"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { useStorage } from '@vueuse/core';
|
||||||
|
import { convert } from './list-converter.models';
|
||||||
|
import type { ConvertOptions } from './list-converter.types';
|
||||||
|
|
||||||
|
const sortOrderOptions = [
|
||||||
|
{
|
||||||
|
label: 'Sort ascending',
|
||||||
|
value: 'asc',
|
||||||
|
disabled: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'Sort descending',
|
||||||
|
value: 'desc',
|
||||||
|
disabled: false,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const conversionConfig = useStorage<ConvertOptions>('list-converter:conversionConfig', {
|
||||||
|
lowerCase: false,
|
||||||
|
trimItems: true,
|
||||||
|
removeDuplicates: true,
|
||||||
|
keepLineBreaks: false,
|
||||||
|
itemPrefix: '',
|
||||||
|
itemSuffix: '',
|
||||||
|
listPrefix: '',
|
||||||
|
listSuffix: '',
|
||||||
|
reverseList: false,
|
||||||
|
sortList: null,
|
||||||
|
separator: ', ',
|
||||||
|
});
|
||||||
|
|
||||||
|
const transformer = (value: string) => {
|
||||||
|
return convert(value, conversionConfig.value);
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped></style>
|
||||||
7
src/utils/array.ts
Normal file
7
src/utils/array.ts
Normal file
|
|
@ -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);
|
||||||
|
};
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue