Merge branch 'feat/torrent-to-magnet' into chore/all-my-stuffs

# Conflicts:
#	components.d.ts
#	package.json
#	pnpm-lock.yaml
#	src/tools/index.ts
#	vite.config.ts

Author: sharevb

package.json

@@ -195,6 +195,7 @@
     "oui-data": "^1.0.10",
     "parse-duration": "^1.1.0",
     "path2d-polyfill": "^3.0.1",
+    "parse-torrent": "^11.0.17",
     "pdf-signature-reader": "^1.4.2",
     "pdfjs-dist": "^4.0.379",
     "pinia": "^2.0.34",

pnpm-lock.yaml

@@ -86,6 +86,7 @@ import { tool as potrace } from './potrace';
 import { tool as rmbNumbers } from './rmb-numbers';
 import { tool as sensitiveDataMasker } from './sensitive-data-masker';
 import { tool as textToUnicodeNames } from './text-to-unicode-names';
+import { tool as torrentToMagnet } from './torrent-to-magnet';
 import { tool as pdfSignatureChecker } from './pdf-signature-checker';
 import { tool as numeronymGenerator } from './numeronym-generator';
 import { tool as macAddressGenerator } from './mac-address-generator';
@@ -273,6 +274,7 @@ export const toolsByCategory: ToolCategory[] = [
       jsonToPhpArray,
       phpArrayToJson,
       maliciousLinksTester,
+      torrentToMagnet,
     ],
   },
   {

src/tools/index.ts

@@ -0,0 +1,12 @@
+import { Bookmarks } from '@vicons/tabler';
+import { defineTool } from '../tool';
+
+export const tool = defineTool({
+  name: 'Torrent to Magnet',
+  path: '/torrent-to-magnet',
+  description: 'Convert a torrent file to a Magnet url',
+  keywords: ['torrent', 'magnet', 'url', 'link'],
+  component: () => import('./torrent-to-magnet.vue'),
+  icon: Bookmarks,
+  createdAt: new Date('2024-04-20'),
+});

src/tools/torrent-to-magnet/index.ts

@@ -0,0 +1,4 @@
+declare module 'parse-torrent'{
+    export default function parseTorrent(content: string | ArrayBufferView): Promise<object>;
+    export function toMagnetURI(parsedTorrent: object): string;
+}

src/tools/torrent-to-magnet/parse-torrent.d.ts

@@ -0,0 +1,115 @@
+<script setup lang="ts">
+import type { Ref } from 'vue';
+import parseTorrent, { toMagnetURI } from 'parse-torrent';
+import { withDefaultOnError } from '@/utils/defaults';
+import { useValidation } from '@/composable/validation';
+
+const inputType = ref<'file' | 'content'>('file');
+const torrentContent = ref('');
+const fileInput = ref() as Ref<File | null>;
+const torrentInfosRaw = computedAsync(async () => {
+  const file = fileInput.value;
+  const content = torrentContent.value;
+  try {
+    if (inputType.value === 'file' && file) {
+      return await parseTorrent(new Uint8Array(await file.arrayBuffer()));
+    }
+    else {
+      return await parseTorrent(content);
+    }
+  }
+  catch (e: any) {
+    return {
+      error: e.toString(),
+    };
+  }
+});
+const torrentInfos = computed(() => withDefaultOnError(() => {
+  return Object.entries(torrentInfosRaw.value).map(([k, v]) => {
+    return {
+      label: k?.toString() || '',
+      value: JSON.stringify(v),
+    };
+  });
+}, []));
+const magnetURI = computed(() => withDefaultOnError(() => toMagnetURI(torrentInfosRaw.value), []));
+
+async function onUpload(file: File) {
+  if (file) {
+    fileInput.value = file;
+  }
+}
+
+watch(torrentContent, (_, newValue) => {
+  if (newValue !== '') {
+    fileInput.value = null;
+  }
+});
+
+const { attrs: validationAttrs } = useValidation({
+  source: torrentInfos,
+  rules: [{ message: 'Invalid torrent content', validator: torrent => torrent?.length > 0 }],
+});
+</script>
+
+<template>
+  <div>
+    <n-radio-group v-model:value="inputType" name="radiogroup" mb-2 flex justify-center>
+      <n-space>
+        <n-radio
+          value="file"
+          label="File"
+        />
+        <n-radio
+          value="content"
+          label="Content"
+        />
+      </n-space>
+    </n-radio-group>
+
+    <c-file-upload
+      v-if="inputType === 'file'"
+      title="Drag and drop torrent file here, or click to select a file"
+      @file-upload="onUpload"
+    />
+
+    <c-input-text
+      v-if="inputType === 'content'"
+      v-model:value="torrentContent"
+      label="Torrent/Magnet Content"
+      placeholder="Paste your Torrent/Magnet content here"
+      multiline
+      mb-2
+    />
+
+    <n-divider />
+
+    <input-copyable
+      label="Magnet URI"
+      label-position="left"
+      label-width="100px"
+      label-align="right"
+      mb-2
+      :value="validationAttrs.validationStatus === 'error' ? '' : magnetURI"
+      placeholder="Please use a correct torrent"
+    />
+
+    <input-copyable
+      v-for="{ label, value } of torrentInfos"
+      :key="label"
+      :label="label"
+      label-position="left"
+      label-width="100px"
+      label-align="right"
+      mb-2
+      :value="validationAttrs.validationStatus === 'error' ? '' : value"
+      placeholder="Please use a correct torrent"
+    />
+  </div>
+</template>
+
+<style lang="less" scoped>
+::v-deep(.n-upload-trigger) {
+  width: 100%;
+}
+</style>