npm - @grame/faustwasm - Versions diffs - 0.16.4 → 0.16.5 - Mend

@grame/faustwasm 0.16.4 → 0.16.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/assets/standalone/create-node.js +304 -250
package/assets/standalone/faust-pwa.js +63 -12
package/assets/standalone/index-pwa.js +12 -5
package/package.json +1 -1
package/test/organ/create-node.js +0 -253
package/test/organ/dsp-meta.json +0 -132
package/test/organ/dsp-module.wasm +0 -0
package/test/organ/faust-pwa.js +0 -344
package/test/organ/faust-ui/index.css +0 -442
package/test/organ/faust-ui/index.css.map +0 -1
package/test/organ/faust-ui/index.d.ts +0 -1
package/test/organ/faust-ui/index.js +0 -3756
package/test/organ/faust-ui/index.js.map +0 -1
package/test/organ/faustwasm/index.d.ts +0 -1824
package/test/organ/faustwasm/index.js +0 -6178
package/test/organ/faustwasm/index.js.map +0 -7
package/test/organ/icon.png +0 -0
package/test/organ/index.html +0 -76
package/test/organ/index.js +0 -69
package/test/organ/manifest.json +0 -17
package/test/organ/service-worker.js +0 -165

package/test/organ/icon.png DELETED Viewed

Binary file

package/test/organ/index.html DELETED Viewed

@@ -1,76 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<link rel="manifest" href="./manifest.json">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Faust DSP</title>
-    <style>
-        body {
-            color: #b0b0b0;
-            background-color: #1f1f1f;
-            display: flex;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            margin: 0;
-            position: absolute;
-        }
-        main {
-            margin: 20px;
-            display: flex;
-            flex-direction: column;
-            flex: 1 1 100%;
-        }
-        main span {
-            position: relative;
-            display: flex;
-        }
-        main span[hidden] {
-            display: none;
-        }
-        main span span {
-            margin: 0px 10px;
-            flex: 1;
-        }
-        main span select {
-            flex: 2;
-        }
-        #dsp-switch {
-            margin: 20px auto;
-        }
-        #button-dsp {
-            padding: 10px;
-        }
-        #div-faust-ui {
-            flex: 1 1 auto;
-            display: flex;
-            position: relative;
-            flex-direction: column;
-            color: black;
-        }
-    </style>
-    <link rel="stylesheet" href="./faust-ui/index.css">
-</head>
-<body>
-    <main>
-        <div id="div-faust-ui">
-        </div>
-    </main>
-    <script src="./index.js"></script>
-</body>
-</html>

package/test/organ/index.js DELETED Viewed

@@ -1,69 +0,0 @@
-/**
- * @file index-pwa.js
- * Entry point for initializing and managing the Faust PWA instance.
- *
- * ## Overview
- * This script dynamically imports {@link createFaustPWA} from `faust-pwa.js`,
- * creates the Faust PWA controller, and manages user-activation of the
- * Web Audio API (click/touch) as well as visibility-based suspension.
- *
- * ## Responsibilities
- * - Dynamically import `createFaustPWA` (ES module)
- * - Create the PWA instance for the selected DSP
- * - Resume/suspend AudioContext on user interaction or page visibility changes
- * - Activate/deactivate MIDI and sensors
- *
- * ## Emitted Events (from FaustPWA)
- * - `created` — DSP and UI successfully initialized
- * - `started` — Audio, MIDI, and sensors activated
- * - `stopped` — Audio, MIDI, and sensors deactivated
- * - `destroy` — Resources released
- * - `error` — Operational error; see event.detail.error
- *
- * @module index-pwa
- */
-// Set to > 0 if the DSP is polyphonic
-const FAUST_DSP_VOICES = 0;
-(async () => {
-    const { FaustPWA } = await import("./faust-pwa.js");
-    /** @type {HTMLDivElement} */
-    const divFaustUI = document.getElementById("div-faust-ui");
-    // Declare faustNode as a global variable
-    const pwa = new FaustPWA({ dspName: "organ", voices: FAUST_DSP_VOICES, uiContainer: divFaustUI });
-    // Create PWA and UI
-    await pwa.create();
-    // Event listener to handle user interaction
-    function handleUserInteraction() {
-        // Resume AudioContext synchronously
-        pwa.resumeAudioContext();
-        // Activate MIDI and Sensors
-        pwa.activateMIDISensors()
-    }
-    // Activate AudioContext, MIDI and Sensors on user interaction
-    window.addEventListener('click', handleUserInteraction);
-    window.addEventListener('touchstart', handleUserInteraction);
-    // Deactivate AudioContext, MIDI and Sensors on user interaction
-    window.addEventListener('visibilitychange', function () {
-        if (window.visibilityState === 'hidden') {
-            // Suspend AudioContext
-            pwa.suspendAudioContext();
-            // Deactivate MIDI and Sensors
-            pwa.deactivateMIDISensors();
-        }
-    });
-})();

