Mobile: Bridge components #2307

svara · 2026-01-07T12:03:20Z

This PR adds Hotwire Native Bridge support and components.

Bridge components:

Title
Text size
Insets
Buttons
Form
Overflow menu

Example usage:

board settings button bridged using buttons component.
board creation form uses bridged_form_with.

Note: CSS has minimal additions to make the examples work.

app/javascript/bridge/controllers/bridge/page_controller.js

It sends all buttons in one connect payload.

app/javascript/bridge/controllers/bridge/page_controller.js

…page controller.

app/javascript/bridge/controllers/bridge/overflow_menu_controller.js

app/views/boards/show.html.erb

adjogima · 2026-01-08T12:14:00Z

Considering how we decided to move the app related CSS files into the existing structure, should we do the same here?
Something like:

javascript/
  controllers/
    bridge/
      xxx_controller.js
    xxx_controller.js
  helpers/
    bridge/
      xxx_helpers.js
    xxx_helpers.js
  initializers/
    bridge/
      xxx.js
    xxx.js

or even flat, like:

javascript/
  controllers/
    bridge_xxx_controller.js
    xxx_controller.js
  helpers/
    bridge_xxx_helpers.js
    xxx_helpers.js
  initializers/
    bridge_xxx.js
    xxx.js

* main: Consolidate footer text into a shared partial Tweak comment history button on mobile Transparent lexxy toolbar when inside a golden card Add rel noopener to external links

…rget button can be included

... to fix in the native apps

app/javascript/controllers/bridge/page_controller.js

... for template caching

