@soundworks/core 3.1.0-beta.3 → 3.1.0-beta.6

package/common/ParameterBag.js

@@ -488,12 +488,7 @@ class ParameterBag {
 
     const currentValue = this._values[name];
     const updated = !(0, _fastDeepEqual.default)(currentValue, value);
-    this._values[name] = value;
-
-    if (def.event === true) {
-      this._values[name] = null;
-    } // return tuple so that the state manager can handle the `filterChange` option
-
+    this._values[name] = value; // return tuple so that the state manager can handle the `filterChange` option
 
     return [value, updated];
   }

package/common/SharedState.js

@@ -187,7 +187,18 @@ ${JSON.stringify(initValues, null, 2)}`);
       });
     }
 
-    await Promise.all(promises);
+    await Promise.all(promises); // reset events to null after propagation of all listeners
+
+    for (let name in newValues) {
+      const {
+        event
+      } = this._parameters.getSchema(name);
+
+      if (event) {
+        this._parameters.set(name, null);
+      }
+    }
+
     return newValues;
   }
   /**
@@ -255,7 +266,7 @@ ${JSON.stringify(initValues, null, 2)}`);
 
         const [newValue, changed] = this._parameters.set(name, updates[name]);
 
-        if (changed || filterChange === false) {
+        if (changed || filterChange === false || event) {
           immediateOldValues[name] = oldValue;
           immediateNewValues[name] = newValue;
           propagateNow = true;

package/common/SharedStatePrivate.js

@@ -81,8 +81,14 @@ class SharedStatePrivate {
 
 
           const {
+            event,
             filterChange
-          } = this._parameters.getSchema(name);
+          } = this._parameters.getSchema(name); // if event type reset internal value to null
+
+
+          if (event) {
+            this._parameters.set(name, null);
+          }
 
           if (filterChange && changed || !filterChange) {
             filteredUpdates[name] = newValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soundworks/core",
-  "version": "3.1.0-beta.3",
+  "version": "3.1.0-beta.6",
   "description": "full-stack javascript framework for distributed audio visual experiences on the web",
   "authors": [
     "Benjamin Matuszewski",

package/server/Server.js

@@ -264,7 +264,37 @@ class Server {
       }
     }
 
-    this._clientConfigFunction = clientConfigFunction;
+    this._clientConfigFunction = clientConfigFunction; // basic http authentication
+
+    if (this.config.env.auth) {
+      this.router.use((req, res, next) => {
+        const isProtected = this.config.env.auth.clients.map(type => req.path.endsWith(`/${type}`)).reduce((acc, value) => acc || value, false);
+
+        if (isProtected) {
+          // authentication middleware
+          const auth = this.config.env.auth; // parse login and password from headers
+
+          const b64auth = (req.headers.authorization || '').split(' ')[1] || '';
+          const [login, password] = Buffer.from(b64auth, 'base64').toString().split(':'); // verify login and password are set and correct
+
+          if (login && password && login === auth.login && password === auth.password) {
+            // -> access granted...
+            return next();
+          } // -> access denied...
+
+
+          res.writeHead(401, {
+            'WWW-Authenticate': 'Basic',
+            'Content-Type': 'text/plain'
+          });
+          res.end('Authentication required.');
+        } else {
+          // route not protected
+          return next();
+        }
+      });
+    }
+
     return Promise.resolve();
   }
   /**
@@ -414,7 +444,7 @@ class Server {
           }
         }
 
-        _logger.default.clientConfigAndRouting(routes, this.config.app.clients, this.config.env.serverIp);
+        _logger.default.clientConfigAndRouting(routes, this.config);
 
         return Promise.resolve();
       }).then(() => {
@@ -512,8 +542,16 @@ class Server {
 
       if (this.config.env.subpath && !data.env.subpath) {
         data.env.subpath = this.config.env.subpath;
-      }
+      } // cors / coop / coep headers for `crossOriginIsolated pages, enables
+      // sharedArrayBuffers and high precision timers
+      // cf. https://web.dev/why-coop-coep/
+
 
+      res.writeHead(200, {
+        'Cross-Origin-Resource-Policy': 'same-origin',
+        'Cross-Origin-Embedder-Policy': 'require-corp',
+        'Cross-Origin-Opener-Policy': 'same-origin'
+      });
       const appIndex = tmpl(data);
       res.end(appIndex);
     }); // return route infos for logging on server start

package/server/utils/logger.js

@@ -19,7 +19,10 @@ const logger = {
     console.log(_chalk.default.cyan(`+ ${msg}`));
   },
 
-  clientConfigAndRouting(routes, clientsConfig, serverIp) {
+  clientConfigAndRouting(routes, config) {
+    const clientsConfig = config.app.clients;
+    const serverIp = config.env.serverIp;
+    const auth = config.env.auth;
     const table = [];
 
     for (let clientType in clientsConfig) {
@@ -27,18 +30,20 @@ const logger = {
 
       if (client.target === 'node') {
         const line = {
-          clientType: `${clientType}`,
+          client_type: `> ${clientType}`,
           target: _chalk.default.red(client.target),
           path: `server ip: ${_chalk.default.green(serverIp)}`,
-          default: undefined
+          default: undefined,
+          auth: undefined
         };
         table.push(line);
       } else if (client.target === 'browser') {
         const line = {
-          clientType: `${clientType}`,
+          client_type: `> ${clientType}`,
           target: _chalk.default.red(client.target),
           path: routes.find(r => r.clientType === clientType) ? _chalk.default.green(routes.find(r => r.clientType === clientType).path) : _chalk.default.red('no route defined'),
-          default: client.default ? 'default' : undefined
+          default: client.default ? 'x' : undefined,
+          auth: auth && auth.clients.indexOf(clientType) !== -1 ? 'x' : undefined
         };
         table.push(line);
       } else {
@@ -46,10 +51,21 @@ const logger = {
       }
     }
 
+    console.log(``);
     console.log((0, _columnify.default)(table, {
-      showHeaders: false,
-      minWidth: 14
-    })); // check if a route is defined but not in config
+      showHeaders: true,
+      minWidth: 6,
+      columnSplitter: ' | ',
+      config: {
+        default: {
+          align: 'center'
+        },
+        auth: {
+          align: 'center'
+        }
+      }
+    }));
+    console.log(``); // check if a route is defined but not in config
 
     const configClientTypes = Object.keys(clientsConfig);
     routes.forEach(r => {