4668c4714b
Security improvements: - Add rehype-sanitize for XSS protection in markdown content - Remove DOMPurify and deprecated __html code block feature - Extract sanitize schema to constants with comprehensive documentation Maintainability improvements: - Extract SANITIZE_SCHEMA to constants.ts for better organization - Create utils.ts with shared code extraction utilities - Refactor CodeBlock and MermaidBlock to use shared utilities - Rename PreProps to CodeBlockProps for clarity - Reduce code duplication across components Dependency cleanup: - Remove explicit katex dependency (now transitive via rehype-katex) - Remove @matejmazur/react-katex (unused) - Remove dompurify (replaced by rehype-sanitize) - Update vite config to remove katex-vendor chunk Changes: 7 files changed, 84 insertions(+), 100 deletions(-) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
49 lines
1.1 KiB
TypeScript
49 lines
1.1 KiB
TypeScript
import react from "@vitejs/plugin-react";
|
|
import { resolve } from "path";
|
|
import { defineConfig } from "vite";
|
|
import tailwindcss from "@tailwindcss/vite";
|
|
|
|
let devProxyServer = "http://localhost:8081";
|
|
if (process.env.DEV_PROXY_SERVER && process.env.DEV_PROXY_SERVER.length > 0) {
|
|
console.log("Use devProxyServer from environment: ", process.env.DEV_PROXY_SERVER);
|
|
devProxyServer = process.env.DEV_PROXY_SERVER;
|
|
}
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig({
|
|
plugins: [react(), tailwindcss()],
|
|
server: {
|
|
host: "0.0.0.0",
|
|
port: 3001,
|
|
proxy: {
|
|
"^/api": {
|
|
target: devProxyServer,
|
|
xfwd: true,
|
|
},
|
|
"^/memos.api.v1": {
|
|
target: devProxyServer,
|
|
xfwd: true,
|
|
},
|
|
"^/file": {
|
|
target: devProxyServer,
|
|
xfwd: true,
|
|
},
|
|
},
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
"@/": `${resolve(__dirname, "src")}/`,
|
|
},
|
|
},
|
|
build: {
|
|
rollupOptions: {
|
|
output: {
|
|
manualChunks: {
|
|
"utils-vendor": ["dayjs", "lodash-es"],
|
|
"mermaid-vendor": ["mermaid"],
|
|
"leaflet-vendor": ["leaflet", "react-leaflet"],
|
|
},
|
|
},
|
|
},
|
|
},
|
|
});
|