Render inline code markup with code formatting (#21)

This commit is contained in:
John Soellner
2025-02-04 15:20:04 +01:00
committed by GitHub
parent fad0f645ce
commit 721a3dd7ec

View File

@@ -1,4 +1,5 @@
import { LitElement, html, css, customElement, property } from 'lit-element'; import { LitElement, html, css, customElement, property } from 'lit-element';
import marked from 'marked';
@customElement('gr-release-notes') @customElement('gr-release-notes')
export default class ReleaseNotesItem extends LitElement { export default class ReleaseNotesItem extends LitElement {
@@ -252,6 +253,11 @@ export default class ReleaseNotesItem extends LitElement {
super.update(changedProperties); super.update(changedProperties);
} }
_parseMarkdown(text) {
// Parse markdown but only return the inner content without wrapping <p> tags
return marked(text).replace(/<\/?p>/g, '');
}
_renderUnifiedItem(viewMode, item) { _renderUnifiedItem(viewMode, item) {
return (viewMode === "pretty" ? html` return (viewMode === "pretty" ? html`
<li> <li>
@@ -259,7 +265,7 @@ export default class ReleaseNotesItem extends LitElement {
${item.group}: ${item.group}:
</span> </span>
<span> <span>
${item.title} ${html([this._parseMarkdown(item.title)])}
</span> </span>
<code> <code>
(<a (<a
@@ -279,7 +285,7 @@ export default class ReleaseNotesItem extends LitElement {
return (viewMode === "pretty" ? html` return (viewMode === "pretty" ? html`
<li> <li>
<span> <span>
${item.title} ${html([this._parseMarkdown(item.title)])}
</span> </span>
<code> <code>
(<a (<a