Merge 9dca9c3cb8 into e876d03608

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1 @@
+blank_issues_enabled: false

.github/ISSUE_TEMPLATE/feature-request.yml

@@ -1,5 +1,5 @@
 name: 🚀 New feature proposal
-description: Propose a new feature to be added to IT-Tools.
+description: Propose a new feature/enhancement or tool idea for IT-Tools
 labels: ['enhancement', 'triage']
 
 body:

.github/ISSUE_TEMPLATE/new-tool-request.md

@@ -1,19 +0,0 @@
----
-name: New tool request
-about: Suggest a new tool idea
-title: '[NEW TOOL]'
-labels: new tool
-assignees: CorentinTh
----
-
-**What tool do you want?**
-Example: a token generator
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Is their example of this tool in the wild?**
-Provide link to already existing tool or npm packages if any exists
-
-**Additional context**
-Add any other context about the feature request here.

.github/ISSUE_TEMPLATE/other-request.md

@@ -1,13 +0,0 @@
----
-name: Other request
-about: Any request that does not concern a tool creation, a new feature request on a tool or a bug
-title: '[OTHER] '
-labels:
-assignees: CorentinTh
----
-
-**Describe the solution you'd like**
-A clear and concise description of what you want.
-
-**Additional context**
-Add any other context about the feature request here.

.github/ISSUE_TEMPLATE/tool-improvement.md

@@ -1,13 +0,0 @@
----
-name: Tool improvement
-about: Improvement on an existing tool
-title: '[TOOL IMPROVEMENT]'
-labels: enhancement
-assignees: CorentinTh
----
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Additional context**
-Add any other context about the feature request here.

CHANGELOG.md

