Skip to content

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

Open
SharonStrats wants to merge 4 commits into
stagingfrom
feat/add-editor
Open

Editor card - plus add to rdfxml and n3#738
SharonStrats wants to merge 4 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.

Images of new look
rdfxml
Screenshot 2026-08-20 at 12 04 17 PM

n3

Screenshot 2026-08-20 at 12 04 59 PM

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
@SharonStrats
SharonStrats marked this pull request as ready for review August 18, 2026 08:55
…@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)
@timea-solid

Copy link
Copy Markdown
Member

I am not sure I follow, do you havea. screenshot?

@timea-solid timea-solid left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Interesting solution. Looks nice.

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.

3 participants