Mr-Python-in-China
diff --git a/‎package-lock.json‎
Lines changed: 120 additions & 45 deletions b/‎package-lock.json‎
Lines changed: 120 additions & 45 deletions
diff --git a/‎package.json‎
Lines changed: 4 additions & 1 deletion b/‎package.json‎
Lines changed: 4 additions & 1 deletion
diff --git a/‎src/compiler/index.ts‎
Lines changed: 55 additions & 6 deletions b/‎src/compiler/index.ts‎
Lines changed: 55 additions & 6 deletions
diff --git a/‎src/compiler/typst.worker.ts‎
Lines changed: 14 additions & 17 deletions b/‎src/compiler/typst.worker.ts‎
Lines changed: 14 additions & 17 deletions
diff --git a/‎src/contestEditor/body.tsx‎
Lines changed: 14 additions & 3 deletions b/‎src/contestEditor/body.tsx‎
Lines changed: 14 additions & 3 deletions
diff --git a/‎src/contestEditor/configPanel.tsx‎
Lines changed: 23 additions & 16 deletions b/‎src/contestEditor/configPanel.tsx‎
Lines changed: 23 additions & 16 deletions
@@ -28,16 +28,18 @@
     "@fortawesome/free-regular-svg-icons": "^7.1.0",
     "@fortawesome/free-solid-svg-icons": "^7.1.0",
     "@fortawesome/react-fontawesome": "^3.1.0",
+    "@mr.python/promise-worker-ts": "^1.0.0",
     "@myriaddreamin/typst-ts-renderer": "^0.6.1-rc4",
     "@myriaddreamin/typst-ts-web-compiler": "^0.6.1-rc4",
     "@myriaddreamin/typst.ts": "^0.6.1-rc4",
     "@uiw/react-codemirror": "^4.25.2",
+    "ajv": "^8.17.1",
     "antd": "^5.27.6",
     "async-mutex": "^0.5.0",
     "axios": "^1.12.2",
     "dayjs": "^1.11.18",
     "lodash": "^4.17.21",
-    "promise-worker-ts": "^0.0.1",
+    "lodash.debounce": "^4.0.8",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "remark": "^15.0.1",
@@ -54,6 +56,7 @@
     "@eslint/js": "^9.36.0",
     "@types/fontkit": "^2.0.8",
     "@types/lodash": "^4.17.20",
+    "@types/lodash.debounce": "^4.0.9",
     "@types/mdast": "^4.0.4",
     "@types/node": "^24.9.1",
     "@types/pngjs": "^6.0.5",
 
@@ -1,17 +1,19 @@
 import axiosInstance from "@/utils/axiosInstance";
 import type { PackageSpec } from "@myriaddreamin/typst.ts/internal.types";
-import { send } from "promise-worker-ts";
-import {
-  type CompileTypstMessage,
-  type RenderTypstMessage,
-  type InitMessage,
-} from "./typst.worker";
+import { listenMain, send } from "@mr.python/promise-worker-ts";
 import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import remarkParse from "remark-parse";
 import { unified } from "unified";
 import remarkTypst from "./remarkTypst";
+import { isAxiosError } from "axios";
 import type ContestData from "@/types/contestData";
+import {
+  type CompileTypstMessage,
+  type RenderTypstMessage,
+  type InitMessage,
+  type FetchAssetMessage,
+} from "./typst.worker";
 
 import fontUrlEntries from "virtual:typst-font-url-entries";
 import TypstCompilerWasmUrl from "@myriaddreamin/typst-ts-web-compiler/pkg/typst_ts_web_compiler_bg.wasm?url";
@@ -352,3 +354,50 @@ export const compileToSvgDebounced = (() => {
     return nextDeferred.promise;
   };
 })();
