Skip to content

Add Cinematic guided simple builder, presets, and conditional UI for simple/advanced modes - #64

Open
a5sh wants to merge 1 commit into
mainfrom
codex/add-guided-builder-flow-for-simple-mode-cq9e7o
Open

Add Cinematic guided simple builder, presets, and conditional UI for simple/advanced modes#64
a5sh wants to merge 1 commit into
mainfrom
codex/add-guided-builder-flow-for-simple-mode-cq9e7o

Conversation

@a5sh

@a5sh a5sh commented May 15, 2026

Copy link
Copy Markdown
Collaborator

Motivation

  • Provide a lightweight, guided onboarding flow for the simple builder mode so users can quickly pick a starting point and apply presets without opening the full advanced editor.
  • Ship a set of reusable simple presets and tutorial steps to drive the guided flow and keep the live canvas in-sync with selections.
  • Ensure the editor chrome (sidebars, mobile dock, zoom overlay) behaves correctly when in simple mode by hiding advanced panels and adjusting layout calculations.

Description

  • Added a new CinematicTutorialBuilder React component at src/components/builder/simple/CinematicTutorialBuilder.tsx which implements a multi-step guided UI that updates the live PosterConfig and exposes onExport and onSwitchAdvanced hooks.
  • Introduced preset definitions in src/components/builder/simple/presets.ts and guided flow configuration in src/components/builder/simple/tutorialSteps.ts used by the tutorial to apply configuration changes.
  • Integrated the tutorial into the main layout by importing CinematicTutorialBuilder, adding renderSimpleBuilder, and rendering it over the canvas when builderMode === 'simple' and not fullscreen.
  • Updated layout logic to conditionally render left/right sidebars, mobile panel, and MobileDock only when builderMode === 'advanced', and adjusted ZoomOverlay's rightSidebarWidth calculation to account for the mode.

Testing

  • Ran TypeScript type-check with tsc --noEmit which completed successfully.
  • Ran linting with eslint . which reported no new errors.
  • Executed the test suite with yarn test and yarn build which both completed without failures.

Codex Task

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented May 15, 2026

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
posterium-frontend 7c0c8dd Commit Preview URL

Branch Preview URL
May 15 2026, 02:02 PM

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

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant