25320fe521
* 所有的 CDN 依賴已全部 npm 化 * Webpack? 一邊去! Vite 太好用啦! * 將 Imports.ts 剔除 * 移除了大量的靜態文件 * 將 index.html 的部分代碼分離 * 修改 deno task * 移除了動態編譯頁面的支持 * ./static 引用全部變更為 npm 包引用
31 lines
1.2 KiB
TypeScript
31 lines
1.2 KiB
TypeScript
import 'mdui/mdui.css'
|
|
import 'mdui'
|
|
import { $ } from "mdui/jq"
|
|
import { breakpoint, Dialog } from "mdui"
|
|
|
|
import * as ReactDOM from 'react-dom'
|
|
|
|
// deno-lint-ignore no-window no-window-prefix
|
|
new URL(location.href).searchParams.get('debug') == 'true' && window.addEventListener('error', ({ message, filename, lineno, colno, error }) => {
|
|
const m = $("#ErrorDialog_Message")
|
|
const d = $("#ErrorDialog").get(0) as Dialog
|
|
const s = d.open
|
|
d.open = true
|
|
m.html((s ? `${m.html()}<br/><br/>` : '') + `${message} (${filename || 'unknown'}:${lineno}:${colno})`)
|
|
})
|
|
|
|
import App from './ui/App.tsx'
|
|
|
|
ReactDOM.createRoot(document.getElementById('app')).render(React.createElement(App, null))
|
|
|
|
const onResize = () => {
|
|
document.body.style.setProperty('--whitesilk-widget-message-maxwidth', breakpoint().down('md') ? "80%" : "70%")
|
|
// deno-lint-ignore no-window
|
|
document.body.style.setProperty('--whitesilk-window-width', window.innerWidth + 'px')
|
|
// deno-lint-ignore no-window
|
|
document.body.style.setProperty('--whitesilk-window-height', window.innerHeight + 'px')
|
|
}
|
|
// deno-lint-ignore no-window no-window-prefix
|
|
window.addEventListener('resize', onResize)
|
|
onResize()
|