frontend/astro.config.mjs

@@ -21,7 +21,10 @@ export default defineConfig({
     service: { entrypoint: 'astro/assets/services/noop' }
   },
   vite: {
-    plugins: [tailwindcss()]
+    plugins: [tailwindcss()],
+    build: {
+      chunkSizeWarningLimit: 600,
+    },
   },
 
   adapter: node({

frontend/src/components/react/admin/Editor.tsx

@@ -1,16 +1,15 @@
-import { useState, useEffect, useRef, useCallback } from 'react';
+import { useState, useEffect, useRef, useCallback, lazy, Suspense } from 'react';
 import { EditorView, keymap, placeholder as cmPlaceholder } from '@codemirror/view';
 import { EditorState, Compartment } from '@codemirror/state';
 import { markdown, markdownLanguage } from '@codemirror/lang-markdown';
 import { languages } from '@codemirror/language-data';
 import { defaultKeymap, indentWithTab } from '@codemirror/commands';
-import { vim } from '@replit/codemirror-vim';
 import { search, searchKeymap } from '@codemirror/search';
 import { closeBrackets } from '@codemirror/autocomplete';
-import { renderMarkdown } from '../../../lib/markdown';
 import { getPost, savePost, deletePost, getAssets, uploadAsset, ApiError } from '../../../lib/api';
 import type { Asset } from '../../../lib/types';
-import AssetManager from './AssetManager';
+
+const AssetManager = lazy(() => import('./AssetManager'));
 
 interface Props {
   editSlug?: string;
@@ -80,6 +79,7 @@ export default function Editor({ editSlug }: Props) {
   const previewTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const updatePreviewRef = useRef<() => void>(() => {});
   const uploadFnRef = useRef<(files: File[], insertAt?: number) => void>(() => {});
+  const renderMarkdownRef = useRef<((src: string) => string) | null>(null);
   const today = new Date().toISOString().slice(0, 10);
   const [title, setTitle] = useState('');
   const [slug, setSlug] = useState(editSlug || '');
@@ -107,10 +107,14 @@ export default function Editor({ editSlug }: Props) {
     setTimeout(() => setAlert(null), 5000);
   }
 
-  const updatePreview = useCallback(() => {
+  const updatePreview = useCallback(async () => {
     if (!showPreview || !viewRef.current || !previewRef.current) return;
+    if (!renderMarkdownRef.current) {
+      const mod = await import('../../../lib/markdown');
+      renderMarkdownRef.current = mod.renderMarkdown;
+    }
     const content = viewRef.current.state.doc.toString();
-    previewRef.current.innerHTML = renderMarkdown(content);
+    previewRef.current.innerHTML = renderMarkdownRef.current(content);
   }, [showPreview]);
 
   useEffect(() => { updatePreviewRef.current = updatePreview; }, [updatePreview]);
@@ -197,12 +201,19 @@ export default function Editor({ editSlug }: Props) {
     return () => { view.destroy(); viewRef.current = null; };
   }, []);
 
-  // Hot-swap vim mode via compartment reconfiguration
+  // Hot-swap vim mode via compartment reconfiguration; lazy-load vim module
   useEffect(() => {
     if (!viewRef.current) return;
-    viewRef.current.dispatch({
+    if (!vimEnabled) {
-      effects: vimCompartment.reconfigure(vimEnabled ? vim() : []),
+      viewRef.current.dispatch({ effects: vimCompartment.reconfigure([]) });
+      return;
+    }
+    let cancelled = false;
+    import('@replit/codemirror-vim').then(({ vim }) => {
+      if (cancelled || !viewRef.current) return;
+      viewRef.current.dispatch({ effects: vimCompartment.reconfigure(vim()) });
     });
+    return () => { cancelled = true; };
   }, [vimEnabled]);
 
   // Load existing post for editing
@@ -641,7 +652,9 @@ export default function Editor({ editSlug }: Props) {
               </button>
             </header>
             <div className="p-4 md:p-6 overflow-y-auto flex-1 bg-[var(--base)]/50">
-              <AssetManager mode="select" onSelect={handleAssetSelect} />
+              <Suspense fallback={<div className="text-center py-12 font-display italic text-[var(--subtext0)]">Loading assets…</div>}>
+                <AssetManager mode="select" onSelect={handleAssetSelect} />
+              </Suspense>
             </div>
           </div>
         </div>

frontend/src/lib/markdown.ts

@@ -2,7 +2,7 @@ import { Marked } from 'marked';
 import markedKatex from 'marked-katex-extension';
 import { markedHighlight } from 'marked-highlight';
 import { gfmHeadingId } from 'marked-gfm-heading-id';
-import hljs from 'highlight.js';
+import hljs from 'highlight.js/lib/common';
 import DOMPurify from 'isomorphic-dompurify';
 
 function escapeHtml(s: string): string {