public-repos/it-tools
5
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(new tool): phone parser and normalizer

Browse Source
This commit is contained in:
Corentin Thomasset 2023-05-01 16:43:45 +02:00 committed by Corentin THOMASSET
parent 3f6c8f0edd
commit ce3150c65d
10 changed files with 357 additions and 140 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

277
components.d.ts vendored
View File

@ -5,146 +5,147 @@
// 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']
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'];
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'];
}
}

2
package.json
View File

@ -48,6 +48,7 @@
"change-case": "^4.1.2",
"colord": "^2.9.3",
"composerize-ts": "^0.6.2",
"country-code-lookup": "^0.0.23",
"cron-validator": "^1.3.1",
"cronstrue": "^2.26.0",
"crypto-js": "^4.1.1",
@ -57,6 +58,7 @@
"highlight.js": "^11.7.0",
"json5": "^2.2.3",
"jwt-decode": "^3.1.2",
"libphonenumber-js": "^1.10.28",
"lodash": "^4.17.21",
"mathjs": "^10.6.4",
"mime-types": "^2.1.35",

14
pnpm-lock.yaml generated
View File

@ -46,6 +46,9 @@ dependencies:
composerize-ts:
specifier: ^0.6.2
version: 0.6.2
country-code-lookup:
specifier: ^0.0.23
version: 0.0.23
cron-validator:
specifier: ^1.3.1
version: 1.3.1
@ -73,6 +76,9 @@ dependencies:
jwt-decode:
specifier: ^3.1.2
version: 3.1.2
libphonenumber-js:
specifier: ^1.10.28
version: 1.10.28
lodash:
specifier: ^4.17.21
version: 4.17.21
@ -3604,6 +3610,10 @@ packages:
browserslist: 4.21.5
dev: true
/country-code-lookup@0.0.23:
resolution: {integrity: sha512-kxhIGcau9/X+tgPg9yO2q1OLu8jiYYsdwXuiXzHdsgNChd36xrJMlOba7ka9O1xShCVTiVQPQpq/tcuy4WiW+Q==}
dev: false
/country-data@0.0.31:
resolution: {integrity: sha512-YqlY/i6ikZwoBFfdjK+hJTGaBdTgDpXLI15MCj2UsXZ2cPBb+Kx86AXmDH7PRGt0LUleck0cCgNdWeIhfbcxkQ==}
dependencies:
@ -5665,6 +5675,10 @@ packages:
type-check: 0.4.0
dev: true
/libphonenumber-js@1.10.28:
resolution: {integrity: sha512-1eAgjLrZA0+2Wgw4hs+4Q/kEBycxQo8ZLYnmOvZ3AlM8ImAVAJgDPlZtISLEzD1vunc2q8s2Pn7XwB7I8U3Kzw==}
dev: false
/linkify-it@3.0.3:
resolution: {integrity: sha512-ynTsyrFSdE5oZ/O9GEf00kPngmOfVwazR5GKDq6EYfhlpFug3J2zybX56a2PRRpc9P+FuSoGNAwjlbDs9jJBPQ==}
dependencies:

5
src/tools/index.ts
View File

@ -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 phoneParserAndFormatter } from './phone-parser-and-formatter';
import { tool as jsonDiff } from './json-diff';
import { tool as ipv4RangeExpander } from './ipv4-range-expander';
import { tool as httpStatusCodes } from './http-status-codes';
@ -128,6 +129,10 @@ export const toolsByCategory: ToolCategory[] = [
name: 'Text',
components: [loremIpsumGenerator, textStatistics],
},
{
name: 'Data',
components: [phoneParserAndFormatter],
},
];
export const tools = toolsByCategory.flatMap(({ components }) => components);

25
src/tools/phone-parser-and-formatter/index.ts Normal file
View File

@ -0,0 +1,25 @@
import { Phone } from '@vicons/tabler';
import { defineTool } from '../tool';
export const tool = defineTool({
name: 'Phone parser and formatter',
path: '/phone-parser-and-formatter',
description:
'Parse, validate and format phone numbers. Get information about the phone number, like the country code, type, etc.',
keywords: [
'phone',
'parser',
'formatter',
'validate',
'format',
'number',
'telephone',
'mobile',
'cell',
'international',
'national',
],
component: () => import('./phone-parser-and-formatter.vue'),
icon: Phone,
createdAt: new Date('2023-05-01'),
});

11
src/tools/phone-parser-and-formatter/phone-parser-and-formatter.e2e.spec.ts Normal file
View File

@ -0,0 +1,11 @@
import { test, expect } from '@playwright/test';
test.describe('Tool - Phone parser and formatter', () => {
test.beforeEach(async ({ page }) => {
await page.goto('/phone-parser-and-formatter');
});
test('Has correct title', async ({ page }) => {
await expect(page).toHaveTitle('Phone parser and formatter - IT Tools');
});
});

41
src/tools/phone-parser-and-formatter/phone-parser-and-formatter.models.ts Normal file
View File

