mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-03 21:09:12 -04:00
Merge 393ac40ebb into b47d132839
This commit is contained in:
sharevb
GitHub
commit
2e408553f8
8 changed files with 263 additions and 4 deletions
7
components.d.ts
vendored
7
components.d.ts
vendored
|
|
@ -116,6 +116,7 @@ declare module '@vue/runtime-core' {
|
|||
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']
|
||||
ListComparer: typeof import('./src/tools/list-comparer/list-comparer.vue')['default']
|
||||
ListConverter: typeof import('./src/tools/list-converter/list-converter.vue')['default']
|
||||
LocaleSelector: typeof import('./src/modules/i18n/components/locale-selector.vue')['default']
|
||||
LoremIpsumGenerator: typeof import('./src/tools/lorem-ipsum-generator/lorem-ipsum-generator.vue')['default']
|
||||
|
|
@ -138,11 +139,15 @@ declare module '@vue/runtime-core' {
|
|||
NH1: typeof import('naive-ui')['NH1']
|
||||
NH3: typeof import('naive-ui')['NH3']
|
||||
NIcon: typeof import('naive-ui')['NIcon']
|
||||
NInput: typeof import('naive-ui')['NInput']
|
||||
NInputNumber: typeof import('naive-ui')['NInputNumber']
|
||||
NLayout: typeof import('naive-ui')['NLayout']
|
||||
NLayoutSider: typeof import('naive-ui')['NLayoutSider']
|
||||
NMenu: typeof import('naive-ui')['NMenu']
|
||||
NScrollbar: typeof import('naive-ui')['NScrollbar']
|
||||
NSlider: typeof import('naive-ui')['NSlider']
|
||||
NSpace: typeof import('naive-ui')['NSpace']
|
||||
NTable: typeof import('naive-ui')['NTable']
|
||||
NSwitch: typeof import('naive-ui')['NSwitch']
|
||||
NumeronymGenerator: typeof import('./src/tools/numeronym-generator/numeronym-generator.vue')['default']
|
||||
OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default']
|
||||
PasswordStrengthAnalyser: typeof import('./src/tools/password-strength-analyser/password-strength-analyser.vue')['default']
|
||||
|
|
|
|||
|
|
@ -44,6 +44,7 @@
|
|||
"@tiptap/pm": "2.1.6",
|
||||
"@tiptap/starter-kit": "2.1.6",
|
||||
"@tiptap/vue-3": "2.0.3",
|
||||
"@types/arr-diff": "^4.0.3",
|
||||
"@types/figlet": "^1.5.8",
|
||||
"@types/markdown-it": "^13.0.7",
|
||||
"@vicons/material": "^0.12.0",
|
||||
|
|
@ -51,6 +52,7 @@
|
|||
"@vueuse/core": "^10.3.0",
|
||||
"@vueuse/head": "^1.0.0",
|
||||
"@vueuse/router": "^10.0.0",
|
||||
"arr-diff": "^4.0.0",
|
||||
"bcryptjs": "^2.4.3",
|
||||
"change-case": "^4.1.2",
|
||||
"colord": "^2.9.3",
|
||||
|
|
@ -63,6 +65,7 @@
|
|||
"dompurify": "^3.0.6",
|
||||
"email-normalizer": "^1.0.0",
|
||||
"emojilib": "^3.0.10",
|
||||
"fast_array_intersect": "^1.1.0",
|
||||
"figlet": "^1.7.0",
|
||||
"figue": "^1.2.0",
|
||||
"fuse.js": "^6.6.2",
|
||||
|
|
|
|||
28
pnpm-lock.yaml
generated
28
pnpm-lock.yaml
generated
|
|
@ -29,6 +29,9 @@ dependencies:
|
|||
'@tiptap/vue-3':
|
||||
specifier: 2.0.3
|
||||
version: 2.0.3(@tiptap/core@2.1.12)(@tiptap/pm@2.1.6)(vue@3.3.4)
|
||||
'@types/arr-diff':
|
||||
specifier: ^4.0.3
|
||||
version: 4.0.3
|
||||
'@types/figlet':
|
||||
specifier: ^1.5.8
|
||||
version: 1.5.8
|
||||
|
|
@ -50,6 +53,9 @@ dependencies:
|
|||
'@vueuse/router':
|
||||
specifier: ^10.0.0
|
||||
version: 10.0.0(vue-router@4.1.6)(vue@3.3.4)
|
||||
arr-diff:
|
||||
specifier: ^4.0.0
|
||||
version: 4.0.0
|
||||
bcryptjs:
|
||||
specifier: ^2.4.3
|
||||
version: 2.4.3
|
||||
|
|
@ -86,6 +92,9 @@ dependencies:
|
|||
emojilib:
|
||||
specifier: ^3.0.10
|
||||
version: 3.0.10
|
||||
fast_array_intersect:
|
||||
specifier: ^1.1.0
|
||||
version: 1.1.0
|
||||
figlet:
|
||||
specifier: ^1.7.0
|
||||
version: 1.7.0
|
||||
|
|
@ -2933,6 +2942,10 @@ packages:
|
|||
resolution: {integrity: sha512-yhxwIlFVSVcMym3O31HoMnRXpoenmpIxcj4Yoes2DUpe+xCJnA7ECQP1Vw889V0jTt/2nzvpLQ/UuMYCd3JPIg==}
|
||||
dev: true
|
||||
|
||||
/@types/arr-diff@4.0.3:
|
||||
resolution: {integrity: sha512-oIBe7qtc48Q1JPNuqSIUYCNMQxYzTkQAEw07b0NEZpwKbUeOswzex3qfvXCLrZDIQ9t3ucIxH6JqFmjRTPbDEg==}
|
||||
dev: false
|
||||
|
||||
/@types/bcryptjs@2.4.2:
|
||||
resolution: {integrity: sha512-LiMQ6EOPob/4yUL66SZzu6Yh77cbzJFYll+ZfaPiPPFswtIlA/Fs1MzdKYA7JApHU49zQTbJGX3PDmCpIdDBRQ==}
|
||||
dev: true
|
||||
|
|
@ -3412,7 +3425,7 @@ packages:
|
|||
dependencies:
|
||||
'@unhead/dom': 0.5.1
|
||||
'@unhead/schema': 0.5.1
|
||||
'@vueuse/shared': 11.0.3(vue@3.3.4)
|
||||
'@vueuse/shared': 11.1.0(vue@3.3.4)
|
||||
unhead: 0.5.1
|
||||
vue: 3.3.4
|
||||
transitivePeerDependencies:
|
||||
|
|
@ -4054,8 +4067,8 @@ packages:
|
|||
- vue
|
||||
dev: false
|
||||
|
||||
/@vueuse/shared@11.0.3(vue@3.3.4):
|
||||
resolution: {integrity: sha512-0rY2m6HS5t27n/Vp5cTDsKTlNnimCqsbh/fmT2LgE+aaU42EMfXo8+bNX91W9I7DDmxfuACXMmrd7d79JxkqWA==}
|
||||
/@vueuse/shared@11.1.0(vue@3.3.4):
|
||||
resolution: {integrity: sha512-YUtIpY122q7osj+zsNMFAfMTubGz0sn5QzE5gPzAIiCmtt2ha3uQUY1+JPyL4gRCTsLPX82Y9brNbo/aqlA91w==}
|
||||
dependencies:
|
||||
vue-demi: 0.14.10(vue@3.3.4)
|
||||
transitivePeerDependencies:
|
||||
|
|
@ -4171,6 +4184,11 @@ packages:
|
|||
/argparse@2.0.1:
|
||||
resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
|
||||
|
||||
/arr-diff@4.0.0:
|
||||
resolution: {integrity: sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==}
|
||||
engines: {node: '>=0.10.0'}
|
||||
dev: false
|
||||
|
||||
/array-buffer-byte-length@1.0.0:
|
||||
resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
|
||||
dependencies:
|
||||
|
|
@ -5653,6 +5671,10 @@ packages:
|
|||
resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
|
||||
dev: true
|
||||
|
||||
/fast_array_intersect@1.1.0:
|
||||
resolution: {integrity: sha512-/DCilZlUdz2XyNDF+ASs0PwY+RKG9Y4Silp/gbS72Cvbg4oibc778xcecg+pnNyiNHYgh/TApsiDTjpdniyShw==}
|
||||
dev: false
|
||||
|
||||
/fastq@1.15.0:
|
||||
resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
|
||||
dependencies:
|
||||
|
|
|
|||
|
|
@ -29,6 +29,7 @@ import { tool as tomlToJson } from './toml-to-json';
|
|||
import { tool as jsonToCsv } from './json-to-csv';
|
||||
import { tool as cameraRecorder } from './camera-recorder';
|
||||
import { tool as listConverter } from './list-converter';
|
||||
import { tool as listComparer } from './list-comparer';
|
||||
import { tool as phoneParserAndFormatter } from './phone-parser-and-formatter';
|
||||
import { tool as jsonDiff } from './json-diff';
|
||||
import { tool as ipv4RangeExpander } from './ipv4-range-expander';
|
||||
|
|
@ -111,6 +112,7 @@ export const toolsByCategory: ToolCategory[] = [
|
|||
jsonToYaml,
|
||||
jsonToToml,
|
||||
listConverter,
|
||||
listComparer,
|
||||
tomlToJson,
|
||||
tomlToYaml,
|
||||
xmlToJson,
|
||||
|
|
|
|||
12
src/tools/list-comparer/index.ts
Normal file
12
src/tools/list-comparer/index.ts
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
import { List } from '@vicons/tabler';
|
||||
import { defineTool } from '../tool';
|
||||
|
||||
export const tool = defineTool({
|
||||
name: 'Lists Comparer',
|
||||
path: '/list-comparer',
|
||||
description: 'Compare two list items',
|
||||
keywords: ['list', 'comparer'],
|
||||
component: () => import('./list-comparer.vue'),
|
||||
icon: List,
|
||||
createdAt: new Date('2024-08-15'),
|
||||
});
|
||||
97
src/tools/list-comparer/list-comparer.service.test.ts
Normal file
97
src/tools/list-comparer/list-comparer.service.test.ts
Normal file
|
|
@ -0,0 +1,97 @@
|
|||
import { describe, expect, it } from 'vitest';
|
||||
import { compareLists } from './list-comparer.service';
|
||||
|
||||
describe('list-comparer', () => {
|
||||
describe('compareLists', () => {
|
||||
it('return correct comparaison', () => {
|
||||
expect(compareLists({
|
||||
list1: '1\n 2\n3\n4\n5\n4\n7\nA',
|
||||
list2: '1\n2\n3\n4\n6\n4\n7\na',
|
||||
trimItems: true,
|
||||
ignoreCase: true,
|
||||
})).to.deep.eq({
|
||||
list1Not2: [
|
||||
'5',
|
||||
],
|
||||
list2Not1: [
|
||||
'6',
|
||||
],
|
||||
same: [
|
||||
'1',
|
||||
'2',
|
||||
'3',
|
||||
'4',
|
||||
'7',
|
||||
'a',
|
||||
],
|
||||
});
|
||||
|
||||
expect(compareLists({
|
||||
list1: '1\n 2\n3\n4\n5\n4\n7\nA',
|
||||
list2: '1\n2\n3\n4\n6\n4\n7\na',
|
||||
trimItems: false,
|
||||
ignoreCase: false,
|
||||
})).to.deep.eq({
|
||||
list1Not2: [
|
||||
' 2',
|
||||
'5',
|
||||
'A',
|
||||
],
|
||||
list2Not1: [
|
||||
'2',
|
||||
'6',
|
||||
'a',
|
||||
],
|
||||
same: [
|
||||
'1',
|
||||
'3',
|
||||
'4',
|
||||
'7',
|
||||
],
|
||||
});
|
||||
|
||||
expect(compareLists({
|
||||
list1: '1, 2,3,4,5\n4,7,A,A',
|
||||
list2: '1\n2\n3\n4\n6\n4\n7\na',
|
||||
trimItems: false,
|
||||
ignoreCase: false,
|
||||
separator: ',',
|
||||
})).to.deep.eq({
|
||||
list1Not2: [
|
||||
' 2',
|
||||
'5',
|
||||
'A',
|
||||
],
|
||||
list2Not1: [
|
||||
'2',
|
||||
'6',
|
||||
'a',
|
||||
],
|
||||
same: [
|
||||
'1',
|
||||
'3',
|
||||
'4',
|
||||
'7',
|
||||
],
|
||||
});
|
||||
|
||||
expect(compareLists({
|
||||
list1: '10\n20\n20\n30',
|
||||
list2: '30\n20\n40',
|
||||
trimItems: false,
|
||||
ignoreCase: false,
|
||||
})).to.deep.eq({
|
||||
list1Not2: [
|
||||
'10',
|
||||
],
|
||||
list2Not1: [
|
||||
'40',
|
||||
],
|
||||
same: [
|
||||
'30',
|
||||
'20',
|
||||
],
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
36
src/tools/list-comparer/list-comparer.service.ts
Normal file
36
src/tools/list-comparer/list-comparer.service.ts
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
import _ from 'lodash';
|
||||
import intersect from 'fast_array_intersect';
|
||||
import diff from 'arr-diff';
|
||||
|
||||
export function compareLists({
|
||||
list1,
|
||||
list2,
|
||||
ignoreCase = false,
|
||||
trimItems = true,
|
||||
separator = '',
|
||||
}: {
|
||||
list1: string
|
||||
list2: string
|
||||
separator?: string
|
||||
ignoreCase?: boolean
|
||||
trimItems?: boolean
|
||||
}) {
|
||||
const splitSep = separator ? `${separator}|` : '';
|
||||
const splitRegExp = new RegExp(`(?:${splitSep}\\n)`, 'g');
|
||||
|
||||
const prepareList = (list: string) =>
|
||||
_.chain(list ?? '')
|
||||
.thru(text => ignoreCase ? text.toLowerCase() : text)
|
||||
.split(splitRegExp)
|
||||
.map(text => trimItems ? text.trim() : text)
|
||||
.value();
|
||||
|
||||
const list1Arr = prepareList(list1);
|
||||
const list2Arr = prepareList(list2);
|
||||
|
||||
return {
|
||||
same: [...new Set(intersect([list1Arr, list2Arr]))],
|
||||
list2Not1: [...new Set(diff(list2Arr, list1Arr))],
|
||||
list1Not2: [...new Set(diff(list1Arr, list2Arr))],
|
||||
};
|
||||
}
|
||||
82
src/tools/list-comparer/list-comparer.vue
Normal file
82
src/tools/list-comparer/list-comparer.vue
Normal file
|
|
@ -0,0 +1,82 @@
|
|||
<script setup lang="ts">
|
||||
import { compareLists } from './list-comparer.service';
|
||||
|
||||
const compareConfig = useStorage<{ ignoreCase: boolean; trimItems: boolean; noDuplicate: boolean; separator: string }>('list-cmp:conf', {
|
||||
ignoreCase: false,
|
||||
trimItems: true,
|
||||
noDuplicate: false,
|
||||
separator: '',
|
||||
});
|
||||
const list1 = ref('');
|
||||
const list2 = ref('');
|
||||
|
||||
const compareResult = computed(() => {
|
||||
return compareLists({
|
||||
list1: list1.value,
|
||||
list2: list2.value,
|
||||
ignoreCase: compareConfig.value.ignoreCase,
|
||||
trimItems: compareConfig.value.trimItems,
|
||||
separator: compareConfig.value.separator,
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<n-space justify="center" gap-1 align="baseline">
|
||||
<n-form-item
|
||||
label="Trim items"
|
||||
label-placement="left"
|
||||
>
|
||||
<n-switch v-model:value="compareConfig.trimItems" />
|
||||
</n-form-item>
|
||||
|
||||
<n-form-item
|
||||
label="Ignore case"
|
||||
label-placement="left"
|
||||
mb-2
|
||||
>
|
||||
<n-switch v-model:value="compareConfig.ignoreCase" />
|
||||
</n-form-item>
|
||||
|
||||
<n-form-item
|
||||
label="Separator"
|
||||
label-placement="left"
|
||||
>
|
||||
<n-input
|
||||
v-model:value="compareConfig.separator"
|
||||
placeholder="Additional separator"
|
||||
/>
|
||||
</n-form-item>
|
||||
</n-space>
|
||||
|
||||
<div flex gap-1>
|
||||
<c-input-text
|
||||
v-model:value="list1"
|
||||
multiline
|
||||
rows="10"
|
||||
label="List 1"
|
||||
/>
|
||||
<c-input-text
|
||||
v-model:value="list2"
|
||||
multiline
|
||||
rows="10"
|
||||
label="List 2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div v-if="list1 || list2">
|
||||
<n-divider />
|
||||
|
||||
<c-card title="Items in both lists" mb-2>
|
||||
<textarea-copyable :value="compareResult.same.join('\n')" />
|
||||
</c-card>
|
||||
<c-card title="Items in List 1 but not in List 2" mb-2>
|
||||
<textarea-copyable :value="compareResult.list1Not2.join('\n')" />
|
||||
</c-card>
|
||||
<c-card title="Items in List 2 but not in List 1" mb-2>
|
||||
<textarea-copyable :value="compareResult.list2Not1.join('\n')" />
|
||||
</c-card>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
Loading…
Add table
Add a link
Reference in a new issue