akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-24 15:47:08 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix #418 noise settings preview freezes

Browse Source
This commit is contained in:
Misode
2023-10-03 11:04:08 +02:00
parent f71e44f91b
commit 446025cdec
4 changed files with 26 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/components/ErrorPanel.tsx
View File

@@ -9,18 +9,20 @@ import { Octicon } from './index.js'
type ErrorPanelProps = {
error: string | Error,
prefix?: string,
reportable?: boolean,
onDismiss?: () => unknown,
body?: string,
children?: ComponentChildren,
}
export function ErrorPanel({ error, reportable, onDismiss, body: body_, children }: ErrorPanelProps) {
export function ErrorPanel({ error, prefix, reportable, onDismiss, body: body_, children }: ErrorPanelProps) {
const { version } = useVersion()
const [stackVisible, setStackVisible] = useState(false)
const [stack, setStack] = useState<string | undefined>(undefined)
const gen = getGenerator(getCurrentUrl())
const source = gen ? Store.getBackup(gen.id) : undefined
const name = (prefix ?? '') + (error instanceof Error ? error.message : error)
useEffect(() => {
if (error instanceof Error) {
@@ -41,7 +43,8 @@ export function ErrorPanel({ error, reportable, onDismiss, body: body_, children
const url = useMemo(() => {
let url ='https://github.com/misode/misode.github.io/issues/new'
url += `?title=${encodeURIComponent(error instanceof Error ? `${error.name}: ${error.message}` : error.toString())}`
const fullName = (error instanceof Error ? `${error.name}: ` : '') + name
url += `?title=${encodeURIComponent(fullName)}`
let body = ''
body += `## Crash report\n * Page url: \`${location.href}\`\n`
if (gen) {
@@ -50,7 +53,7 @@ export function ErrorPanel({ error, reportable, onDismiss, body: body_, children
body += ` * Current version: \`${version}\`\n`
body += ` * Latest version: \`${latestVersion}\`\n`
if (error instanceof Error && stack) {
body += `\n### Stack trace\n\`\`\`\n${error.name}: ${error.message}\n${stack}\n\`\`\`\n`
body += `\n### Stack trace\n\`\`\`\n${fullName}\n${stack}\n\`\`\`\n`
}
if (source) {
body += `\n### Generator JSON\n<details>\n<pre>\n${JSON.stringify(source, null, 2)}\n</pre>\n</details>\n`
@@ -60,12 +63,12 @@ export function ErrorPanel({ error, reportable, onDismiss, body: body_, children
}
url += `&body=${encodeURIComponent(body)}`
return url
}, [error, body_, version, stack, source, gen?.id])
}, [error, name, body_, version, stack, source, gen?.id])
return <div class="error">
{onDismiss && <div class="error-dismiss" onClick={onDismiss}>{Octicon.x}</div>}
<h3>
{error instanceof Error ? error.message : error}
{(prefix ?? '') + (error instanceof Error ? error.message : error)}
{stack && <span onClick={() => setStackVisible(!stackVisible)}>
{Octicon.info}
</span>}