..
AddRepoButton.svelte
AnnounceSwitch.svelte
AppSidebar.svelte
AssigneeInput.svelte
BadgeCounterSwitch.svelte
Button.svelte
Changes.svelte
Changeset.svelte
CheckoutPatchButton.svelte
CheckoutRepoButton.svelte
Clipboard.svelte
CobCacheWarning.svelte
CobCommitTeaser.svelte
CodeFontSwitch.svelte
Command.svelte
Comment.svelte
CommentToggleInput.svelte
CommitsContainer.svelte
CompactCommitAuthorship.svelte
ConfirmClear.svelte
CopyableId.svelte
Diff.svelte
DiffStatBadge.svelte
Discussion.svelte
DropdownList.svelte
DropdownListItem.svelte
EditableTitle.svelte
ExtendedTextarea.svelte
ExternalLink.svelte
FileBlock.svelte
FileDiff.svelte
FileTreeFile.svelte
FileTreeFolder.svelte
FontSizeSwitch.svelte
FullscreenModalPortal.svelte
FullWindowError.svelte
FuzzySearch.svelte
HoverPopover.svelte
Icon.svelte
Id.svelte
IdentityButton.svelte
InboxList.svelte
InfiniteScrollSentinel.svelte
InlineTitle.svelte
IssueStateButton.svelte
IssueTeaser.svelte
IssueTimeline.svelte
JobCob.svelte
Label.svelte
LabelInput.svelte
Markdown.svelte
NewPatchButton.svelte
NodeId.svelte
NodeStatusButton.svelte
NotificationsByRepo.svelte
NotificationTeaser.svelte
PatchMetadata.svelte
PatchStateButton.svelte
PatchTeaser.svelte
PatchTimeline.svelte
Path.svelte
Popover.svelte
PreviewSwitch.svelte
RadicleWordmark.svelte
Reactions.svelte
ReactionSelector.svelte
RepoAvatar.svelte
RepoHeader.svelte
Review.svelte
Revision.svelte
RevisionBadges.svelte
RevisionReviews.svelte
Revisions.svelte
ScrollArea.svelte
SidebarRepoList.svelte
Spinner.svelte
Textarea.svelte
TextInput.svelte
ThemeSwitch.svelte
Thread.svelte
Topbar.svelte
Tree.svelte
UpdateSwitch.svelte
UserAvatar.svelte
VerdictBadge.svelte
VerdictButton.svelte
VisibilityBadge.svelte
<script lang="ts">
import dompurify from "dompurify";
import escape from "lodash/escape";
interface Props {
content: string;
fontSize?: "tiny" | "small" | "regular" | "medium" | "large";
}
const { content, fontSize = "small" }: Props = $props();
function formatInlineTitle(input: string): string {
return input
.replaceAll(/`([^`]+)`/g, "<code>$1</code>")
.replaceAll(/~~([^~~]+)~~/g, "<del>$1</del>");
}
</script>
<style>
.content :global(code) {
font-family: monospace;
padding: 0.125rem 0.25rem;
background-color: var(--color-surface-subtle);
font-size: inherit;
}
</style>
<span
class="content"
class:txt-heading-l={fontSize === "large"}
class:txt-heading-m={fontSize === "medium"}
class:txt-body-l-regular={fontSize === "regular"}
class:txt-body-m-regular={fontSize === "small"}
class:txt-body-s-regular={fontSize === "tiny"}>
{@html dompurify.sanitize(formatInlineTitle(escape(content)))}
</span>