ref: move spritesheet

assets/resources.json

@@ -17,6 +17,7 @@
       "ref": "$BRANCH",
       "integrity": false
     },
+    "doc-svg_spritesheet": "spritesheet.svg",
     "font-cousine_ttf": "fonts/Cousine/Cousine-Regular.ttf",
     "font-cousine_woff": "fonts/Cousine/Cousine-Regular.woff",
     "font-cousine_woff2": "fonts/Cousine/Cousine-Regular.woff2",
@@ -45,7 +46,6 @@
     "icon-speed": "icons/speed.svg",
     "icon-spinner": "icons/spinner.svg",
     "icon-upload": "icons/upload.svg",
-    "icon-spritesheet": "icons/spritesheet.svg",
     "img-close": "images/close.png",
     "img-discord": "images/external/discord.png",
     "img-github": "images/external/github.png",

src/index.ts

@@ -376,7 +376,7 @@ async function initFonts() {
 
 /** Initializes the SVG spritesheet */
 async function initSvgSpritesheet() {
-  const svgUrl = await getResourceUrl("icon-spritesheet");
+  const svgUrl = await getResourceUrl("doc-svg_spritesheet");
   const div = document.createElement("div");
   div.style.display = "none";
   setInnerHtmlUnsafe(div, await (await fetchAdvanced(svgUrl)).text());

src/tools/post-build.ts

@@ -504,7 +504,7 @@ function getFileHashSha256(path: string): Promise<string> {
   });
 }
 
-/** Compiles all `icon-*` assets into a single SVG spritesheet file and writes it to `assets/icons/spritesheet.svg` */
+/** Compiles all `icon-*` assets into a single SVG spritesheet file and writes it to `assets/spritesheet.svg` */
 async function createSvgSpritesheet(buildNbr: string) {
   try {
     const sprites: string[] = [];
@@ -520,8 +520,8 @@ async function createSvgSpritesheet(buildNbr: string) {
       sprites.push(`<symbol id="bytm-svg-${name}" viewBox="${viewBox}">\n    ${iconSvg}\n  </symbol>`);
     }
 
-    await writeFile(resolveResourcePath("icons/spritesheet.svg"), `\
-<svg xmlns="http://www.w3.org/2000/svg" id="bytm-svg-icon-container" data-build="${buildNbr}" style="display: none;" inert="true">
+    await writeFile(resolveResourcePath("spritesheet.svg"), `\
+<svg xmlns="http://www.w3.org/2000/svg" id="bytm-svg-spritesheet" data-build="${buildNbr}" style="display: none;" inert="true">
   ${sprites.join("\n  ")}
 </svg>`
     );