+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/tools/benchmark-builder/dynamic-values.vue b/src/tools/benchmark-builder/dynamic-values.vue
index 5e349fc8..975a545c 100644
--- a/src/tools/benchmark-builder/dynamic-values.vue
+++ b/src/tools/benchmark-builder/dynamic-values.vue
@@ -1,7 +1,37 @@
+
+
+
+
+
+ {{ header.position }}
+ {{ header.title }}
+ {{ header.size }}
+ {{ header.mean }}
+ {{ header.variance }}
+
+
+
+
+ {{ position }}
+ {{ title }}
+ {{ size }}
+ {{ mean }}
+ {{ variance }}
+
+
+
+
+
+
+ Reset suites
+
+
+
+
+
+ Copy as markdown table
+
+
+ Copy as bullet list
+
+
+
-
-
-
-
-
diff --git a/src/tools/bip39-generator/bip39-generator.vue b/src/tools/bip39-generator/bip39-generator.vue
index 1aaa6e9c..5f005edf 100644
--- a/src/tools/bip39-generator/bip39-generator.vue
+++ b/src/tools/bip39-generator/bip39-generator.vue
@@ -1,3 +1,85 @@
+
+
- Your browser does not support recording video from camera
-
-
- You need to grant permission to use your camera and microphone
-
-
- Your browser has blocked permission request or does not support it. You need to grant permission manually in
- your browser settings (usually the lock icon in the address bar).
-
-
-
-
-
-
-
-
-
-
-
+
+
- Grant permission
-
-
-
-
-
-
- Video
-
-
- Audio
-
- Start webcam
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Video recording is not supported in your browser
-
-
- ![screenshot]()
-
-
-
-
-
-
-
- {{ type === 'image' ? 'Screenshot' : 'Video' }}
-
-
-
-
-
-
-
-
-
+
+ Your browser does not support recording video from camera
+
+
+
+ You need to grant permission to use your camera and microphone
+
+
+ Your browser has blocked permission request or does not support it. You need to grant permission manually in
+ your browser settings (usually the lock icon in the address bar).
+
+
+
+
+
+
+
+
+
diff --git a/src/tools/camera-recorder/useMediaRecorder.ts b/src/tools/camera-recorder/useMediaRecorder.ts
index eed0edda..a21328c2 100644
--- a/src/tools/camera-recorder/useMediaRecorder.ts
+++ b/src/tools/camera-recorder/useMediaRecorder.ts
@@ -1,15 +1,15 @@
-import { computed, ref, type Ref } from 'vue';
+import { type Ref, computed, ref } from 'vue';
export { useMediaRecorder };
function useMediaRecorder({ stream }: { stream: Ref
+
+ Grant permission
+
+
+
+
+
+
+
+ Video
+
+
+ Audio
+
+
+ Start webcam
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Video recording is not supported in your browser
+
+
+
+ ![screenshot]()
+
+
+
+
+
+
+
+
+ {{ type === 'image' ? 'Screenshot' : 'Video' }}
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
diff --git a/src/tools/html-wysiwyg-editor/html-wysiwyg-editor.vue b/src/tools/html-wysiwyg-editor/html-wysiwyg-editor.vue
index 7cd12566..69238215 100644
--- a/src/tools/html-wysiwyg-editor/html-wysiwyg-editor.vue
+++ b/src/tools/html-wysiwyg-editor/html-wysiwyg-editor.vue
@@ -1,16 +1,14 @@
-
-
+
+
diff --git a/src/tools/ipv4-range-expander/ipv4-range-expander.e2e.spec.ts b/src/tools/ipv4-range-expander/ipv4-range-expander.e2e.spec.ts
index b9198275..7d9a4a8f 100644
--- a/src/tools/ipv4-range-expander/ipv4-range-expander.e2e.spec.ts
+++ b/src/tools/ipv4-range-expander/ipv4-range-expander.e2e.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
test.describe('Tool - IPv4 range expander', () => {
test.beforeEach(async ({ page }) => {
diff --git a/src/tools/ipv4-range-expander/ipv4-range-expander.service.test.ts b/src/tools/ipv4-range-expander/ipv4-range-expander.service.test.ts
index 6888ac12..51046232 100644
--- a/src/tools/ipv4-range-expander/ipv4-range-expander.service.test.ts
+++ b/src/tools/ipv4-range-expander/ipv4-range-expander.service.test.ts
@@ -1,4 +1,4 @@
-import { expect, describe, it } from 'vitest';
+import { describe, expect, it } from 'vitest';
import { calculateCidr } from './ipv4-range-expander.service';
describe('ipv4RangeExpander', () => {
diff --git a/src/tools/ipv4-range-expander/ipv4-range-expander.service.ts b/src/tools/ipv4-range-expander/ipv4-range-expander.service.ts
index 7dd2c644..78fbde5b 100644
--- a/src/tools/ipv4-range-expander/ipv4-range-expander.service.ts
+++ b/src/tools/ipv4-range-expander/ipv4-range-expander.service.ts
@@ -1,20 +1,25 @@
-import type { Ipv4RangeExpanderResult } from './ipv4-range-expander.types';
import { convertBase } from '../integer-base-converter/integer-base-converter.model';
import { ipv4ToInt } from '../ipv4-address-converter/ipv4-address-converter.service';
+import type { Ipv4RangeExpanderResult } from './ipv4-range-expander.types';
+
export { calculateCidr };
function bits2ip(ipInt: number) {
- return (ipInt >>> 24) + '.' + ((ipInt >> 16) & 255) + '.' + ((ipInt >> 8) & 255) + '.' + (ipInt & 255);
+ return `${ipInt >>> 24}.${(ipInt >> 16) & 255}.${(ipInt >> 8) & 255}.${ipInt & 255}`;
}
function getRangesize(start: string, end: string) {
- if (start == null || end == null) return -1;
+ if (start == null || end == null) {
+ return -1;
+ }
return 1 + parseInt(end, 2) - parseInt(start, 2);
}
function getCidr(start: string, end: string) {
- if (start == null || end == null) return null;
+ if (start == null || end == null) {
+ return null;
+ }
const range = getRangesize(start, end);
if (range < 1) {
@@ -32,7 +37,7 @@ function getCidr(start: string, end: string) {
const newStart = start.substring(0, mask) + '0'.repeat(32 - mask);
const newEnd = end.substring(0, mask) + '1'.repeat(32 - mask);
- return { start: newStart, end: newEnd, mask: mask };
+ return { start: newStart, end: newEnd, mask };
}
function calculateCidr({ startIp, endIp }: { startIp: string; endIp: string }) {
@@ -52,7 +57,7 @@ function calculateCidr({ startIp, endIp }: { startIp: string; endIp: string }) {
const result: Ipv4RangeExpanderResult = {};
result.newEnd = bits2ip(parseInt(cidr.end, 2));
result.newStart = bits2ip(parseInt(cidr.start, 2));
- result.newCidr = result.newStart + '/' + cidr.mask;
+ result.newCidr = `${result.newStart}/${cidr.mask}`;
result.newSize = getRangesize(cidr.start, cidr.end);
result.oldSize = getRangesize(start, end);
diff --git a/src/tools/ipv4-range-expander/ipv4-range-expander.types.ts b/src/tools/ipv4-range-expander/ipv4-range-expander.types.ts
index 9172fed0..d5d2b45e 100644
--- a/src/tools/ipv4-range-expander/ipv4-range-expander.types.ts
+++ b/src/tools/ipv4-range-expander/ipv4-range-expander.types.ts
@@ -1,7 +1,7 @@
-export type Ipv4RangeExpanderResult = {
- oldSize?: number;
- newStart?: string;
- newEnd?: string;
- newCidr?: string;
- newSize?: number;
-};
+export interface Ipv4RangeExpanderResult {
+ oldSize?: number
+ newStart?: string
+ newEnd?: string
+ newCidr?: string
+ newSize?: number
+}
diff --git a/src/tools/ipv4-range-expander/ipv4-range-expander.vue b/src/tools/ipv4-range-expander/ipv4-range-expander.vue
index f1b8dc68..16ce62fb 100644
--- a/src/tools/ipv4-range-expander/ipv4-range-expander.vue
+++ b/src/tools/ipv4-range-expander/ipv4-range-expander.vue
@@ -1,3 +1,61 @@
+
+
@@ -21,13 +79,19 @@
-
- old value
- new value
+
+
+
+
+ old value
+
+
+ new value
+
-
-
-
-
-
diff --git a/src/tools/ipv4-range-expander/result-row.vue b/src/tools/ipv4-range-expander/result-row.vue
index b1782fea..efa0b648 100644
--- a/src/tools/ipv4-range-expander/result-row.vue
+++ b/src/tools/ipv4-range-expander/result-row.vue
@@ -1,18 +1,6 @@
-
-
-
- {{ label }}
-
-
-
-
-
-
-
+
+
+
+
+ {{ label }}
+
+
+
+
+
+
+
+
diff --git a/src/tools/ipv4-subnet-calculator/ipv4-subnet-calculator.vue b/src/tools/ipv4-subnet-calculator/ipv4-subnet-calculator.vue
index ca9f424f..d16e5573 100644
--- a/src/tools/ipv4-subnet-calculator/ipv4-subnet-calculator.vue
+++ b/src/tools/ipv4-subnet-calculator/ipv4-subnet-calculator.vue
@@ -1,51 +1,12 @@
-
-
);
-};
+}
-const DiffViewer = ({ diff, showKeys = true }: { diff: Difference; showKeys?: boolean }) => {
+function DiffViewer({ diff, showKeys = true }: { diff: Difference; showKeys?: boolean }) {
const { type, status } = diff;
if (status === 'updated') {
@@ -26,9 +26,9 @@ const DiffViewer = ({ diff, showKeys = true }: { diff: Difference; showKeys?: bo
}
return LineDiffViewer({ diff, showKeys });
-};
+}
-const LineDiffViewer = ({ diff, showKeys }: { diff: Difference; showKeys?: boolean }) => {
+function LineDiffViewer({ diff, showKeys }: { diff: Difference; showKeys?: boolean }) {
const { value, key, status, oldValue } = diff;
const valueToDisplay = status === 'removed' ? oldValue : value;
@@ -46,9 +46,9 @@ const LineDiffViewer = ({ diff, showKeys }: { diff: Difference; showKeys?: boole
,
);
-};
+}
-const ComparisonViewer = ({ diff, showKeys }: { diff: Difference; showKeys?: boolean }) => {
+function ComparisonViewer({ diff, showKeys }: { diff: Difference; showKeys?: boolean }) {
const { value, key, oldValue } = diff;
return (
@@ -63,21 +63,21 @@ const ComparisonViewer = ({ diff, showKeys }: { diff: Difference; showKeys?: boo
{Value({ value, status: 'added' })},
);
-};
+}
-const ChildrenViewer = ({
+function ChildrenViewer({
diff,
openTag,
closeTag,
showKeys,
showChildrenKeys = true,
}: {
- diff: ArrayDifference | ObjectDifference;
- showKeys: boolean;
- showChildrenKeys?: boolean;
- openTag: string;
- closeTag: string;
-}) => {
+ diff: ArrayDifference | ObjectDifference
+ showKeys: boolean
+ showChildrenKeys?: boolean
+ openTag: string
+ closeTag: string
+}) {
const { children, key, status, type } = diff;
return (
@@ -91,12 +91,12 @@ const ChildrenViewer = ({
)}
{openTag}
- {children.length > 0 &&
-
-
-
-
+
+
-
-
-
-
- {{ label }}
-
-
- {{ undefinedFallback }}
-
-
-
-
-
-
-
-
-
-
- Next block
-
-
-
+
+
diff --git a/src/tools/ipv6-ula-generator/ipv6-ula-generator.vue b/src/tools/ipv6-ula-generator/ipv6-ula-generator.vue
index 8f1b1302..66c69c6c 100644
--- a/src/tools/ipv6-ula-generator/ipv6-ula-generator.vue
+++ b/src/tools/ipv6-ula-generator/ipv6-ula-generator.vue
@@ -1,36 +1,3 @@
-
-
+
+
+
+
+
+ {{ label }}
+
+
+
+
+ {{ undefinedFallback }}
+
+
+
+
+
+
+
+
+
+
+
+ Next block
+
+
+
-
- This tool uses the first method suggested by IETF using the current timestamp plus the mac address, sha1 hashed,
- and the lower 40 bits to generate your random ULA.
-
-
-
-
-
-
+
+
-
-
+
+ This tool uses the first method suggested by IETF using the current timestamp plus the mac address, sha1 hashed,
+ and the lower 40 bits to generate your random ULA.
+
+
+
+
diff --git a/src/tools/json-diff/diff-viewer/diff-viewer.models.tsx b/src/tools/json-diff/diff-viewer/diff-viewer.models.tsx
index 5a19febf..d2117dfb 100644
--- a/src/tools/json-diff/diff-viewer/diff-viewer.models.tsx
+++ b/src/tools/json-diff/diff-viewer/diff-viewer.models.tsx
@@ -1,16 +1,16 @@
import _ from 'lodash';
+import type { ArrayDifference, Difference, ObjectDifference } from '../json-diff.types';
import { useCopy } from '@/composable/copy';
-import type { Difference, ArrayDifference, ObjectDifference } from '../json-diff.types';
-export const DiffRootViewer = ({ diff }: { diff: Difference }) => {
+export function DiffRootViewer({ diff }: { diff: Difference }) {
return (
+
+ - {DiffViewer({ diff, showKeys: false })}
- {children.map((diff) => DiffViewer({ diff, showKeys: showChildrenKeys }))}
- {children.map(diff => DiffViewer({ diff, showKeys: showChildrenKeys }))}
-
- The provided JSONs are the same
-
-
-
-
+
+
-
-
-
-
-
+
+
+ The provided JSONs are the same
+
+
+
+
+
+
+
+
+
+
+
+
@@ -28,37 +55,10 @@
/>
-
-
-
+
+ (condition: boolean, fn: (value: T) => R) =>
- (value: T) =>
+function whenever(condition: boolean, fn: (value: T) => R) {
+ return (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()))
+ .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 }))))
+ .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)
+ .map(p => options.itemPrefix + p + options.itemSuffix)
.join(options.separator + lineBreak)
- .thru((text) => [options.listPrefix, text, options.listSuffix].join(lineBreak))
+ .thru(text => [options.listPrefix, text, options.listSuffix].join(lineBreak))
.value();
}
diff --git a/src/tools/list-converter/list-converter.types.ts b/src/tools/list-converter/list-converter.types.ts
index cfcaeade..3f9ea3f8 100644
--- a/src/tools/list-converter/list-converter.types.ts
+++ b/src/tools/list-converter/list-converter.types.ts
@@ -1,15 +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;
-};
+export interface ConvertOptions {
+ lowerCase: boolean
+ trimItems: boolean
+ itemPrefix: string
+ itemSuffix: string
+ listPrefix: string
+ listSuffix: string
+ reverseList: boolean
+ sortList: SortOrder
+ removeDuplicates: boolean
+ separator: string
+ keepLineBreaks: boolean
+}
diff --git a/src/tools/list-converter/list-converter.vue b/src/tools/list-converter/list-converter.vue
index 7258dc36..2e6d2b3a 100644
--- a/src/tools/list-converter/list-converter.vue
+++ b/src/tools/list-converter/list-converter.vue
@@ -1,3 +1,40 @@
+
+
+
+
+ {{ event.key }}
+
+
+ Press the key on your keyboard you want to get info about this key
+
+
+
+
+
+ {{ label }}
+
+
+
+
diff --git a/src/tools/list-converter/list-converter.e2e.spec.ts b/src/tools/list-converter/list-converter.e2e.spec.ts
index a5ac8c6d..4accbf06 100644
--- a/src/tools/list-converter/list-converter.e2e.spec.ts
+++ b/src/tools/list-converter/list-converter.e2e.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
test.describe('Tool - List converter', () => {
test.beforeEach(async ({ page }) => {
@@ -30,10 +30,10 @@ test.describe('Tool - List converter', () => {
3
5`);
await page.getByTestId('removeDuplicates').check();
- await page.getByTestId('itemPrefix').fill("'");
- await page.getByTestId('itemSuffix').fill("'");
+ await page.getByTestId('itemPrefix').fill('\'');
+ await page.getByTestId('itemSuffix').fill('\'');
const result = await page.getByTestId('area-content').innerText();
- expect(result.trim()).toEqual("'1', '2', '4', '3', '5'");
+ expect(result.trim()).toEqual('\'1\', \'2\', \'4\', \'3\', \'5\'');
});
});
diff --git a/src/tools/list-converter/list-converter.models.test.ts b/src/tools/list-converter/list-converter.models.test.ts
index 944f0f3b..abbc43c2 100644
--- a/src/tools/list-converter/list-converter.models.test.ts
+++ b/src/tools/list-converter/list-converter.models.test.ts
@@ -1,4 +1,4 @@
-import { expect, describe, it } from 'vitest';
+import { describe, expect, it } from 'vitest';
import { convert } from './list-converter.models';
import type { ConvertOptions } from './list-converter.types';
diff --git a/src/tools/list-converter/list-converter.models.ts b/src/tools/list-converter/list-converter.models.ts
index 1df9b38a..548baa28 100644
--- a/src/tools/list-converter/list-converter.models.ts
+++ b/src/tools/list-converter/list-converter.models.ts
@@ -1,27 +1,27 @@
import _ from 'lodash';
-import { byOrder } from '@/utils/array';
import type { ConvertOptions } from './list-converter.types';
+import { byOrder } from '@/utils/array';
export { convert };
-const whenever =
-
@@ -82,42 +119,3 @@
:transformer="transformer"
/>
-
-
-
-
diff --git a/src/tools/lorem-ipsum-generator/lorem-ipsum-generator.service.ts b/src/tools/lorem-ipsum-generator/lorem-ipsum-generator.service.ts
index 4122a7bb..b21a302b 100644
--- a/src/tools/lorem-ipsum-generator/lorem-ipsum-generator.service.ts
+++ b/src/tools/lorem-ipsum-generator/lorem-ipsum-generator.service.ts
@@ -179,13 +179,13 @@ const vocabulary = [
];
const firstSentence = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.';
-const generateSentence = (length: number) => {
+function generateSentence(length: number) {
const sentence = Array.from({ length })
.map(() => randFromArray(vocabulary))
.join(' ');
- return sentence.charAt(0).toUpperCase() + sentence.slice(1) + '.';
-};
+ return `${sentence.charAt(0).toUpperCase() + sentence.slice(1)}.`;
+}
export function generateLoremIpsum({
paragraphCount = 1,
@@ -194,11 +194,11 @@ export function generateLoremIpsum({
startWithLoremIpsum = true,
asHTML = false,
}: {
- paragraphCount?: number;
- sentencePerParagraph?: number;
- wordCount?: number;
- startWithLoremIpsum?: boolean;
- asHTML?: boolean;
+ paragraphCount?: number
+ sentencePerParagraph?: number
+ wordCount?: number
+ startWithLoremIpsum?: boolean
+ asHTML?: boolean
}) {
const paragraphs = Array.from({ length: paragraphCount }).map(() =>
Array.from({ length: sentencePerParagraph }).map(() => generateSentence(wordCount)),
@@ -209,8 +209,8 @@ export function generateLoremIpsum({
}
if (asHTML) {
- return `
@@ -19,31 +43,9 @@
-
-
diff --git a/src/tools/mac-address-lookup/mac-address-lookup.vue b/src/tools/mac-address-lookup/mac-address-lookup.vue
index 095a0ee0..05382ebf 100644
--- a/src/tools/mac-address-lookup/mac-address-lookup.vue
+++ b/src/tools/mac-address-lookup/mac-address-lookup.vue
@@ -1,3 +1,16 @@
+
+
-
-
-
-
diff --git a/src/tools/math-evaluator/index.ts b/src/tools/math-evaluator/index.ts
index ad783d25..3dc15f4f 100644
--- a/src/tools/math-evaluator/index.ts
+++ b/src/tools/math-evaluator/index.ts
@@ -4,7 +4,7 @@ import { defineTool } from '../tool';
export const tool = defineTool({
name: 'Math evaluator',
path: '/math-evaluator',
- description: `Evaluate math expression, like a calculator on steroid (you can use function like sqrt, cos, sin, abs, ...)`,
+ description: 'Evaluate math expression, like a calculator on steroid (you can use function like sqrt, cos, sin, abs, ...)',
keywords: [
'math',
'evaluator',
diff --git a/src/tools/math-evaluator/math-evaluator.vue b/src/tools/math-evaluator/math-evaluator.vue
index a8b359b4..0429e6eb 100644
--- a/src/tools/math-evaluator/math-evaluator.vue
+++ b/src/tools/math-evaluator/math-evaluator.vue
@@ -1,3 +1,13 @@
+
+
-
-
diff --git a/src/tools/meta-tag-generator/OGSchemaType.type.ts b/src/tools/meta-tag-generator/OGSchemaType.type.ts
index 8d09013b..64387b8c 100644
--- a/src/tools/meta-tag-generator/OGSchemaType.type.ts
+++ b/src/tools/meta-tag-generator/OGSchemaType.type.ts
@@ -3,25 +3,25 @@ import type { SelectGroupOption, SelectOption } from 'naive-ui';
export type { OGSchemaType, OGSchemaTypeElementInput, OGSchemaTypeElementSelect, OGSchemaTypeElementInputMultiple };
interface OGSchemaTypeElementBase {
- key: string;
- label: string;
- placeholder: string;
+ key: string
+ label: string
+ placeholder: string
}
interface OGSchemaTypeElementInput extends OGSchemaTypeElementBase {
- type: 'input';
+ type: 'input'
}
interface OGSchemaTypeElementInputMultiple extends OGSchemaTypeElementBase {
- type: 'input-multiple';
+ type: 'input-multiple'
}
interface OGSchemaTypeElementSelect extends OGSchemaTypeElementBase {
- type: 'select';
- options: Array;
+ type: 'select'
+ options: Array
}
interface OGSchemaType {
- name: string;
- elements: (OGSchemaTypeElementSelect | OGSchemaTypeElementInput | OGSchemaTypeElementInputMultiple)[];
+ name: string
+ elements: (OGSchemaTypeElementSelect | OGSchemaTypeElementInput | OGSchemaTypeElementInputMultiple)[]
}
diff --git a/src/tools/meta-tag-generator/meta-tag-generator.vue b/src/tools/meta-tag-generator/meta-tag-generator.vue
index 73fad8b4..12e660e4 100644
--- a/src/tools/meta-tag-generator/meta-tag-generator.vue
+++ b/src/tools/meta-tag-generator/meta-tag-generator.vue
@@ -1,10 +1,65 @@
+
+
${paragraphs.map((s) => s.join(' ')).join('
\n\n')}
`; + return `${paragraphs.map(s => s.join(' ')).join('
\n\n')}
`; } - return paragraphs.map((s) => s.join(' ')).join('\n\n'); + return paragraphs.map(s => s.join(' ')).join('\n\n'); } diff --git a/src/tools/lorem-ipsum-generator/lorem-ipsum-generator.vue b/src/tools/lorem-ipsum-generator/lorem-ipsum-generator.vue index 9e3b1866..4423eb4e 100644 --- a/src/tools/lorem-ipsum-generator/lorem-ipsum-generator.vue +++ b/src/tools/lorem-ipsum-generator/lorem-ipsum-generator.vue @@ -1,3 +1,27 @@ + +
- Copy
+
+ Copy
+
Vendor info:
+
+ Vendor info:
+
-
- {{ detail }}
+
+ {{ detail }}
+
Unknown vendor for this address
+
+ Unknown vendor for this address
+
- Copy vendor info
+
+ Copy vendor info
+
-
+
- {{ label }}
+
+ {{ label }}
+
-
-
-
+
+
@@ -28,35 +54,11 @@
Download qr-code
+
+ Download qr-code
+
-
-
diff --git a/src/tools/qr-code-generator/useQRCode.ts b/src/tools/qr-code-generator/useQRCode.ts
index 64ee90a1..5aa54500 100644
--- a/src/tools/qr-code-generator/useQRCode.ts
+++ b/src/tools/qr-code-generator/useQRCode.ts
@@ -1,6 +1,6 @@
-import { get, type MaybeRef } from '@vueuse/core';
+import { type MaybeRef, get } from '@vueuse/core';
import QRCode, { type QRCodeErrorCorrectionLevel, type QRCodeToDataURLOptions } from 'qrcode';
-import { ref, watch, isRef } from 'vue';
+import { isRef, ref, watch } from 'vue';
export function useQRCode({
text,
@@ -8,17 +8,17 @@ export function useQRCode({
errorCorrectionLevel,
options,
}: {
- text: MaybeRef;
- color: { foreground: MaybeRef; background: MaybeRef };
- errorCorrectionLevel?: MaybeRef;
- options?: QRCodeToDataURLOptions;
+ text: MaybeRef
+ color: { foreground: MaybeRef; background: MaybeRef }
+ errorCorrectionLevel?: MaybeRef
+ options?: QRCodeToDataURLOptions
}) {
const qrcode = ref('');
watch(
[text, background, foreground, errorCorrectionLevel].filter(isRef),
async () => {
- if (get(text))
+ if (get(text)) {
qrcode.value = await QRCode.toDataURL(get(text).trim(), {
color: {
dark: get(foreground),
@@ -28,6 +28,7 @@ export function useQRCode({
errorCorrectionLevel: get(errorCorrectionLevel) ?? 'M',
...options,
});
+ }
},
{ immediate: true },
);
diff --git a/src/tools/random-port-generator/random-port-generator.vue b/src/tools/random-port-generator/random-port-generator.vue
index 8e3ecb63..e4ac609c 100644
--- a/src/tools/random-port-generator/random-port-generator.vue
+++ b/src/tools/random-port-generator/random-port-generator.vue
@@ -1,25 +1,29 @@
+
+
-
-
+
+
@@ -43,34 +68,13 @@
/>
-
-
diff --git a/src/tools/tools.store.ts b/src/tools/tools.store.ts
index 2b0826c1..769b4d8b 100644
--- a/src/tools/tools.store.ts
+++ b/src/tools/tools.store.ts
@@ -1,8 +1,8 @@
-import { get, useStorage, type MaybeRef } from '@vueuse/core';
+import { type MaybeRef, get, useStorage } from '@vueuse/core';
import { defineStore } from 'pinia';
import type { Ref } from 'vue';
-import { toolsWithCategory } from './index';
import type { Tool, ToolWithCategory } from './tools.types';
+import { toolsWithCategory } from './index';
export const useToolStore = defineStore('tools', {
state: () => ({
@@ -11,12 +11,12 @@ export const useToolStore = defineStore('tools', {
getters: {
favoriteTools(state) {
return state.favoriteToolsName
- .map((favoriteName) => toolsWithCategory.find(({ name }) => name === favoriteName))
+ .map(favoriteName => toolsWithCategory.find(({ name }) => name === favoriteName))
.filter(Boolean) as ToolWithCategory[]; // cast because .filter(Boolean) does not remove undefined from type
},
notFavoriteTools(state): ToolWithCategory[] {
- return toolsWithCategory.filter((tool) => !state.favoriteToolsName.includes(tool.name));
+ return toolsWithCategory.filter(tool => !state.favoriteToolsName.includes(tool.name));
},
tools(): ToolWithCategory[] {
@@ -34,7 +34,7 @@ export const useToolStore = defineStore('tools', {
},
removeToolFromFavorites({ tool }: { tool: MaybeRef }) {
- this.favoriteToolsName = this.favoriteToolsName.filter((name) => get(tool).name !== name);
+ this.favoriteToolsName = this.favoriteToolsName.filter(name => get(tool).name !== name);
},
isToolFavorite({ tool }: { tool: MaybeRef }) {
diff --git a/src/tools/tools.types.ts b/src/tools/tools.types.ts
index 48f60629..dcef8543 100644
--- a/src/tools/tools.types.ts
+++ b/src/tools/tools.types.ts
@@ -1,20 +1,20 @@
import type { Component } from 'vue';
-export type Tool = {
- name: string;
- path: string;
- description: string;
- keywords: string[];
- component: () => Promise;
- icon: Component;
- redirectFrom?: string[];
- isNew: boolean;
- createdAt?: Date;
-};
+export interface Tool {
+ name: string
+ path: string
+ description: string
+ keywords: string[]
+ component: () => Promise
+ icon: Component
+ redirectFrom?: string[]
+ isNew: boolean
+ createdAt?: Date
+}
-export type ToolCategory = {
- name: string;
- components: Tool[];
-};
+export interface ToolCategory {
+ name: string
+ components: Tool[]
+}
export type ToolWithCategory = Tool & { category: string };
diff --git a/src/tools/url-encoder/url-encoder.vue b/src/tools/url-encoder/url-encoder.vue
index 4f89986a..5fdcade9 100644
--- a/src/tools/url-encoder/url-encoder.vue
+++ b/src/tools/url-encoder/url-encoder.vue
@@ -1,3 +1,41 @@
+
+
@@ -52,45 +92,9 @@
-
-
diff --git a/src/tools/url-parser/url-parser.vue b/src/tools/url-parser/url-parser.vue
index 04ab9395..cadd07ef 100644
--- a/src/tools/url-parser/url-parser.vue
+++ b/src/tools/url-parser/url-parser.vue
@@ -1,49 +1,8 @@
-
-
-
-
-
+
+
+
+
+
diff --git a/src/tools/user-agent-parser/user-agent-result-cards.vue b/src/tools/user-agent-parser/user-agent-result-cards.vue
index 20226c1d..b3901ac2 100644
--- a/src/tools/user-agent-parser/user-agent-result-cards.vue
+++ b/src/tools/user-agent-parser/user-agent-result-cards.vue
@@ -1,3 +1,15 @@
+
+
@@ -34,15 +46,3 @@
-
-
diff --git a/src/tools/uuid-generator/uuid-generator.vue b/src/tools/uuid-generator/uuid-generator.vue
index de9cbf2f..f1265e15 100644
--- a/src/tools/uuid-generator/uuid-generator.vue
+++ b/src/tools/uuid-generator/uuid-generator.vue
@@ -1,3 +1,17 @@
+
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni reprehenderit itaque enim? Suscipit magni optio velit
@@ -5,7 +9,3 @@
odio!
-
-
diff --git a/src/ui/c-alert/c-alert.theme.ts b/src/ui/c-alert/c-alert.theme.ts
index b974c374..36d5d348 100644
--- a/src/ui/c-alert/c-alert.theme.ts
+++ b/src/ui/c-alert/c-alert.theme.ts
@@ -2,7 +2,6 @@ import { darken } from '../color/color.models';
import { defineThemes } from '../theme/theme.models';
import { appThemes } from '../theme/themes';
-// eslint-disable-next-line
import WarningIcon from '~icons/mdi/alert-circle-outline';
export const { useTheme } = defineThemes({
diff --git a/src/ui/c-alert/c-alert.vue b/src/ui/c-alert/c-alert.vue
index 1fedbb0b..607acb9f 100644
--- a/src/ui/c-alert/c-alert.vue
+++ b/src/ui/c-alert/c-alert.vue
@@ -1,3 +1,13 @@
+
+
+
+
+
+
+
+
+
+
+ {{ label }}
+
+
+
+
+ Unknown
+
+
+
+
+
+
+
diff --git a/src/tools/qr-code-generator/qr-code-generator.vue b/src/tools/qr-code-generator/qr-code-generator.vue
index 12fcf113..f6ea7c8e 100644
--- a/src/tools/qr-code-generator/qr-code-generator.vue
+++ b/src/tools/qr-code-generator/qr-code-generator.vue
@@ -1,3 +1,29 @@
+
+
{{ port }}
- Copy
- Refresh
+
+ Copy
+
+
+ Refresh
+
+
+
+
+
+
+
+
+ Refresh key-pair
+
+
+
+
+
+ Public key
+
+
+
diff --git a/src/tools/slugify-string/slugify-string.vue b/src/tools/slugify-string/slugify-string.vue
index c140e21e..0f5ddc2f 100644
--- a/src/tools/slugify-string/slugify-string.vue
+++ b/src/tools/slugify-string/slugify-string.vue
@@ -1,24 +1,3 @@
-
- Private key
+
-
-
-
-
-
-
-
-
-
-
+
+
- Copy slug
-
-
+
+
+
+
+
+
+
+
diff --git a/src/tools/sql-prettify/sql-prettify.vue b/src/tools/sql-prettify/sql-prettify.vue
index b8d4aa4f..2ee93da8 100644
--- a/src/tools/sql-prettify/sql-prettify.vue
+++ b/src/tools/sql-prettify/sql-prettify.vue
@@ -1,3 +1,23 @@
+
+
+
+ Copy slug
+
+
+
@@ -58,30 +78,10 @@
/>
-
-
-
+
+
-
-
diff --git a/src/tools/text-to-nato-alphabet/text-to-nato-alphabet.vue b/src/tools/text-to-nato-alphabet/text-to-nato-alphabet.vue
index 9ded4ff6..75b23344 100644
--- a/src/tools/text-to-nato-alphabet/text-to-nato-alphabet.vue
+++ b/src/tools/text-to-nato-alphabet/text-to-nato-alphabet.vue
@@ -1,3 +1,13 @@
+
+
+
+
+ {{ title }}
+
+
+
+ {{ unit }}
+
+
+
+
diff --git a/src/tools/text-statistics/index.ts b/src/tools/text-statistics/index.ts
index def0b6d6..0e54b71b 100644
--- a/src/tools/text-statistics/index.ts
+++ b/src/tools/text-statistics/index.ts
@@ -4,7 +4,7 @@ import { defineTool } from '../tool';
export const tool = defineTool({
name: 'Text statistics',
path: '/text-statistics',
- description: "Get information about a text, the amount of characters, the amount of words, it's size, ...",
+ description: 'Get information about a text, the amount of characters, the amount of words, it\'s size, ...',
keywords: ['text', 'statistics', 'length', 'characters', 'count', 'size', 'bytes'],
component: () => import('./text-statistics.vue'),
icon: FileText,
diff --git a/src/tools/text-statistics/text-statistics.service.test.ts b/src/tools/text-statistics/text-statistics.service.test.ts
index 52606834..18ffc399 100644
--- a/src/tools/text-statistics/text-statistics.service.test.ts
+++ b/src/tools/text-statistics/text-statistics.service.test.ts
@@ -1,4 +1,4 @@
-import { expect, describe, it } from 'vitest';
+import { describe, expect, it } from 'vitest';
import { getStringSizeInBytes } from './text-statistics.service';
describe('text-statistics', () => {
diff --git a/src/tools/text-statistics/text-statistics.vue b/src/tools/text-statistics/text-statistics.vue
index a03915c7..ec543faf 100644
--- a/src/tools/text-statistics/text-statistics.vue
+++ b/src/tools/text-statistics/text-statistics.vue
@@ -1,3 +1,11 @@
+
+
- Your text in NATO phonetic alphabet
+
+ Your text in NATO phonetic alphabet
+
{{ natoText }}
- Copy NATO string
+
+ Copy NATO string
+
- Copy
- Refresh
+
+ Copy
+
+
+ Refresh
+
- Copy
+
+ Copy
+
- Copy
+
+ Copy
+
-
-
-
-
-
+
+
+
+
+
@@ -20,22 +34,12 @@
/>
-
-
diff --git a/src/tools/yaml-to-json-converter/yaml-to-json.e2e.spec.ts b/src/tools/yaml-to-json-converter/yaml-to-json.e2e.spec.ts
index 10db4495..7b2a2d18 100644
--- a/src/tools/yaml-to-json-converter/yaml-to-json.e2e.spec.ts
+++ b/src/tools/yaml-to-json-converter/yaml-to-json.e2e.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
test.describe('Tool - Yaml to json', () => {
test.beforeEach(async ({ page }) => {
diff --git a/src/tools/yaml-to-json-converter/yaml-to-json.vue b/src/tools/yaml-to-json-converter/yaml-to-json.vue
index c066bdd5..39c9297f 100644
--- a/src/tools/yaml-to-json-converter/yaml-to-json.vue
+++ b/src/tools/yaml-to-json-converter/yaml-to-json.vue
@@ -1,3 +1,24 @@
+
+
- Copy
- Refresh
+
+ Copy
+
+
+ Refresh
+
-
-
diff --git a/src/ui/c-button/c-button.theme.ts b/src/ui/c-button/c-button.theme.ts
index e2e1591f..926cd110 100644
--- a/src/ui/c-button/c-button.theme.ts
+++ b/src/ui/c-button/c-button.theme.ts
@@ -2,7 +2,7 @@ import { darken, lighten } from '../color/color.models';
import { defineThemes } from '../theme/theme.models';
import { appThemes } from '../theme/themes';
-const createState = ({
+function createState({
textColor,
backgroundColor,
hoverBackground,
@@ -10,20 +10,22 @@ const createState = ({
pressedBackground,
pressedTextColor = textColor,
}: {
- textColor: string;
- backgroundColor: string;
- hoverBackground: string;
- hoveredTextColor?: string;
- pressedBackground: string;
- pressedTextColor?: string;
-}) => ({
- textColor,
- backgroundColor,
- hover: { textColor: hoveredTextColor, backgroundColor: hoverBackground },
- pressed: { textColor: pressedTextColor, backgroundColor: pressedBackground },
-});
+ textColor: string
+ backgroundColor: string
+ hoverBackground: string
+ hoveredTextColor?: string
+ pressedBackground: string
+ pressedTextColor?: string
+}) {
+ return {
+ textColor,
+ backgroundColor,
+ hover: { textColor: hoveredTextColor, backgroundColor: hoverBackground },
+ pressed: { textColor: pressedTextColor, backgroundColor: pressedBackground },
+ };
+}
-const createTheme = ({ style }: { style: 'light' | 'dark' }) => {
+function createTheme({ style }: { style: 'light' | 'dark' }) {
const theme = appThemes[style];
return {
@@ -95,7 +97,7 @@ const createTheme = ({ style }: { style: 'light' | 'dark' }) => {
}),
},
};
-};
+}
export const { useTheme } = defineThemes({
dark: createTheme({ style: 'dark' }),
diff --git a/src/ui/c-button/c-button.vue b/src/ui/c-button/c-button.vue
index 24b91b84..06a4786d 100644
--- a/src/ui/c-button/c-button.vue
+++ b/src/ui/c-button/c-button.vue
@@ -1,31 +1,18 @@
-
-
-
-
-
+
+
+
+
+
+
+
-
-
-
+
+
+
+
+
diff --git a/src/utils/base64.ts b/src/utils/base64.ts
index 44fda1ed..16912ee3 100644
--- a/src/utils/base64.ts
+++ b/src/utils/base64.ts
@@ -6,7 +6,7 @@ function textToBase64(str: string, { makeUrlSafe = false }: { makeUrlSafe?: bool
}
function base64ToText(str: string, { makeUrlSafe = false }: { makeUrlSafe?: boolean } = {}) {
- if (!isValidBase64(str, { makeUrlSafe: makeUrlSafe })) {
+ if (!isValidBase64(str, { makeUrlSafe })) {
throw new Error('Incorrect base64 string');
}
@@ -17,7 +17,8 @@ function base64ToText(str: string, { makeUrlSafe = false }: { makeUrlSafe?: bool
try {
return window.atob(cleanStr);
- } catch (_) {
+ }
+ catch (_) {
throw new Error('Incorrect base64 string');
}
}
@@ -37,7 +38,8 @@ function isValidBase64(str: string, { makeUrlSafe = false }: { makeUrlSafe?: boo
return removePotentialPadding(window.btoa(window.atob(cleanStr))) === cleanStr;
}
return window.btoa(window.atob(cleanStr)) === cleanStr;
- } catch (err) {
+ }
+ catch (err) {
return false;
}
}
diff --git a/src/utils/boolean.test.ts b/src/utils/boolean.test.ts
index 52bda9e2..07daa056 100644
--- a/src/utils/boolean.test.ts
+++ b/src/utils/boolean.test.ts
@@ -8,7 +8,7 @@ describe('boolean utils', () => {
expect(isNotThrowing(_.noop)).to.eql(true);
expect(
isNotThrowing(() => {
- throw new Error();
+ throw new Error('message');
}),
).to.eql(false);
});
diff --git a/src/utils/boolean.ts b/src/utils/boolean.ts
index cf10b377..8dca5e9b 100644
--- a/src/utils/boolean.ts
+++ b/src/utils/boolean.ts
@@ -4,7 +4,8 @@ function isNotThrowing(cb: () => unknown): boolean {
try {
cb();
return true;
- } catch (_) {
+ }
+ catch (_) {
return false;
}
}
diff --git a/src/utils/convert.ts b/src/utils/convert.ts
index c8c325fe..c897543c 100644
--- a/src/utils/convert.ts
+++ b/src/utils/convert.ts
@@ -7,5 +7,5 @@ export function formatBytes(bytes: number, decimals = 2) {
const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
const i = Math.floor(Math.log(bytes) / Math.log(k));
- return parseFloat((bytes / Math.pow(k, i)).toFixed(decimals)) + ' ' + sizes[i];
+ return `${parseFloat((bytes / k ** i).toFixed(decimals))} ${sizes[i]}`;
}
diff --git a/src/utils/defaults.test.ts b/src/utils/defaults.test.ts
index b322968c..50017980 100644
--- a/src/utils/defaults.test.ts
+++ b/src/utils/defaults.test.ts
@@ -9,7 +9,7 @@ describe('defaults util', () => {
expect(
withDefaultOnError(() => {
- throw '';
+ throw new Error('message');
}, 'default'),
).to.eql('default');
});
diff --git a/src/utils/defaults.ts b/src/utils/defaults.ts
index 1e52b495..c988af58 100644
--- a/src/utils/defaults.ts
+++ b/src/utils/defaults.ts
@@ -3,7 +3,8 @@ export { withDefaultOnError, withDefaultOnErrorAsync };
function withDefaultOnError(cb: () => A, defaultValue: B): A | B {
try {
return cb();
- } catch (_) {
+ }
+ catch (_) {
return defaultValue;
}
}
@@ -11,7 +12,8 @@ function withDefaultOnError(cb: () => A, defaultValue: B): A | B {
async function withDefaultOnErrorAsync(cb: () => A, defaultValue: B): Promise | B> {
try {
return await cb();
- } catch (_) {
+ }
+ catch (_) {
return defaultValue;
}
}
diff --git a/src/utils/error.test.ts b/src/utils/error.test.ts
index 02728049..62bf272e 100644
--- a/src/utils/error.test.ts
+++ b/src/utils/error.test.ts
@@ -6,6 +6,7 @@ describe('error util', () => {
it('get an error message if the callback throws, undefined instead', () => {
expect(
getErrorMessageIfThrows(() => {
+ // eslint-disable-next-line no-throw-literal
throw 'message';
}),
).to.equal('message');
@@ -18,11 +19,11 @@ describe('error util', () => {
expect(
getErrorMessageIfThrows(() => {
+ // eslint-disable-next-line no-throw-literal
throw { message: 'message' };
}),
).to.equal('message');
- // eslint-disable-next-line @typescript-eslint/no-empty-function
expect(getErrorMessageIfThrows(() => {})).to.equal(undefined);
});
});
diff --git a/src/utils/error.ts b/src/utils/error.ts
index 681db912..297edd98 100644
--- a/src/utils/error.ts
+++ b/src/utils/error.ts
@@ -6,7 +6,8 @@ function getErrorMessageIfThrows(cb: () => unknown) {
try {
cb();
return undefined;
- } catch (err) {
+ }
+ catch (err) {
if (_.isString(err)) {
return err;
}
diff --git a/src/utils/macAddress.ts b/src/utils/macAddress.ts
index 89f12d32..4488b329 100644
--- a/src/utils/macAddress.ts
+++ b/src/utils/macAddress.ts
@@ -1,5 +1,5 @@
-import { useValidation } from '@/composable/validation';
import type { Ref } from 'vue';
+import { useValidation } from '@/composable/validation';
const macAddressValidationRules = [
{
diff --git a/src/utils/random.ts b/src/utils/random.ts
index 3a13be50..02df9479 100644
--- a/src/utils/random.ts
+++ b/src/utils/random.ts
@@ -5,14 +5,14 @@ const randFromArray = (array: unknown[]) => array[Math.floor(random() * array.le
const randIntFromInterval = (min: number, max: number) => Math.floor(random() * (max - min) + min);
// Durstenfeld shuffle
-const shuffleArrayMutate = (array: T[]): T[] => {
+function shuffleArrayMutate(array: T[]): T[] {
for (let i = array.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[array[i], array[j]] = [array[j], array[i]];
}
return array;
-};
+}
const shuffleArray = (array: T[]): T[] => shuffleArrayMutate([...array]);
+
+ Link
+
+
+
diff --git a/src/ui/c-link/c-link.vue b/src/ui/c-link/c-link.vue
index a7d1b831..828d56f1 100644
--- a/src/ui/c-link/c-link.vue
+++ b/src/ui/c-link/c-link.vue
@@ -1,16 +1,10 @@
-
-