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>
This commit is contained in:
		
							parent
							
								
									ce3150c65d
								
							
						
					
					
						commit
						cb09e278d2
					
				
							
								
								
									
										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'), | ||||||
|  | }); | ||||||
							
								
								
									
										40
									
								
								src/tools/list-converter/list-converter.e2e.spec.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										40
									
								
								src/tools/list-converter/list-converter.e2e.spec.ts
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,40 @@ | |||||||
|  | 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('reverseList').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("'5', '3', '4', '2', '1'"); | ||||||
|  |   }); | ||||||
|  | }); | ||||||
							
								
								
									
										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…
	
		Reference in New Issue
	
	Block a user