f86a69f12a
* inital migration with a couple lingering concerns
* move is stream ready back
* put htmlRef back in useStore
* final tidy of useStore
* test tweaks
* tweak more
* more test tweaks
* fmt
* test tweaks
* attempts at fixing 'Basic default modeling and sketch hotkeys work'
* more tries
* 😭
* try again
* fmt
73 lines
2.3 KiB
TypeScript
73 lines
2.3 KiB
TypeScript
import { coreDump } from 'lang/wasm'
|
|
import { CoreDumpManager } from 'lib/coredump'
|
|
import { CustomIcon } from './CustomIcon'
|
|
import { engineCommandManager } from 'lib/singletons'
|
|
import React, { useMemo } from 'react'
|
|
import toast from 'react-hot-toast'
|
|
import Tooltip from './Tooltip'
|
|
import { useSettingsAuthContext } from 'hooks/useSettingsAuthContext'
|
|
import { useStore } from 'useStore'
|
|
|
|
export const RefreshButton = ({ children }: React.PropsWithChildren) => {
|
|
const { auth } = useSettingsAuthContext()
|
|
const token = auth?.context?.token
|
|
const { htmlRef } = useStore((s) => ({
|
|
htmlRef: s.htmlRef,
|
|
}))
|
|
const coreDumpManager = useMemo(
|
|
() => new CoreDumpManager(engineCommandManager, htmlRef, token),
|
|
[]
|
|
)
|
|
|
|
async function refresh() {
|
|
if (window && 'plausible' in window) {
|
|
const p = window.plausible as (
|
|
event: string,
|
|
options?: { props: Record<string, string> }
|
|
) => Promise<void>
|
|
// Send a refresh event to Plausible so we can track how often users get stuck
|
|
await p('Refresh', {
|
|
props: {
|
|
method: 'UI button',
|
|
// TODO: add more coredump data here
|
|
},
|
|
})
|
|
}
|
|
|
|
toast
|
|
.promise(
|
|
coreDump(coreDumpManager, true),
|
|
{
|
|
loading: 'Starting core dump...',
|
|
success: 'Core dump completed successfully',
|
|
error: 'Error while exporting core dump',
|
|
},
|
|
{
|
|
success: {
|
|
// Note: this extended duration is especially important for Playwright e2e testing
|
|
// default duration is 2000 - https://react-hot-toast.com/docs/toast#default-durations
|
|
duration: 6000,
|
|
},
|
|
}
|
|
)
|
|
.then(() => {
|
|
// Window may not be available in some environments
|
|
window?.location.reload()
|
|
})
|
|
}
|
|
|
|
return (
|
|
<button
|
|
onClick={refresh}
|
|
className="p-1 m-0 bg-chalkboard-10/80 dark:bg-chalkboard-100/50 hover:bg-chalkboard-10 dark:hover:bg-chalkboard-100 rounded-full border border-solid border-chalkboard-20 dark:border-chalkboard-90"
|
|
>
|
|
<CustomIcon name="exclamationMark" className="w-5 h-5" />
|
|
<Tooltip position="bottom-right">
|
|
<span>Refresh and report</span>
|
|
<br />
|
|
<span className="text-xs">Send us data on how you got stuck</span>
|
|
</Tooltip>
|
|
</button>
|
|
)
|
|
}
|