Sonarly Claude Code 341de11b8b fix: add UTF-8 BOM to CSV export for proper non-Latin character display
https://sonarly.com/issue/21060?type=bug

CSV exports containing Arabic (or other non-Latin) characters display as garbled text when opened in spreadsheet applications because the exported file lacks a UTF-8 Byte Order Mark (BOM).

Fix: Added a UTF-8 Byte Order Mark (BOM) prefix (`\uFEFF`) to the CSV file content in the `downloader` function.

**What changed:**
1. `useRecordIndexExportRecords.ts`: Added a `UTF8_BOM` constant and prepended it to the generated CSV content when creating the Blob. This signals to Excel and other spreadsheet applications that the file uses UTF-8 encoding, which is required for proper rendering of Arabic, Chinese, Hebrew, and other non-Latin characters.

2. `useRecordIndexExportRecords.test.ts`: Added a test for `csvDownloader` that verifies the UTF-8 BOM is present at the start of the exported file and that Arabic characters are preserved in the output.

**Why this works:** JavaScript's `Blob` encodes strings as UTF-8, but spreadsheet applications like Excel default to the system's ANSI codepage when opening CSV files. The BOM character (U+FEFF) at the start of the file tells these applications to interpret the file as UTF-8, which correctly handles all Unicode characters including Arabic.
2026-04-02 06:33:06 +00:00
2026-03-11 16:30:28 +01:00

Twenty logo

The #1 Open-Source CRM

🌐 Website · 📚 Documentation · Roadmap · Discord · Figma


Cover


Installation

See: 🚀 Self-hosting 🖥️ Local Setup

Why Twenty

We built Twenty for three reasons:

CRMs are too expensive, and users are trapped. Companies use locked-in customer data to hike prices. It shouldn't be that way.

A fresh start is required to build a better experience. We can learn from past mistakes and craft a cohesive experience inspired by new UX patterns from tools like Notion, Airtable or Linear.

We believe in open-source and community. Hundreds of developers are already building Twenty together. Once we have plugin capabilities, a whole ecosystem will grow around it.


What You Can Do With Twenty

Please feel free to flag any specific needs you have by creating an issue.

Below are a few features we have implemented to date:

Personalize layouts with filters, sort, group by, kanban and table views

Companies Kanban Views

Customize your objects and fields

Setting Custom Objects

Create and manage permissions with custom roles

Permissions

Automate workflow with triggers and actions

Workflows

Emails, calendar events, files, and more

Other Features


Stack

Thanks

Chromatic Greptile Sentry Crowdin E2B

Thanks to these amazing services that we use and recommend for UI testing (Chromatic), code review (Greptile), catching bugs (Sentry) and translating (Crowdin).

Join the Community

Languages
TypeScript 78%
MDX 18.5%
JavaScript 3.1%
Python 0.2%