Skip to content

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

Merged
SharonStrats merged 6 commits into
stagingfrom
feat/add-editor
Aug 23, 2026
Merged

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

SharonStrats and others added 2 commits August 23, 2026 18:20
…@5.0.0-0 pane-registry@5.0.0-0 activitystreams-pane@2.0.0-0 chat-pane@4.0.0-0 contacts-pane@4.0.0-0 folder-pane@4.0.0-0 issue-pane@4.0.0-0 meeting-pane@4.0.0-0 profile-pane@4.0.0-0 source-pane@4.0.0-0) (latest: rdflib@2.4.0)
@SharonStrats
SharonStrats merged commit 5b4b099 into staging Aug 23, 2026
8 checks passed
@github-project-automation github-project-automation Bot moved this from In review to Done in SolidOS NLNet UI Aug 23, 2026
@SharonStrats
SharonStrats deleted the feat/add-editor branch August 23, 2026 08:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

3 participants