Skip to content

feat(playground): Upgrade SQL editor to CodeMirror 6 and consolidate pnpm workspaces#62

Merged
mhiro2 merged 3 commits into
mainfrom
feat/playground-codemirror-editor
Apr 13, 2026
Merged

feat(playground): Upgrade SQL editor to CodeMirror 6 and consolidate pnpm workspaces#62
mhiro2 merged 3 commits into
mainfrom
feat/playground-codemirror-editor

Conversation

@mhiro2

@mhiro2 mhiro2 commented Apr 13, 2026

Copy link
Copy Markdown
Owner

Summary

  • Replace the plain textarea in the playground with a CodeMirror 6 SQL editor featuring syntax
    highlighting, line numbers, bracket matching, undo/redo, and search
  • Add an expand/collapse toggle to hide sidebar controls and maximize the editor area for longer DDL input
  • Consolidate per-package pnpm-workspace.yaml files and lockfiles into a single root pnpm workspace with
    shared devDependencies managed via catalog

Changes

  • 73d32a0 feat(playground): replace textarea with CodeMirror 6 SQL editor
    • Integrate CodeMirror 6 with PostgreSQL dialect highlighting, line numbers, bracket matching, and
      search/replace panel
    • Apply a custom amber theme matching the existing playground aesthetic via editor.ts
    • Add @codemirror/* dependencies to the playground package
  • 916c1cf feat(playground): add editor expand/collapse toggle
    • Add a toggle to hide sidebar controls and stretch the SQL editor to full sidebar height for comfortable
      DDL editing
    • Update layout styles to accommodate the expanded editor state
  • 6f0c999 refactor: consolidate pnpm workspaces with catalog
    • Merge per-package pnpm-workspace.yaml and lockfiles into a single root workspace
    • Share devDependencies (esbuild, oxfmt, oxlint, @typescript/native-preview) via pnpm catalog
    • Unify Dependabot npm entry and update CI workflows to install from the workspace root

mhiro2 added 2 commits April 13, 2026 22:07
Add syntax highlighting (PostgreSQL dialect), line numbers, bracket
matching, undo/redo, and search to the SQL input.  The editor uses a
custom amber theme that matches the existing playground aesthetic.
Hide sidebar controls and stretch the SQL editor to fill the sidebar
height so longer DDL can be edited comfortably.
@mhiro2 mhiro2 self-assigned this Apr 13, 2026
@mhiro2 mhiro2 added the enhancement New feature or request label Apr 13, 2026
Move per-package pnpm-workspace.yaml and lockfiles into a single root
workspace. Shared devDependencies (esbuild, oxfmt, oxlint,
@typescript/native-preview) are managed via pnpm catalog.
Unify Dependabot npm entry and update CI workflows to install from
the workspace root.
@mhiro2
mhiro2 force-pushed the feat/playground-codemirror-editor branch from 169e8c4 to 6f0c999 Compare April 13, 2026 13:42
@github-actions

Copy link
Copy Markdown

Code Metrics Report

main (371a2cb) #62 (eb4ded1) +/-
Coverage 94.2% 94.2% 0.0%
Test Execution Time 2m53s 3m1s +8s
Details
  |                     | main (371a2cb) | #62 (eb4ded1) | +/-  |
  |---------------------|----------------|---------------|------|
  | Coverage            |          94.2% |         94.2% | 0.0% |
  |   Files             |             77 |            77 |    0 |
  |   Lines             |          31140 |         31140 |    0 |
  |   Covered           |          29365 |         29365 |    0 |
- | Test Execution Time |          2m53s |          3m1s |  +8s |

Reported by octocov

@mhiro2
mhiro2 merged commit c504572 into main Apr 13, 2026
4 checks passed
@mhiro2
mhiro2 deleted the feat/playground-codemirror-editor branch April 13, 2026 13:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant