Skip to content

Add polished OAuth success page#37

Open
salmonumbrella wants to merge 1 commit intoRoamJS:mainfrom
salmonumbrella:oauth-success-page
Open

Add polished OAuth success page#37
salmonumbrella wants to merge 1 commit intoRoamJS:mainfrom
salmonumbrella:oauth-success-page

Conversation

@salmonumbrella
Copy link

@salmonumbrella salmonumbrella commented Mar 3, 2026

Summary

  • Adds a proposed replacement for the roamjs.com/oauth?auth=true redirect page that users see after authorizing their Google account
  • Currently the page is bare — this adds a polished success screen with the RoamJS logo, a "Google Account Connected to Roam Research" heading, and a subtle blinking cursor animation on the "Roam" badge
  • Includes the OAuth relay JavaScript (postMessage for browser popup flow, session POST for desktop app flow) so it's a functional drop-in replacement

Details

The HTML file at static/oauth-success.html is self-contained and ready to be hosted at roamjs.com/oauth. It handles:

  1. Browser flow: Relays the authorization code and state back to the Roam window via postMessage
  2. Desktop flow: Decodes the session from state and POSTs to /oauth/session for the extension to poll
  3. Error display: Shows a message if Google returns an error
pr-for-the-droid.mp4

Preview

The page features:

  • Centered RoamJS logo with a checkmark badge
  • Fade-in animation on load
  • Monospace "Roam" badge with a blinking cursor and hand-drawn underlines

Test plan

  • Open static/oauth-success.html locally to verify the visual design
  • Verify the postMessage relay works by testing the full OAuth flow with this page hosted at the redirect URI
  • Test desktop app flow (session polling path)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@coderabbitai
Copy link

coderabbitai bot commented Mar 3, 2026

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Tip

Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs).
Share your feedback on Discord.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@salmonumbrella
Copy link
Author

Hey @mdroidian — this is a proposed upgrade for the roamjs.com/oauth?auth=true redirect page. Right now it's pretty bare after Google auth completes. This adds a polished success screen with the RoamJS logo, a blinking cursor animation, and clear messaging. The HTML is self-contained with the OAuth relay JS included, so it should be a drop-in replacement. Let me know what you think!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant