Liminal — браузерне IDE для Laravel, що працює на WebAssembly

Liminal by Andrew Schmelyun — браузерне IDE, яке дозволяє писати, запускати та переглядати Laravel‑застосунки прямо в браузері — без налаштування сервера й локальної інсталяції PHP. Це досягається запуском PHP 8.4 через WebAssembly.

Що входить

Після запуску ви отримуєте повноцінне середовище розробки в одній вкладці браузера:

• Редактор коду — переглядайте й редагуйте файли з підсвіткою синтаксису для PHP, Blade, JavaScript, TypeScript, JSON і CSS (на базі CodeMirror 6)
• Панель попереднього перегляду — переходьте між маршрутами та дивіться згенерований HTML; Tailwind CSS v4 підключається автоматично
• Термінал — запускайте Artisan-команди з історією команд
• AI‑асистент — помічник на базі OpenAI, який може читати й записувати файли та виконувати команди від вашого імені

Початок роботи

Liminal — не Composer‑пакет, який можна підключити до існуючого проєкту. Замість цього потрібно клонувати репозиторій і зібрати його локально:

git clone https://github.com/aschmelyun/liminal
cd liminal
bun install
cd app
composer install --no-dev --optimize-autoloader
cd ..
bun run build
bun run preview

bun run build упаковує Laravel‑застосунок у public/app.zip та виконує перевірку типів. bun run preview запускає локальний dev‑сервер і відкриває IDE у браузері.

Шеринг і синхронізація

Одна з найцікавіших можливостей — shareable URLs. Зміни в файлах кодуються безпосередньо в URL, тож можна поділитися посиланням на робочий приклад, який одразу відкриється в будь‑якому браузері — без акаунту чи інсталяцій.

Для локальної розробки Liminal підтримує синхронізацію папки через File System Access API, що відтворює віртуальну файлову систему в директорії на вашому комп’ютері. Можна також імпортувати проєкт із GitHub або експортувати роботу в .zip.

Обмеження

Запуск PHP у WebAssembly має низку компромісів, про які варто знати:

• Немає зовнішнього мережевого доступу з PHP‑коду
• Попередньо зібраний каталог vendor не можна змінювати
• Підтримується лише SQLite — немає MySQL чи PostgreSQL
• Продуктивність нижча, ніж у нативного PHP

Під капотом

Проєкт побудовано на Vue 3, TypeScript, Vite, Tailwind CSS v4 та CodeMirror 6. PHP працює в браузері через пакет @php-wasm/web-8.4.

Це вражаючий proof‑of‑concept можливостей WebAssembly у PHP‑екосистемі, а також корисний інструмент для швидкого прототипування, лайв‑демо або для обміну відтворюваними прикладами Laravel без підняття повного середовища.

Джерело на GitHub, або спробуйте прямо на liminal.aschmelyun.com.