package/test/organ/manifest.json DELETED Viewed

@@ -1,17 +0,0 @@
-{
-  "name": "Faust organ",
-  "short_name": "organ",
-  "start_url": "./index.html",
-  "description": "Progressive Web App for organ",
-  "display": "standalone",
-  "background_color": "#ffffff",
-  "theme_color": "#000000",
-  "orientation": "portrait",
-  "icons": [
-    {
-      "src": "./icon.png",
-      "sizes": "390x390",
-      "type": "image/png"
-    }
-  ]
-}

package/test/organ/service-worker.js DELETED Viewed

@@ -1,165 +0,0 @@
-/// <reference lib="webworker" />
-// Set to > 0 if the DSP is polyphonic
-const FAUST_DSP_VOICES = 0;
-// Set to true if the DSP has an effect
-const FAUST_DSP_HAS_EFFECT = false;
-const CACHE_NAME = "organ_20260614-1752"; // Cache name with versioning
-/**
- * List of essential resources required for the **Mono DSP** version of the application.
- *
- * - These files are cached to enable offline functionality and improve loading speed.
- * - Includes the main HTML, JavaScript, and CSS files required for the app.
- * - Contains Faust-related files needed for DSP processing.
- */
-const MONO_RESOURCES = [
-    "./index.html",
-    "./index.js",
-    "./create-node.js",
-    "./faust-ui/index.js",
-    "./faust-ui/index.css",
-    "./faustwasm/index.js",
-    "./dsp-module.wasm",
-    "./dsp-meta.json"
-];
-/**
- * List of resources for the **Polyphonic DSP** version of the application.
- *
- * - Extends the mono resource list by adding a **mixer module**.
- * - The mixer module is required to handle multiple simultaneous voices used in a polyphonic instrument.
- */
-const POLY_RESOURCES = [
-    ...MONO_RESOURCES,
-    "./mixer-module.wasm",
-];
-/**
- * List of resources for the **Polyphonic DSP with Effects** version.
- *
- * - Extends the polyphonic resource list by adding an **effect module**.
- * - The effect module allows applying audio effects to the polyphonic instrument.
- */
-const POLY_EFFECT_RESOURCES = [
-    ...POLY_RESOURCES,
-    "./effect-module.wasm",
-    "./effect-meta.json",
-];
-/** @type {ServiceWorkerGlobalScope} */
-const serviceWorkerGlobalScope = self;
-/**
- * Install the service worker, cache essential resources, and prepare for immediate activation.
- *
- * - Opens the cache and stores required assets based on the app's configuration.
- * - Ensures resources are preloaded for offline access.
- */
-serviceWorkerGlobalScope.addEventListener("install", (event) => {
-    console.log("Service worker installed");
-    event.waitUntil((async () => {
-        const cache = await caches.open(CACHE_NAME);
-        const resources = (FAUST_DSP_VOICES && FAUST_DSP_HAS_EFFECT) ? POLY_EFFECT_RESOURCES : (FAUST_DSP_VOICES ? POLY_RESOURCES : MONO_RESOURCES);
-        try {
-            return cache.addAll(resources);
-        } catch (error) {
-            console.error("Failed to cache resources during install:", error);
-        }
-    })());
-});
-/**
- * Handles the activation of the Service Worker.
- *
- * - Claims control over all clients immediately, bypassing the default behavior that
- *   requires a page reload before the new service worker takes effect.
- * - Once claimed, it finds all active window clients and reloads them to ensure they are
- *   controlled by the latest version of the service worker.
- * - This approach ensures that updates to the service worker take effect immediately
- *   across all open pages, preventing potential inconsistencies.
- */
-serviceWorkerGlobalScope.addEventListener("activate", (event) => {
-    console.log("Service worker activated");
-    event.waitUntil(
-        clients.claim().then(() => {
-            return clients.matchAll({ type: "window" }).then((clients) => {
-                clients.forEach((client) => {
-                    client.navigate(client.url);
-                });
-            });
-        })
-    );
-});
-/**
- * Adjusts response headers to enforce Cross-Origin Opener Policy (COOP) and Cross-Origin Embedder Policy (COEP).
- *
- * - Ensures that the response is served with `Cross-Origin-Opener-Policy: same-origin`
- *   and `Cross-Origin-Embedder-Policy: require-corp`.
- * - Required for enabling **cross-origin isolated** environments in web applications.
- * - Necessary for features like **SharedArrayBuffer**, WebAssembly threads, and
- *   high-performance APIs that require isolation.
- * - Creates a new `Response` object with the modified headers while preserving
- *   the original response body and status.
- *
- * @param {Response} response - The original HTTP response object.
- * @returns {Response} A new response with updated security headers.
- */
-const getCrossOriginIsolatedResponse = (response) => {
-    // Modify headers to include COOP & COEP
-    const headers = new Headers(response.headers);
-    headers.set("Cross-Origin-Opener-Policy", "same-origin");
-    headers.set("Cross-Origin-Embedder-Policy", "require-corp");
-    // Create a new response with the modified headers
-    const modifiedResponse = new Response(response.body, {
-        status: response.status,
-        statusText: response.statusText,
-        headers
-    });
-    return modifiedResponse;
-};
-/**
- * Intercepts fetch requests and enforces COOP and COEP headers for security.
- *
- * - Checks if the requested resource is available in the cache:
- *   - If found, returns a cached response with `Cross-Origin-Opener-Policy` and `Cross-Origin-Embedder-Policy` headers.
- *   - If not found, fetches the resource from the network, applies COOP/COEP headers, and caches the response (for GET requests).
- * - Ensures cross-origin isolation, required for APIs like `SharedArrayBuffer` and WebAssembly threading.
- * - Handles network errors gracefully by returning a 503 "Service Unavailable" response when needed.
- *
- * @param {FetchEvent} event - The fetch event triggered by the browser.
- */
-serviceWorkerGlobalScope.addEventListener("fetch", (event) => {
-    event.respondWith((async () => {
-        const cache = await caches.open(CACHE_NAME);
-        const cachedResponse = await cache.match(event.request);
-        if (cachedResponse) {
-            return getCrossOriginIsolatedResponse(cachedResponse);
-        } else {
-            try {
-                const fetchResponse = await fetch(event.request);
-                if (event.request.method === "GET" && fetchResponse && fetchResponse.status === 200 && fetchResponse.type === "basic") {
-                    const modifiedResponse = getCrossOriginIsolatedResponse(fetchResponse);
-                    // Store the modified response in the cache
-                    await cache.put(event.request, modifiedResponse.clone());
-                    // Return the modified response to the browser
-                    return modifiedResponse;
-                }
-                return fetchResponse;
-            } catch (error) {
-                console.error("Network access error", error);
-                return new Response("Network error", { status: 503, statusText: "Service Unavailable" });
-            }
-        }
-    })());
-});