README

A Laravel package to manage multilingual translations through a single CSV file. Comes with a Livewire management UI, an Inertia.js integration, and JS adapters for React, Vue 3, and Svelte.

ilsawn (ⵉⵍⵙⴰⵡⵏ) — from the Amazigh word ⵉⵍⵙ (ils), meaning language or tongue. The plural ⵉⵍⵙⴰⵡⵏ carries both senses: the organ of speech, and a people's idiom.

Features

One CSV, all locales — every translation lives in a single human-readable file
Livewire UI — browse, search, and edit translations inline from the browser
Artisan commands — scan your codebase for missing keys, remove stale ones, generate JSON files
Inertia.js support — SharesTranslations trait pushes the active locale to the frontend automatically, with production caching built in
JS adapters — thin wrappers for React, Vue 3, and Svelte that expose the familiar __() helper
AI auto-translation — one-click translation powered by laravel/ai (optional)
Safe fallback chain — missing locale → default locale → key itself; the app never breaks

Requirements

PHP 8.2+
Laravel 11, 12, or 13
Livewire 3 or 4

Installation

composer require yazidkhaldi/laravel-ilsawn
php artisan ilsawn:install

The install command:

Publishes config/ilsawn.php
Creates lang/ilsawn.csv with a header row for your configured locales
Publishes app/Providers/IlsawnServiceProvider.php where you control who can access the UI
If Inertia.js is detected: publishes the JS adapters to resources/js/vendor/ilsawn/ and prints setup instructions

Then register the provider in bootstrap/providers.php:

App\Providers\IlsawnServiceProvider::class,

Configuration

config/ilsawn.php:

return [
    // Locales your app supports — each becomes a column in the CSV
    'locales'        => ['en', 'fr', 'ar'],

    // Primary fallback locale when a translation is missing
    'default_locale' => 'en',

    // Path to the CSV file, relative to base_path()
    'csv_path'       => 'lang/ilsawn.csv',

    // Automatic CSV backup before every generate run
    'backup'         => true,
    'backup_limit'   => 5,   // 0 = keep all backups

    // Column delimiter — semicolon avoids conflicts with commas in text
    'delimiter'      => ';',

    // Directories scanned for translation keys (relative to base_path())
    'scan_paths'     => ['app', 'resources'],

    // Paths excluded from scanning
    'scan_exclude'   => ['resources/js/vendor/ilsawn'],

    // URL prefix for the management UI  →  /ilsawn
    'route_prefix'   => 'ilsawn',

    // Middleware applied to UI routes
    'middleware'     => ['web'],
];

The CSV file

key;en;fr;ar
dashboard.title;Dashboard;Tableau de bord;لوحة القيادة
welcome;Welcome :name;Bienvenue :name;مرحبا :name

key — any string: plain text, dot notation, snake_case, or a full sentence
locale columns — one per locale listed in config('ilsawn.locales')
:placeholder — use :name syntax for variable substitution in both PHP and JS

Edit this file directly, or use the Livewire UI at /ilsawn.

Artisan commands

`ilsawn:generate`

Generates one JSON file per locale in lang/ (e.g. lang/en.json, lang/fr.json).

php artisan ilsawn:generate

Run this whenever you edit the CSV to make changes available to the application. It creates a timestamped CSV backup and clears the application cache automatically.

Options:

Flag	Description
`--scan`	Scan `scan_paths` for `__()` calls and add missing keys to the CSV
`--cleanup`	Prompt to remove keys that are no longer referenced in code
`--remove-duplicates`	Prompt to remove keys that already exist in Laravel's own `lang/` PHP files
`--dry-run`	Preview all changes without modifying any file

`ilsawn:install`

Publish config, CSV stub, Gate provider, and JS adapters. Safe to re-run with --force to overwrite already-published files.

Using translations

Blade & Livewire (PHP side)

Use Laravel's native __() helper — no change to your workflow:

