feat: Add WebGPU DSL support to Guix language

.gitignore

@@ -15,6 +15,9 @@ go.work
 *.wasm
 wasm_exec.js
 main.wasm
+examples/*/calculator
+examples/*/counter
+examples/*/webgpu-cube
 
 # Cache
 .guix/

CLAUDE.md

@@ -4,9 +4,27 @@ This document contains guidelines and rules for Claude when working on the Guix
 
 ## Pre-Commit Requirements
 
-Before committing any changes, Claude must ensure the following checks pass:
+Before committing any changes, Claude must ensure the following checks pass.
 
-### 1. Code Formatting
+### Using Mage (Recommended)
+
+The easiest way to run all pre-commit checks is using Mage:
+
+```bash
+# Run all pre-commit checks (format, vet, test, build)
+go run github.com/magefile/mage@latest
+
+# Or if mage is installed locally
+mage
+```
+
+This will automatically run all the checks below in the correct order.
+
+### Manual Pre-Commit Checks
+
+If you prefer to run checks manually:
+
+#### 1. Code Formatting
 
 All Go files must be formatted with `gofmt`:
 
@@ -16,15 +34,15 @@ gofmt -w .
 
 This ensures consistent code style across the entire codebase.
 
-### 2. Linting
+#### 2. Linting
 
 Run `go vet` to catch common Go mistakes:
 
 ```bash
 go vet ./...
 ```
 
-### 3. Testing
+#### 3. Testing
 
 Run all tests to ensure no regressions:
 
@@ -34,7 +52,7 @@ go test ./...
 
 All tests must pass before committing.
 
-### 4. Build Verification
+#### 4. Build Verification
 
 Verify the code compiles for both native and WASM targets:
 
@@ -46,9 +64,23 @@ go build ./...
 GOOS=js GOARCH=wasm go build ./pkg/runtime/...
 ```
 
-## Complete Pre-Commit Checklist
+## Available Mage Targets
+
+The following Mage targets are available:
+
+- `mage` or `mage preCommit` - Run all pre-commit checks (default)
+- `mage format` - Format all Go files
+- `mage vet` - Run go vet
+- `mage test` - Run all tests
+- `mage build` - Build all packages
+- `mage buildWasm` - Build WASM runtime
+- `mage generate` - Regenerate all example code
+- `mage clean` - Remove build artifacts
+- `mage ci` - Run all CI checks
+
+## Complete Pre-Commit Checklist (Manual)
 
-Run these commands before every commit:
+If not using Mage, run these commands before every commit:
 
 ```bash
 # Format all Go files

examples/counter/counter_test.go

@@ -1,3 +1,6 @@
+//go:build js && wasm
+// +build js,wasm
+
 package main
 
 import (

examples/webgpu-cube/app.gx

@@ -0,0 +1,56 @@
+package main
+
+import "fmt"
+
+func App() (Component) {
+	rotationX := 0.0
+	rotationY := 0.0
+	autoRotate := true
+	speed := 1.0
+	commands := make(chan ControlCommand, 10)
+	controlState := make(chan ControlState, 10)
+
+	go func() {
+		state := ControlState{AutoRotate: autoRotate, Speed: float32(speed)}
+		log(fmt.Sprintf("[App] Sending initial state: %s", state.String()))
+		controlState <- state
+	}()
+
+	go func() {
+		for cmd := range commands {
+			log(fmt.Sprintf("[App] Received command: %s", cmd.String()))
+
+			switch cmd.Type {
+			case "rotX":
+				rotationX += float64(cmd.Value)
+			case "rotY":
+				rotationY += float64(cmd.Value)
+			case "autoRotate":
+				autoRotate = !autoRotate
+			case "speed":
+				speed = float64(cmd.Value)
+			}
+
+			state := ControlState{AutoRotate: autoRotate, Speed: float32(speed)}
+			select {
+			case controlState <- state:
+				log(fmt.Sprintf("[App] Sent state update: %s", state.String()))
+			default:
+				log("[App] Channel full, skipping state update")
+			}
+		}
+	}()
+
+	Div(
+		Class("webgpu-container")
+	) {
+		Canvas(
+			ID("webgpu-canvas"),
+			Width(600),
+			Height(400)
+		) {
+			GPUScene(NewCubeScene(float32(rotationX), float32(rotationY)))
+		}
+		Controls(WithCommands(commands), WithState(controlState))
+	}
+}