Skip to content

Editor card - plus add to rdfxml and n3 - #738

Draft
SharonStrats wants to merge 2 commits into
stagingfrom
feat/add-editor
Draft

Editor card - plus add to rdfxml and n3#738
SharonStrats wants to merge 2 commits into
stagingfrom
feat/add-editor

Conversation

@SharonStrats

@SharonStrats SharonStrats commented Aug 15, 2026

Copy link
Copy Markdown
Contributor

Created a generic editor card as a wrapper for the editor.

Used it in rdfxml and n3 panes so they look consistent with the source pane.

Note: Due to the way the design is and keeping things simple with current code structure, I just added the editor to the pane instead of incorporating rdfxml and n3 into source-pane.

just realized i didn't add an index.ts file for the editor-card... will do tomorrow. also get rid of the console.log

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR introduces a reusable “editor card” web component and updates the RDF/XML and N3 panes to render their serialized output through that shared editor wrapper, aligning their UI with the existing source-pane editor presentation.

Changes:

  • Added solid-panes-editor-card (Lit + solid-ui CodeEditor) as a generic wrapper component for read-only code display.
  • Refactored RDFXMLPane and n3Pane to use the editor card instead of bespoke line/indent rendering.
  • Simplified pane CSS now that formatting/scrolling is handled by the shared editor component.

Reviewed changes

Copilot reviewed 6 out of 7 changed files in this pull request and generated 6 comments.

Show a summary per file
File Description
src/RDFXMLPane.ts Switch RDF/XML rendering to the new editor-card component.
src/RDFXMLPane.css Remove legacy source/indent styling; keep only container styling.
src/n3Pane.ts Switch N3 rendering to the new editor-card component.
src/n3Pane.css Remove legacy source/indent styling; keep only container styling.
src/components/editor-card/EditorCard.ts New generic editor-card web component that lazy-loads and initializes CodeEditor.
src/components/editor-card/EditorCard.styles.css Styles for the new editor-card component layout/padding.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread src/RDFXMLPane.ts Outdated
Comment thread src/n3Pane.ts Outdated
Comment thread src/n3Pane.ts Outdated
Comment thread src/RDFXMLPane.ts Outdated
Comment thread src/components/editor-card/EditorCard.ts
Comment thread src/components/editor-card/EditorCard.ts Outdated
@SharonStrats
SharonStrats force-pushed the feat/add-editor branch 2 times, most recently from bfe9d12 to 03345ca Compare August 15, 2026 08:14
…@3.1.3-17 pane-registry@3.1.2-2 activitystreams-pane@1.0.3-4 chat-pane@3.0.4-3 contacts-pane@3.2.1-6 folder-pane@3.1.1-3 issue-pane@3.0.3-1 meeting-pane@3.0.3-1 profile-pane@3.2.3-4 source-pane@3.1.1-7) (latest: rdflib@2.4.0)
@SharonStrats
SharonStrats marked this pull request as draft August 16, 2026 08:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

Status: In review

Development

Successfully merging this pull request may close these issues.

2 participants