@ludicon/spark.js 0.0.2 → 0.0.3

package/README.md

@@ -21,14 +21,14 @@ npm install @ludicon/spark.js
 ## Usage Example
 
 ```js
-import { Spark } from "spark.js"
+import { Spark } from "@ludicon/spark.js"
 
 // Initialize a WebGPU device with required features
 const adapter = await navigator.gpu.requestAdapter()
 const requiredFeatures = Spark.getRequiredFeatures(adapter)
 const device = await adapter.requestDevice({ requiredFeatures })
 
-// Create Spark instance for the WebGPU device
+// Create spark instance for the WebGPU device
 const spark = await Spark.create(device)
 
 // Load and encode an image into a GPU texture

package/dist/index.esm.js

@@ -1,11 +1,10 @@
 const modules = /* @__PURE__ */ Object.assign({ "./spark_astc_rgb.wgsl": () => import("./spark_astc_rgb-ylbf30mQ.js"), "./spark_astc_rgba.wgsl": () => import("./spark_astc_rgba-C4NuyfHw.js"), "./spark_bc1_rgb.wgsl": () => import("./spark_bc1_rgb-CRQwJRCp.js"), "./spark_bc3_rgba.wgsl": () => import("./spark_bc3_rgba-CyRcvC8t.js"), "./spark_bc4_r.wgsl": () => import("./spark_bc4_r-BSB9VB_w.js"), "./spark_bc5_rg.wgsl": () => import("./spark_bc5_rg-NX_OBH9I.js"), "./spark_bc7_rgb.wgsl": () => import("./spark_bc7_rgb-CYdL55pE.js"), "./spark_bc7_rgba.wgsl": () => import("./spark_bc7_rgba-BFgOyqos.js"), "./spark_eac_r.wgsl": () => import("./spark_eac_r-BFwH430b.js"), "./spark_eac_rg.wgsl": () => import("./spark_eac_rg--Gm5Gzmk.js"), "./spark_etc2_rgb.wgsl": () => import("./spark_etc2_rgb-CWjBHhHQ.js"), "./spark_etc2_rgba.wgsl": () => import("./spark_etc2_rgba-BRX5DwNI.js"), "./utils.wgsl": () => import("./utils-BybjJ-PV.js") });
 const shaders = Object.fromEntries(
-  await Promise.all(
-    Object.entries(modules).map(async function([path, module]) {
-      const { default: shader } = await module(), name = path.replace("./", "");
-      return [name, shader];
-    })
-  )
+  Object.entries(modules).map(([path, module]) => {
+    const name = path.replace("./", "");
+    const fn = async () => (await module()).default;
+    return [name, fn];
+  })
 );
 const SparkFormat = {
   ASTC_4x4_RGB: 0,
@@ -461,11 +460,13 @@ class Spark {
   /**
    * Initialize the encoder by detecting available compression formats.
    * @param {GPUDevice} device - WebGPU device.
+   * @param {Object} options - Encoder options.
+   * @param {boolean} options.preload - Whether to preload all encoder pipelines (false by default).
    * @returns {Promise<void>} Resolves when initialization is complete.
    */
-  static async create(device) {
+  static async create(device, options = {}) {
     const instance = new Spark();
-    await instance.#init(device);
+    await instance.#init(device, options.preload ?? false);
     return instance;
   }
   /**
@@ -757,7 +758,7 @@ class Spark {
     }
     const commandEncoder = this.#device.createCommandEncoder();
     commandEncoder.resolveQuerySet(this.#querySet, 0, 2, this.#queryBuffer, 0);
-    commandEncoder.copyBufferToBuffer(this.#queryBuffer, this.#queryReadbackBuffer, 16);
+    commandEncoder.copyBufferToBuffer(this.#queryBuffer, 0, this.#queryReadbackBuffer, 0, 16);
     this.#device.queue.submit([commandEncoder.finish()]);
     await this.#device.queue.onSubmittedWorkDone();
     await this.#queryReadbackBuffer.mapAsync(GPUMapMode.READ);
@@ -770,7 +771,7 @@ class Spark {
     const elapsedMilliseconds = elapsedNanoseconds / 1e6;
     return elapsedMilliseconds;
   }
-  async #init(device) {
+  async #init(device, preload) {
     assert(device, "device is required");
     assert(isWebGPU(device), "device is not a WebGPU device");
     this.#device = device;
@@ -808,17 +809,19 @@ class Spark {
     }
     this.#supportsFloat16 = this.#device.features.has("shader-f16");
     await this.#loadUtilPipelines();
-    for (const format of this.#supportedFormats) {
-      if (!this.#pipelines[format]) {
-        this.#loadPipeline(format).catch((err) => {
-          console.error(`Failed to preload pipeline for format ${format}:`, err);
-        });
+    if (preload) {
+      for (const format of this.#supportedFormats) {
+        if (!this.#pipelines[format]) {
+          this.#loadPipeline(format).catch((err) => {
+            console.error(`Failed to preload pipeline for format ${format}:`, err);
+          });
+        }
       }
     }
   }
   async #loadUtilPipelines() {
     const shaderModule = this.#device.createShaderModule({
-      code: shaders["utils.wgsl"],
+      code: await shaders["utils.wgsl"](),
       label: "utils"
     });
     if (typeof shaderModule.compilationInfo == "function") {
@@ -867,7 +870,7 @@ class Spark {
     const pipelinePromise = (async () => {
       const shaderFile = SparkShaderFiles[format];
       assert(shaderFile, `No shader available for format ${SparkFormatName[format]}`);
-      let shaderCode = shaders[shaderFile];
+      let shaderCode = await shaders[shaderFile]();
       if (!this.#supportsFloat16) {
         shaderCode = shaderCode.replace(/^enable f16;\s*/m, "").replace(/\bf16\b/g, "f32").replace(/\bvec([234])h\b/g, "vec$1f").replace(/\bmat([234]x[234])h/g, "mat$1f").replace(/\b(\d*\.\d+|\d+\.)h\b/g, "$1");
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludicon/spark.js",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Real-Time GPU Texture Codecs for the Web",
   "main": "dist/index.esm.js",
   "module": "dist/index.esm.js",