Blade (javaabu/forms) and Inertia React (@javaabu/forms) views #10

Activity

1. n4ff4h

   added

   next-genNext-gen Javaabu packagesNext-gen Javaabu packages

   featurePackage feature from the specPackage feature from the spec

   blockedWaiting on another package or a decisionWaiting on another package or a decision

   on Nov 4, 2026
2. n4ff4h commented on Nov 4, 2026

   

   n4ff4h

   on Nov 4, 2026

   CollaboratorAuthor

   More actions

   Blocked on the view stacks, which are still being built:

   • Blade (javaabu/forms v2): the <x-forms::…> component contract isn't settled yet. Feature parity with @javaabu/forms forms#9 (parity with @javaabu/forms) and Onu framework using Onu's Tailwind styles forms#8 (Onu framework) are open on next-gen.
   • Inertia React (@javaabu/forms + manifest): shipping the pages needs Vite integration: discover, alias and build package assets manifest#6 (Vite integration and aliases) and Inertia support for React and Vue manifest#7 (Inertia page resolution for permissions::Roles/Index). @javaabu/forms needs Native Laravel Inertia support react-forms#7 (Inertia), Dhivehi localization and RTL #9 (binding and old input), Blade (javaabu/forms) and Inertia React (@javaabu/forms) views #10 (errors) and Optional javaabu/translatable support #12 (parity).

   What's ready for the pages:

   • The controller already renders permissions::roles.{index,create,show,edit} (Blade) and permissions::Roles/{Index,Create,Show,Edit} (Inertia), chosen by config('permissions.views').
   • The props are fixed and documented in docs/basic-usage/managing-roles.md#pages: title, guard, routes, roles, search, role, and permission_groups with granted flags.
   • Views publish with --tag=permissions-views.

   The pages are thin layers over that. The permission picker from the roles-form-and-permission-list-component branch (select all, per-group select, search) is the reference for the UI.

   I'll pick this up once forms v2's components and manifest's Inertia support are on their branches.
3. n4ff4h

   added 3 commits that reference this issue on Nov 4, 2026

   Add the role pages in Blade and Inertia React (work in progress)

   ...

   f3b6384

   Test the role pages in both stacks and with translatable; CI for JS a…

   ...

   75a5f46

   Document the role pages, translatable descriptions and right to left;…

   ...

   5fa5a41
4. n4ff4h commented on Nov 4, 2026

   

   n4ff4h

   on Nov 4, 2026

   CollaboratorAuthor

   More actions

   Done on next-gen (f3b6384, 75a5f46, 5fa5a41; CI green).

   • Blade: resources/views/roles (index, create, edit, show, plus partials), built with javaabu/forms v2 components. They extend config('permissions.layout') / layout_section and work with both Onu and Bootstrap 6. A small script, permissions::roles, comes through javaabu/manifest and handles select all/none per permission group and data-confirm on delete.
   • React: resources/js/Pages/Roles/*.tsx with @javaabu/forms, registered with manifest (->js()->pages()), resolved with resolvePage(). Reusable components are exported as @javaabu/permissions: RoleForm, PermissionGroupFields, RoleActions. The text comes translated from the server in strings, as in exports.
   • Same props in both stacks: guard, routes, urls, can, plus translations on the forms. RoleResource gained can, links and permissions_count.
   • Decision: component tags of optional packages (<x-translatable::text>) live in their own partial, because Blade compiles every tag in a view even inside @if.
   • Decision: the React buttons have no icons for now. @javaabu/forms' IconName lacks eye/pencil/trash-2/check; that's Icon parity with javaabu/forms v2: eye, pencil, trash-2, check, … react-forms#21.
   • Tests: Blade pages (permissions, old input, Dhivehi with RTL, physical-direction classes, Bootstrap), Inertia props, manifest registration, and Vitest for the script and components.
5. n4ff4h

   closed this as completedon Nov 4, 2026
6. n4ff4h

   removed

   blockedWaiting on another package or a decisionWaiting on another package or a decision

   on Nov 4, 2026