create-bloop 0.0.6 → 0.0.8

package/dist/index.js

@@ -5016,7 +5016,8 @@ function copyDir(src, dest) {
   const entries = fs.readdirSync(src, { withFileTypes: true });
   for (const entry of entries) {
     const srcPath = path.join(src, entry.name);
-    const destPath = path.join(dest, entry.name);
+    const destName = entry.name === "gitignore" ? ".gitignore" : entry.name;
+    const destPath = path.join(dest, destName);
     if (entry.isDirectory()) {
       copyDir(srcPath, destPath);
     } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-bloop",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Create a new Bloop game",
   "type": "module",
   "bin": "./dist/index.js",

package/templates/hello/gitignore

@@ -0,0 +1,2 @@
+node_modules
+dist

package/templates/hello/package.json

@@ -13,8 +13,8 @@
     "vite": "^7.2.2"
   },
   "dependencies": {
-    "@bloopjs/bloop": "^0.0.79",
-    "@bloopjs/toodle": "^0.0.100",
-    "@bloopjs/web": "^0.0.79"
+    "@bloopjs/bloop": "^0.0.81",
+    "@bloopjs/toodle": "^0.1.3",
+    "@bloopjs/web": "^0.0.81"
   }
 }

package/templates/hello/src/main.ts

@@ -1,19 +1,16 @@
 import "./style.css";
 import { Toodle } from "@bloopjs/toodle";
 import { start } from "@bloopjs/web";
-import { draw } from "./draw";
+import { draw as drawFn } from "./draw";
 import { game } from "./game";
 
-// temp - use a monorepo dev wasm url instead of cdn
-const monorepoWasmUrl = new URL("/bloop-wasm/bloop.wasm", window.location.href);
-
 // 1. Set up simulation
 const app = await start({
   game,
-  engineWasmUrl: monorepoWasmUrl,
 });
 
 // 2. Set up rendering
+let draw = drawFn;
 const canvas = document.querySelector("canvas");
 if (!canvas) throw new Error("Canvas element not found");
 const toodle = await Toodle.attach(canvas);
@@ -24,7 +21,8 @@ requestAnimationFrame(function frame() {
 
 // 3. Set up Hot Module Replacement (HMR)
 import.meta.hot?.accept("./game", async (newModule) => {
-  await app.acceptHmr(newModule?.game, {
-    wasmUrl: monorepoWasmUrl,
-  });
+  await app.acceptHmr(newModule?.game);
+});
+import.meta.hot?.accept("./draw", async (newModule) => {
+  draw = newModule?.draw;
 });

package/templates/mario/gitignore

@@ -0,0 +1,2 @@
+node_modules
+dist

package/templates/mario/package.json

@@ -15,8 +15,8 @@
     "vite": "^7.2.2"
   },
   "dependencies": {
-    "@bloopjs/bloop": "^0.0.79",
-    "@bloopjs/toodle": "^0.1.1",
-    "@bloopjs/web": "^0.0.79"
+    "@bloopjs/bloop": "^0.0.81",
+    "@bloopjs/toodle": "^0.1.3",
+    "@bloopjs/web": "^0.0.81"
   }
 }

package/templates/mario/src/draw.ts

@@ -1,5 +1,11 @@
 import { unwrap } from "@bloopjs/bloop";
-import type { Color, QuadNode, SceneNode, Text, Toodle } from "@bloopjs/toodle";
+import type {
+  Color,
+  QuadNode,
+  SceneNode,
+  TextNode,
+  Toodle,
+} from "@bloopjs/toodle";
 import { Colors } from "@bloopjs/toodle";
 import {
   BLOCK_SIZE,
@@ -33,11 +39,11 @@ export interface DrawState {
   p1: PoseQuads;
   p2: PoseQuads;
   viewport: SceneNode;
-  p1Score: Text.TextNode;
-  p2Score: Text.TextNode;
+  p1Score: TextNode;
+  p2Score: TextNode;
   // Title elements (under titleScreen)
-  titleText: Text.TextNode;
-  subtitleText: Text.TextNode;
+  titleText: TextNode;
+  subtitleText: TextNode;
 }
 
 export function createDrawState(toodle: Toodle): DrawState {

package/templates/mario/src/main.ts

@@ -5,16 +5,10 @@ import { createChromaticAberrationEffect } from "./chromatic-aberration";
 import { createDrawState, draw as drawFn } from "./draw";
 import { game } from "./game";
 
-// In dev, vite serves wasm from /bloop-wasm/. In prod, it's bundled at ./bloop.wasm
-const wasmUrl = import.meta.env.DEV
-  ? new URL("/bloop-wasm/bloop.wasm", window.location.href)
-  : new URL("./bloop.wasm", import.meta.url);
-
 let draw = drawFn;
 
 const app = await start({
   game,
-  engineWasmUrl: wasmUrl,
   startRecording: false,
   debugUi: {
     initiallyVisible: false,
@@ -26,7 +20,6 @@ if (!canvas) throw new Error("No canvas element found");
 
 const toodle = await Toodle.attach(canvas, {
   filter: "nearest",
-  backend: "webgpu",
   limits: { textureArrayLayers: 5 },
 });
 
@@ -71,15 +64,17 @@ window.addEventListener("keydown", (e) => {
   }
 });
 
-// Debug: Press G to toggle glitch effect
-const glitchEffect = createChromaticAberrationEffect(toodle);
-let glitchEnabled = false;
-window.addEventListener("keydown", (e) => {
-  if (e.key === "g") {
-    glitchEnabled = !glitchEnabled;
-    toodle.postprocess = glitchEnabled ? glitchEffect : null;
-  }
-});
+// Debug: Press G to toggle glitch effect on webgpu backend
+if (toodle.backend.type === "webgpu") {
+  const glitchEffect = createChromaticAberrationEffect(toodle);
+  let glitchEnabled = false;
+  window.addEventListener("keydown", (e) => {
+    if (e.key === "g") {
+      glitchEnabled = !glitchEnabled;
+      toodle.postprocess = glitchEnabled ? glitchEffect : null;
+    }
+  });
+}
 
 game.system("title-input", {
   update({ bag, inputs }) {
@@ -113,14 +108,10 @@ game.system("title-input", {
 // HMR support
 if (import.meta.hot) {
   import.meta.hot.accept("./game", async (newModule) => {
-    if (newModule?.game) {
-      await app.acceptHmr(newModule.game, { wasmUrl });
-    }
+    await app.acceptHmr(newModule?.game);
   });
 
   import.meta.hot.accept("./draw", async (newModule) => {
-    if (newModule?.draw && newModule?.createDrawState) {
-      draw = newModule.draw;
-    }
+    draw = newModule?.draw;
   });
 }

package/templates/mario/src/tape-load.ts

@@ -33,7 +33,7 @@ async function loadTape(bytes: Uint8Array, fileName: string) {
   // Start the app with recording disabled (we're loading a tape)
   const app = await start({
     game,
-    engineWasmUrl: wasmUrl,
+    wasmUrl: wasmUrl,
     debugUi: true,
     startRecording: false,
   });