Merge examples into root module, removing separate submodule

Examples were a standalone moon module (src/examples/moon.mod.json) with
an `examples` symlink at the root. This merges them into the root module
so they build alongside the library, simplifying the project layout.

- Delete src/examples/moon.mod.json and examples symlink
- Remove src/examples and examples from moon.mod.json exclude list
- Update Makefile build/trim/validate targets for new _build paths
- Update all example HTML files to reference root _build output
- Format example source files with moon fmt

Author: bikallem

Makefile

@@ -29,18 +29,18 @@ info:
 	moon info --target js
 
 build-examples:
-	moon -C src/examples build --target js --release
-	moon -C src/examples build --target wasm-gc --release
+	moon build --target js --release
+	moon build --target wasm-gc --release
 
 trim-examples:
 	@moon build src/trim --target js
-	@for wasm in src/examples/_build/wasm-gc/release/build/*/*.wasm; do \
+	@for wasm in _build/wasm-gc/release/build/examples/*/*.wasm; do \
 		node _build/js/debug/build/trim/trim.js "$(CURDIR)/$$wasm" --source "$(CURDIR)/src/webapi.mjs"; \
 	done
 
 validate-wasm:
 	@fails=0; \
-	for wasm in src/examples/_build/wasm-gc/release/build/*/*.wasm; do \
+	for wasm in _build/wasm-gc/release/build/examples/*/*.wasm; do \
 		name=$$(basename $$(dirname $$wasm)); \
 		if wasm-tools validate "$$wasm" 2>/dev/null; then \
 			echo "  OK: $$name"; \
@@ -60,7 +60,7 @@ test-playwright:
 	fi
 
 serve:
-	node tests/ws-echo-server.mjs & npx serve . -l 3000 --no-clipboard --symlinks
+	node tests/ws-echo-server.mjs & npx serve . -l 3000 --no-clipboard
 
 trim:
 	moon run src/trim -- $(WASM) -o $(OUT)

examples

@@ -23,10 +23,8 @@
   },
   "exclude": [
     "docs",
-    "examples",
     "tests",
-    "test-results",
-    "src/examples"
+    "test-results"
   ],
   "warn-list": "@27"
 }

moon.mod.json

@@ -59,6 +59,6 @@ <h1>Calculator</h1>
             </div>
         </div>
     </template>
-    <script type="module" src="../_build/js/release/build/calculator/calculator.js"></script>
+    <script type="module" src="../../../_build/js/release/build/examples/calculator/calculator.js"></script>
 </body>
 </html>

src/examples/calculator/calculator.js.html

@@ -60,9 +60,9 @@ <h1>Calculator</h1>
         </div>
     </template>
     <script type="module">
-        import { wasmImportObject } from "../_build/wasm-gc/release/build/calculator/webapi.mjs";
+        import { wasmImportObject } from "../../../_build/wasm-gc/release/build/examples/calculator/webapi.mjs";
         const { instance } = await WebAssembly.instantiateStreaming(
-            fetch("../_build/wasm-gc/release/build/calculator/calculator.wasm"),
+            fetch("../../../_build/wasm-gc/release/build/examples/calculator/calculator.wasm"),
             wasmImportObject,
             { builtins: ["js-string"], importedStringConstants: "_" }
         );

src/examples/calculator/calculator.wasm.html

@@ -35,7 +35,7 @@
     <h1>🎨 Canvas Demo</h1>
     <div id="app"></div>
     <p class="info">Rendered with MoonBit WebAPI + Canvas 2D API</p>
-    <script type="module" src="../_build/js/release/build/canvas/canvas.js"></script>
+    <script type="module" src="../../../_build/js/release/build/examples/canvas/canvas.js"></script>
 </body>
 
 </html>

src/examples/canvas/canvas.js.html

@@ -36,9 +36,9 @@ <h1>Canvas Demo</h1>
     <div id="app"></div>
     <p class="info">Rendered with MoonBit WebAPI + Canvas 2D API (wasm-gc)</p>
     <script type="module">
-        import { wasmImportObject } from "../_build/wasm-gc/release/build/canvas/webapi.mjs";
+        import { wasmImportObject } from "../../../_build/wasm-gc/release/build/examples/canvas/webapi.mjs";
 
-        const wasmPath = "../_build/wasm-gc/release/build/canvas/canvas.wasm";
+        const wasmPath = "../../../_build/wasm-gc/release/build/examples/canvas/canvas.wasm";
         const { instance } = await WebAssembly.instantiateStreaming(
             fetch(wasmPath),
             wasmImportObject,

src/examples/canvas/canvas.wasm.html

@@ -11,7 +11,9 @@ using @webapi {
 /// Demonstrates gradients, shapes, paths, and text using the Canvas 2D API
 fn main {
   // Create and append canvas
-  let canvas : HTMLCanvasElement = document().create_element("canvas").unsafe_into()
+  let canvas : HTMLCanvasElement = document()
+    .create_element("canvas")
+    .unsafe_into()
   canvas
   ..set_width(800)
   ..set_height(500)
@@ -21,7 +23,10 @@ fn main {
   (document().get_element_by_id("app") : Element).append_child(canvas) |> ignore
 
   // Get 2D context
-  let ctx : CanvasRenderingContext2D = canvas.get_context("2d").unwrap().unsafe_into()
+  let ctx : CanvasRenderingContext2D = canvas
+    .get_context("2d")
+    .unwrap()
+    .unsafe_into()
 
   // Draw sky gradient
   let sky_gradient = ctx.create_linear_gradient(0.0, 0.0, 0.0, 300.0)

src/examples/canvas/main.mbt

@@ -8,6 +8,6 @@
 </head>
 <body>
     <div id="app"></div>
-    <script type="module" src="../_build/js/release/build/classlist/classlist.js"></script>
+    <script type="module" src="../../../_build/js/release/build/examples/classlist/classlist.js"></script>
 </body>
 </html>

src/examples/classlist/classlist.js.html

@@ -9,9 +9,9 @@
 <body>
     <div id="app"></div>
     <script type="module">
-        import { wasmImportObject } from "../_build/wasm-gc/release/build/classlist/webapi.mjs";
+        import { wasmImportObject } from "../../../_build/wasm-gc/release/build/examples/classlist/webapi.mjs";
         const { instance } = await WebAssembly.instantiateStreaming(
-            fetch("../_build/wasm-gc/release/build/classlist/classlist.wasm"),
+            fetch("../../../_build/wasm-gc/release/build/examples/classlist/classlist.wasm"),
             wasmImportObject,
             { builtins: ["js-string"], importedStringConstants: "_" }
         );