+
+// Global mapping for asset:// protocol - maps UUID to blob URL
+let assetUrlMapping = new Map<string, string>();
+
+/**
+ * Register image blob URLs for asset:// protocol resolution
+ * Called from ContestEditor when images are loaded/updated
+ */
+export function registerAssetUrls(uuidToUrlMap: Map<string, string>): void {
+  assetUrlMapping = new Map(uuidToUrlMap);
+}
+
+/**
+ * Fetch asset with support for asset:// protocol
+ * asset://uuid -> map to blob URL and fetch via axios
+ * other URLs -> fetch via axios
+ */
+async function fetchAsset(url: string): Promise<ArrayBuffer> {
+  // Handle asset:// protocol
+  if (url.startsWith("asset://")) {
+    const uuid = url.substring(8); // Remove "asset://" prefix
+    const blobUrl = assetUrlMapping.get(uuid);
+    
+    if (!blobUrl) {
+      throw new Error(`Asset not found: ${uuid}`);
+    }
+    
+    // Fetch the blob URL using axios
+    url = blobUrl;
+  }
+  
+  // Handle regular URLs (including mapped blob URLs)
+  try {
+    const response = await axiosInstance.get<ArrayBuffer>(url);
+    return response.data;
+  } catch (e) {
+    if (isAxiosError(e)) {
+      console.error("Failed to download assets.", e);
+      throw new Error(
+        "下载资源失败。这或许是因为浏览器的跨域限制。你可以尝试手动上传图片。",
+      );
+    }
+    throw e;
+  }
+}
+
+listenMain<FetchAssetMessage>("fetchAsset", worker, fetchAsset);
@@ -12,9 +12,8 @@ import {
   withAccessModel,
   withPackageRegistry,
 } from "@myriaddreamin/typst.ts/options.init";
-import { listen } from "promise-worker-ts";
+import { listen, sendToMain } from "@mr.python/promise-worker-ts";
 import { Mutex } from "async-mutex";
-import axiosInstance from "@/utils/axiosInstance";
 import type ContestData from "../types/contestData";
 
 import TypstDocMain from "typst-template/main.typ?raw";
@@ -71,19 +70,13 @@ async function typstPrepare(
   await Promise.all(
     assets.map(async ([filename, assetUrl]) => {
       const cached = shadowCacheTime.get(filename);
-      if (cached === undefined) {
-        const res = await axiosInstance
-          .get<ArrayBuffer>(assetUrl)
-          .catch((e) => {
-            if (isAxiosError(e)) {
-              console.error("Failed to download assets.", e);
-              throw new Error(
-                "下载资源失败。这或许是因为浏览器的跨域限制。你可以尝试手动上传图片。",
-              );
-            } else throw e;
-          });
-        $typst.mapShadow("/" + filename, new Uint8Array(res.data));
-      }
+      if (cached === undefined)
+        $typst.mapShadow(
+          "/" + filename,
+          new Uint8Array(
+            await sendToMain<FetchAssetMessage>("fetchAsset", assetUrl),
+          ),
+        );
       shadowCacheTime.set(filename, -1);
     }),
   );
@@ -118,8 +111,7 @@ listen<RenderTypstMessage>("renderTypst", async ([data, assets]) =>
   ),
 );
 
