Fix build process to include copydecks

Author: grega

README.md

@@ -87,7 +87,7 @@ npm run dev:test
 Create a clean build for distribution:
 
 ```
-npm run build
+npm run build:all && npm run build:browser
 ```
 
 Output files will be in dist/:

package.json

@@ -11,6 +11,9 @@
   "exports": { ".": "./dist/index.js" },
   "scripts": {
     "build": "tsc -p tsconfig.json",
+    "build:browser": "esbuild src/index.ts --bundle --format=esm --outfile=dist/index.browser.js",
+    "build:assets": "mkdir -p dist/copydecks && cp -R copydecks/* dist/copydecks/",
+    "build:all": "npm run build && npm run build:browser && npm run build:assets",
     "test": "vitest run",
     "dev:test": "vitest"
   },

src/index.ts

@@ -1,11 +1,5 @@
-export type {
-  Trace,
-  ExplainOptions,
-  ExplainResult,
-  CopyDeck,
-  AdapterFn
-} from "./types";
-
-export { loadCopydeck, registerAdapter, explain } from "./engine";
-export { skulptAdapter } from "./adapters/skulpt";
-export { pyodideAdapter } from "./adapters/pyodide";
+export type { Trace, ExplainOptions, ExplainResult, CopyDeck, AdapterFn } from "./types.js";
+export { loadCopydeck, registerAdapter, explain } from "./engine.js";
+export { skulptAdapter } from "./adapters/skulpt.js";
+export { pyodideAdapter } from "./adapters/pyodide.js";
+export { loadCopydeckFor } from "./loaders.js";

src/loaders.ts

@@ -1,27 +1,29 @@
-import { loadCopydeck } from "./engine";
-import type { CopyDeck } from "./types";
+import { loadCopydeck } from "./engine.js";
+import type { CopyDeck } from "./types.js";
 
-/**
- * Loads a copydeck from /copydecks/{locale}/copydeck.json.
- * Falls back to a base language (e.g. "en" from "en-GB") or "en".
- */
-export async function loadCopydeckFor(locale: string = "en"): Promise<CopyDeck> {
+type Options = { base?: string };
+
+export async function loadCopydeckFor(locale = "en", opts: Options = {}): Promise<CopyDeck> {
   const tryLocales = [locale];
-  const base = locale.split("-")[0];
-  if (base !== locale) tryLocales.push(base);
+  const baseLang = locale.split("-")[0];
+  if (baseLang !== locale) tryLocales.push(baseLang);
   if (!tryLocales.includes("en")) tryLocales.push("en");
 
+  const baseUrl = opts.base
+    ? new URL(opts.base, window.location.origin)
+    : new URL("./copydecks/", import.meta.url);
+
   for (const lang of tryLocales) {
     try {
-      const res = await fetch(`/copydecks/${lang}/copydeck.json`);
+      const url = new URL(`${lang}/copydeck.json`, baseUrl).toString();
+      const res = await fetch(url);
       if (res.ok) {
-        const deck = await res.json();
+        const deck = (await res.json()) as CopyDeck;
         loadCopydeck(deck);
         return deck;
       }
-    } catch {
-      /* try next */
-    }
+    } catch { /* try next */ }
   }
   throw new Error(`No copydeck found for ${tryLocales.join(", ")}`);
 }
+