mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-05-08 15:15:02 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

style: lint fix

Browse source
This commit is contained in:
marvin-j97 2023-07-14 01:56:13 +02:00
parent dceb80d9aa
commit b1341852e5
3 changed files with 87 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/tools/file-hash/file-hash.e2e.spec.ts
View file

@ -1,4 +1,4 @@
import { test, expect } from '@playwright/test';
import { expect, test } from '@playwright/test';
test.describe('Tool - File hash', () => {
test.beforeEach(async ({ page }) => {
@ -12,4 +12,4 @@ test.describe('Tool - File hash', () => {
test('', async ({ page }) => {
});
});
});

3
src/tools/file-hash/file-hash.service.test.ts
View file

@ -1,6 +1,5 @@
import { expect, describe, it } from 'vitest';
// import { } from './file-hash.service';
//
// describe('file-hash', () => {
//
// })
// })

163
src/tools/file-hash/file-hash.vue
View file

@ -1,83 +1,20 @@
<template>
<c-card title="Calculate file hash">
<n-upload v-model:file-list="fileList" :show-file-list="true" :on-before-upload="onUpload" list-type="image">
<n-upload-dragger>
<div mb-2>
<n-icon size="35" :depth="3" :component="Upload" />
</div>
<div op-60>
Click or drag a file to this area to upload
</div>
</n-upload-dragger>
</n-upload>
<n-form-item mt-5 label="Hash algorithm:" :show-feedback="false">
<n-select mb-5 v-model:value="hasher" :options="[
{
label: 'MD5',
value: 'md5',
},
{
label: 'SHA-1',
value: 'sha1',
},
{
label: 'SHA-256',
value: 'sha256',
},
{
label: 'SHA-512',
value: 'sha512',
},
{
label: 'SHA-3',
value: 'sha3',
},
]" />
</n-form-item>
<n-form-item label="Digest encoding:" :show-feedback="false">
<n-select mb-5 v-model:value="digest" :options="[
{
label: 'Hexadecimal (base 16)',
value: 'hex',
},
{
label: 'Base64 (base 64)',
value: 'base64',
},
]" />
</n-form-item>
<n-form-item label="Your file's hash:" :show-feedback="false">
<c-input-text :value="hash" multiline readonly placeholder="Result" rows="5" mb-2 />
</n-form-item>
<div flex justify-center>
<c-button :disabled="!hash.length" @click="copyHash()">
Copy
</c-button>
</div>
</c-card>
</template>
<script setup lang="ts">
import { type Ref, ref, isRef, watch } from 'vue';
import { useCopy } from '@/composable/copy';
import { type Ref, ref, watch } from 'vue';
import type { UploadFileInfo } from 'naive-ui';
import { Upload } from '@vicons/tabler';
import CryptoJS from "crypto-js";
import CryptoJS from 'crypto-js';
import { useCopy } from '@/composable/copy';
type Hasher = "md5";
type Digest = "base64" | "hex";
type Hasher = 'md5';
type Digest = 'base64' | 'hex';
function useFileHash(target: Ref<File>, hasher: Ref<Hasher>, digest: Ref<Digest>) {
const hash = ref('');
const promise = ref() as Ref<Promise<string>>
const promise = ref() as Ref<Promise<string>>;
function execute() {
if (typeof window === "undefined") {
return
if (typeof window === 'undefined') {
return;
}
promise.value = new Promise<string>((resolve, reject) => {
@ -85,12 +22,13 @@ function useFileHash(target: Ref<File>, hasher: Ref<Hasher>, digest: Ref<Digest>
if (target.value) {
resolve(readAndHashFile(target.value, hasher.value, digest.value));
}
} catch (error) {
}
catch (error) {
reject(error);
}
});
promise.value.then(res => hash.value = res)
promise.value.then(res => hash.value = res);
return promise.value;
}
@ -102,7 +40,7 @@ function useFileHash(target: Ref<File>, hasher: Ref<Hasher>, digest: Ref<Digest>
hash,
promise,
execute,
}
};
}
function readAndHashFile(file: File, hashType: Hasher, digestType: Digest) {
@ -117,25 +55,25 @@ function readAndHashFile(file: File, hashType: Hasher, digestType: Digest) {
sha256: CryptoJS.SHA256,
sha512: CryptoJS.SHA512,
sha3: CryptoJS.SHA3,
}
};
const digest = {
base64: CryptoJS.enc.Base64,
hex: CryptoJS.enc.Hex
hex: CryptoJS.enc.Hex,
};
resolve(hasher[hashType](content).toString(digest[digestType]));
};
fr.onerror = reject;
fr.readAsBinaryString(file);
})
});
}
const fileList = ref();
const fileInput = ref() as Ref<File>;
const hasher = ref<Hasher>("md5");
const digest = ref<Digest>("hex");
const hasher = ref<Hasher>('md5');
const digest = ref<Digest>('hex');
const { hash } = useFileHash(fileInput, hasher, digest);
const { copy: copyHash } = useCopy({ source: hash, text: 'File hash copied to the clipboard' });
@ -147,3 +85,70 @@ async function onUpload({ file: { file } }: { file: UploadFileInfo }) {
}
}
</script>
<template>
<c-card title="Calculate file hash">
<n-upload v-model:file-list="fileList" :show-file-list="true" :on-before-upload="onUpload" list-type="image">
<n-upload-dragger>
<div mb-2>
<n-icon size="35" :depth="3" :component="Upload" />
</div>
<div op-60>
Click or drag a file to this area to upload
</div>
</n-upload-dragger>
</n-upload>
<n-form-item mt-5 label="Hash algorithm:" :show-feedback="false">
<n-select
v-model:value="hasher" mb-5 :options="[
{
label: 'MD5',
value: 'md5',
},
{
label: 'SHA-1',
value: 'sha1',
},
{
label: 'SHA-256',
value: 'sha256',
},
{
label: 'SHA-512',
value: 'sha512',
},
{
label: 'SHA-3',
value: 'sha3',
},
]"
/>
</n-form-item>
<n-form-item label="Digest encoding:" :show-feedback="false">
<n-select
v-model:value="digest" mb-5 :options="[
{
label: 'Hexadecimal (base 16)',
value: 'hex',
},
{
label: 'Base64 (base 64)',
value: 'base64',
},
]"
/>
</n-form-item>
<n-form-item label="Your file's hash:" :show-feedback="false">
<c-input-text :value="hash" multiline readonly placeholder="Result" rows="5" mb-2 />
</n-form-item>
<div flex justify-center>
<c-button :disabled="!hash.length" @click="copyHash()">
Copy
</c-button>
</div>
</c-card>
</template>