-import type { PromiseWorkerTagged } from "promise-worker-ts";
-import { isAxiosError } from "axios";
+import type { PromiseWorkerTagged } from "@mr.python/promise-worker-ts";
 export type InitMessage = PromiseWorkerTagged<
   "init",
   {
@@ -140,3 +132,8 @@ export type RenderTypstMessage = PromiseWorkerTagged<
   [ContestData<{ withTypst: true }>, [string, string][]],
   string | undefined
 >;
+export type FetchAssetMessage = PromiseWorkerTagged<
+  "fetchAsset",
+  string,
+  ArrayBuffer
+>;
@@ -20,7 +20,12 @@ const Body: FC<{
   updateContestData: Updater<ImmerContestData>;
   panel: string;
   setPanel: Dispatch<SetStateAction<string>>;
-}> = ({ panel, contestData, updateContestData, setPanel }) => {
+}> = ({
+  panel,
+  contestData,
+  updateContestData,
+  setPanel,
+}) => {
   const divRef = useRef<HTMLDivElement>(null);
   const [sizes, setSizes] = useState<number[] | undefined>(undefined);
 
@@ -58,7 +63,13 @@ const Body: FC<{
           size={sizes === undefined ? "50%" : sizes[0]}
         >
           {panel === "config" ? (
-            <ConfigPanel {...{ contestData, updateContestData, setPanel }} />
+            <ConfigPanel
+              {...{
+                contestData,
+                updateContestData,
+                setPanel,
+              }}
+            />
           ) : (
             <MarkdownPanel
               {...(panel === "precaution"
@@ -73,7 +84,7 @@ const Body: FC<{
                 : {
                     code: (() => {
                       const p = contestData.problems.find(
-                        (y) => y.key === panel,
+                        (y) => y.key === panel
                       );
                       if (!p) throw new Error("Target panel not found");
                       return p.statementMarkdown;
 
@@ -32,6 +32,7 @@ import {
   faXmark,
 } from "@fortawesome/free-solid-svg-icons";
 import { newProblem, removeProblemCallback } from "@/utils/contestDataUtils";
+import { addImage, deleteImage } from "@/utils/imageManager";
 
 import "./configPanel.css";
 import { faMarkdown } from "@fortawesome/free-brands-svg-icons";
@@ -48,7 +49,11 @@ const ConfigPanel: FC<{
   contestData: ImmerContestData;
   updateContestData: Updater<ImmerContestData>;
   setPanel: Dispatch<SetStateAction<string>>;
-}> = ({ contestData, updateContestData, setPanel }) => {
+}> = ({
+  contestData,
+  updateContestData,
+  setPanel,
+}) => {
   const { modal, message } = App.useApp();
   const formRef = useRef<HTMLFormElement>(null);
   const [width, setWidth] = useState(220);
@@ -571,9 +576,10 @@ const ConfigPanel: FC<{
       <div className="contest-editor-config-label contest-editor-config-image">
         <div>本地图片</div>
         <div>
-          {contestData.images.map((img, index) => (
+          {contestData.images.map((img, index) => {
+            return (
             <Card
-              key={img.url}
+              key={img.uuid}
               classNames={{ body: "contest-editor-config-image-card" }}
             >
               <Image src={img.url} alt={img.name} height={150} />
@@ -607,7 +613,7 @@ const ConfigPanel: FC<{
                   icon={<FontAwesomeIcon icon={faMarkdown} />}
                   onClick={() =>
                     navigator.clipboard
-                      .writeText(`![${img.name}](${img.url})`)
+                      .writeText(`![${img.name}](asset://${img.uuid})`)
                       .then(
                         () => message.success("复制成功"),
                         (e) => {
@@ -623,15 +629,18 @@ const ConfigPanel: FC<{
                 <Button
                   type="text"
                   icon={<FontAwesomeIcon icon={faTrashCan} />}
-                  onClick={() =>
-                    updateContestData((x) => {
-                      x.images.splice(index, 1);
-                    })
-                  }
+                  onClick={async () => {
+                    const imageToDelete = contestData.images[index];
+                    await deleteImage({
+                      uuid: imageToDelete.uuid,
+                      updateContestData,
+                    });
+                  }}
                 />
               </div>
             </Card>
-          ))}
+          );
+          })}
           <Upload.Dragger
             name="add image"
             beforeUpload={(file) => {
@@ -649,14 +658,12 @@ const ConfigPanel: FC<{
               return true;
             }}
             customRequest={async (options) => {
-              console.log(options);
               const file = options.file;
               if (!(file instanceof File)) throw new Error("Invalid file");
-              updateContestData((x) => {
-                x.images.push({
-                  name: file.name,
-                  url: URL.createObjectURL(file),
-                });
+
+              await addImage({
+                file,
+                updateContestData,
               });
             }}
             showUploadList={false}