Markdown and image previews were rendering blank because @monaco-editor/react loads its core assets from cdn.jsdelivr.net at runtime, which the deployment server's network can't reach. Switching to @uiw/react-codemirror removes the CDN dependency entirely (all assets ship in the build) and cuts bundle size from ~2.5MB to ~770KB. Also add proper image/* content-type detection so images render via <img> instead of being force-decoded as editor text.
32 lines
772 B
JSON
32 lines
772 B
JSON
{
|
|
"name": "dochub-frontend",
|
|
"private": true,
|
|
"version": "0.1.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "tsc -b && vite build",
|
|
"preview": "vite preview",
|
|
"test": "vitest run"
|
|
},
|
|
"dependencies": {
|
|
"@codemirror/lang-html": "^6.4.10",
|
|
"@codemirror/lang-markdown": "^6.4.0",
|
|
"@uiw/react-codemirror": "^4.25.11",
|
|
"react": "18.3.1",
|
|
"react-dom": "18.3.1"
|
|
},
|
|
"devDependencies": {
|
|
"@testing-library/jest-dom": "6.4.8",
|
|
"@testing-library/react": "16.0.0",
|
|
"@testing-library/user-event": "14.5.2",
|
|
"@types/react": "18.3.3",
|
|
"@types/react-dom": "18.3.0",
|
|
"@vitejs/plugin-react": "4.3.1",
|
|
"jsdom": "24.1.1",
|
|
"typescript": "5.5.4",
|
|
"vite": "5.4.1",
|
|
"vitest": "2.0.5"
|
|
}
|
|
}
|