@nayan-ui/engine 1.0.0-beta.3 → 1.0.0-beta.5

package/lib/web/index.js

@@ -1066,7 +1066,7 @@ function __wbg_get_imports() {
           const a = state0.a;
           state0.a = 0;
           try {
-            return __wasm_bindgen_func_elem_9776(a, state0.b, arg0, arg1);
+            return __wasm_bindgen_func_elem_9779(a, state0.b, arg0, arg1);
           } finally {
             state0.a = a;
           }
@@ -2069,23 +2069,23 @@ function __wbg_get_imports() {
       }, arguments);
     },
     __wbindgen_generic_0000000000000001: function(arg0, arg1) {
-      const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_9774);
+      const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_9777);
       return addHeapObject(ret);
     },
     __wbindgen_generic_0000000000000002: function(arg0, arg1) {
-      const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_2411);
+      const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_2414);
       return addHeapObject(ret);
     },
     __wbindgen_generic_0000000000000003: function(arg0, arg1) {
-      const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_2412);
+      const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_2415);
       return addHeapObject(ret);
     },
     __wbindgen_generic_0000000000000004: function(arg0, arg1) {
-      const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_2411_9);
+      const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_2414_9);
       return addHeapObject(ret);
     },
     __wbindgen_generic_0000000000000005: function(arg0, arg1) {
-      const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_2411_10);
+      const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_2414_10);
       return addHeapObject(ret);
     },
     __wbindgen_generic_0000000000000006: function(arg0) {
@@ -2138,16 +2138,16 @@ function __wbg_get_imports() {
     "./snippets/engine-core-64626f8edd8232bb/inline0.js": exports_inline0
   };
 }
