Demo floating window#678
Merged
Merged
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Contributor
There was a problem hiding this comment.
PR Summary
Added a new draggable DemoFloatingWindow component for displaying user authentication UI, with conditional rendering based on login status.
- Added
/packages/template/src/components/demo-floating-window.tsximplementing drag-and-drop functionality with mouse event handling and proper cleanup - Component displays user avatar, email, and account options when logged in, or sign in/up buttons when logged out
- Uses backdrop blur and semi-transparent background for modern UI aesthetics
- Integrated into
/examples/demo/src/app/page.tsxalongside existing PageClient component - Exports component through
/packages/template/src/index.tswhile maintaining platform-specific structure
3 file(s) reviewed, 1 comment(s)
Edit PR Review Bot Settings | Greptile
|
✨ No issues found! Your code is sparkling clean! ✨ 🗒️ View all ignored comments in this repo
|
- Changed mouse event handlers to pointer event handlers for better compatibility. - Added `e.preventDefault()` to prevent text selection during drag. - Updated event listeners to handle pointer events for dragging functionality.
Co-authored-by: ellipsis-dev[bot] <65095814+ellipsis-dev[bot]@users.noreply.github.com>
N2D4
added a commit
that referenced
this pull request
May 20, 2025
N2D4
added a commit
to willothy/stack
that referenced
this pull request
Jun 23, 2025
<!-- Make sure you've read the CONTRIBUTING.md guidelines: https://github.com/stack-auth/stack-auth/blob/dev/CONTRIBUTING.md --> <img width="474" alt="image" src="https://github.com/user-attachments/assets/5fb5a632-d605-49ed-89d6-b26533d84a2f" /> <!-- ELLIPSIS_HIDDEN --> ---- > [!IMPORTANT] > Adds `DemoFloatingWindow` component for development, integrated into demo layout and stack initialization, providing user actions like sign-in and account settings. > > - **Behavior**: > - Adds `DemoFloatingWindow` component in `demo-floating-window.tsx`, visible only in development mode. > - Provides user actions: sign-in, sign-out, account settings. > - **Integration**: > - Integrates `DemoFloatingWindow` into `layout.tsx` within the `StackProvider` and `StackTheme`. > - Updates `getUpdatedLayout()` in `index.ts` to include `DemoFloatingWindow` in the layout. > - **Exports**: > - Exports `DemoFloatingWindow` in `index.ts` for external use. > > <sup>This description was created by </sup>[<img alt="Ellipsis" src="https://img.shields.io/badge/Ellipsis-blue?color=175173">](https://www.ellipsis.dev?ref=stack-auth%2Fstack-auth&utm_source=github&utm_medium=referral)<sup> for 98aa609. You can [customize](https://app.ellipsis.dev/stack-auth/settings/summaries) this summary. It will automatically update as commits are pushed.</sup> <!-- ELLIPSIS_HIDDEN --> --------- Co-authored-by: Konsti Wohlwend <n2d4xc@gmail.com> Co-authored-by: ellipsis-dev[bot] <65095814+ellipsis-dev[bot]@users.noreply.github.com>
N2D4
added a commit
to willothy/stack
that referenced
this pull request
Jun 23, 2025
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Important
Adds
DemoFloatingWindowcomponent for development, integrated into demo layout and stack initialization, providing user actions like sign-in and account settings.DemoFloatingWindowcomponent indemo-floating-window.tsx, visible only in development mode.DemoFloatingWindowintolayout.tsxwithin theStackProviderandStackTheme.getUpdatedLayout()inindex.tsto includeDemoFloatingWindowin the layout.DemoFloatingWindowinindex.tsfor external use.This description was created by
for 98aa609. You can customize this summary. It will automatically update as commits are pushed.