@ -0,0 +1,41 @@
import type { NumberType } from 'libphonenumber-js/types';
import lookup from 'country-code-lookup';
export { formatTypeToHumanReadable, getFullCountryName, getDefaultCountryCode };
const typeToLabel: Record<NonNullable<NumberType>, string> = {
MOBILE: 'Mobile',
FIXED_LINE: 'Fixed line',
FIXED_LINE_OR_MOBILE: 'Fixed line or mobile',
PERSONAL_NUMBER: 'Personal number',
PREMIUM_RATE: 'Premium rate',
SHARED_COST: 'Shared cost',
TOLL_FREE: 'Toll free',
UAN: 'Universal access number',
VOICEMAIL: 'Voicemail',
VOIP: 'VoIP',
PAGER: 'Pager',
};
function formatTypeToHumanReadable(type: NumberType): string | undefined {
if (!type) return undefined;
return typeToLabel[type];
}
function getFullCountryName(countryCode: string | undefined) {
if (!countryCode) return undefined;
return lookup.byIso(countryCode)?.country;
}
function getDefaultCountryCode({
locale = window.navigator.language,
defaultCode = 'FR',
}: { locale?: string; defaultCode?: string } = {}): string {
const countryCode = locale.split('-')[1]?.toUpperCase();
if (!countryCode) return defaultCode;
return lookup.byIso(countryCode)?.iso2 ?? defaultCode;
}

107
src/tools/phone-parser-and-formatter/phone-parser-and-formatter.vue Normal file
View File

@ -0,0 +1,107 @@
<template>
<div>
<n-form-item label="Default country code:">
<n-select v-model:value="defaultCountryCode" :options="countriesOptions" />
</n-form-item>
<n-form-item label="Phone number:" v-bind="validation.attrs">
<n-input v-model:value="rawPhone" placeholder="Enter a phone number" />
</n-form-item>
<n-table v-if="parsedDetails">
<tbody>
<tr v-for="{ label, value } in parsedDetails" :key="label">
<td>
<n-text strong>{{ label }}</n-text>
</td>
<td>
<span-copyable v-if="value" :value="value"></span-copyable>
<n-text v-else depth="3" italic>Unknown</n-text>
</td>
</tr>
</tbody>
</n-table>
</div>
</template>
<script setup lang="ts">
import { withDefaultOnError } from '@/utils/defaults';
import { parsePhoneNumber, getCountries, getCountryCallingCode } from 'libphonenumber-js/max';
import { booleanToHumanReadable } from '@/utils/boolean';
import { useValidation } from '@/composable/validation';
import lookup from 'country-code-lookup';
import {
formatTypeToHumanReadable,
getFullCountryName,
getDefaultCountryCode,
} from './phone-parser-and-formatter.models';
const rawPhone = ref('');
const defaultCountryCode = ref(getDefaultCountryCode());
const validation = useValidation({
source: rawPhone,
rules: [
{
validator: (value) => value === '' || /^[0-9 +\-()]+$/.test(value),
message: 'Invalid phone number',
},
],
});
const parsedDetails = computed(() => {
if (!validation.isValid) return undefined;
const parsed = withDefaultOnError(() => parsePhoneNumber(rawPhone.value, 'FR'), undefined);
if (!parsed) return undefined;
return [
{
label: 'Country',
value: parsed.country,
},
{
label: 'Country',
value: getFullCountryName(parsed.country),
},
{
label: 'Country calling code',
value: parsed.countryCallingCode,
},
{
label: 'Is valid?',
value: booleanToHumanReadable(parsed.isValid()),
},
{
label: 'Is possible?',
value: booleanToHumanReadable(parsed.isPossible()),
},
{
label: 'Type',
value: formatTypeToHumanReadable(parsed.getType()),
},
{
label: 'International format',
value: parsed.formatInternational(),
},
{
label: 'National format',
value: parsed.formatNational(),
},
{
label: 'E.164 format',
value: parsed.format('E.164'),
},
{
label: 'RFC3966 format',
value: parsed.format('RFC3966'),
},
];
});
const countriesOptions = getCountries().map((code) => ({
label: `${lookup.byIso(code)?.country || code} (+${getCountryCallingCode(code)})`,
value: code,
}));
</script>
<style lang="less" scoped></style>

9
src/utils/boolean.test.ts
View File

@ -1,6 +1,6 @@
import _ from 'lodash';
import { describe, expect, it } from 'vitest';
import { isNotThrowing } from './boolean';
import { booleanToHumanReadable, isNotThrowing } from './boolean';
describe('boolean utils', () => {
describe('isNotThrowing', () => {
@ -13,4 +13,11 @@ describe('boolean utils', () => {
).to.eql(false);
});
});
describe('booleanToHumanReadable', () => {
it('should return "Yes" if the value is true and "No" otherwise', () => {
expect(booleanToHumanReadable(true)).to.eql('Yes');
expect(booleanToHumanReadable(false)).to.eql('No');
});
});
});

6
src/utils/boolean.ts
View File

@ -1,4 +1,4 @@
export { isNotThrowing };
export { isNotThrowing, booleanToHumanReadable };
function isNotThrowing(cb: () => unknown): boolean {
try {
@ -8,3 +8,7 @@ function isNotThrowing(cb: () => unknown): boolean {
return false;
}
}
function booleanToHumanReadable(value: boolean): string {
return value ? 'Yes' : 'No';
}