-function __wasm_bindgen_func_elem_2412(arg0, arg1, arg2) {
-  wasm.__wasm_bindgen_func_elem_2412(arg0, arg1, addHeapObject(arg2));
+function __wasm_bindgen_func_elem_2415(arg0, arg1, arg2) {
+  wasm.__wasm_bindgen_func_elem_2415(arg0, arg1, addHeapObject(arg2));
 }
-function __wasm_bindgen_func_elem_9776(arg0, arg1, arg2, arg3) {
-  wasm.__wasm_bindgen_func_elem_9776(arg0, arg1, addHeapObject(arg2), addHeapObject(arg3));
+function __wasm_bindgen_func_elem_9779(arg0, arg1, arg2, arg3) {
+  wasm.__wasm_bindgen_func_elem_9779(arg0, arg1, addHeapObject(arg2), addHeapObject(arg3));
 }
-function __wasm_bindgen_func_elem_9774(arg0, arg1, arg2) {
+function __wasm_bindgen_func_elem_9777(arg0, arg1, arg2) {
   try {
     const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-    wasm.__wasm_bindgen_func_elem_9774(retptr, arg0, arg1, addHeapObject(arg2));
+    wasm.__wasm_bindgen_func_elem_9777(retptr, arg0, arg1, addHeapObject(arg2));
     var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
     var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
     if (r1) {
@@ -2157,10 +2157,10 @@ function __wasm_bindgen_func_elem_9774(arg0, arg1, arg2) {
     wasm.__wbindgen_add_to_stack_pointer(16);
   }
 }
-function __wasm_bindgen_func_elem_2411(arg0, arg1, arg2) {
+function __wasm_bindgen_func_elem_2414(arg0, arg1, arg2) {
   try {
     const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-    wasm.__wasm_bindgen_func_elem_2411(retptr, arg0, arg1, addHeapObject(arg2));
+    wasm.__wasm_bindgen_func_elem_2414(retptr, arg0, arg1, addHeapObject(arg2));
     var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
     var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
     if (r1) {
@@ -2170,10 +2170,10 @@ function __wasm_bindgen_func_elem_2411(arg0, arg1, arg2) {
     wasm.__wbindgen_add_to_stack_pointer(16);
   }
 }
-function __wasm_bindgen_func_elem_2411_9(arg0, arg1, arg2) {
+function __wasm_bindgen_func_elem_2414_9(arg0, arg1, arg2) {
   try {
     const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-    wasm.__wasm_bindgen_func_elem_2411_9(retptr, arg0, arg1, addHeapObject(arg2));
+    wasm.__wasm_bindgen_func_elem_2414_9(retptr, arg0, arg1, addHeapObject(arg2));
     var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
     var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
     if (r1) {
@@ -2183,10 +2183,10 @@ function __wasm_bindgen_func_elem_2411_9(arg0, arg1, arg2) {
     wasm.__wbindgen_add_to_stack_pointer(16);
   }
 }
-function __wasm_bindgen_func_elem_2411_10(arg0, arg1, arg2) {
+function __wasm_bindgen_func_elem_2414_10(arg0, arg1, arg2) {
   try {
     const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
-    wasm.__wasm_bindgen_func_elem_2411_10(retptr, arg0, arg1, addHeapObject(arg2));
+    wasm.__wasm_bindgen_func_elem_2414_10(retptr, arg0, arg1, addHeapObject(arg2));
     var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
     var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
     if (r1) {
@@ -2974,6 +2974,7 @@ function createBrowserEngine(core) {
     fn(name, id, p);
     return Array.from(float ? new Float32Array(memory(), p, count) : new Uint32Array(memory(), p, count));
   };
+  const settle = (work) => new Promise((resolve) => resolve(work()));
   const engine = {
     createWorld(capacity) {
       if (!Number.isInteger(capacity) || capacity < 1 || capacity > 1e6)
@@ -3172,6 +3173,19 @@ function createBrowserEngine(core) {
       const [x, y, z] = dimensions("model_size", mesh, 3, true);
       return [x, y, z];
     },
+    modelLoadAsync(value, center, fit) {
+      return settle(() => engine.modelLoad(value, center, fit));
+    },
+    textureLoadAsync(value) {
+      return settle(() => engine.textureLoad(value));
+    },
+    fontLoadAsync(value, depth, chars, weight) {
+      return settle(() => engine.fontLoad(value, depth, chars, weight));
+    },
+    audioLoadAsync(value) {
+      return settle(() => engine.audioLoad(value));
+    },
+    renderModel: (mesh, texture, shine) => typeof core.engine_render_model === "function" && fn("render_model", mesh, texture, shine) !== 0,
     modelTexture: (mesh) => fn("model_texture", mesh),
     meshAlias: (mesh) => fn("mesh_alias", mesh),
     meshCreate(vertices, indices) {
@@ -3386,137 +3400,6 @@ function prepareEngine2() {
   return prepareEngine();
 }
 
-// src/types.ts
-var MAX_MESHES = 4096;
-var SHAPE_MESH = {
-  cube: 0,
-  sphere: 1,
-  plane: 2,
-  cylinder: 3,
-  cone: 4,
-  capsule: 5,
-  torus: 6,
-  roundedBox: 7,
-  puff: 8,
-  flame: 9,
-  none: 15
-};
-
-// src/render/meshes.ts
-var VERTEX_FLOATS = 11;
-
-class Builder {
-  vertices = [];
-  indices = [];
-  vertex(p, n, u, v) {
-    this.vertices.push(p[0], p[1], p[2], n[0], n[1], n[2], 1, 1, 1, u, v);
-    return this.vertices.length / VERTEX_FLOATS - 1;
-  }
-  quad(a, b, c, d) {
-    this.indices.push(a, b, c, a, c, d);
-  }
-  grid(rows, cols, at) {
-    const first = this.vertices.length / VERTEX_FLOATS;
-    for (let i = 0;i <= rows; i++) {
-      for (let j = 0;j <= cols; j++) {
-        const [p, n] = at(j / cols, i / rows);
-        this.vertex(p, n, j / cols, i / rows);
-      }
-    }
-    for (let i = 0;i < rows; i++) {
-      for (let j = 0;j < cols; j++) {
-        const a = first + i * (cols + 1) + j;
-        const b = a + cols + 1;
-        this.indices.push(a, b, a + 1, a + 1, b, b + 1);
-      }
-    }
-  }
-  disc(y, radius, facing, segments) {
-    const center = this.vertex([0, y, 0], [0, facing, 0], 0.5, 0.5);
-    const first = center + 1;
-    for (let j = 0;j <= segments; j++) {
-      const t = j / segments * TAU;
-      const x = Math.cos(t);
-      const z = Math.sin(t);
-      this.vertex([x * radius, y, z * radius], [0, facing, 0], 0.5 + x / 2, 0.5 + z / 2);
-    }
-    for (let j = 0;j < segments; j++) {
-      if (facing === 1)
-        this.indices.push(center, first + j + 1, first + j);
-      else
-        this.indices.push(center, first + j, first + j + 1);
-    }
-  }
-}
-var TAU = Math.PI * 2;
-var registered = new Map;
-var idLimit = 16;
-function registerMesh(mesh, info, uploadGeometry = true) {
-  registered.set(mesh, info);
-  idLimit = Math.max(idLimit, mesh + 1);
-  if (uploadGeometry)
-    upload(mesh, info);
-}
-var getMeshIdLimit = () => idLimit;
-function exact(data) {
-  const { buffer, byteOffset, byteLength } = data;
-  if (buffer instanceof ArrayBuffer && byteOffset === 0 && byteLength === buffer.byteLength)
-    return buffer;
-  return data.slice().buffer;
-}
-function upload(mesh, info) {
-  const { vertices, indices } = info.geometry;
-  NativeNayanEngine_web_default?.renderMesh(mesh, exact(vertices), exact(indices), info.texture ?? -1, info.shine ?? 0);
-}
-var builtInsUploaded = false;
-function uploadBuiltInMeshes() {
-  if (builtInsUploaded)
-    return;
-  NativeNayanEngine_web_default?.generateBuiltinMeshes();
-  builtInsUploaded = true;
-}
-function warmUpEngine() {
-  const pending = prepareEngine2();
-  const warm = () => {
-    const native = NativeNayanEngine_web_default;
-    if (!native)
-      return;
-    uploadBuiltInMeshes();
-    if (typeof native.renderWarmUp === "function")
-      native.renderWarmUp();
-  };
-  if (pending)
-    return pending.then(warm);
-  warm();
-  return Promise.resolve();
-}
-function meshInfo(mesh) {
-  const info = registered.get(mesh);
-  if (info || mesh === SHAPE_MESH.none)
-    return info;
-  const shape = Object.keys(SHAPE_MESH).find((s) => SHAPE_MESH[s] === mesh);
-  if (!shape || shape === "none")
-    return;
-  const native = NativeNayanEngine_web_default;
-  if (!native)
-    return;
-  let vertices = new Float32Array(native.renderMeshVertices(mesh));
-  if (!vertices.length && !builtInsUploaded && typeof native.generateBuiltinMeshes === "function") {
-    try {
-      uploadBuiltInMeshes();
-    } catch {
-      return;
-    }
-    vertices = new Float32Array(native.renderMeshVertices(mesh));
-  }
-  const indices = new Uint32Array(native.renderMeshIndices(mesh));
-  if (!vertices.length)
-    return;
-  const made = { geometry: { vertices, indices } };
-  registered.set(mesh, made);
-  return made;
-}
-
 // src/assets/CacheGeneration.ts
 var generation = 0;
 var cacheGeneration = () => generation;
@@ -3526,6 +3409,7 @@ var advanceCacheGeneration = () => ++generation;
 function proceduralStorage(revision) {
   const native = NativeNayanEngine_web_default;
   return {
+    verified: true,
     read(key) {
       if (typeof native?.cacheRead !== "function")
         return null;
@@ -3562,6 +3446,7 @@ function proceduralStorage2(revision) {
   if (!storage)
     return;
   return {
+    verified: storage.verified,
     read: storage.read,
     write(key, bytes) {
       storage.write(key, bytes);
@@ -3696,7 +3581,7 @@ class AssetLoader {
         throw new Error("the engine core is not linked into this build");
       const { bytes } = await loadAssetBytes(source);
       try {
-        return decode(NativeNayanEngine_web_default, bytes);
+        return await decode(NativeNayanEngine_web_default, bytes);
       } catch (cause) {
         forgetAssetBytes(uri);
         throw cause;
@@ -3716,6 +3601,137 @@ class AssetLoader {
   }
 }
 
+// src/types.ts
+var MAX_MESHES = 4096;
+var SHAPE_MESH = {
+  cube: 0,
+  sphere: 1,
+  plane: 2,
+  cylinder: 3,
+  cone: 4,
+  capsule: 5,
+  torus: 6,
+  roundedBox: 7,
+  puff: 8,
+  flame: 9,
+  none: 15
+};
+
+// src/render/meshes.ts
+var VERTEX_FLOATS = 11;
+
+class Builder {
+  vertices = [];
+  indices = [];
+  vertex(p, n, u, v) {
+    this.vertices.push(p[0], p[1], p[2], n[0], n[1], n[2], 1, 1, 1, u, v);
+    return this.vertices.length / VERTEX_FLOATS - 1;
+  }
+  quad(a, b, c, d) {
+    this.indices.push(a, b, c, a, c, d);
+  }
+  grid(rows, cols, at) {
+    const first = this.vertices.length / VERTEX_FLOATS;
+    for (let i = 0;i <= rows; i++) {
+      for (let j = 0;j <= cols; j++) {
+        const [p, n] = at(j / cols, i / rows);
+        this.vertex(p, n, j / cols, i / rows);
+      }
+    }
+    for (let i = 0;i < rows; i++) {
+      for (let j = 0;j < cols; j++) {
+        const a = first + i * (cols + 1) + j;
+        const b = a + cols + 1;
+        this.indices.push(a, b, a + 1, a + 1, b, b + 1);
+      }
+    }
+  }
+  disc(y, radius, facing, segments) {
+    const center = this.vertex([0, y, 0], [0, facing, 0], 0.5, 0.5);
+    const first = center + 1;
+    for (let j = 0;j <= segments; j++) {
+      const t = j / segments * TAU;
+      const x = Math.cos(t);
+      const z = Math.sin(t);
+      this.vertex([x * radius, y, z * radius], [0, facing, 0], 0.5 + x / 2, 0.5 + z / 2);
+    }
+    for (let j = 0;j < segments; j++) {
+      if (facing === 1)
+        this.indices.push(center, first + j + 1, first + j);
+      else
+        this.indices.push(center, first + j, first + j + 1);
+    }
+  }
+}
+var TAU = Math.PI * 2;
+var registered = new Map;
+var idLimit = 16;
+function registerMesh(mesh, info, uploadGeometry = true) {
+  registered.set(mesh, info);
+  idLimit = Math.max(idLimit, mesh + 1);
+  if (uploadGeometry)
+    upload(mesh, info);
+}
+var getMeshIdLimit = () => idLimit;
+function exact(data) {
+  const { buffer, byteOffset, byteLength } = data;
+  if (buffer instanceof ArrayBuffer && byteOffset === 0 && byteLength === buffer.byteLength)
+    return buffer;
+  return data.slice().buffer;
+}
+function upload(mesh, info) {
+  const { vertices, indices } = info.geometry;
+  NativeNayanEngine_web_default?.renderMesh(mesh, exact(vertices), exact(indices), info.texture ?? -1, info.shine ?? 0);
+}
+var builtInsUploaded = false;
+function uploadBuiltInMeshes() {
+  if (builtInsUploaded)
+    return;
+  NativeNayanEngine_web_default?.generateBuiltinMeshes();
+  builtInsUploaded = true;
+}
+function warmUpEngine() {
+  const pending = prepareEngine2();
+  const warm = () => {
+    const native = NativeNayanEngine_web_default;
+    if (!native)
+      return;
+    uploadBuiltInMeshes();
+    if (typeof native.renderWarmUp === "function")
+      native.renderWarmUp();
+  };
+  if (pending)
+    return pending.then(warm);
+  warm();
+  return Promise.resolve();
+}
+function meshInfo(mesh) {
+  const info = registered.get(mesh);
+  if (info || mesh === SHAPE_MESH.none)
+    return info;
+  const shape = Object.keys(SHAPE_MESH).find((s) => SHAPE_MESH[s] === mesh);
+  if (!shape || shape === "none")
+    return;
+  const native = NativeNayanEngine_web_default;
+  if (!native)
+    return;
+  let vertices = new Float32Array(native.renderMeshVertices(mesh));
+  if (!vertices.length && !builtInsUploaded && typeof native.generateBuiltinMeshes === "function") {
+    try {
+      uploadBuiltInMeshes();
+    } catch {
+      return;
+    }
+    vertices = new Float32Array(native.renderMeshVertices(mesh));
+  }
+  const indices = new Uint32Array(native.renderMeshIndices(mesh));
+  if (!vertices.length)
+    return;
+  const made = { geometry: { vertices, indices } };
+  registered.set(mesh, made);
+  return made;
+}
+
 // src/assets/model.ts
 var loader = new AssetLoader("loadModel");
 function nativeGeometry(mesh) {
@@ -3724,6 +3740,18 @@ function nativeGeometry(mesh) {
     indices: new Uint32Array(NativeNayanEngine_web_default.modelIndices(mesh))
   };
 }
+function registerCoreMesh(mesh, info = {}, geometry = () => nativeGeometry(mesh)) {
+  const native = NativeNayanEngine_web_default;
+  let cached;
+  const inRust = typeof native.renderModel === "function" && native.renderModel(mesh, info.texture ?? -1, info.shine ?? 0);
+  registerMesh(mesh, {
+    get geometry() {
+      return cached ??= geometry();
+    },
+    texture: info.texture,
+    shine: info.shine
+  }, !inRust);
+}
 var materials = new Map;
 function registerModelMesh(mesh, shine) {
   const info = meshInfo(mesh);
@@ -3736,11 +3764,7 @@ function registerModelMesh(mesh, shine) {
   const id = info ? NativeNayanEngine_web_default.meshAlias(mesh) : mesh;
   if (id < 0)
     throw new Error(NativeNayanEngine_web_default.loadError() || "couldn't register a material variant");
-  registerMesh(id, {
-    geometry: info?.geometry ?? nativeGeometry(id),
-    texture: info?.texture,
-    shine
-  });
+  registerCoreMesh(id, { texture: info?.texture, shine }, info ? () => info.geometry : undefined);
   materials.set(key, id);
   return id;
 }
@@ -3749,25 +3773,25 @@ function loadModel(source, options = {}) {
   const fit = options.fit ?? 0;
   const shine = Math.max(0, Math.min(1, options.shine ?? 0));
   return loader.load(source, (native, bytes) => {
-    const mesh = native.modelLoad(bytes, center, fit);
-    if (mesh < 0)
-      throw new Error(native.loadError() || "not a glTF model");
-    const texture = native.modelTexture(mesh);
-    registerMesh(mesh, {
-      geometry: nativeGeometry(mesh),
-      texture: texture >= 0 ? texture : undefined,
-      shine
-    });
-    const [x, y, z] = native.modelSize(mesh);
-    const rig = JSON.parse(native.modelRig(mesh));
-    return {
-      animations: rig.clips,
-      jointCount: rig.joints,
-      id: mesh,
-      size: [x, y, z]
-    };
+    if (typeof native.modelLoadAsync === "function")
+      return native.modelLoadAsync(bytes, center, fit).then((mesh) => finishModel(native, mesh, shine));
+    return finishModel(native, native.modelLoad(bytes, center, fit), shine);
   }, [center, fit, shine]);
 }
+function finishModel(native, mesh, shine) {
+  if (mesh < 0)
+    throw new Error(native.loadError() || "not a glTF model");
+  const texture = native.modelTexture(mesh);
+  registerCoreMesh(mesh, { texture: texture >= 0 ? texture : undefined, shine });
+  const [x, y, z] = native.modelSize(mesh);
+  const rig = JSON.parse(native.modelRig(mesh));
+  return {
+    animations: rig.clips,
+    jointCount: rig.joints,
+    id: mesh,
+    size: [x, y, z]
+  };
+}
 
 // src/assets/font.ts
 var DEFAULT_CHARS = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz !\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~×÷±−°·•–—…‘’“”";
@@ -3783,7 +3807,11 @@ function loadFont(source, options = {}) {
   const chars = [...new Set(`${options.chars ?? DEFAULT_CHARS} ?`.normalize("NFC"))].filter((ch) => !isInvisible(ch)).join("");
   const weight = options.weight ?? 0;
   const pending = loader2.load(source, (native, bytes) => {
-    const id = native.fontLoad(bytes, depth, chars, weight);
+    if (typeof native.fontLoadAsync === "function")
+      return native.fontLoadAsync(bytes, depth, chars, weight).then((id) => finish(native, bytes, id));
+    return finish(native, bytes, native.fontLoad(bytes, depth, chars, weight));
+  }, [depth, weight]);
+  function finish(native, bytes, id) {
     if (id < 0)
       throw new Error(native.loadError() || "not a TrueType / OpenType font");
     const glyphs = new Map;
@@ -3793,7 +3821,7 @@ function loadFont(source, options = {}) {
       for (let i = 0;i + 3 <= data.length - 1; i += 3) {
         const mesh = data[i + 1];
         if (mesh >= 0 && !registered.has(mesh)) {
-          registerMesh(mesh, { geometry: nativeGeometry(mesh) });
+          registerCoreMesh(mesh);
           registered.add(mesh);
         }
         glyphs.set(String.fromCodePoint(data[i]), {
@@ -3827,7 +3855,7 @@ function loadFont(source, options = {}) {
       }
     });
     return font;
-  }, [depth, weight]);
+  }
   return pending.then((font) => {
     extend.get(font)?.(chars);
     return font;
@@ -3882,11 +3910,13 @@ function layoutText(font, text, align, options = {}) {
 var loader3 = new AssetLoader("loadTexture");
 function loadTexture(source) {
   return loader3.load(source, (native, bytes) => {
-    const id = native.textureLoad(bytes);
-    if (id < 0)
-      throw new Error(native.loadError() || "not a PNG or JPEG image");
-    const [width, height] = native.textureSize(id);
-    return { id, width, height };
+    const finish = (id) => {
+      if (id < 0)
+        throw new Error(native.loadError() || "not a PNG or JPEG image");
+      const [width, height] = native.textureSize(id);
+      return { id, width, height };
+    };
+    return typeof native.textureLoadAsync === "function" ? native.textureLoadAsync(bytes).then(finish) : finish(native.textureLoad(bytes));
   });
 }
 var variants = new Map;
@@ -3900,16 +3930,76 @@ function texturedMesh(mesh, texture) {
     id = NativeNayanEngine_web_default.meshAlias(mesh);
     if (id < 0)
       throw new Error(`texture: ${NativeNayanEngine_web_default.loadError()}`);
-    registerMesh(id, {
-      geometry: base.geometry,
-      texture: texture.id,
-      shine: base.shine
-    });
+    registerCoreMesh(id, { texture: texture.id, shine: base.shine }, () => base.geometry);
     variants.set(key, id);
   }
   return id;
 }
 
+// src/world/color.ts
+var HEX = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+var RGB = /^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*(?:,\s*([\d.]+%?)\s*)?\)$/i;
+var NAMED = {
+  transparent: [0, 0, 0, 0],
+  black: [0, 0, 0, 1],
+  white: [1, 1, 1, 1],
+  red: [1, 0, 0, 1],
+  green: [0, 128 / 255, 0, 1],
+  blue: [0, 0, 1, 1],
+  yellow: [1, 1, 0, 1],
+  orange: [1, 165 / 255, 0, 1],
+  purple: [128 / 255, 0, 128 / 255, 1],
+  gray: [128 / 255, 128 / 255, 128 / 255, 1],
+  grey: [128 / 255, 128 / 255, 128 / 255, 1]
+};
+var parsed = new Map;
+var PARSED_LIMIT = 1024;
+function parse(css) {
+  const text = css.trim();
+  const named = NAMED[text.toLowerCase()];
+  if (named)
+    return named;
+  const hex = HEX.exec(text);
+  if (hex) {
+    let digits = hex[1];
+    if (digits.length <= 4)
+      digits = [...digits].map((d) => d + d).join("");
+    const n = (i) => parseInt(digits.slice(i, i + 2), 16) / 255;
+    return [n(0), n(2), n(4), digits.length === 8 ? n(6) : 1];
+  }
+  const rgb = RGB.exec(text);
+  if (rgb) {
+    const alpha = rgb[4] === undefined ? 1 : rgb[4].endsWith("%") ? parseFloat(rgb[4]) / 100 : Number(rgb[4]);
+    return [Number(rgb[1]) / 255, Number(rgb[2]) / 255, Number(rgb[3]) / 255, alpha];
+  }
+  throw new Error(`@nayan-ui/engine: "${css}" is not a color (use '#RRGGBB', '#RGB', '#RRGGBBAA', 'rgb(…)', 'rgba(…)' or a 0..1 tuple)`);
+}
+function toColor(color, alpha = 1) {
+  let c;
+  if (typeof color === "string") {
+    let hit = parsed.get(color);
+    if (!hit) {
+      hit = parse(color);
+      if (parsed.size >= PARSED_LIMIT)
+        parsed.clear();
+      parsed.set(color, hit);
+    }
+    c = hit;
+  } else
+    c = color;
+  return [c[0], c[1], c[2], (c[3] ?? 1) * alpha];
+}
+function resolveColor(color) {
+  return typeof color === "string" ? toColor(color) : color;
+}
+function resolveColors(colors) {
+  if (typeof colors === "string")
+    return [toColor(colors)];
+  if (typeof colors[0] === "number")
+    return [colors];
+  return colors.map(resolveColor);
+}
+
 // src/world/desc.ts
 var DESC_LEN = 64;
 var FLAG = {
@@ -3998,10 +4088,11 @@ function encode(d, o, mesh) {
   }
   if (o.color) {
     flags |= FLAG.COLOR;
-    d[SLOT.COLOR] = o.color[0];
-    d[SLOT.COLOR + 1] = o.color[1];
-    d[SLOT.COLOR + 2] = o.color[2];
-    d[SLOT.COLOR + 3] = o.color[3] ?? 1;
+    const c = resolveColor(o.color);
+    d[SLOT.COLOR] = c[0];
+    d[SLOT.COLOR + 1] = c[1];
+    d[SLOT.COLOR + 2] = c[2];
+    d[SLOT.COLOR + 3] = c[3] ?? 1;
   }
   if (o.velocity) {
     flags |= FLAG.VELOCITY;
@@ -4104,6 +4195,7 @@ var FLAG2 = {
 class Scoreboard {
   world;
   handlers = {};
+  listeners = new Set;
   state;
   constructor(world) {
     this.world = world;
@@ -4171,12 +4263,23 @@ class Scoreboard {
       this.stop();
     }
   }
+  listen(handlers) {
+    this.listeners.add(handlers);
+    return () => {
+      this.listeners.delete(handlers);
+    };
+  }
   dispatch() {
     const flags = this.state[S.flags];
     if (flags === 0)
       return;
     this.state[S.flags] = 0;
-    const h = this.handlers;
+    this.run(this.handlers, flags);
+    if (this.listeners.size)
+      for (const h of [...this.listeners])
+        this.run(h, flags);
+  }
+  run(h, flags) {
     if (flags & FLAG2.score)
       h.onScore?.(this.score);
     if (flags & FLAG2.lives)
@@ -4275,7 +4378,8 @@ class TransformBatch {
     if (color)
       this.writeColor(offset, color);
   }
-  writeColor(offset, color) {
+  writeColor(offset, input) {
+    const color = resolveColor(input);
     this.data[offset + 12] = color[0];
     this.data[offset + 13] = color[1];
     this.data[offset + 14] = color[2];
@@ -4358,6 +4462,7 @@ class World {
   gravityValue = [0, -9.81, 0];
   boundsValue = null;
   listenerValue = null;
+  updates = 0;
   constructor(capacity) {
     this.capacity = capacity;
     if (!NativeNayanEngine_web_default) {
@@ -4405,7 +4510,7 @@ class World {
           letterSpacing: options.letterSpacing,
           tabular: options.tabular
         },
-        color: options.color ?? [1, 1, 1],
+        color: resolveColor(options.color ?? WHITE),
         glyphs: []
       };
       try {
@@ -4434,7 +4539,7 @@ class World {
         tabular: options.tabular ?? text.layout.tabular
       };
       if (options.color)
-        text.color = options.color;
+        text.color = resolveColor(options.color);
       if (rebuild)
         this.buildText(e, text);
       else if (options.color) {
@@ -4604,10 +4709,11 @@ class World {
     }
     if (k.color) {
       flags |= KEY_FLAG.color;
-      a[o + 12] = k.color[0];
-      a[o + 13] = k.color[1];
-      a[o + 14] = k.color[2];
-      a[o + 15] = k.color[3] ?? 1;
+      const c = resolveColor(k.color);
+      a[o + 12] = c[0];
+      a[o + 13] = c[1];
+      a[o + 14] = c[2];
+      a[o + 15] = c[3] ?? 1;
     }
     if (k.moveBy) {
       flags |= KEY_FLAG.moveBy;
@@ -4631,9 +4737,8 @@ class World {
   }
   burst(options) {
     const b = this.burstDesc;
-    const color = options.color ?? WHITE;
-    const single = typeof color[0] === "number";
-    const colorCount = single ? 1 : Math.max(1, Math.min(4, color.length));
+    const colors = resolveColors(options.color ?? WHITE);
+    const colorCount = Math.max(1, Math.min(4, colors.length));
     b.set(options.position, 0);
     b.set(options.direction ?? UP, 3);
     b[6] = options.spread ?? Math.PI;
@@ -4645,12 +4750,12 @@ class World {
     b[12] = options.gravity ?? -9.81;
     b[13] = colorCount;
     for (let k = 0;k < colorCount; k++)
-      writeRgba(b, 14 + k * 4, single ? color : color[k]);
+      writeRgba(b, 14 + k * 4, colors[k]);
     b[30] = options.endSize ?? 1;
     const end = options.endColor;
     b[31] = end ? 1 : 0;
     if (end)
-      writeRgba(b, 32, end);
+      writeRgba(b, 32, resolveColor(end));
     return this.native.burst(this.id, b.buffer);
   }
   after(seconds, fn) {
@@ -4693,6 +4798,9 @@ class World {
   get scoreboard() {
     return this.scoreboardValue ??= new Scoreboard(this.id);
   }
+  get updateCount() {
+    return this.updates;
+  }
   get timerCount() {
     return this.timers.size + this.fallbackTimers.length;
   }
@@ -4834,6 +4942,8 @@ class World {
     this.native.setListener(this.id, e ?? -1);
   }
   update(dt) {
+    this.updates++;
+    this.transformsValue?.flush();
     this.native.update(this.id, dt);
     this.resolveFinished();
     this.runFallbackTimers(dt);
@@ -4932,10 +5042,16 @@ var quat = {
   }
 };
 // src/world/effects.ts
-var rgba = (c) => [c[0], c[1], c[2], c[3] ?? 1];
-var list = (colors) => typeof colors[0] === "number" ? [rgba(colors)] : colors.map(rgba);
+var rgba = (input) => {
+  const c = resolveColor(input);
+  return [c[0], c[1], c[2], c[3] ?? 1];
+};
+var list = (colors) => resolveColors(colors).map(rgba);
 var part = (count, share) => Math.max(1, Math.round(count * share));
-var fade = (c) => [c[0], c[1], c[2], 0];
+var fade = (input) => {
+  const c = resolveColor(input);
+  return [c[0], c[1], c[2], 0];
+};
 function mean(colors) {
   const sum = [0, 0, 0, 0];
   for (const c of colors)
@@ -4943,11 +5059,15 @@ function mean(colors) {
       sum[i] += c[i];
   return sum.map((v) => v / colors.length);
 }
-function hot(c, peak = 2.2, alpha = c[3] ?? 1) {
+function hot(input, peak = 2.2, alpha) {
+  const c = resolveColor(input);
+  alpha ??= c[3] ?? 1;
   const k = peak / Math.max(c[0], c[1], c[2], 0.25);
   return [c[0] * k, c[1] * k, c[2] * k, alpha];
 }
-function pale(c, t, alpha = c[3] ?? 1) {
+function pale(input, t, alpha) {
+  const c = resolveColor(input);
+  alpha ??= c[3] ?? 1;
   return [c[0] + (1 - c[0]) * t, c[1] + (1 - c[1]) * t, c[2] + (1 - c[2]) * t, alpha];
 }
 function aim(e) {
@@ -4971,7 +5091,7 @@ function glowFlash(world, e, colors, size) {
   flash(world, { position: e.position, color: hot(mean(colors), 2, 0.85), size });
 }
 function dust(world, o) {
-  const single = typeof o.color[0] === "number";
+  const colors = resolveColors(o.color);
   return world.burst({
     position: o.position,
     count: o.count,
@@ -4982,9 +5102,9 @@ function dust(world, o) {
     gravity: o.gravity ?? 0,
     direction: o.direction,
     spread: o.spread,
-    color: o.color,
+    color: colors.length === 1 ? colors[0] : colors,
     endSize: o.endSize ?? 2,
-    endColor: o.endColor ?? (single ? fade(o.color) : undefined)
+    endColor: o.endColor ?? (colors.length === 1 ? fade(colors[0]) : undefined)
   });
 }
 function confetti(world, e) {
@@ -5803,11 +5923,13 @@ var QUALITY_LEVELS = {
   lowest: { maxPixelRatio: 2, samples: 1, shadowSize: 512, softShadows: false }
 };
 var SLOW_FRAME_MS = 20;
+var VERY_SLOW_FRAME_MS = 30;
 var FAST_FRAME_MS = 17.4;
 var RENDER_SHARE = 0.6;
 var STARTUP_MS = 2500;
-var SETTLE_MS = 2000;
+var SETTLE_MS = 1500;
 var SLOW_SECONDS = 3;
+var VERY_SLOW_SECONDS = 1;
 var FAST_SECONDS = 10;
 var RELAPSE_MS = 20000;
 
@@ -5818,6 +5940,7 @@ class AutoQuality {
   changed = 0;
   raisedAt = -Infinity;
   slow = 0;
+  verySlow = 0;
   fast = 0;
   get quality() {
     return QUALITIES[this.index];
@@ -5830,8 +5953,9 @@ class AutoQuality {
     const gpuBound = frames.frameMs > SLOW_FRAME_MS && frames.renderMs > frames.frameMs * RENDER_SHARE;
     const smooth = frames.frameMs <= FAST_FRAME_MS;
     this.slow = gpuBound ? this.slow + 1 : 0;
+    this.verySlow = gpuBound && frames.frameMs > VERY_SLOW_FRAME_MS ? this.verySlow + 1 : 0;
     this.fast = smooth ? this.fast + 1 : 0;
-    if (this.slow >= SLOW_SECONDS && this.index < QUALITIES.length - 1) {
+    if ((this.slow >= SLOW_SECONDS || this.verySlow >= VERY_SLOW_SECONDS) && this.index < QUALITIES.length - 1) {
       if (now - this.raisedAt < RELAPSE_MS)
         this.ceiling = Math.max(this.ceiling, this.index + 1);
       this.index++;
@@ -5847,6 +5971,7 @@ class AutoQuality {
   moved(now) {
     this.changed = now;
     this.slow = 0;
+    this.verySlow = 0;
     this.fast = 0;
     return true;
   }
@@ -5874,6 +5999,35 @@ var defaultLight = () => ({
   direction: [0.4, 0.8, 0.5],
   ambient: 0.35
 });
+var afterFrame = [];
+var runningLoops = 0;
+function runAfterFrame() {
+  if (afterFrame.length === 0)
+    return;
+  const due = afterFrame;
+  afterFrame = [];
+  for (const fn of due)
+    fn();
+}
+function afterNextFrame(fn) {
+  let cancelled = false;
+  const run = () => {
+    if (!cancelled)
+      fn();
+  };
+  if (runningLoops > 0)
+    afterFrame.push(run);
+  else {
+    const raf = requestAnimationFrame(run);
+    return () => {
+      cancelled = true;
+      cancelAnimationFrame(raf);
+    };
+  }
+  return () => {
+    cancelled = true;
+  };
+}
 function GameView(props) {
   const { source, camera, light, background, fog, style } = props;
   const active = useActive();
@@ -5920,6 +6074,9 @@ function GameView(props) {
     let alive = true;
     let raf = 0;
     let errors = 0;
+    const native2 = native;
+    const threaded = native2.hasFrameClock?.() === true && typeof native2.publishFrame === "function" && typeof native2.startFrames === "function";
+    let presentedAt = 0;
     if (autoQuality.current?.source !== source)
       autoQuality.current = { source, auto: new AutoQuality };
     const auto = autoQuality.current.auto;
@@ -5965,7 +6122,8 @@ function GameView(props) {
     const frame = (now) => {
       if (!alive)
         return;
-      raf = requestAnimationFrame(frame);
+      if (!threaded)
+        raf = requestAnimationFrame(frame);
       if (!last)
         last = fpsStart = now;
       if (now > last)
@@ -5974,7 +6132,14 @@ function GameView(props) {
       last = now;
       const { props: current, camera, light, environment } = live.current;
       const t0 = performance.now();
+      const layer = current.overlay;
+      const sourceSteps = source.updateCount;
+      const layerSteps = layer?.updateCount;
       current.onUpdate?.(dt);
+      if (source.update && !source.isDisposed && source.updateCount === sourceSteps)
+        source.update(dt);
+      if (layer?.update && !layer.isDisposed && layer.updateCount === layerSteps)
+        layer.update(dt);
       updateTime += performance.now() - t0;
       follow(camera, source, followed, dt);
       const view = shake(camera, shaken, dt);
@@ -5991,11 +6156,11 @@ function GameView(props) {
       f[11] = light.ambient;
       f[12] = light.shadows ?? true ? 1 : 0;
       f[13] = light.shadowExtent ?? 30;
-      const lightColor = light.color ?? WHITE3;
+      const lightColor = light.color === undefined ? WHITE3 : resolveColor(light.color);
       f[14] = lightColor[0];
       f[15] = lightColor[1];
       f[16] = lightColor[2];
-      const sky = environment.background;
+      const sky = resolveColor(environment.background);
       f[17] = sky[0];
       f[18] = sky[1];
       f[19] = sky[2];
@@ -6006,7 +6171,6 @@ function GameView(props) {
       f[24] = level.shadowSize;
       f[25] = level.softShadows ? 1 : 0;
       const t1 = performance.now();
-      const layer = current.overlay;
       if (layer) {
         if (overlay?.source !== layer)
           overlay = { source: layer, regions: wholeRegions(layer) };
@@ -6015,28 +6179,41 @@ function GameView(props) {
         overlay = null;
         native.renderOverlay(surfaceId, regions.buffer, regions.buffer, regions.buffer, regions.buffer, 0, 0, 0);
       }
-      const rendered = native.renderFrame(surfaceId, f.buffer, source.matrices.buffer, source.colors.buffer, regions.buffer, source.ranges.buffer, drawn(source), viewProj.buffer, source.nativeWorld ?? -1);
+      const render = threaded ? native2.publishFrame : native.renderFrame;
+      const rendered = render(surfaceId, f.buffer, source.matrices.buffer, source.colors.buffer, regions.buffer, source.ranges.buffer, drawn(source), viewProj.buffer, source.nativeWorld ?? -1);
       const drawMs = performance.now() - t1;
-      renderTime += drawMs;
-      draws.push(drawMs);
-      if (rendered === 1) {
-        shown = true;
+      if (!threaded) {
+        renderTime += drawMs;
+        draws.push(drawMs);
+      }
+      if (rendered === 1 || threaded && rendered === 0)
         source.setView?.(viewProj, width, height);
-      } else if (rendered < 0 && errors++ < 3) {
+      if (rendered === 1)
+        shown = true;
+      else if (rendered < 0 && errors++ < 3)
         report(new Error(native.renderError() || "rendering failed"));
-      }
       frames++;
       if (now - fpsStart >= 1000) {
-        auto.report(now, {
-          frameMs: median(intervals),
-          renderMs: median(draws)
-        });
+        const elapsed = now - fpsStart;
+        let fps = frames * 1000 / elapsed;
+        let frameMs = median(intervals);
+        let renderMs = median(draws);
+        let meanRenderMs = renderTime / frames;
+        if (threaded) {
+          const [presented = 0, nativeMs = 0] = native2.renderStats?.(surfaceId) ?? [];
+          const shownFrames = presented - presentedAt;
+          presentedAt = presented;
+          fps = shownFrames * 1000 / elapsed;
+          frameMs = shownFrames > 0 ? Math.max(frameMs, elapsed / shownFrames) : elapsed;
+          renderMs = meanRenderMs = nativeMs;
+        }
+        auto.report(now, { frameMs, renderMs });
         intervals.length = 0;
         draws.length = 0;
         current.onStats?.({
-          fps: frames * 1000 / (now - fpsStart),
+          fps,
           updateMs: updateTime / frames,
-          renderMs: renderTime / frames,
+          renderMs: meanRenderMs,
           quality,
           backend: native.renderBackend()
         });
@@ -6045,11 +6222,22 @@ function GameView(props) {
         renderTime = 0;
         fpsStart = now;
       }
+      runAfterFrame();
     };
-    raf = requestAnimationFrame(frame);
+    if (threaded)
+      native2.startFrames(surfaceId, frame);
+    else
+      raf = requestAnimationFrame(frame);
+    runningLoops++;
     return () => {
       alive = false;
-      cancelAnimationFrame(raf);
+      runningLoops--;
+      if (runningLoops === 0 && afterFrame.length)
+        requestAnimationFrame(runAfterFrame);
+      if (threaded)
+        native2.stopFrames(surfaceId);
+      else
+        cancelAnimationFrame(raf);
     };
   }, [source, props.paused, active]);
   const touchable = props.onTap || props.onSwipe || props.onDrag || props.onLongPress || props.onPinch || props.onOverlayTouch;
@@ -6064,6 +6252,58 @@ function GameView(props) {
     onPrimaryAction: props.onPrimaryAction ? () => live.current.props.onPrimaryAction?.() : undefined
   });
 }
+// src/render/useWorld.ts
+import { useEffect as useEffect3, useRef as useRef3, useState as useState2 } from "react";
+function useWorld(capacity, setup, deps = [], onError) {
+  const [world, setWorld] = useState2(null);
+  const latest = useRef3({ setup, onError });
+  latest.current = { setup, onError };
+  useEffect3(() => {
+    let active = true;
+    let created = null;
+    let cleanup;
+    const report = (error) => {
+      const e = error instanceof Error ? error : new Error(String(error));
+      (latest.current.onError ?? ((x) => console.error(`useWorld: ${x.message}`)))(e);
+    };
+    if (!isEngineAvailable) {
+      report(new Error("the native engine is not linked into this build (a development build is needed, not Expo Go)"));
+      return;
+    }
+    warmUpEngine().then(() => {
+      if (!active)
+        return;
+      try {
+        created = new World(capacity);
+        cleanup = latest.current.setup?.(created);
+        setWorld(created);
+      } catch (error) {
+        created?.dispose();
+        created = null;
+        report(error);
+      }
+    }, report);
+    return () => {
+      active = false;
+      setWorld(null);
+      if (!created)
+        return;
+      try {
+        cleanup?.();
+      } finally {
+        created.dispose();
+      }
+    };
+  }, [capacity, ...deps]);
+  return world;
+}
+// src/render/light.ts
+function frontLight(direction, ambient) {
+  const [x, y, z] = direction;
+  const facing = z / Math.hypot(x, y, z);
+  const k = 1 / (ambient * 0.8 + (1 - ambient) * facing);
+  return { direction, ambient, shadows: false, color: [k, k, k] };
+}
 // src/assets/AssetCache.ts
 async function clearAssetCache() {
   advanceCacheGeneration();
@@ -6118,6 +6358,24 @@ class ProceduralCache {
   async flush() {
     await Promise.all([...this.writes]);
   }
+  peek(key) {
+    if (this.memory.has(key))
+      return this.memory.get(key);
+    if (!this.storage)
+      return;
+    try {
+      const bytes = this.storage.read(key);
+      if (!bytes)
+        return;
+      const value = this.restore(bytes, key);
+      this.memory.set(key, value);
+      this.hits++;
+      return value;
+    } catch {
+      this.invalid++;
+      return;
+    }
+  }
   get(key, build) {
     if (this.memory.has(key))
       return this.memory.get(key);
@@ -6226,7 +6484,7 @@ class ProceduralCache {
         bytes.set(new Uint8Array(data.buffer, data.byteOffset, data.byteLength), offset);
         offset += data.byteLength;
       }
-    view.setUint32(12, checksum(bytes.subarray(16)), true);
+    view.setUint32(12, this.storage?.verified ? 0 : checksum(bytes.subarray(16)), true);
     return bytes;
   }
   restore(raw, key) {
@@ -6235,7 +6493,7 @@ class ProceduralCache {
     const bytes = raw.byteOffset % 4 ? raw.slice() : raw;
     const view = new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength);
     const jsonLength = view.getUint32(4, true);
-    if (view.getUint32(0, true) !== MAGIC || view.getUint32(8, true) !== bytes.length || jsonLength > bytes.length - 16 || view.getUint32(12, true) !== checksum(bytes.subarray(16)))
+    if (view.getUint32(0, true) !== MAGIC || view.getUint32(8, true) !== bytes.length || jsonLength > bytes.length - 16 || !this.storage?.verified && view.getUint32(12, true) !== checksum(bytes.subarray(16)))
       throw Error("cache integrity");
     const header = decodeJson(bytes.subarray(16, 16 + jsonLength));
     if (!("value" in header) || header.revision !== this.revision || header.key !== key || !Array.isArray(header.meshes))
@@ -6250,12 +6508,14 @@ class ProceduralCache {
         throw Error("cache truncated");
       const vertices = new Float32Array(bytes.buffer, bytes.byteOffset + offset, mesh.floats);
       const indices = new Uint32Array(bytes.buffer, bytes.byteOffset + offset + mesh.floats * 4, mesh.indices);
-      for (const value of vertices)
-        if (!Number.isFinite(value))
-          throw Error("cache vertex");
-      for (const index of indices)
-        if (index >= mesh.floats / 11)
-          throw Error("cache index");
+      if (!this.storage?.verified) {
+        for (const value of vertices)
+          if (!Number.isFinite(value))
+            throw Error("cache vertex");
+        for (const index of indices)
+          if (index >= mesh.floats / 11)
+            throw Error("cache index");
+      }
       payloads.push({ vertices, indices, shine: mesh.shine });
       offset = end;
     }
@@ -7387,10 +7647,12 @@ function smoothCurve(points) {
 var loader4 = new AssetLoader("audio");
 function loadSound(source) {
   return loader4.load(source, (native, bytes) => {
-    const id = native.audioLoad(bytes);
-    if (id < 0)
-      throw new Error(native.loadError() || "not a supported WAV file");
-    return id;
+    const finish = (id) => {
+      if (id < 0)
+        throw new Error(native.loadError() || "not a supported WAV file");
+      return id;
+    };
+    return typeof native.audioLoadAsync === "function" ? native.audioLoadAsync(bytes).then(finish) : finish(native.audioLoad(bytes));
   }).catch((error) => {
     console.warn(error instanceof Error ? error.message : String(error));
     return null;
@@ -7509,15 +7771,15 @@ var haptics = {
   }
 };
 // src/input/Joystick.web.tsx
-import { useCallback, useEffect as useEffect3, useRef as useRef3 } from "react";
+import { useCallback, useEffect as useEffect4, useRef as useRef4 } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 function useJoystick() {
-  return useRef3({ x: 0, y: 0 }).current;
+  return useRef4({ x: 0, y: 0 }).current;
 }
 function Joystick({ state, size = 150, style }) {
-  const knob = useRef3(null);
-  const pointer = useRef3(null);
-  const origin = useRef3({ x: 0, y: 0 });
+  const knob = useRef4(null);
+  const pointer = useRef4(null);
+  const origin = useRef4({ x: 0, y: 0 });
   const reach = size * 0.3;
   const reset = useCallback(() => {
     pointer.current = null;
@@ -7525,7 +7787,7 @@ function Joystick({ state, size = 150, style }) {
     if (knob.current)
       knob.current.style.transform = "translate(0px, 0px)";
   }, [state]);
-  useEffect3(() => {
+  useEffect4(() => {
     const visibility = () => {
       if (document.hidden)
         reset();
@@ -7730,7 +7992,7 @@ class DrawingDocument {
   }
 }
 // src/drawing/DrawingCanvas.web.tsx
-import { memo, useEffect as useEffect4, useRef as useRef4, useState as useState2 } from "react";
+import { memo, useEffect as useEffect5, useRef as useRef5, useState as useState3 } from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
 var DrawingCanvas = memo(function DrawingCanvas({
   document: drawing,
@@ -7741,11 +8003,11 @@ var DrawingCanvas = memo(function DrawingCanvas({
   onChange,
   style
 }) {
-  const ref = useRef4(null);
-  const [error, setError] = useState2("");
-  const live = useRef4({ mode, background, active, onError, onChange });
+  const ref = useRef5(null);
+  const [error, setError] = useState3("");
+  const live = useRef5({ mode, background, active, onError, onChange });
   live.current = { mode, background, active, onError, onChange };
-  useEffect4(() => {
+  useEffect5(() => {
     const canvas = ref.current;
     setError("");
     let alive = true, ready = false, raf = 0, drawingPointer = null;
@@ -7936,6 +8198,7 @@ export {
   Scoreboard,
   Solid,
   World,
+  afterNextFrame,
   audio,
   block,
   clearAssetCache,
@@ -7947,6 +8210,7 @@ export {
   effects,
   ellipsoid,
   extrude,
+  frontLight,
   getGeometryStats,
   getMeshIdLimit,
   haptics,
@@ -7966,9 +8230,11 @@ export {
   smoothCurve,
   smoothNormals,
   solidGeometry,
+  toColor,
   tube,
   useJoystick,
+  useWorld,
   warmUpEngine
 };
 
-//# debugId=415D0E5A2154518A64756E2164756E21
+//# debugId=1367AF6CC344167A64756E2164756E21