Skip to content

Releases: laravolt/volt

Volt 0.5.0

Choose a tag to compare

@qisthidev qisthidev released this 06 Sep 07:24

Navigasi mulus tanpa kedip tema, siklus hidup island yang benar, siap di balik reverse proxy, dan harness e2e. Semua temuan berasal dari membangun aplikasi koperasi desa (saham warga & pinjaman mikro) di atas Volt 0.4.0.

Siklus hidup island & form (#4)

  • Toast menyinkronkan ulang props setiap render — island tetap hidup saat frame di-patch, sehingga toast dari navigasi berikutnya kini benar-benar tampil.
  • SubmitButton melepas kunci setelah respons error dirender ([role=alert]/aria-invalid) atau saat form diedit; sebelumnya terkunci permanen setelah 401/422.
  • Satu implementasi readFlash (app/ui/form.tsx); kunci status/warning/info ikut terbaca dari actions/shared.ts.
  • ConfirmDialog rata tengah (tidak mewarisi text-align sel tabel).

Tema di sisi server & shell stabil (#5)

  • Middleware app/middleware/theme.ts membaca cookie volt-theme (AsyncLocalStorage) → <html class="dark" data-theme> sejak HTML pertama; color-scheme diturunkan lewat CSS html.dark{}; entry.ts menyinkronkan cookie dari localStorage. Tidak ada lagi kedip tema saat pindah halaman (lihat remix-run/remix#11809).
  • data-rmx-key pada shell/main/header: DOM & island dipertahankan lintas navigasi.
  • Indikator progres global di resolveFrame (tunda 120 ms) dan penanda <html data-hydrated> setelah app.ready() (dipasang ulang setelah patch).
  • Stylesheet Inter eksternal dihapus (memblokir render); docs/FRAME_NAVIGATION.md dan bab "Hydration & e2e" di skill volt-ux.

Deploy & pengujian (#7, menggantikan #6)

  • trustProxy (TRUST_PROXY, default aktif di produksi) — di balik Tailscale serve/Cloudflare Tunnel, CSRF tidak lagi menolak POST sebagai invalid-origin; dokumentasi HTTPS/cookie Secure/CSRF di README.
  • test/e2e-helpers.ts: createE2EHarness, seedE2EUser, loginViaBrowser, waitForHydration; contoh spec test/actions/profile.test.e2e.ts.

Dependensi

  • volt-preline → github:laravolt/volt-preline#v0.2.0 (cookie tema + helper SSR, Alert align, resep Combobox).

Full Changelog: v0.4.0...v0.5.0

Volt 0.4.0

Choose a tag to compare

@qisthidev qisthidev released this 04 Sep 01:45
4de7f0a

Standar UX bawaan starter, skill volt-ux untuk Claude Code, dan tabel responsif mode stack.

UX standar bawaan (#1)

  • Panduan 16 aturan UX di docs/UX_GUIDELINES.md, kini bersumber pada Form Design Patterns, Refactoring UI, Inclusive Design Patterns, Web Accessibility Cookbook, WAI-ARIA APG, GOV.UK, USWDS, dan NN/g.
  • Komponen standar: Notice, Toast, ActionRow, RequiredLegend, SubmitButton, ConfirmDialog, EmptyState, AutoFocusError, serta helper formatRupiah / formatDateIndo.
  • Diterapkan ke seluruh halaman bawaan (login, register, reset password, profil, tabel pengguna).

Skill volt-ux untuk Claude Code (#3, closes #2)

  • .claude/skills/volt-ux/SKILL.md: tabel keputusan komponen (≤5 opsi → radio, >5 → combobox searchable, boolean → checkbox/switch, tanggal → input native, aksi destruktif → ConfirmDialog/Alert), aturan form/tombol/feedback/tabel/empty state dengan rujukan sumber, checklist review PR, dan daftar anti-pattern.
  • references/components.md: resep kode terverifikasi untuk volt-preline dan volt-pro, termasuk aturan island clientEntry.
  • references/copywriting-id.md: kamus istilah UI bahasa Indonesia dan pola pesan error solutif.
  • Terdaftar di AGENTS.md; evaluasi blind 3 skenario di test/skills/volt-ux.eval.md (semua lulus).

Tabel responsif mode stack

  • volt-preline v0.1.1: <Table responsive="stack"> + TableCell stackedLabel — CSS-only di bawah sm, header tetap di accessibility tree, tanpa plugin JS.
  • Tabel pengguna admin memakai mode stack di layar sempit.

Perbaikan

  • resolveFrame merender halaman error HTML untuk status apa pun (401/422/429); onLimited mendukung halaman 429 HTML.
  • SubmitButton mengunci lewat event submit form (Enter ikut terlindungi); toast error/warning tidak lagi auto-dismiss; AutoFocusError memakai queueTask.

Dependensi

  • volt-preline → github:laravolt/volt-preline#v0.1.1.

Full Changelog: v0.3.0...v0.4.0

Volt 0.3.0

Choose a tag to compare

@qisthidev qisthidev released this 02 Sep 12:45

Rebrand from Velix to Volt under the Laravolt org. Default UI kit is now volt-preline (Preline UI 5, MIT); volt-catalyst remains a drop-in for Tailwind Plus licensees. Cookie: volt_session, migrations journal: volt_migrations, DB: db/volt.sqlite.