* main: Remove explicit queue definition Fix attribute name Explicitly define incineration priority Fix incorrect recurring job config Add self-service account deletion (#2246) Document DELETE endpoint for removing card header image Document goldness endpoints for marking cards as golden Document closed and column fields in card API response

… related code.

* main: (22 commits) Disable card column buttons when active Prevent comment content from overlapping with reaction button Delete pins belonging to cards in a board with revoked access Update development dependencies in SAAS lockfile Update runtime dependencies Update development dependencies Balance magic link instructions Add `.txt-balance` utility Move handleDesktop inside restoreColumnsDisablingTransitions Adjust border radius Clean up blank slates Add dialog manager to events page More sturated mini bubbles in light mode Brighten mini bubbles in dark mode Use separate cache namespaces for each beta instance Bump boost size up a tick on mobile Move Undo form inside closure message element Phrasing tweak for exceeding storage limit Keep strong tags words on same line Allow ActionText embed reuse and safe purge (#2346) ...

* main: Add rollback script to convert relative URLs back to absolute Add a script to migrate existing rich texts to relative URLs Use relative URLs where possible across all the app Use relative URLs for avatars and rich text attachments

* main: Solve problem when Action Text raises on missing attachables Solve problem when Action Text raises on missing attachables Completing a step removes stalled status from UI Bump Bootsnap to v1.21.1 Use correct class selectors to target cards with background images Update lexxy to latest Hide table button for now Table CSS tweaks Update to Lexxy 0.7.0beta Revert "Wrap tables in div" Wrap tables in div CSS updates for `<table>` support Update to latest Lexxy Show only active subscriptions Add paid accounts stats to admin dashboard Keep URLs in webhook events absolute Delete orphaned watches and pins when a card is moved to a private board

app/javascript/controllers/dialog_focus_controller.js

... instead of a separate dialog focus controller

... to support lazy loaded dialog content

* main: Create popup initial alignment classes Fix class typo Hide the board selector button if card is closed Align board and tag picker dialogs without using math Add dialog manager to card perma Fix "M" hotkey using stale user from fragment cache Add Enable all/Disable all buttons to webhook event selection Remove whitespace Remove hover styles from disabled menu items # Conflicts: # app/views/cards/_container.html.erb

app/helpers/filters_helper.rb

* main: Fix notification broadcast test for turbo-rails 2.0.21 Update `turbo-rails` to get latest Turbo version

svara added 16 commits January 6, 2026 15:46

Add Hotwire Native Bridge wiring.

b84da94

Add bridge page controller and helpers.

177afe1

Add bridge page targets.

ecf0921

Add hotwire-native-bridge vendor js.

37f0a2c

Fix bridge viewport safe-area insets.

2d7b76f

Use raw page_title in bridge page title attribute

367a7ab

Add bridge insets controller.

69c17a7

Wire bridge insets controller into the layout.

cdc4f2c

Add bridge nav-button controller.

367edfc

Add bridge form controller.

c61942d

Hide bridged submit button when native form component is active.

4cbc2c6

Add bridged_form_with helper for bridge form controller.

58664f8

Use bridged_form_with for board creation form.

de10717

Move bridge insets controller to bridge/controllers.

ce0538d

Hide bridged nav-button elements when native nav component is active.

75431e0

Use bridge nav-button for board settings action.

dc9c544

svara requested a review from adjogima January 7, 2026 12:03

svara assigned jayohms Jan 7, 2026

jayohms reviewed Jan 7, 2026

View reviewed changes

app/javascript/bridge/controllers/bridge/page_controller.js Outdated Show resolved Hide resolved

svara added 2 commits January 7, 2026 17:54

Add bridge buttons controller.

76eaf32

It sends all buttons in one connect payload.

Remove bridge nav-button controller.

9331c37

jayohms reviewed Jan 7, 2026

View reviewed changes

app/javascript/bridge/controllers/bridge/page_controller.js Outdated Show resolved Hide resolved

svara added 5 commits January 8, 2026 09:59

Remove form related events from bridge page controller.

e2f9989

Remove option to toggle header visibility from mobile apps in bridge …

b8bb4cf

…page controller.

Use bridge buttons controller in boards.

37f03fc

Remove redundant url from bridge page change payload.

0a57e39

Add bridge overflow menu controller.

d38c0c9

svara commented Jan 8, 2026

View reviewed changes

app/javascript/bridge/controllers/bridge/overflow_menu_controller.js Outdated Show resolved Hide resolved

adjogima reviewed Jan 8, 2026

View reviewed changes

app/views/boards/show.html.erb Outdated Show resolved Hide resolved

jayohms and others added 6 commits January 9, 2026 14:42

Merge branch 'main' into mobile/bridge-components

d5fef48

* main: Consolidate footer text into a shared partial Tweak comment history button on mobile Transparent lexxy toolbar when inside a golden card Add rel noopener to external links

Prevent autofocusing the filter input in drop downs

05c0cbb

Extract title to helper

caafebb

Move the bridge form controller to the outer container so a cancel ta…

43314f7

…rget button can be included

Fix the form submit css scope

bd8feea

Tweak card footer on perma

82d4fa5

... to fix in the native apps

jayohms reviewed Jan 12, 2026

View reviewed changes

app/javascript/controllers/bridge/page_controller.js Outdated Show resolved Hide resolved

adjogima and others added 11 commits January 12, 2026 17:30

Move dialog focus handling to a stimulus controller

3d09258

... for template caching

Fix missing underline on card closure message button

450f57e

Rename bride page controller to title controller and remove text size…

4f7cec3

… related code.

Add bridge text size controller.

68d1966

Fix bottom notch in new card form

e5c7965

Set footer height

9dc5151

Save a bit of space in "watch" card

8894382

jayohms reviewed Jan 16, 2026

View reviewed changes

app/javascript/controllers/dialog_focus_controller.js Outdated Show resolved Hide resolved

adjogima and others added 6 commits January 19, 2026 11:42

Move dialog focus handling into the dialog controller

44732a3

... instead of a separate dialog focus controller

Setup proper focus handling for mobile on the card perma's board picker

5113961

Setup focus handling on touch target's connect callback

e87dc10

... to support lazy loaded dialog content

Use private functions for bridge components

b5985ef

Fix bad formatting on bridge page title attr

e9ebf8e

jayohms reviewed Jan 19, 2026

View reviewed changes

app/helpers/filters_helper.rb Outdated Show resolved Hide resolved

jayohms added 2 commits January 19, 2026 12:47

Remove reference to removed controller

cc4e19b

Merge branch 'main' into mobile/bridge-components

cd6478d

* main: Fix notification broadcast test for turbo-rails 2.0.21 Update `turbo-rails` to get latest Turbo version

jayohms merged commit 3fa850d into main Jan 19, 2026
12 checks passed

jayohms deleted the mobile/bridge-components branch January 19, 2026 20:59

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Mobile: Bridge components #2307

Mobile: Bridge components #2307

svara commented Jan 7, 2026 •

edited by jayohms

Loading

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

adjogima commented Jan 8, 2026 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Mobile: Bridge components #2307

Mobile: Bridge components #2307

Conversation

svara commented Jan 7, 2026 • edited by jayohms Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

adjogima commented Jan 8, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

svara commented Jan 7, 2026 •

edited by jayohms

Loading

adjogima commented Jan 8, 2026 •

edited

Loading