Merge pull request #33 from ByteVeda/fix/wasm-cache-busting

fix(docs): cache-bust WASM module URL to prevent stale load errors

Author: pratyush618

docs-site/docusaurus.config.ts

@@ -20,6 +20,10 @@ const config: Config = {
   onBrokenLinks: 'throw',
   onBrokenMarkdownLinks: 'warn',
 
+  customFields: {
+    wasmCacheBuster: String(Date.now()),
+  },
+
   markdown: {
     mermaid: true,
   },

docs-site/src/hooks/usePaperjam.ts

@@ -1,16 +1,21 @@
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import type { WasmModule } from '@site/src/types/paperjam';
 import { useEffect, useState } from 'react';
 
 let cachedModule: WasmModule | null = null;
 
 export function usePaperjam() {
+  const { siteConfig } = useDocusaurusContext();
+  const cacheBuster =
+    (siteConfig.customFields?.wasmCacheBuster as string) || '';
+
   const [loading, setLoading] = useState(!cachedModule);
   const [error, setError] = useState<string | null>(null);
   const [paperjam, setPaperjam] = useState<WasmModule | null>(cachedModule);
 
   useEffect(() => {
     if (cachedModule) return;
-    const wasmUrl = '/paperjam/wasm/paperjam_wasm.js';
+    const wasmUrl = `/paperjam/wasm/paperjam_wasm.js?v=${cacheBuster}`;
     (async () => {
       try {
         const mod = await import(/* webpackIgnore: true */ wasmUrl);
@@ -23,7 +28,7 @@ export function usePaperjam() {
         setLoading(false);
       }
     })();
-  }, []);
+  }, [cacheBuster]);
 
   return { paperjam, loading, error };
 }