@@ -2,7 +2,7 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
-## Version 2024.05.10-33e5294
+## Version 2024.05.13-a0bc346
 
 ### Features
 - **i18n**: added German translation (#1038) (2c2fb21)
@@ -33,12 +33,20 @@ All notable changes to this project will be documented in this file. See [standa
 - **i18n**: added locales per tool (#861) (95698cb)
 
 ### Chores
+- **issues**: prevent empty issues (#1078) (a0bc346)
+- **issues**: removed old issue templates (#1077) (5a7b0f9)
+- **node**: upgraded node version in CI workflows (b59942a)
+- **version**: release 2024.05.10-33e5294 (38d5687)
 - **issues**: improved issues template (2852c30)
 - **issues**: improved bug issue template (#1046) (a799234)
 
+### Documentation
+- **changelog**: update changelog for 2024.05.10-33e5294 (9dfd347)
+
 ## Version 2023.12.21-5ed3693
 
 ### Features
+
 - **i18n**: improve chinese i18n (#757) (2e56641)
 - **i18n**: add tooltip and favoriteButton i18n (#756) (a1037cf)
 - **i18n**: add Chinese translation base (#718) (8f99eb6)
@@ -46,6 +54,7 @@ All notable changes to this project will be documented in this file. See [standa
 - **new tool**: numeronym generator (#729) (e07e2ae)
 
 ### Bug fixes
+
 - **jwt-parser**: jwt claim array support (#799) (5ed3693)
 - **camera-recorder**: stop camera on navigation (#782) (80e46c9)
 - **doc**: updated create new tool command in readme (#762) (7a70dbb)
@@ -54,6 +63,7 @@ All notable changes to this project will be documented in this file. See [standa
 - **eta**: corrected example (#737) (821cbea)
 
 ### Refactoring
+
 - **about, i18n**: improved i18n dx with markdown (#753) (bd3edcb)
 - **token, i18n**: complete fr translation (#752) (de1ee69)
 - **uuid generator**: uuid version picker (#751) (38586ca)
@@ -63,6 +73,7 @@ All notable changes to this project will be documented in this file. See [standa
 - **bcrypt**: fix input label align (#721) (093ff31)
 
 ### Chores
+
 - **deps**: switched from oui to oui-data for mac address lookup (#693) (0fe9a20)
 - **deps**: update unocss monorepo to ^0.57.0 (#638) (2e396d8)
 - **docker**: added armv7 plateform for docker releases (#722) (fe1de8c)
@@ -70,19 +81,23 @@ All notable changes to this project will be documented in this file. See [standa
 ## Version 2023.11.02-7d94e11
 
 ### Features
+
 - **i18n**: language selector (#710) (e86fd96)
 
 ### Bug fixes
+
 - **dockerfile**: revert replacement of nginx image with non-privileged one (#716) (7d94e11)
 - **encryption**: alert on decryption error (#711) (02b0d0d)
 
 ### Refactoring
+
 - **math-evaluator**: improved description (e87f4b1)
 - **math-evaluator**: improved search and UX (#713) (58de897)
 
 ## Version 2023.11.01-e164afb
 
 ### Features
+
 - **command-palette**: clear prompt on palette close (#708) (d013696)
 - **command-palette**: added about page in command palette (99b1eb9)
 - **new tool**: random MAC address generator (#657) (cc3425d)
@@ -101,11 +116,13 @@ All notable changes to this project will be documented in this file. See [standa
 - **new tool**: text diff and comparator (#588) (81bfe57)
 
 ### Bug fixes
+
 - **deps**: fix issue on slugify (#593) (#673) (720201a)
 - **deps**: update dependency monaco-editor to ^0.43.0 (#620) (e371ef7)
 - **deps**: update dependency sql-formatter to v13 (#606) (c7d4562)
 
 ### Refactoring
+
 - **ui**: better ui demo preview menu (#664) (015c673)
 - **color-converter**: improved color-converter UX (#701) (abb8335)
 - **docker**: improved docker config (#700) (020e9cb)
@@ -122,6 +139,7 @@ All notable changes to this project will be documented in this file. See [standa
 - **bcrypt**: fix typo (#604) (e18bae1)
 
 ### Chores
+
 - **deps**: clean unused dependencies (#709) (e164afb)
 - **deps**: update docker/setup-qemu-action action to v3 (#627) (4365226)
 - **deps**: update docker/setup-buildx-action action to v3 (#626) (57ecda1)
@@ -136,19 +154,23 @@ All notable changes to this project will be documented in this file. See [standa
 - **deps**: update dependency typescript to ~5.2.0 (#587) (f3e14fc)
 
 ### Doc
+
 - **readme**: added contributors list (#622) (557b304)
 - **hosting**: added cloudron in the other hosting solutions section (#589) (06c3547)
 
 ## Version 2023.08.21-6f93cba
 
 ### Features
+
 - **copy**: support legacy copy to clipboard for older browser (#581) (6f93cba)
 - **new tool**: string obfuscator (#575) (c58d6e3)
 
 ### Bug fixes
+
 - **deps**: update dependency sql-formatter to v12 (#520) (2bcb77a)
 
 ### Chores
+
 - **deps**: switched to fucking typescript v5 (#501) (76b2761)
 - **deps**: update dependency @antfu/eslint-config to ^0.40.0 (#552) (6ff9a01)
 - **deps**: update dependency prettier to v3 (#564) (a2b9b15)
@@ -158,6 +180,7 @@ All notable changes to this project will be documented in this file. See [standa
 ## Version 2023.08.16-9bd4ad4
 
 ### Features
+
 - **Case Converter**: Add lowercase and uppercase (#534) (7b6232a)
 - **new tool**: emoji picker (#551) (93f7cf0)
 - **ui**: added c-select in the ui lib (#550) (dfa1ba8)
@@ -178,6 +201,7 @@ All notable changes to this project will be documented in this file. See [standa
 - **base64-string-converter**: switch to encode and decode url safe base64 strings (#392) (0b20f1c)
 
 ### Bug fixes
+
 - **deps**: update dependency uuid to v9 (#566) (5e12991)
 - **deps**: update dependency mathjs to v11 (#519) (7924456)
 - **deps**: update dependency @vueuse/router to v10 (#516) (ea0f27c)
@@ -197,6 +221,7 @@ All notable changes to this project will be documented in this file. See [standa
 - **ipv4-converter**: removed readonly on input (7aed9c5)
 
 ### Refactoring
+
 - **navbar**: consistent spacing in navbar buttons (#507) (30f88fc)
 - **ui**: remove n-text (#506) (72c98a3)
 - **ui**: replaced some n-input to c-input (#505) (05ea545)
@@ -209,6 +234,7 @@ All notable changes to this project will be documented in this file. See [standa
 - **ui**: replaced some n-input with c-input-text (f7fc779)
 
 ### Chores
+
 - **deps**: update dependency vitest to ^0.34.0 (#562) (9bd4ad4)
 - **deps**: update dependency node to v18.17.1 (#560) (65a9474)
 - **deps**: update dependency unocss to ^0.55.0 (#561) (85cc7a8)
@@ -249,47 +275,58 @@ All notable changes to this project will be documented in this file. See [standa
 - **lint**: switched to a better lint config (33c9b66)
 
 ### Refacor
+
 - **transformers**: use monospace font for JSON and SQL text areas (#476) (ba4876d)
 
 ### Documentation
+
 - **ide**: updated vscode extensions settings (#472) (847323c)
 
 ### Chors
+
 - **deps**: updated vueuse dependency version (8515c24)
 
 ## Version 2023.05.14-77f2efc
 
 ### Features
+
 - **list-converter**: a small converter who deals with column based data and do some stuff with it (#387) (83a7b3b)
 - **new tool**: phone parser and normalizer (ce3150c)
 
 ### Bug fixes
+
 - **phone-parser**: use default country code (a43c546)
 - **home**: prevent weird blue border on card (3f6c8f0)
 
 ### Refactoring
+
 - **ui**: replaced some n-input with c-input-text (77f2efc)
 
 ### Chores
+
 - **issues**: updated new tool request issue template (edae4c6)
 
 ### Ui-lib
+
 - **new-component**: added text input component in the c-lib (aad8d84)
 - **button**: size variants (401f13f)
 
 ## Version 2023.04.23-92bd835
 
 ### Features
+
 - **ui-lib**: demo pages for c-lib components (92bd835)
 - **new-tool**: diff of two json objects (362f2fa)
 - **ipv4-range-expander**: expands a given IPv4 start and end address to a valid IPv4 subnet (#366) (df989e2)
 - **date converter**: auto focus main input (6d22025)
 
 ### Bug fixes
+
 - **ts**: cleaned legacy typechecking warning (e88c1d5)
 - **mac-address-lookup**: added copy handler on button click (c311e38)
 
 ### Refactoring
+
 - **ui-lib**: prevent c-button to shrink (61ece23)
 - **ui**: replaced naive ui cards with custom ones (f080933)
 - **clean**: removed unused lodash import (bb32513)
@@ -299,48 +336,60 @@ All notable changes to this project will be documented in this file. See [standa
 ## Version 2023.04.14-dbad773
 
 ### Features
+
 - **new-tool**: http status codes (8355bd2)
 
 ### Refactoring
+
 - **uuid-generator**: prevent NaN in quantity (6fb4994)
 
 ### Chores
+
 - **release**: create a github release on new version (dbad773)
 - **version**: reset CHANGELOG content to support new format (85cb0ff)
 
 ## Version 2023.04.14-f9b77b7
 
 ### Features
+
 - **new-tool**: http status codes (8355bd2)
 
 ### Refactoring
+
 - **uuid-generator**: prevent NaN in quantity (6fb4994)
 
 ### Chores
+
 - **release**: create a github release on new version (f9b77b7)
 - **version**: reset CHANGELOG content to support new format (85cb0ff)
 
 ## Version 2023.04.14-2f0d239
 
 ### Features
+
 - **new-tool**: http status codes (8355bd2)
 
 ### Refactoring
+
 - **uuid-generator**: prevent NaN in quantity (6fb4994)
 
 ### Chores
+
 - **release**: create a github release on new version (2f0d239)
 - **version**: reset CHANGELOG content to support new format (85cb0ff)
 
 ## Version 2023.04.14-474cae4
 
 ### Features
+
 - **new-tool**: http status codes (8355bd2)
 
 ### Refactoring
+
 - **uuid-generator**: prevent NaN in quantity (6fb4994)
 
 ### Chores
+
 - **release**: create a github release on new version (474cae4)
 - **version**: reset CHANGELOG content to support new format (85cb0ff)
 

components.d.ts

@@ -58,6 +58,7 @@ declare module '@vue/runtime-core' {
     CrontabGenerator: typeof import('./src/tools/crontab-generator/crontab-generator.vue')['default']
     CSelect: typeof import('./src/ui/c-select/c-select.vue')['default']
     'CSelect.demo': typeof import('./src/ui/c-select/c-select.demo.vue')['default']
+    CsvToJson: typeof import('./src/tools/csv-to-json/csv-to-json.vue')['default']
     CTable: typeof import('./src/ui/c-table/c-table.vue')['default']
     'CTable.demo': typeof import('./src/ui/c-table/c-table.demo.vue')['default']
     CTextCopyable: typeof import('./src/ui/c-text-copyable/c-text-copyable.vue')['default']

locales/en.yml

@@ -104,6 +104,10 @@ tools:
     title: JSON to CSV
     description: Convert JSON to CSV with automatic header detection.
 
+  csv-to-json:
+    title: CSV to JSON
+    description: Convert CSV to JSON with automatic header detection.
+
   camera-recorder:
     title: Camera recorder
     description: Take a picture or record a video from your webcam or camera.

locales/es.yml

@@ -4,8 +4,8 @@ home:
     favoriteTools: 'Tus herramientas favoritas'
     allTools: 'Todas las herramientas'
   subtitle: 'Herramientas practicas para desarrolladores'
-  toggleMenu: 'Toggle menu'
-  home: Home
+  toggleMenu: 'Alternar menú'
+  home: Inicio
   uiLib: 'UI Lib'
   support: 'Apoyar el desarrollo de IT-Tools'
   buyMeACoffee: 'Buy me a coffee'
@@ -48,7 +48,7 @@ about:
   notFound: '404 Not Found'
   sorry: 'Lo sentimos, esta página no parece existir'
   maybe: 'Tal vez el caché esté haciendo cosas raras, ¿probamos a refrescar forzosamente?'
-  backHome: 'Back home'
+  backHome: 'Volver al inicio'
 favoriteButton:
   remove: 'Quitar de favoritos'
   add: 'Añadir a favoritos'
@@ -60,12 +60,16 @@ tools:
   categories:
     favorite-tools: 'Tus herramientas favoritas'
     crypto: Crypto
-    converter: Converter
+    converter: Conversor
     web: Web
-    images and videos: 'Images & Videos'
+    images and videos: 'Imágenes y vídeos'
     development: Development
     network: Network
     math: Math
     measurement: Measurement
     text: Text
-    data: Data
+    data: Data
+
+  csv-to-json:
+    title: CSV a JSON
+    description: Convierte CSV a JSON con detección automática de cabeceras.

locales/fr.yml

@@ -79,3 +79,7 @@ tools:
     copied: Le token a été copié
     length: Longueur
     tokenPlaceholder: Le token...
+
+  csv-to-json:
+    title: CSV vers JSON
+    description: Convertit les fichiers CSV en JSON avec détection automatique des en-têtes.

locales/pt.yml

@@ -69,3 +69,7 @@ tools:
     measurement: 'Medidas'
     text: 'Texto'
     data: 'Dados'
+
+  csv-to-json:
+    title: CSV para JSON
+    description: Converte CSV para JSON com detecção automática de cabeçalhos.

locales/uk.yml

@@ -69,3 +69,7 @@ tools:
     measurement: Вимірювання
     text: Текст
     data: Дані
+
+  csv-to-json:
+    title: 'CSV в JSON'
+    description: 'Конвертуйте CSV в JSON з автоматичним визначенням заголовків.'

package.json

@@ -1,6 +1,6 @@
 {
   "name": "it-tools",
-  "version": "2024.5.10-33e5294",
+  "version": "2024.5.13-a0bc346",
   "description": "Collection of handy online tools for developers, with great UX. ",
   "keywords": [
     "productivity",

src/tools/csv-to-json/csv-to-json.e2e.spec.ts

@@ -0,0 +1,29 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('Tool - CSV to JSON', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/csv-to-json');
+  });
+
+  test('Has correct title', async ({ page }) => {
+    await expect(page).toHaveTitle('CSV to JSON - IT Tools');
+  });
+
+  test('Provided csv is converted to json', async ({ page }) => {
+    await page.getByTestId('input').fill(`
+Age,Salary,Gender,Country,Purchased
+18,20000,Male,Germany,N
+19,22000,Female,France,N
+    `);
+
+    const generatedJson = await page.getByTestId('area-content').innerText();
+
+    expect(generatedJson.trim()).toEqual(`
+[
+  {"Age": "18", "Salary": "20000", "Gender": "Male", "Country": "Germany", "Purchased": "N"},
+  {"Age": "19", "Salary": "22000", "Gender": "Female", "Country": "France", "Purchased": "N"}
+]
+   `.trim(),
+    );
+  });
+});

src/tools/csv-to-json/csv-to-json.service.test.ts

@@ -0,0 +1,67 @@
+import { describe, expect, it } from 'vitest';
+import { convertCsvToArray, getHeaders } from './csv-to-json.service';
+
+describe('csv-to-json service', () => {
+  describe('getHeaders', () => {
+    it('extracts all the keys from the first line of the CSV', () => {
+      expect(getHeaders('a,b,c\n1,2,3\n4,5,6')).toEqual(['a', 'b', 'c']);
+    });
+
+    it('returns an empty array if the CSV is empty', () => {
+      expect(getHeaders('')).toEqual([]);
+    });
+  });
+
+  describe('convertCsvToArray', () => {
+    it('converts a CSV string to an array of objects', () => {
+      const csv = 'a,b\n1,2\n3,4';
+
+      expect(convertCsvToArray(csv)).toEqual([
+        { a: '1', b: '2' },
+        { a: '3', b: '4' },
+      ]);
+    });
+
+    it('converts a CSV string with different keys to an array of objects', () => {
+      const csv = 'a,b,c\n1,2,\n3,,4';
+
+      expect(convertCsvToArray(csv)).toEqual([
+        { a: '1', b: '2', c: undefined },
+        { a: '3', b: undefined, c: '4' },
+      ]);
+    });
+
+    it('when a value is "null", it is converted to null', () => {
+      const csv = 'a,b\nnull,2';
+
+      expect(convertCsvToArray(csv)).toEqual([
+        { a: null, b: '2' },
+      ]);
+    });
+
+    it('when a value is empty, it is converted to undefined', () => {
+      const csv = 'a,b\n,2\n,3';
+
+      expect(convertCsvToArray(csv)).toEqual([
+        { a: undefined, b: '2' },
+        { a: undefined, b: '3' },
+      ]);
+    });
+
+    it('when a value is wrapped in double quotes, the quotes are removed', () => {
+      const csv = 'a,b\n"hello, world",2';
+
+      expect(convertCsvToArray(csv)).toEqual([
+        { a: 'hello, world', b: '2' },
+      ]);
+    });
+
+    it('when a value contains an escaped double quote, the escape character is removed', () => {
+      const csv = 'a,b\nhello \\"world\\",2';
+
+      expect(convertCsvToArray(csv)).toEqual([
+        { a: 'hello "world"', b: '2' },
+      ]);
+    });
+  });
+});

src/tools/csv-to-json/csv-to-json.service.ts

@@ -0,0 +1,41 @@
+export { getHeaders, convertCsvToArray };
+
+function getHeaders(csv: string): string[] {
+  if (csv.trim() === '') {
+    return [];
+  }
+
+  const firstLine = csv.split('\n')[0];
+  return firstLine.split(/[,;]/).map(header => header.trim());
+}
+function deserializeValue(value: string): unknown {
+  if (value === 'null') {
+    return null;
+  }
+
+  if (value === '') {
+    return undefined;
+  }
+
+  const valueAsString = value.replace(/\\n/g, '\n').replace(/\\r/g, '\r').replace(/\\"/g, '"');
+
+  if (valueAsString.startsWith('"') && valueAsString.endsWith('"')) {
+    return valueAsString.slice(1, -1);
+  }
+
+  return valueAsString;
+}
+
+function convertCsvToArray(csv: string): Record<string, unknown>[] {
+  const lines = csv.split('\n');
+  const headers = getHeaders(csv);
+
+  return lines.slice(1).map(line => {
+    // Split on comma or semicolon not within quotes
+    const data = line.split(/[,;](?=(?:(?:[^"]*"){2})*[^"]*$)/).map(value => value.trim());
+    return headers.reduce((obj, header, index) => {
+      obj[header] = deserializeValue(data[index]);
+      return obj;
+    }, {} as Record<string, unknown>);
+  });
+}

src/tools/csv-to-json/csv-to-json.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { convertCsvToArray } from './csv-to-json.service';
+import FormatTransformer from '@/components/FormatTransformer.vue';
+import type { UseValidationRule } from '@/composable/validation';
+import { withDefaultOnError } from '@/utils/defaults';
+
+function transformer(value: string) {
+  return withDefaultOnError(() => {
+    if (value === '') {
+      return '';
+    }
+    return JSON.stringify(convertCsvToArray(value), null, 2);
+  }, '');
+}
+
+const rules: UseValidationRule<string>[] = [
+  {
+    validator: (v: string) => v === '' || ((v.includes(',') || v.includes(';')) && v.includes('\n')),
+    message: 'Provided CSV is not valid.',
+  },
+];
+</script>
+
+<template>
+  <FormatTransformer
+    input-label="Your raw CSV"
+    input-placeholder="Paste your raw CSV here..."
+    output-label="JSON version of your CSV"
+    :input-validation-rules="rules"
+    :transformer="transformer"
+  />
+</template>

src/tools/csv-to-json/index.ts

@@ -0,0 +1,13 @@
+import { ArrowsShuffle } from '@vicons/tabler';
+import { defineTool } from '../tool';
+import { translate } from '@/plugins/i18n.plugin';
+
+export const tool = defineTool({
+  name: translate('tools.csv-to-json.title'),
+  path: '/csv-to-json',
+  description: translate('tools.csv-to-json.description'),
+  keywords: ['csv', 'to', 'json', 'convert'],
+  component: () => import('./csv-to-json.vue'),
+  icon: ArrowsShuffle,
+  createdAt: new Date('2024-04-12'),
+});

src/tools/index.ts

@@ -21,6 +21,7 @@ import { tool as jsonToToml } from './json-to-toml';
 import { tool as tomlToYaml } from './toml-to-yaml';
 import { tool as tomlToJson } from './toml-to-json';
 import { tool as jsonToCsv } from './json-to-csv';
+import { tool as csvToJson } from './csv-to-json';
 import { tool as cameraRecorder } from './camera-recorder';
 import { tool as listConverter } from './list-converter';
 import { tool as phoneParserAndFormatter } from './phone-parser-and-formatter';
@@ -143,6 +144,7 @@ export const toolsByCategory: ToolCategory[] = [
       jsonViewer,
       jsonMinify,
       jsonToCsv,
+      csvToJson,
       sqlPrettify,
       chmodCalculator,
       dockerRunToDockerComposeConverter,