CSV to JSON Converter for Angular Developers

import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';

@Component({
  selector: 'app-csv',
  standalone: true,
  imports: [FormsModule],
  template: `
    <textarea [(ngModel)]="csv" rows="6" placeholder="Paste CSV..."></textarea>
    <button (click)="convert()">Convert</button>
    <pre>{{ json }}</pre>
  `,
})
export class CsvToJsonComponent {
  csv = ''; json = '';
  convert() {
    const [header, ...rows] = this.csv.trim().split('\n');
    const keys = header.split(',').map(k => k.trim());
    const data = rows.map(row => Object.fromEntries(row.split(',').map((v, i) => [keys[i], v.trim()])));
    this.json = JSON.stringify(data, null, 2);
  }
}