{{ __('dashboard.title') }} {{ __('welcome', ['name' => $user->name]) }}

Blade + Alpine.js (JS side)

For projects that use Blade without Inertia, add the @ilsawnTranslations directive to your main layout. It outputs a <script> tag that inlines the current locale's translations into the page:

<head>
    @ilsawnTranslations
</head>

Then import the adapter once in your JS entry file:

import "@/vendor/ilsawn/adapters/blade";

That's it. window.__ is now available globally, so Alpine.js inline expressions work without any extra setup:

<span x-text="__('dashboard.title')"></span>
<span x-text="__('welcome', { name: 'Ali' })"></span>

Or import the function explicitly in any JS file:

import { __ } from "@/vendor/ilsawn/adapters/blade";

__("dashboard.title"); // 'Dashboard'
__("welcome", { name: "Ali" }); // 'Welcome Ali'

Inertia.js (server side)

Open app/Http/Middleware/HandleInertiaRequests.php and make two additions:

// 1. Add the use statement inside the class
use ilsawn\LaravelIlsawn\SharesTranslations;

class HandleInertiaRequests extends Middleware
{
    use SharesTranslations; // ← add this

    public function share(Request $request): array
    {
        return [
            ...parent::share($request),
            'auth' => ['user' => $request->user()],
            // ... your existing shared props ...
            'translations' => $this->translations($request), // ← add this
        ];
    }
}

That's it. The trait provides the translations() method — no other changes needed.

In production the result is cached forever under ilsawn_translations_{locale} and invalidated automatically when ilsawn:generate runs.

React

import { useLang } from "@/vendor/ilsawn/adapters/react";

export default function Page() {
    const { __ } = useLang();

    return <h1>{__("dashboard.title")}</h1>;
}

Vue 3

<script setup>
import { useLang } from "@/vendor/ilsawn/adapters/vue";

const { __ } = useLang();
</script>

<template>
    <h1>{{ __("dashboard.title") }}</h1>
</template>

Svelte

<script>
import { useLang } from '@/vendor/ilsawn/adapters/svelte';

const { __ } = useLang();
</script>

<h1>{__('dashboard.title')}</h1>

Variable substitution in JS

All adapters support :placeholder replacements, consistent with Laravel's PHP syntax:

__("welcome", { name: "Ali" }); // 'Welcome Ali'

Livewire UI

Visit /ilsawn (or your configured route_prefix) to access the translation manager.

Feature	Description
Search	Filter keys in real time
Missing only	Toggle to show only keys that have at least one empty locale — great for spotting gaps quickly
Inline edit	Click Edit on any row to update values directly in the browser
`=` button	Copy the key itself into a locale field — useful for brand names or terms that need no translation
AI button	Auto-translate the source text into the target locale (requires `laravel/ai`)
Scan	Detect new keys from your codebase and add them to the CSV without leaving the UI
Generate JSON	Regenerate the JSON locale files; a red dot on the button signals the CSV has unsaved changes
Pending keys banner	Shown on page load when keys exist in code that are not yet in the CSV

Authorization

ilsawn:install publishes app/Providers/IlsawnServiceProvider.php:

Gate::define('viewIlsawn', function ($user) {
    return in_array($user->email, [
        'admin@example.com',
    ]);
});

Replace the closure body with any logic you need — role checks, environment guards, etc. The UI returns 403 for anyone the gate denies.

AI auto-translation (optional)

Install laravel/ai:

composer require laravel/ai

An AI button appears automatically in the edit row for each non-source locale. It translates the source text into the target language using your configured AI provider. No additional configuration inside ilsawn is needed.

Fallback chain

When a translation is requested:

Look up the key in the active locale's JSON file
If missing, fall back to the default_locale value
If that is also empty, return the key itself

The app never throws — a missing translation degrades gracefully to the key string.

License

MIT — see LICENSE for details.

yazidkhaldi / laravel-ilsawn

Maintainers

Package info

Fund package maintenance!

Statistics

Security