copy cesium assets

Author: zoran995

buildprocess/vite-plugins/cesiumPlugin.ts

@@ -1,95 +1,4 @@
-import { cpSync, createReadStream, existsSync, statSync } from "node:fs";
-import path from "node:path";
-
-import type { Plugin, ResolvedConfig } from "vite";
-
-const MIME_TYPES: Record<string, string> = {
-  ".js": "application/javascript",
-  ".mjs": "application/javascript",
-  ".json": "application/json",
-  ".wasm": "application/wasm",
-  ".png": "image/png",
-  ".jpg": "image/jpeg",
-  ".gif": "image/gif",
-  ".svg": "image/svg+xml",
-  ".xml": "application/xml",
-  ".glb": "model/gltf-binary",
-  ".bin": "application/octet-stream"
-};
-
-/**
- * Serves Cesium Workers, Assets, and ThirdParty from the terriajs-cesium
- * package and terriajs wwwroot static assets during dev mode.
- *
- * At runtime, Cesium resolves assets relative to `cesiumBaseUrl` which is
- * set to `build/TerriaJS/build/Cesium/build/` by the app's index.js.
- */
-export function cesiumPlugin(options: {
-  terriaJSBasePath: string;
-  cesiumDir: string;
-}): Plugin {
-  const { terriaJSBasePath, cesiumDir } = options;
-  const terriaJSWwwroot = path.join(terriaJSBasePath, "wwwroot");
-  let outDir = "";
-
-  return {
-    name: "cesium-assets",
-
-    configResolved(config: ResolvedConfig) {
-      outDir = path.resolve(config.root, config.build.outDir);
-    },
-
-    closeBundle() {
-      // Copy terriajs wwwroot → outDir/TerriaJS/ (mirrors gulp copy-terriajs-assets)
-      const destPath = path.join(outDir, "TerriaJS");
-      cpSync(terriaJSWwwroot, destPath, { recursive: true });
-    },
-
-    configureServer(server) {
-      // Serve terriajs wwwroot at /build/TerriaJS/
-      // This mirrors the gulp `copy-terriajs-assets` task
-      server.middlewares.use((req, res, next) => {
-        if (!req.url) return next();
-
-        const url = decodeURIComponent(req.url.split("?")[0]);
-
-        // Serve terriajs wwwroot assets at /build/TerriaJS/
-        if (url.startsWith("/build/TerriaJS/")) {
-          const assetPath = url.slice("/build/TerriaJS/".length);
-          const filePath = path.join(terriaJSWwwroot, assetPath);
-          return serveFile(filePath, res, next);
-        }
-
-        // Serve WASM with correct MIME type
-        if (url.endsWith(".wasm")) {
-          const wasmPath = url.startsWith("/build/")
-            ? path.join(terriaJSWwwroot, url.slice(1))
-            : null;
-          if (wasmPath && existsSync(wasmPath)) {
-            return serveFile(wasmPath, res, next);
-          }
-        }
-
-        next();
-      });
-    }
-  };
-
-  function serveFile(
-    filePath: string,
-    res: import("http").ServerResponse,
-    next: () => void
-  ) {
-    if (!existsSync(filePath) || statSync(filePath).isDirectory()) {
-      return next();
-    }
-    const ext = path.extname(filePath);
-    const mime = MIME_TYPES[ext] || "application/octet-stream";
-    res.setHeader("Content-Type", mime);
-    res.setHeader("Cache-Control", "no-cache");
-    createReadStream(filePath).pipe(res);
-  }
-}
+import type { Plugin } from "vite";
 
 /**
  * Strip Cesium debug pragmas in production builds.

index.js

@@ -13,7 +13,8 @@ import showGlobalDisclaimer from "./lib/Views/showGlobalDisclaimer";
 import plugins from "./plugins";
 
 const terriaOptions = {
-  baseUrl: "build/TerriaJS"
+  baseUrl: "build/TerriaJS",
+  cesiumBaseUrl: "build/cesiumAssets"
 };
 
 // we check exact match for development to reduce chances that production flag isn't set on builds(?)

package.json

@@ -74,6 +74,7 @@
     "urijs": "^1.18.12",
     "vite": "^8.0.0",
     "vite-css-modules": "^1.14.0",
+    "vite-plugin-static-copy": "^3.3.0",
     "yargs": "^17.7.2"
   },
   "scripts": {

vite.config.ts

@@ -3,15 +3,13 @@ import path from "node:path";
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 import { patchCssModules } from "vite-css-modules";
+import { viteStaticCopy } from "vite-plugin-static-copy";
 
 import {
   momentLocalePlugin,
   xmlRawPlugin
 } from "./buildprocess/vite-plugins/assetPlugins";
-import {
-  cesiumDebugStripPlugin,
-  cesiumPlugin
-} from "./buildprocess/vite-plugins/cesiumPlugin";
+import { cesiumDebugStripPlugin } from "./buildprocess/vite-plugins/cesiumPlugin";
 import { scssCssModulesPlugin } from "./buildprocess/vite-plugins/scssCssModulesPlugin";
 import { svgSpritePlugin } from "./buildprocess/vite-plugins/svgSpritePlugin";
 
@@ -108,7 +106,26 @@ export default defineConfig(({ mode }) => {
       ]),
       xmlRawPlugin(),
       momentLocalePlugin(),
-      cesiumPlugin({ terriaJSBasePath, cesiumDir }),
+      viteStaticCopy({
+        targets: [
+          {
+            src: path.join(terriaJSBasePath, "wwwroot") + "/*",
+            dest: "TerriaJS"
+          },
+          {
+            src: path.join(cesiumDir, "Build", "Workers"),
+            dest: "cesiumAssets"
+          },
+          {
+            src: path.join(cesiumDir, "Source", "Assets"),
+            dest: "cesiumAssets"
+          },
+          {
+            src: path.join(cesiumDir, "Build", "ThirdParty"),
+            dest: "cesiumAssets"
+          }
+        ]
+      }),
       cesiumDebugStripPlugin(cesiumDir),
       react({
         babel: {

yarn.lock

@@ -3556,7 +3556,7 @@ chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chokidar@^3.5.3:
+chokidar@^3.5.3, chokidar@^3.6.0:
   version "3.6.0"
   resolved "http://localhost:4873/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
   integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
@@ -7255,6 +7255,11 @@ p-locate@^5.0.0:
   dependencies:
     p-limit "^3.0.2"
 
+p-map@^7.0.4:
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/p-map/-/p-map-7.0.4.tgz#b81814255f542e252d5729dca4d66e5ec14935b8"
+  integrity sha512-tkAQEw8ysMzmkhgw8k+1U/iPhWNhykKnSk4Rd5zLoPJCuJaGRPo6YposrZgaxHKzDHdDWWZvE/Sk7hsL2X/CpQ==
+
 p-try@^2.0.0:
   version "2.2.0"
   resolved "http://localhost:4873/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
@@ -9633,6 +9638,16 @@ vite-css-modules@^1.14.0:
     postcss-modules-values "^4.0.0"
     postcss-selector-parser "^7.1.1"
 
+vite-plugin-static-copy@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/vite-plugin-static-copy/-/vite-plugin-static-copy-3.3.0.tgz#5a95b7b21f9a726b23cd5ca3d64cdcfa6d1b6bde"
+  integrity sha512-XiAtZcev7nppxNFgKoD55rfL+ukVp/RtrnTJONRwRuzv/B2FK2h2ZRCYjvxhwBV/Oarse83SiyXBSxMTfeEM0Q==
+  dependencies:
+    chokidar "^3.6.0"
+    p-map "^7.0.4"
+    picocolors "^1.1.1"
+    tinyglobby "^0.2.15"
+
 vite@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/vite/-/vite-8.0.0.tgz#d749f9bf5be196635982bc16ec0c6faf2b31f3a4"