Skip to content

demo: bookend Maximal deck with bloom intro and cube outro#157

Merged
1weiho merged 1 commit into
mainfrom
demo/maximal-intro-outro
May 24, 2026
Merged

demo: bookend Maximal deck with bloom intro and cube outro#157
1weiho merged 1 commit into
mainfrom
demo/maximal-intro-outro

Conversation

@1weiho
Copy link
Copy Markdown
Owner

@1weiho 1weiho commented May 24, 2026

Summary

  • Add an Intro page (Introducing Transition.) and a Cli outro page (npx @open-slide/cli init) to the slide-transitions-maximal demo deck.
  • Introduce two new transitions:
    • bloom — brightness/saturate spike + heavy blur, bleaches the page to a halo and resolves into focus (drives the intro).
    • cube — 90° rotateY pivoted on a vertical edge with perspective(1800px); outgoing swings around its right edge, inbound arrives around its left (drives the outro).
  • Bumps the showcase to eight transitions — title and Cover copy updated accordingly.

Touches only apps/demo/, so no changeset is needed per CLAUDE.md.

Test plan

  • pnpm dev → open the Maximal deck and arrow through all eight pages
  • Confirm bloom (intro) reads as an overexposed flash into focus
  • Confirm cube (outro) reads as a 3D edge-pivot rotation
  • Navigate backwards through the deck to verify each transition still feels right in reverse

Summary by CodeRabbit

  • New Features
    • Added new "Intro" and "Cli" slides to the Maximal transitions showcase
    • Introduced bloom-style and cube-pivot transition effects with custom animations
    • Expanded the showcase from six to eight total transitions

Review Change Stack

Add an "Introducing Transition." prelude and an `npx @open-slide/cli init`
outro to the slide-transitions-maximal showcase, each driven by a brand-new
transition: bloom (brightness flash + heavy blur) and cube (90° edge-pivot
rotateY with deep perspective). Bumps the deck to eight transitions.
@vercel
Copy link
Copy Markdown

vercel Bot commented May 24, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
open-slide-demo Ready Ready Preview, Comment May 24, 2026 11:14am
open-slide-web Ready Ready Preview, Comment May 24, 2026 11:14am

Request Review

@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented May 24, 2026

Caution

Review failed

Pull request was closed or merged during review

Walkthrough

The PR extends the maximal transitions demo slide deck from six to eight transitions by adding a new opening Intro slide with bloom effects and a closing Cli slide with cube pivot effects, updates the metadata and exports accordingly, and refreshes the Cover slide description.

Changes

Maximal transitions slide expansion

Layer / File(s) Summary
Intro slide component and transition
apps/demo/slides/slide-transitions-maximal/index.tsx
New Intro page component with headline, eyebrow text, and footer label. Intro transition is configured with bloom-style enter/exit keyframes using explicit duration, easing, and animation definitions.
Cli slide component, transition, and exports
apps/demo/slides/slide-transitions-maximal/index.tsx
New Cli page component with installation call-to-action and footer. Cli transition is added with 90° edge pivot behavior for cube effect. Slide metadata title is updated to "Eight Transitions", and the default exported page array is updated to [Intro, Cover, Flip, Glitch, Warp, Sweep, Closing, Cli].
Cover slide text update
apps/demo/slides/slide-transitions-maximal/index.tsx
Cover slide descriptive paragraph text is updated from "Six effects…" to "Eight effects…".

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Possibly related PRs

  • 1weiho/open-slide#149: Introduces the per-page transition API that enables individual slides to define their own transition effects, which this PR relies upon for Intro.transition and Cli.transition configurations.

Poem

🐰 Two new slides bloom and spin,
Eight transitions now begin!
Intro greets, Cli bids adieu,
Cube and bloom in vibrant hue.
Maximal magic, fresh and bright! ✨

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title 'demo: bookend Maximal deck with bloom intro and cube outro' accurately and specifically describes the main changes: adding an Intro slide with bloom transition and a CLI outro slide with cube transition to bookend the Maximal deck.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

ESLint skipped: no ESLint configuration detected in root package.json. To enable, add eslint to devDependencies.


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.

@1weiho 1weiho merged commit f4a0c68 into main May 24, 2026
7 of 8 checks passed
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