Skip to content

feat: design revamp — fluid layout, full Tailwind removal, first-launch seed#20

Merged
slverma merged 19 commits into
mainfrom
enh/design-revamp
Jun 7, 2026
Merged

feat: design revamp — fluid layout, full Tailwind removal, first-launch seed#20
slverma merged 19 commits into
mainfrom
enh/design-revamp

Conversation

@slverma

@slverma slverma commented Jun 7, 2026

Copy link
Copy Markdown
Owner

Summary

  • Fluid layout & tab strip: introduces --rl-* CSS custom properties for
    fluid font/spacing sizing across the request editor; tab strip gains
    scroll with fade-edge indicators; response section and key-value rows are
    fluid-sized.
  • Full Tailwind removal: replaces all Tailwind utility strings with
    semantic CSS classes across all three webview bundles (sidebar sidebar.css,
    editor editor/styles.css, request request/styles.css); remaining
    title="" tooltip attributes migrated to <Tooltip> component.
  • New icon components: adds CollectionAddIcon and FolderImportIcon
    SVG components; integrates them into Sidebar and ImportDropdown.
  • First-launch seed data: seeds an example JSONPlaceholder collection
    into globalState on first install; rolls back cleanly on partial failure.
  • Packaging & publishing: adds Open VSX Registry publishing to the
    release pipeline (packages once to .vsix, publishes to both registries);
    fixes .vscodeignore to exclude source/config files; sets noExternal: true
    to bundle all extension deps.

Test Plan

  • Open REST Lab fresh — JSONPlaceholder seed collection appears in sidebar
  • Verify sidebar renders without Tailwind classes in DevTools (no bg-, px-, etc.)
  • Verify editor (Environments, Settings) and request tabs (Auth, Headers, Params, Body, Cookies) render correctly
  • Tab strip scrolls horizontally when tabs overflow; fade edges appear/disappear
  • Tooltips appear on all icon buttons (previously used title="")
  • Run vsce package locally — confirm src/, docs/, scripts/ are excluded from the .vsix
  • Confirm extension activates without runtime errors after npm run build

slverma and others added 19 commits June 5, 2026 18:24
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Replace hard-coded px values in the request bar with em-based CSS custom
properties so all controls scale proportionally when the user changes
editor.fontSize in VS Code.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…patibility

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…ties

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…quest button

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…n components

- Replace Tailwind utilities with semantic CSS classes across editor bundle
  (EnvironmentsTab, SettingsTab, AutocompleteInput) and request bundle
  (AuthTab, CookieTab, FormFieldEditor, HeaderTab, ParamsTab, RequestEditor,
  ResponsePanel); all remaining title="" attributes migrated to <Tooltip>
- Expand request/styles.css and editor/styles.css with explicit class rules
  replacing the previously inlined Tailwind utilities
- Add CollectionAddIcon and FolderImportIcon SVG components; integrate into
  Sidebar and ImportDropdown to replace generic icons
- Finalize sidebar.css and FolderActionsDropdown styles

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Add Open VSX publishing step to release pipeline: packages once to .vsix,
  then publishes to both VS Code Marketplace and Open VSX Registry
- Expand .vscodeignore to exclude docs, src, scripts, config files, and
  node_modules from the packaged extension
- Set noExternal: true in Vite SSR config so all dependencies (axios,
  form-data, etc.) are bundled into extension.js
- Add "rest lab" / "restlab" keywords to package.json for Marketplace search

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@slverma slverma merged commit 87605b2 into main Jun 7, 2026
1 check passed
slverma pushed a commit that referenced this pull request Jun 7, 2026
## 1.6.0 (2026-06-07)

* feat: design revamp — fluid layout, full Tailwind removal, first-launch seed (#20) ([87605b2](87605b2)), closes [#20](#20)
* ref: description (#19) ([33aefcd](33aefcd)), closes [#19](#19)
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