From 01a552ceb515ff62fd7ec17f9367ed52fac3c2ed Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 14 Jun 2025 00:52:56 +0300
Subject: [PATCH] feat(export/zip): get boxicons to work

---
 apps/server/src/services/export/zip.ts    | 53 +++++++++++++++--------
 apps/server/src/share/content_renderer.ts |  3 +-
 2 files changed, 38 insertions(+), 18 deletions(-)

diff --git a/apps/server/src/services/export/zip.ts b/apps/server/src/services/export/zip.ts
index bb3e382be..62a1be37e 100644
--- a/apps/server/src/services/export/zip.ts
+++ b/apps/server/src/services/export/zip.ts
@@ -517,13 +517,15 @@ ${markdownContent}`;
         archive.append(fullHtml, { name: indexMeta.dataFileName });
     }
 
-    function saveCss(rootMeta: NoteMeta, cssMeta: NoteMeta) {
-        if (!cssMeta.dataFileName) {
-            return;
-        }
+    function saveAssets(rootMeta: NoteMeta, assetsMeta: NoteMeta[]) {
+        for (const assetMeta of assetsMeta) {
+            if (!assetMeta.dataFileName) {
+                continue;
+            }
 
-        let cssContent = getShareThemeAssets("css");
-        archive.append(cssContent, { name: cssMeta.dataFileName });
+            let cssContent = getShareThemeAssets(assetMeta.dataFileName);
+            archive.append(cssContent, { name: assetMeta.dataFileName });
+        }
     }
 
     const existingFileNames: Record<string, number> = format === "html" ? { navigation: 0, index: 1 } : {};
@@ -540,7 +542,7 @@ ${markdownContent}`;
 
     let navigationMeta: NoteMeta | null = null;
     let indexMeta: NoteMeta | null = null;
-    let cssMeta: NoteMeta | null = null;
+    let assetsMeta: NoteMeta[] = [];
 
     if (format === "html") {
         navigationMeta = {
@@ -557,12 +559,24 @@ ${markdownContent}`;
 
         metaFile.files.push(indexMeta);
 
-        cssMeta = {
-            noImport: true,
-            dataFileName: "style.css"
-        };
+        const assets = [
+            "style.css",
+            "boxicons.css",
+            "boxicons.eot",
+            "boxicons.woff2",
+            "boxicons.woff",
+            "boxicons.ttf",
+            "boxicons.svg",
+        ];
 
-        metaFile.files.push(cssMeta);
+        for (const asset of assets) {
+            const assetMeta = {
+                noImport: true,
+                dataFileName: asset
+            };
+            assetsMeta.push(assetMeta);
+            metaFile.files.push(assetMeta);
+        }
     }
 
     for (const noteMeta of Object.values(noteIdToMeta)) {
@@ -596,13 +610,13 @@ ${markdownContent}`;
     saveNote(rootMeta, "");
 
     if (format === "html") {
-        if (!navigationMeta || !indexMeta || !cssMeta) {
+        if (!navigationMeta || !indexMeta || !assetsMeta) {
             throw new Error("Missing meta.");
         }
 
         saveNavigation(rootMeta, navigationMeta);
         saveIndex(rootMeta, indexMeta);
-        saveCss(rootMeta, cssMeta);
+        saveAssets(rootMeta, assetsMeta);
     }
 
     const note = branch.getNote();
@@ -634,17 +648,22 @@ async function exportToZipFile(noteId: string, format: "markdown" | "html", zipF
     log.info(`Exported '${noteId}' with format '${format}' to '${zipFilePath}'`);
 }
 
-function getShareThemeAssets(extension: string) {
+function getShareThemeAssets(nameWithExtension: string) {
+    // Rename share.css to style.css.
+    if (nameWithExtension === "style.css") {
+        nameWithExtension = "share.css";
+    }
+
     let path: string | undefined;
     if (isDev) {
-        path = join(getResourceDir(), "..", "..", "client", "dist", "src", `share.${extension}`);
+        path = join(getResourceDir(), "..", "..", "client", "dist", "src", nameWithExtension);
     }
 
     if (!path) {
         throw new Error("Not yet defined.");
     }
 
-    return fs.readFileSync(path, "utf-8");
+    return fs.readFileSync(path);
 }
 
 export default {
diff --git a/apps/server/src/share/content_renderer.ts b/apps/server/src/share/content_renderer.ts
index 4fbae0586..0a85f17d2 100644
--- a/apps/server/src/share/content_renderer.ts
+++ b/apps/server/src/share/content_renderer.ts
@@ -70,7 +70,8 @@ export function renderNoteForExport(note: BNote, parentBranch: BBranch, basePath
         subRoot,
         rootNoteId: note.getParentNotes()[0].noteId,
         cssToLoad: [
-            `${basePath}style.css`
+            `${basePath}style.css`,
+            `${basePath}boxicons.css`
         ]
     });
 }