Skip to content

feat: mobile drawer fixes, markdown tables/HR support, and paste plugin#258

Open
czearing wants to merge 12 commits into
Book-Cook:mainfrom
czearing:users/calebzearing/editor-and-ui-improvements
Open

feat: mobile drawer fixes, markdown tables/HR support, and paste plugin#258
czearing wants to merge 12 commits into
Book-Cook:mainfrom
czearing:users/calebzearing/editor-and-ui-improvements

Conversation

@czearing
Copy link
Copy Markdown
Contributor

Summary

  • Mobile drawer: sidebar now renders fully expanded inside the drawer; forceExpanded prop on AppSidebar driven by isMobile media query
  • Hamburger button: toggles to an X icon when the drawer is open — removed the floating close button that was positioned outside the drawer panel
  • Desktop collapse toggle: restored; forceExpanded only applies on mobile (≤640px)
  • Recipe title typography: editable title now matches the serif heading style in view mode
  • Markdown tables: added custom MultilineElementTransformer (TABLE_TRANSFORMER) that parses GitHub-style pipe tables on paste/import and exports them back to markdown
  • Horizontal rules: added HR_TRANSFORMER for --- / *** / ___ syntax
  • MarkdownPastePlugin: intercepts clipboard paste in the DOM capture phase (before Lexical's default handler) and runs $convertFromMarkdownString so pasted markdown renders as rich text
  • Dead code removed: deleted unused v1 RecipeProvider context export

Test plan

  • Open the app on a narrow viewport (≤640px), tap the hamburger — sidebar should open fully expanded
  • Tap the X icon (same button) to close the drawer
  • On desktop, verify the collapse/expand toggle is still present on the sidebar
  • Open a recipe in edit mode and paste a markdown block with # headings, **bold**, --- dividers, and a pipe table — verify it renders as formatted content, not plain text
  • Verify tables export correctly when saving the recipe back to markdown

🤖 Generated with Claude Code

czearing and others added 12 commits October 16, 2024 21:52
# Conflicts:
#	src/clientToServer/fetch/fetchAllRecipes.ts
#	src/clientToServer/index.ts
#	src/clientToServer/queries/fetchAllRecipes.ts
#	src/pages/index.tsx
#	src/pages/recipes/[recipes].tsx
#	src/server/queries/fetchAllRecipes.ts
- Fix mobile hamburger drawer: sidebar now renders fully expanded in drawer
  (forceExpanded prop on AppSidebar, controlled by isMobile media query)
- Hamburger button toggles to X icon when drawer is open; removed floating
  close button that was positioned outside the drawer panel
- Restore desktop sidebar collapse toggle (forceExpanded only applies on mobile)
- Fix recipe title typography in editable mode to match serif heading style
- Add markdown table (pipe syntax) and horizontal rule (---) support to
  Lexical editor via custom MultilineElementTransformer and ElementTransformer
- Add MarkdownPastePlugin: intercepts paste in capture phase so markdown
  content is converted to rich text instead of inserted as plain text
- Remove dead v1 RecipeProvider context export

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented Mar 28, 2026

Someone is attempting to deploy a commit to the Caleb Zearing's projects Team on Vercel.

A member of the Team first needs to authorize it.

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