Skip to content

Migrate splitpanes to grid-uikit GridSplitpanes/GridPane - #186

Merged
SukuWc merged 3 commits into
mainfrom
migrate-splitpanes-to-uikit
Oct 14, 2026
Merged

SukuWc merged 3 commits into
mainfrom
migrate-splitpanes-to-uikit

Conversation

@SukuWc

@SukuWc SukuWc commented Oct 14, 2026

Copy link
Copy Markdown
Member

Summary

  • Replace svelte-splitpanes in EditorLayout.svelte with grid-uikit's GridSplitpanes / GridPane; drop the direct dependency.
  • Inject CSS that Vite extracts into the webcomponent's components.js. The editor loads only that file, so the uikit splitter theme never applied and the splitter could not be dragged.
  • Stacked on Fix stale delete-confirm popup by bumping grid-uikit #185 (grid-uikit bump + $app/environment shim); this branch contains that commit.

Test plan

  • npm run build and npm run build:webcomponent pass (verified locally)
  • In the editor, drag the splitter between tree and detail panes (60/40 default)

🤖 Generated with Claude Code

https://claude.ai/code/session_01619XN25FUTzqut4YbzZPQr

SukuWc and others added 3 commits October 14, 2026 14:35
The delete-confirmation popup kept showing a previously selected
profile's name after cancel + reselect, because grid-uikit's tooltip
action never updated the already-mounted popup on prop changes. Fixed
upstream in @intechstudio/grid-uikit@1.20261014.1208.

That version also pulls in svelte-splitpanes@^8.0.12, which broke the
webcomponent build (it imports the SvelteKit-only $app/environment).
Shimmed it the same way grid-uikit's own demo and grid-editor already do.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01619XN25FUTzqut4YbzZPQr
Replaces the direct svelte-splitpanes usage in EditorLayout with the
grid-uikit wrappers and drops the direct dependency. The wrappers' theme
ships as a separate CSS file the editor never loads for the webcomponent,
so inject extracted CSS into components.js in the webcomponent build.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01619XN25FUTzqut4YbzZPQr
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01619XN25FUTzqut4YbzZPQr
@SukuWc
SukuWc merged commit b63b3d4 into main Oct 14, 2026
2 checks passed
@github-actions

Copy link
Copy Markdown

Visit the preview URL for this PR (updated for commit b76c286):

https://profile-cloud-dev--pr186-migrate-splitpanes-t-mwbfl2ui.web.app

(expires Fri, 13 Nov 2026 12:53:40 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 2a004f867edf1347070dd9beedb18755187a6d4e

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