Install Hush
+ Drag Hush into Applications
+
+
+
+ Move Hush.app to the Applications folder.
+
@@ -843,9 +875,14 @@ function AboutTab(props: {
-
- {updateInfo?.releaseNotes || text.about.noReleaseNotes}
-
+
@@ -934,10 +971,296 @@ function AboutTab(props: {
+
+
+ )
+}
+
+type MarkdownBlock =
+ | { type: 'code'; content: string }
+ | { type: 'heading'; level: number; content: string }
+ | { type: 'list'; ordered: boolean; items: string[] }
+ | { type: 'paragraph'; content: string }
+ | { type: 'quote'; content: string }
+ | { type: 'rule' }
+
+function MarkdownContent(props: { markdown: string }): JSX.Element {
+ const blocks = parseMarkdownBlocks(props.markdown)
+
+ return (
+
+
+ {dreamApps.map((app, index) => (
+
+
+
+ {releaseNotesOpen ? (
+ {text.about.dreamApp}
+ 0 ? 'dream-app-item has-border' : 'dream-app-item'}
+ key={app.name}
+ >
+
+
+ ))}
+
+
+
+ {app.name}
+ {app.description}
+ setReleaseNotesOpen(false)}
+ >
+ event.stopPropagation()}
+ >
+
+
+
+
+ ) : null}
+ {text.about.releaseNotes}
+ +
+
+
+
+ {blocks.map((block, index) => {
+ const key = `markdown-block-${index}`
+ if (block.type === 'heading') {
+ const HeadingTag = `h${Math.min(block.level, 4)}` as keyof JSX.IntrinsicElements
+ return {renderMarkdownInline(block.content, key)}
+ }
+ if (block.type === 'list') {
+ const ListTag = block.ordered ? 'ol' : 'ul'
+ return (
+
+ {block.items.map((item, itemIndex) => (
+
+ {renderMarkdownInline(item, `${key}-${itemIndex}`)}
+
+ ))}
+
+ )
+ }
+ if (block.type === 'code') {
+ return (
+
+ } + return
)
}
+function parseMarkdownBlocks(markdown: string): MarkdownBlock[] {
+ const lines = markdown.replace(/\r\n/g, '\n').split('\n')
+ const blocks: MarkdownBlock[] = []
+ let index = 0
+
+ while (index < lines.length) {
+ const line = lines[index]
+ const trimmed = line.trim()
+
+ if (!trimmed) {
+ index += 1
+ continue
+ }
+
+ if (trimmed.startsWith('```')) {
+ const codeLines: string[] = []
+ index += 1
+ while (index < lines.length && !lines[index].trim().startsWith('```')) {
+ codeLines.push(lines[index])
+ index += 1
+ }
+ blocks.push({ type: 'code', content: codeLines.join('\n') })
+ index += index < lines.length ? 1 : 0
+ continue
+ }
+
+ const headingMatch = /^(#{1,4})\s+(.+)$/.exec(trimmed)
+ if (headingMatch) {
+ blocks.push({
+ type: 'heading',
+ level: headingMatch[1].length,
+ content: headingMatch[2].trim()
+ })
+ index += 1
+ continue
+ }
+
+ if (/^[-*_]{3,}$/.test(trimmed)) {
+ blocks.push({ type: 'rule' })
+ index += 1
+ continue
+ }
+
+ const quoteMatch = /^>\s?(.+)$/.exec(trimmed)
+ if (quoteMatch) {
+ const quoteLines = [quoteMatch[1].trim()]
+ index += 1
+ while (index < lines.length) {
+ const nextQuoteMatch = /^>\s?(.+)$/.exec(lines[index].trim())
+ if (!nextQuoteMatch) {
+ break
+ }
+ quoteLines.push(nextQuoteMatch[1].trim())
+ index += 1
+ }
+ blocks.push({ type: 'quote', content: quoteLines.join(' ') })
+ continue
+ }
+
+ const listMatch = /^((?:[-*+])|(?:\d+[.)]))\s+(.+)$/.exec(trimmed)
+ if (listMatch) {
+ const ordered = /^\d/.test(listMatch[1])
+ const items = [listMatch[2].trim()]
+ index += 1
+ while (index < lines.length) {
+ const nextListMatch = /^((?:[-*+])|(?:\d+[.)]))\s+(.+)$/.exec(lines[index].trim())
+ if (!nextListMatch || /^\d/.test(nextListMatch[1]) !== ordered) {
+ break
+ }
+ items.push(nextListMatch[2].trim())
+ index += 1
+ }
+ blocks.push({ type: 'list', ordered, items })
+ continue
+ }
+
+ const paragraphLines = [trimmed]
+ index += 1
+ while (index < lines.length) {
+ const nextTrimmed = lines[index].trim()
+ if (
+ !nextTrimmed ||
+ nextTrimmed.startsWith('```') ||
+ /^(#{1,4})\s+/.test(nextTrimmed) ||
+ /^((?:[-*+])|(?:\d+[.)]))\s+/.test(nextTrimmed) ||
+ /^>\s?(.+)$/.test(nextTrimmed) ||
+ /^[-*_]{3,}$/.test(nextTrimmed)
+ ) {
+ break
+ }
+ paragraphLines.push(nextTrimmed)
+ index += 1
+ }
+ blocks.push({ type: 'paragraph', content: paragraphLines.join(' ') })
+ }
+
+ return blocks
+}
+
+function renderMarkdownInline(text: string, keyPrefix: string): ReactNode[] {
+ const nodes: ReactNode[] = []
+ const tokenPattern = /(\[[^\]]+\]\([^)]+\)|`[^`]+`|\*\*[^*]+\*\*|__[^_]+__|\*[^*]+\*|_[^_]+_)/g
+ let lastIndex = 0
+ let match: RegExpExecArray | null
+
+ while ((match = tokenPattern.exec(text))) {
+ if (match.index > lastIndex) {
+ nodes.push(text.slice(lastIndex, match.index))
+ }
+
+ const token = match[0]
+ const key = `${keyPrefix}-${match.index}`
+ const linkMatch = /^\[([^\]]+)\]\(([^)]+)\)$/.exec(token)
+ if (linkMatch) {
+ const href = normalizeReleaseNotesHref(linkMatch[2])
+ nodes.push(
+ href ? (
+ {
+ event.preventDefault()
+ void window.api.openExternal(href)
+ }}
+ >
+ {renderMarkdownInline(linkMatch[1], `${key}-label`)}
+
+ ) : (
+ linkMatch[1]
+ )
+ )
+ } else if (token.startsWith('`')) {
+ nodes.push(
+ {block.content}
+
+ )
+ }
+ if (block.type === 'quote') {
+ return {renderMarkdownInline(block.content, key)}+ } + if (block.type === 'rule') { + return
+ } + return
{renderMarkdownInline(block.content, key)}
+ })}{token.slice(1, -1)})
+ } else if (token.startsWith('**') || token.startsWith('__')) {
+ nodes.push(
+ {renderMarkdownInline(token.slice(2, -2), `${key}-strong`)}
+ )
+ } else {
+ nodes.push({renderMarkdownInline(token.slice(1, -1), `${key}-em`)})
+ }
+
+ lastIndex = tokenPattern.lastIndex
+ }
+
+ if (lastIndex < text.length) {
+ nodes.push(text.slice(lastIndex))
+ }
+
+ return nodes
+}
+
+function normalizeReleaseNotesHref(href: string): string {
+ try {
+ const parsed = new URL(href.trim())
+ if (
+ parsed.protocol === 'https:' ||
+ parsed.protocol === 'http:' ||
+ parsed.protocol === 'mailto:'
+ ) {
+ return parsed.toString()
+ }
+ } catch {
+ return ''
+ }
+ return ''
+}
+
function SettingsCard(props: { children: ReactNode; contentClassName?: string }): JSX.Element {
return (