@zaisma/game-server 1.11.0 → 1.12.0

package/sdk/zaisma.js

@@ -18,16 +18,20 @@
   var OWN_SERVER_URL = /^(wss|https):\/\/[^/]/;
 
   // What each call takes. Anything else is refused, so a misspelled or old option never goes quietly unused.
-  var JOIN_OPTIONS = ["roomCode", "serverUrl", "isListed", "friendJoinsEnabled", "name", "labels", "joinData", "idleTimeoutSec", "idleCheckEnabled", "isSpectator"];
+  var JOIN_OPTIONS = ["roomCode", "serverUrl", "transport", "isListed", "friendJoinsEnabled", "name", "labels", "joinData", "idleTimeoutSec", "idleCheckEnabled", "isSpectator"];
   // quickJoin finds Zaisma rooms, so it takes no serverUrl.
   var QUICK_JOIN_OPTIONS = ["isListed", "friendJoinsEnabled", "name", "labels", "joinData", "idleTimeoutSec", "idleCheckEnabled", "region"];
   var LIST_OPTIONS = ["region", "labels"];
-  // move.join joins the room the move names, on this room's server, as a player: the game server moves only players.
-  var MOVE_JOIN_OPTIONS = JOIN_OPTIONS.filter(function (name) { return name !== "roomCode" && name !== "serverUrl" && name !== "isSpectator"; });
+  // move.join joins the room the move names, on this room's server and over its transport, as a player: the game server moves only players.
+  var MOVE_JOIN_OPTIONS = JOIN_OPTIONS.filter(function (name) { return name !== "roomCode" && name !== "serverUrl" && name !== "transport" && name !== "isSpectator"; });
   var KICK_OPTIONS = ["keepOut"];
   var SEND_OPTIONS = ["delivery", "latestKey"];
   var SMOOTHING_OPTIONS = ["delayMs"];
   var DELIVERIES = ["reliable", "latest_only"];
+  /** How a room on the game's own server is reached: the WebSocket, or the fast lane (WebTransport), which carries latest-only sends as datagrams. */
+  var TRANSPORTS = ["websocket", "webtransport"];
+  /** A fast lane that isn't up in this long gives way to the WebSocket, for the rest of the room's life. */
+  var FAST_LANE_CONNECT_TIMEOUT_MS = 3000;
   var ROOM_INFO_FIELDS = ["name", "labels"];
   var ROOM_EVENTS = ["message", "bytes", "state", "players", "connectionStatus", "ended", "ending", "endingCancelled", "kicked", "settings", "move", "moved", "idle", "away", "back", "muted", "error", "versionUpdate", "chat"];
   /** Chat (room.chat): the longest message, the lines a room keeps in memory for reports, and how many of them a report carries. */
@@ -425,6 +429,11 @@
     this.isSpectator = setup.isSpectator === true;
     this.spectatorCount = 0;
     this._url = setup.url;
+    // The fast lane's address (joinRoom({ transport: "webtransport" }) on an own server), or null, and whether this room gave it up for the WebSocket.
+    this._fastLaneUrl = setup.fastLaneUrl || null;
+    this._isFastLaneOff = false;
+    // What this connection uses now: "webtransport" once the fast lane opens, else "websocket".
+    this.transport = "websocket";
     this._pass = setup.pass;
     this._made = { isListed: this.isListed, friendJoinsEnabled: setup.friendJoinsEnabled === false ? false : undefined, name: setup.name, labels: setup.labels };
     this._joinData = setup.joinData === undefined ? null : setup.joinData;
@@ -473,6 +482,135 @@
   }
   Room.prototype = Object.create(Emitter.prototype);
 
+  /**
+   * The fast lane to the game's own server (WebTransport), with what the room uses on a WebSocket: readyState,
+   * bufferedAmount, send(text or bytes), close(code, reason), onopen, onmessage and onclose; and sendDatagram
+   * for latest-only sends, and onfail when it never came up. One stream carries every frame in order, each
+   * [4-byte big-endian payload length][1-byte kind: 0 text, 1 bytes][payload]; a datagram is [kind][payload]
+   * (the wire: packages/game-server/src/room.ts, above ServerMessage).
+   */
+  function FastLane(url) {
+    var lane = this;
+    this.readyState = 0;
+    this.bufferedAmount = 0;
+    this.onopen = this.onmessage = this.onclose = this.onfail = null;
+    this._writer = null;
+    this._datagrams = null;
+    this._datagramWriter = null;
+    var session;
+    function fail(reason) {
+      if (lane.readyState !== 0) return;
+      lane.readyState = 3;
+      clearTimeout(timer);
+      try { session.close(); } catch (error) { /* fine */ }
+      if (lane.onfail) lane.onfail(reason);
+    }
+    var timer = setTimeout(function () { fail("no answer in " + FAST_LANE_CONNECT_TIMEOUT_MS / 1000 + " seconds"); }, FAST_LANE_CONNECT_TIMEOUT_MS);
+    try {
+      session = new WebTransport(url);
+    } catch (error) {
+      session = null;
+      // Called from the room's _connect: it hears the failure once that has set it up.
+      setTimeout(function () { fail(error && error.message ? error.message : "refused"); }, 0);
+      return;
+    }
+    this._session = session;
+    session.ready.then(function () { return session.createBidirectionalStream(); }).then(function (stream) {
+      if (lane.readyState !== 0) return;
+      clearTimeout(timer);
+      lane._writer = stream.writable.getWriter();
+      lane._datagrams = session.datagrams;
+      lane._datagramWriter = (typeof session.datagrams.createWritable === "function" ? session.datagrams.createWritable() : session.datagrams.writable).getWriter();
+      lane.readyState = 1;
+      session.closed.then(function (closeInfo) { lane._closed(closeInfo && typeof closeInfo.closeCode === "number" ? closeInfo.closeCode : 1005, closeInfo && closeInfo.reason ? closeInfo.reason : ""); }, function () { lane._closed(1006, ""); });
+      lane._read(stream.readable);
+      lane._readDatagrams(session.datagrams.readable);
+      if (lane.onopen) lane.onopen();
+    }, function (error) {
+      fail(error && error.message ? error.message : "refused");
+    });
+  }
+  FastLane.prototype._closed = function (code, reason) {
+    if (this.readyState === 3) return;
+    this.readyState = 3;
+    if (this.onclose) this.onclose({ code: code, reason: reason });
+  };
+  /** A frame from the stream or a datagram, to the room as a WebSocket's message: text as a string, bytes as an ArrayBuffer. */
+  FastLane.prototype._take = function (kind, payload) {
+    if (this.readyState !== 1 || !this.onmessage) return;
+    if (kind === 0) this.onmessage({ data: new TextDecoder().decode(payload) });
+    else if (kind === 1) this.onmessage({ data: payload.slice().buffer });
+  };
+  FastLane.prototype._read = function (readable) {
+    var lane = this;
+    var reader = readable.getReader();
+    var buffered = new Uint8Array(0);
+    function next() {
+      reader.read().then(function (read) {
+        if (read.done) return;
+        var joined = new Uint8Array(buffered.length + read.value.length);
+        joined.set(buffered);
+        joined.set(read.value, buffered.length);
+        buffered = joined;
+        while (buffered.length >= 5) {
+          var payloadSizeBytes = new DataView(buffered.buffer, buffered.byteOffset, 4).getUint32(0);
+          if (buffered.length < 5 + payloadSizeBytes) break;
+          lane._take(buffered[4], buffered.subarray(5, 5 + payloadSizeBytes));
+          buffered = buffered.subarray(5 + payloadSizeBytes);
+        }
+        next();
+      }, function () { /* the session closed: closed says how */ });
+    }
+    next();
+  };
+  FastLane.prototype._readDatagrams = function (readable) {
+    var lane = this;
+    var reader = readable.getReader();
+    function next() {
+      reader.read().then(function (read) {
+        if (read.done) return;
+        if (read.value.length) lane._take(read.value[0], read.value.subarray(1));
+        next();
+      }, function () { /* the session closed */ });
+    }
+    next();
+  };
+  /** A text or bytes, as [kind][payload]. */
+  function fastLanePayload(message) {
+    var payload = typeof message === "string" ? new TextEncoder().encode(message) : new Uint8Array(message);
+    var framed = new Uint8Array(1 + payload.length);
+    framed[0] = typeof message === "string" ? 0 : 1;
+    framed.set(payload, 1);
+    return framed;
+  }
+  /** On the stream, in order, after everything sent before it. */
+  FastLane.prototype.send = function (message) {
+    if (this.readyState !== 1) return;
+    var payload = fastLanePayload(message);
+    var frame = new Uint8Array(4 + payload.length);
+    new DataView(frame.buffer).setUint32(0, payload.length - 1);
+    frame.set(payload, 4);
+    var lane = this;
+    this.bufferedAmount += frame.length;
+    this._writer.write(frame).then(function () { lane.bufferedAmount -= frame.length; }, function () { /* the session closed */ });
+  };
+  /** As a datagram, when it fits one: false when it doesn't, for the stream to carry it instead. */
+  FastLane.prototype.sendDatagram = function (message) {
+    if (this.readyState !== 1) return false;
+    var datagram = fastLanePayload(message);
+    var maximumSizeBytes = this._datagrams.maxDatagramSize;
+    if (typeof maximumSizeBytes !== "number" || datagram.length > maximumSizeBytes) return false;
+    this._datagramWriter.write(datagram).catch(function () { /* dropped, like a lost one */ });
+    return true;
+  };
+  FastLane.prototype.close = function (code, reason) {
+    if (this.readyState === 3) return;
+    var wasConnecting = this.readyState === 0;
+    this.readyState = 3;
+    if (!this._session) return;
+    try { this._session.close(wasConnecting ? undefined : { closeCode: typeof code === "number" ? code : 1000, reason: reason || "" }); } catch (error) { /* fine */ }
+  };
+
   /** The link that opens this room: on Zaisma, the game's page with ?room=, and &server= for a room on the game's own server. */
   function inviteUrlFor(roomCode, serverUrl) {
     if (!config.site || !config.game) return null;
@@ -528,13 +666,23 @@
 
   Room.prototype._connect = function () {
     var room = this;
+    var isFastLane = Boolean(this._fastLaneUrl && !this._isFastLaneOff && typeof WebTransport === "function");
     // From a tester link, Zaisma rooms hear which one, so its players leave when it's turned off.
-    var ws = new WebSocket(this._url + (config.tester && !this._serverUrl ? "?tester=" + config.tester : ""));
-    ws.binaryType = "arraybuffer";
+    var ws = isFastLane ? new FastLane(this._fastLaneUrl) : new WebSocket(this._url + (config.tester && !this._serverUrl ? "?tester=" + config.tester : ""));
+    if (!isFastLane) ws.binaryType = "arraybuffer";
     this._ws = ws;
     this._isWelcomed = false;
     watch();
+    // The fast lane didn't come up (no UDP on this network, a server without it): the WebSocket, from now on.
+    ws.onfail = function (reason) {
+      if (room._ws !== ws) return;
+      room._isFastLaneOff = true;
+      if (typeof console !== "undefined") console.warn("Zaisma: the fast lane (WebTransport) to " + room._fastLaneUrl + " didn't connect (" + reason + "), so this room uses the WebSocket.");
+      room._ws = null;
+      if (!room._done) room._connect();
+    };
     ws.onopen = function () {
+      room.transport = isFastLane ? "webtransport" : "websocket";
       room._pingAtMs = room._pongAtMs = room._heardAtMs = Date.now();
       room._probeIntervalSec = null;
       var hello = { type: "hello", protocolVersionNumber: PROTOCOL_VERSION_NUMBER, pass: room._pass, room: room._made, joinData: room._joinData, idleTimeoutSec: room._clientIdle.idleTimeoutSec, idleCheckEnabled: room._clientIdle.idleCheckEnabled };
@@ -873,6 +1021,11 @@
 
   /** A latest-only send: now, after anything still waiting, or into its slot while the socket is backed up. */
   Room.prototype._sendLatest = function (slotKey, payload) {
+    // On the fast lane, a datagram: a late one is lost rather than waited for, so it skips the slots.
+    if (this._canSend() && !this._queue.length && this._ws.sendDatagram && this._ws.sendDatagram(payload)) {
+      this._sentAtMs = Date.now();
+      return;
+    }
     if (this._canSend() && !this._queue.length && !(this._ws.bufferedAmount >= BACKED_UP_SIZE_BYTES)) {
       this._sendWaiting();
       this._ws.send(payload);
@@ -1043,6 +1196,7 @@
    */
   Room.prototype._move = function (message) {
     var serverUrl = this._serverUrl;
+    var transport = this._fastLaneUrl ? "webtransport" : undefined;
     var room = this;
     return {
       roomCode: message.roomCode,
@@ -1050,7 +1204,7 @@
       join: function (joinOptions) {
         var refused = unknownOption(joinOptions, MOVE_JOIN_OPTIONS, "move.join");
         if (refused) return Promise.reject(refused);
-        return connect(message.roomCode, Object.assign({}, joinOptions || {}, { serverUrl: serverUrl }));
+        return connect(message.roomCode, Object.assign({}, joinOptions || {}, { serverUrl: serverUrl, transport: transport }));
       },
     };
   };
@@ -1071,6 +1225,7 @@
     var fromRoomCode = this.roomCode;
     this.roomCode = roomCode;
     this._url = this._url.replace(/[A-Z0-9]{6}$/, roomCode);
+    if (this._fastLaneUrl) this._fastLaneUrl = this._fastLaneUrl.replace(/[A-Z0-9]{6}$/, roomCode);
     this.inviteUrl = inviteUrlFor(roomCode, this._serverUrl);
     // A room the game server moves players to is listed only if the game server lists it.
     this._made = { isListed: false };
@@ -1372,6 +1527,7 @@
     var idleTimeoutSec = joinOptions.idleTimeoutSec;
     if (idleTimeoutSec !== undefined && !(typeof idleTimeoutSec === "number" && idleTimeoutSec >= MINIMUM_IDLE_TIMEOUT_SEC && idleTimeoutSec <= MAXIMUM_IDLE_TIMEOUT_SEC)) return Promise.reject(codedError("bad_idle_timeout", "idleTimeoutSec runs from " + MINIMUM_IDLE_TIMEOUT_SEC + " to " + MAXIMUM_IDLE_TIMEOUT_SEC + "."));
     if (serverUrl && !SERVER_URL.test(serverUrl)) return Promise.reject(codedError("bad_server_url", "serverUrl takes a full address starting with wss://, ws://, https:// or http://, like \"wss://play.example.com\"."));
+    if (joinOptions.transport !== undefined && TRANSPORTS.indexOf(joinOptions.transport) === -1) return Promise.reject(codedError("bad_transport", "transport is " + JSON.stringify(joinOptions.transport) + '. Give "websocket" (the default) or "webtransport" (the fast lane to your own server).'));
     if (roomCode && !ROOM_CODE.test(roomCode)) return Promise.reject(codedError("bad_room_code", JSON.stringify(roomCode) + " isn't a room code: room codes are six characters like \"K7Q2MX\", from 2 to 9 and A to Z without I or O."));
 
     var roomCodeReady = roomCode
@@ -1381,10 +1537,13 @@
         : post("/v1/rooms", { gameSlug: config.game }).then(function (answer) { return answer.roomCode; });
     return Promise.all([roomCodeReady, getPass()]).then(function (ready) {
       var base = (serverUrl || config.rooms).replace(/^http/, "ws");
+      var path = "/v1/rooms/" + config.game + "/" + ready[0];
       var room = new Room({
         roomCode: ready[0],
         pass: ready[1].pass,
-        url: base + "/v1/rooms/" + config.game + "/" + ready[0],
+        url: base + path,
+        // The fast lane reaches only the game's own secure servers: Zaisma's rooms take the WebSocket, whatever transport says.
+        fastLaneUrl: joinOptions.transport === "webtransport" && serverUrl && OWN_SERVER_URL.test(serverUrl) ? serverUrl.replace(/^wss:/, "https:") + path : null,
         isListed: joinOptions.isListed,
         friendJoinsEnabled: joinOptions.friendJoinsEnabled,
         name: joinOptions.name,

package/src/room.d.ts

@@ -828,6 +828,17 @@ export interface RoomSettings {
  * sentAt}; the sender gets {type: "chat_sent", chatNumber, sentAt}, {type: "chat_stopped", chatNumber,
  * reason, message}, or an error with its chatNumber (chat_not_allowed, chat_empty, chat_too_long,
  * chat_too_fast). chat_sent never says who read it. welcome says canChat: whether this player can chat at all.
+ *
+ * The fast lane (WebTransport, own servers only: joinRoom({ transport: "webtransport" })): the client opens
+ * a session at https://<server>/v1/rooms/<game>/<code>, the server checks its Origin as for the WebSocket,
+ * and the client opens one bidirectional stream first. That stream carries every frame the WebSocket
+ * carries, in order, each as [4-byte big-endian payload length][1-byte kind: 0 text, 1 bytes][payload]:
+ * text is the same UTF-8 JSON (hello, probe, probe_answer, ...) or "ping"/"pong", bytes the same binary
+ * frame (bytesFrame from the room, raw bytes from the client). A datagram is [1-byte kind][payload] with
+ * the same payloads, and carries only "latest_only" sends, both ways, when it fits the session's
+ * maxDatagramSize; a bigger one goes on the stream. A server takes datagrams only from a player it let in.
+ * Close codes and reasons go in the session's close info (closeCode, reason), the same numbers as the
+ * WebSocket's. Zaisma's own rooms don't take WebTransport: the SDK uses the WebSocket for them.
  */
 export type ServerMessage = {
     type: "welcome";
@@ -1051,9 +1062,13 @@ export interface ClientIdle {
 }
 /** How the room reaches players: a Durable Object's sockets, or a Node server's. */
 export interface Transport {
-    send(playerId: string, text: string): void;
-    /** A binary frame (bytesFrame). Without it, rooms can't send bytes. */
-    sendBytes?(playerId: string, frame: Uint8Array): void;
+    /**
+     * A text. delivery says how the game sent it: "latest_only" may go as a datagram on the fast lane to
+     * your own server (WebTransport); everything else, and every send on a WebSocket, goes in order.
+     */
+    send(playerId: string, text: string, delivery?: Delivery): void;
+    /** A binary frame (bytesFrame), with its delivery as for send. Without it, rooms can't send bytes. */
+    sendBytes?(playerId: string, frame: Uint8Array, delivery?: Delivery): void;
     close(playerId: string, closeCode: number, reason: string): void;
     /** Set up a reserved room, then send each of its players a "move" message. Without it, rooms can't reserve. */
     reserve?(roomCode: string, start: RoomStart): void;

package/src/room.js

@@ -2162,7 +2162,7 @@ export class RoomCore {
     deliver(playerIds, outgoing, delivery) {
         const ids = playerIds.filter((id) => !this.isLost(id));
         if (!delivery.isLatestOnly)
-            return this.sendOut(ids, outgoing, ids.filter((id) => this.isBackedUp(id)).length);
+            return this.sendOut(ids, outgoing, ids.filter((id) => this.isBackedUp(id)).length, "reliable");
         const ready = [];
         for (const id of ids) {
             if (!this.isBackedUp(id)) {
@@ -2181,20 +2181,20 @@ export class RoomCore {
             if (slots.size > ROOM_LIMITS.maximumLatestOnlySlotCount)
                 slots.delete(slots.keys().next().value);
         }
-        this.sendOut(ready, outgoing, 0);
+        this.sendOut(ready, outgoing, 0, "latest_only");
     }
     /** A player's waiting latest-only messages, least recently replaced first. */
     sendLatest(playerId) {
         const slots = this.latestSlots.get(playerId);
         this.latestSlots.delete(playerId);
         for (const outgoing of slots?.values() ?? [])
-            this.sendOut([playerId], outgoing, 0);
+            this.sendOut([playerId], outgoing, 0, "latest_only");
     }
-    sendOut(playerIds, outgoing, backedUpMessageCount) {
+    sendOut(playerIds, outgoing, backedUpMessageCount, delivery) {
         if ("frame" in outgoing)
-            this.sendFrame(playerIds, outgoing.frame, backedUpMessageCount);
+            this.sendFrame(playerIds, outgoing.frame, backedUpMessageCount, delivery);
         else
-            this.sendEach(playerIds, outgoing.text, outgoing.messageType, backedUpMessageCount);
+            this.sendEach(playerIds, outgoing.text, outgoing.messageType, backedUpMessageCount, delivery);
     }
     /**
      * The match moves to a version published "now": every player hears it's coming at appliesAt, and when
@@ -2267,7 +2267,7 @@ export class RoomCore {
         return [...this.players.values()].map((player) => ({ ...shownPlayer(player), awayReason: this.kept.get(player.id) ?? null }));
     }
     /** Send a binary frame to some players, counting it like text: toward each one's backlog, and the room's traffic. */
-    sendFrame(given, frame, backedUpMessageCount = 0) {
+    sendFrame(given, frame, backedUpMessageCount = 0, delivery = "reliable") {
         if (!this.transport.sendBytes)
             throw new Error("Sending bytes isn't available here");
         const playerIds = given.filter((id) => !this.isLost(id));
@@ -2275,7 +2275,7 @@ export class RoomCore {
         this.depth++;
         try {
             for (const id of playerIds) {
-                this.transport.sendBytes(id, frame);
+                this.transport.sendBytes(id, frame, delivery);
                 this.sent(id, frame.length);
             }
         }
@@ -2291,14 +2291,14 @@ export class RoomCore {
      * Send one text to several players, counting its bytes once. A player it drops for falling behind
      * leaves once everyone has it, so nobody hears of the leave before the rest of this text.
      */
-    sendEach(playerIds, text, messageType = ZAISMA_MESSAGE_TYPE, backedUpMessageCount = 0) {
+    sendEach(playerIds, text, messageType = ZAISMA_MESSAGE_TYPE, backedUpMessageCount = 0, delivery = "reliable") {
         const byteCount = utf8ByteCount(text);
         const ids = [...playerIds].filter((id) => !this.isLost(id));
         this.countTraffic("outbound", messageType, ids.length, byteCount, backedUpMessageCount);
         this.depth++;
         try {
             for (const id of ids)
-                this.sendText(id, text, byteCount, null);
+                this.sendText(id, text, byteCount, null, delivery);
         }
         finally {
             this.depth--;
@@ -2311,10 +2311,10 @@ export class RoomCore {
      * every ROOM_TUNING.probeSentSizeBytes, they're probed, so a backed-up connection shows as a late answer.
      * A player whose connection dropped gets nothing: nothing is sent, counted or probed until they're back.
      */
-    sendText(playerId, text, byteCount = utf8ByteCount(text), messageType = ZAISMA_MESSAGE_TYPE) {
+    sendText(playerId, text, byteCount = utf8ByteCount(text), messageType = ZAISMA_MESSAGE_TYPE, delivery = "reliable") {
         if (this.isLost(playerId))
             return;
-        this.transport.send(playerId, text);
+        this.transport.send(playerId, text, delivery);
         // sendEach counts its text once for everyone (messageType null).
         if (messageType !== null)
             this.countTraffic("outbound", messageType, 1, byteCount);

package/bench/brand/zaisma-app-icon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" role="img" aria-label="Zaisma"><rect width="1024" height="1024" rx="230" fill="#1C1C1C"/><g transform="translate(132 113) scale(0.17728)"><defs><linearGradient id="ag" x1="0" y1="721" x2="0" y2="3779" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#cdcdcd"/><stop offset="1" stop-color="#333"/></linearGradient><clipPath id="acb"><path d="M1884.08,3033.91c767.645,0 1535.29,0 2302.93,0c33.233,248.238 66.466,496.475 99.699,744.712l-4286.71,-0c627.367,-243.599 1255.99,-491.89 1884.08,-744.712Z"/></clipPath><clipPath id="acm"><path d="M415.598,3484.54c777.297,-719.363 1475.76,-1400.24 2108.05,-2044.32c404.715,-158.588 821.55,-323.759 1248.51,-495.17c-547.607,610.584 -1151.51,1254.04 -1823.08,1932.14c-520.17,209.105 -1032.22,411.7 -1533.48,607.345Z"/></clipPath><clipPath id="act"><path d="M2575.7,1305.06l-1740.58,0c21.608,-194.559 43.215,-389.119 64.823,-583.678l3147.9,0c-485.752,195.366 -976.426,389.899 -1472.14,583.678Z"/></clipPath></defs><path d="M1884.08,3033.91c767.645,0 1535.29,0 2302.93,0c33.233,248.238 66.466,496.475 99.699,744.712l-4286.71,-0c627.367,-243.599 1255.99,-491.89 1884.08,-744.712Z" fill="url(#ag)"/><g clip-path="url(#acb)" fill="none" stroke-width="250" stroke-linecap="square"><path d="M4187.01,3033.91c33.233,248.238 66.466,496.475 99.699,744.712l-4286.71,-0" stroke="#000"/><path d="M-0,3778.62c627.367,-243.599 1255.99,-491.89 1884.08,-744.712c767.645,0 1535.29,0 2302.93,0" stroke="#fff" stroke-linejoin="miter"/></g><path d="M415.598,3484.54c777.297,-719.363 1475.76,-1400.24 2108.05,-2044.32c404.715,-158.588 821.55,-323.759 1248.51,-495.17c-547.607,610.584 -1151.51,1254.04 -1823.08,1932.14c-520.17,209.105 -1032.22,411.7 -1533.48,607.345Z" fill="url(#ag)"/><g clip-path="url(#acm)" fill="none" stroke-width="250" stroke-linecap="square"><path d="M3772.16,945.051c-547.607,610.584 -1151.51,1254.04 -1823.08,1932.14c-520.17,209.105 -1032.22,411.7 -1533.48,607.345" stroke="#000"/><path d="M415.598,3484.54c777.297,-719.363 1475.76,-1400.24 2108.05,-2044.32c404.715,-158.588 821.55,-323.759 1248.51,-495.17" stroke="#fff" stroke-linejoin="miter"/></g><path d="M2575.7,1305.06l-1740.58,0c21.608,-194.559 43.215,-389.119 64.823,-583.678l3147.9,0c-485.752,195.366 -976.426,389.899 -1472.14,583.678Z" fill="url(#ag)"/><g clip-path="url(#act)" fill="none" stroke-width="250" stroke-linecap="square"><path d="M4047.85,721.381c-485.752,195.366 -976.426,389.899 -1472.14,583.678c-580.193,0 -1160.39,0 -1740.58,0" stroke="#000"/><path d="M835.121,1305.06c21.608,-194.559 43.215,-389.119 64.823,-583.678l3147.9,0" stroke="#fff" stroke-linejoin="miter"/></g></g></svg>

package/bench/brand/zaisma-mark-metal.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-120 600 4527 3300" role="img" aria-label="Zaisma"><defs><linearGradient id="mg" x1="0" y1="721" x2="0" y2="3779" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#cdcdcd"/><stop offset="1" stop-color="#333"/></linearGradient><clipPath id="mcb"><path d="M1884.08,3033.91c767.645,0 1535.29,0 2302.93,0c33.233,248.238 66.466,496.475 99.699,744.712l-4286.71,-0c627.367,-243.599 1255.99,-491.89 1884.08,-744.712Z"/></clipPath><clipPath id="mcm"><path d="M415.598,3484.54c777.297,-719.363 1475.76,-1400.24 2108.05,-2044.32c404.715,-158.588 821.55,-323.759 1248.51,-495.17c-547.607,610.584 -1151.51,1254.04 -1823.08,1932.14c-520.17,209.105 -1032.22,411.7 -1533.48,607.345Z"/></clipPath><clipPath id="mct"><path d="M2575.7,1305.06l-1740.58,0c21.608,-194.559 43.215,-389.119 64.823,-583.678l3147.9,0c-485.752,195.366 -976.426,389.899 -1472.14,583.678Z"/></clipPath></defs><path d="M1884.08,3033.91c767.645,0 1535.29,0 2302.93,0c33.233,248.238 66.466,496.475 99.699,744.712l-4286.71,-0c627.367,-243.599 1255.99,-491.89 1884.08,-744.712Z" fill="url(#mg)"/><g clip-path="url(#mcb)" fill="none" stroke-width="250" stroke-linecap="square"><path d="M4187.01,3033.91c33.233,248.238 66.466,496.475 99.699,744.712l-4286.71,-0" stroke="#000"/><path d="M-0,3778.62c627.367,-243.599 1255.99,-491.89 1884.08,-744.712c767.645,0 1535.29,0 2302.93,0" stroke="#fff" stroke-linejoin="miter"/></g><path d="M415.598,3484.54c777.297,-719.363 1475.76,-1400.24 2108.05,-2044.32c404.715,-158.588 821.55,-323.759 1248.51,-495.17c-547.607,610.584 -1151.51,1254.04 -1823.08,1932.14c-520.17,209.105 -1032.22,411.7 -1533.48,607.345Z" fill="url(#mg)"/><g clip-path="url(#mcm)" fill="none" stroke-width="250" stroke-linecap="square"><path d="M3772.16,945.051c-547.607,610.584 -1151.51,1254.04 -1823.08,1932.14c-520.17,209.105 -1032.22,411.7 -1533.48,607.345" stroke="#000"/><path d="M415.598,3484.54c777.297,-719.363 1475.76,-1400.24 2108.05,-2044.32c404.715,-158.588 821.55,-323.759 1248.51,-495.17" stroke="#fff" stroke-linejoin="miter"/></g><path d="M2575.7,1305.06l-1740.58,0c21.608,-194.559 43.215,-389.119 64.823,-583.678l3147.9,0c-485.752,195.366 -976.426,389.899 -1472.14,583.678Z" fill="url(#mg)"/><g clip-path="url(#mct)" fill="none" stroke-width="250" stroke-linecap="square"><path d="M4047.85,721.381c-485.752,195.366 -976.426,389.899 -1472.14,583.678c-580.193,0 -1160.39,0 -1740.58,0" stroke="#000"/><path d="M835.121,1305.06c21.608,-194.559 43.215,-389.119 64.823,-583.678l3147.9,0" stroke="#fff" stroke-linejoin="miter"/></g></svg>

package/bench/brand/zaisma-mark-tricolor.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-120 600 4527 3300" role="img" aria-label="Zaisma"><clipPath id="_clip1"><rect x="0" y="0" width="4500" height="4500"/></clipPath><g clip-path="url(#_clip1)"><g><g><path d="M1884.08,3033.91c767.645,0 1535.29,0 2302.93,0c33.233,248.238 66.466,496.475 99.699,744.712l-4286.71,-0c627.367,-243.599 1255.99,-491.89 1884.08,-744.712Z" style="fill:#fff;fill-rule:nonzero;"/><clipPath id="_clip2"><path d="M1884.08,3033.91c767.645,0 1535.29,0 2302.93,0c33.233,248.238 66.466,496.475 99.699,744.712l-4286.71,-0c627.367,-243.599 1255.99,-491.89 1884.08,-744.712Z" clip-rule="nonzero"/></clipPath><g clip-path="url(#_clip2)"><path d="M4187.01,3033.91c33.233,248.238 66.466,496.475 99.699,744.712l-4286.71,-0" style="fill:none;fill-rule:nonzero;stroke:#171c32;stroke-width:250px;"/><path d="M-0,3778.62c627.367,-243.599 1255.99,-491.89 1884.08,-744.712c767.645,0 1535.29,0 2302.93,0" style="fill:none;fill-rule:nonzero;stroke:#6577ce;stroke-width:250px;stroke-linejoin:miter;"/></g><path d="M415.598,3484.54c777.297,-719.363 1475.76,-1400.24 2108.05,-2044.32c404.715,-158.588 821.55,-323.759 1248.51,-495.17c-547.607,610.584 -1151.51,1254.04 -1823.08,1932.14c-520.17,209.105 -1032.22,411.7 -1533.48,607.345Z" style="fill:#fff;fill-rule:nonzero;"/><clipPath id="_clip3"><path d="M415.598,3484.54c777.297,-719.363 1475.76,-1400.24 2108.05,-2044.32c404.715,-158.588 821.55,-323.759 1248.51,-495.17c-547.607,610.584 -1151.51,1254.04 -1823.08,1932.14c-520.17,209.105 -1032.22,411.7 -1533.48,607.345Z" clip-rule="nonzero"/></clipPath><g clip-path="url(#_clip3)"><path d="M3772.16,945.051c-547.607,610.584 -1151.51,1254.04 -1823.08,1932.14c-520.17,209.105 -1032.22,411.7 -1533.48,607.345" style="fill:none;fill-rule:nonzero;stroke:#17321a;stroke-width:250px;"/><path d="M415.598,3484.54c777.297,-719.363 1475.76,-1400.24 2108.05,-2044.32c404.715,-158.588 821.55,-323.759 1248.51,-495.17" style="fill:none;fill-rule:nonzero;stroke:#53ae48;stroke-width:250px;stroke-linejoin:miter;"/></g><path d="M2575.7,1305.06l-1740.58,0c21.608,-194.559 43.215,-389.119 64.823,-583.678l3147.9,0c-485.752,195.366 -976.426,389.899 -1472.14,583.678Z" style="fill:#fff;fill-rule:nonzero;"/><clipPath id="_clip4"><path d="M2575.7,1305.06l-1740.58,0c21.608,-194.559 43.215,-389.119 64.823,-583.678l3147.9,0c-485.752,195.366 -976.426,389.899 -1472.14,583.678Z" clip-rule="nonzero"/></clipPath><g clip-path="url(#_clip4)"><path d="M4047.85,721.381c-485.752,195.366 -976.426,389.899 -1472.14,583.678c-580.193,0 -1160.39,0 -1740.58,0" style="fill:none;fill-rule:nonzero;stroke:#321718;stroke-width:250px;"/><path d="M835.121,1305.06c21.608,-194.559 43.215,-389.119 64.823,-583.678l3147.9,0" style="fill:none;fill-rule:nonzero;stroke:#af5053;stroke-width:250px;"/></g></g></g></g></svg>

package/bench/brand/zaisma-wordmark-metal.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-120 1080 9988 2820" role="img" aria-label="Zaisma"><defs><linearGradient id="wg" x1="0" y1="721" x2="0" y2="3779" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#cdcdcd"/><stop offset="1" stop-color="#333"/></linearGradient><linearGradient id="wh" x1="0" y1="1879" x2="0" y2="3779" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#cdcdcd"/><stop offset="1" stop-color="#333"/></linearGradient><clipPath id="wcb"><path d="M1884.08,3033.91c767.645,0 1535.29,0 2302.93,0c33.233,248.238 66.466,496.475 99.699,744.712l-4286.71,-0c627.367,-243.599 1255.99,-491.89 1884.08,-744.712Z"/></clipPath><clipPath id="wcm"><path d="M415.598,3484.54c777.297,-719.363 1475.76,-1400.24 2108.05,-2044.32c404.715,-158.588 821.55,-323.759 1248.51,-495.17c-547.607,610.584 -1151.51,1254.04 -1823.08,1932.14c-520.17,209.105 -1032.22,411.7 -1533.48,607.345Z"/></clipPath><clipPath id="wct"><path d="M2575.7,1305.06l-1740.58,0c21.608,-194.559 43.215,-389.119 64.823,-583.678l3147.9,0c-485.752,195.366 -976.426,389.899 -1472.14,583.678Z"/></clipPath></defs><g transform="translate(0 3779) scale(0.62132) translate(0 -3779)"><path d="M1884.08,3033.91c767.645,0 1535.29,0 2302.93,0c33.233,248.238 66.466,496.475 99.699,744.712l-4286.71,-0c627.367,-243.599 1255.99,-491.89 1884.08,-744.712Z" fill="url(#wg)"/><g clip-path="url(#wcb)" fill="none" stroke-width="250" stroke-linecap="square"><path d="M4187.01,3033.91c33.233,248.238 66.466,496.475 99.699,744.712l-4286.71,-0" stroke="#000"/><path d="M-0,3778.62c627.367,-243.599 1255.99,-491.89 1884.08,-744.712c767.645,0 1535.29,0 2302.93,0" stroke="#fff" stroke-linejoin="miter"/></g><path d="M415.598,3484.54c777.297,-719.363 1475.76,-1400.24 2108.05,-2044.32c404.715,-158.588 821.55,-323.759 1248.51,-495.17c-547.607,610.584 -1151.51,1254.04 -1823.08,1932.14c-520.17,209.105 -1032.22,411.7 -1533.48,607.345Z" fill="url(#wg)"/><g clip-path="url(#wcm)" fill="none" stroke-width="250" stroke-linecap="square"><path d="M3772.16,945.051c-547.607,610.584 -1151.51,1254.04 -1823.08,1932.14c-520.17,209.105 -1032.22,411.7 -1533.48,607.345" stroke="#000"/><path d="M415.598,3484.54c777.297,-719.363 1475.76,-1400.24 2108.05,-2044.32c404.715,-158.588 821.55,-323.759 1248.51,-495.17" stroke="#fff" stroke-linejoin="miter"/></g><path d="M2575.7,1305.06l-1740.58,0c21.608,-194.559 43.215,-389.119 64.823,-583.678l3147.9,0c-485.752,195.366 -976.426,389.899 -1472.14,583.678Z" fill="url(#wg)"/><g clip-path="url(#wct)" fill="none" stroke-width="250" stroke-linecap="square"><path d="M4047.85,721.381c-485.752,195.366 -976.426,389.899 -1472.14,583.678c-580.193,0 -1160.39,0 -1740.58,0" stroke="#000"/><path d="M835.121,1305.06c21.608,-194.559 43.215,-389.119 64.823,-583.678l3147.9,0" stroke="#fff" stroke-linejoin="miter"/></g></g><g transform="translate(-1953 0)"><path d="M4957,1879 L5877,1879 L6132,3779 L5212,3779 L4837,3449 L4765,2909 L5051,2579 L5601,2579 L5557,2249 L4677,2249 Z M5140,2949 L5650,2949 L5712,3409 L5202,3409 Z M6077,1879 L6447,1879 L6702,3779 L6332,3779 Z M5991,1239 L6541,1239 L6412,1619 L6042,1619 Z M6647,1879 L7847,1879 L7667,2249 L7067,2249 L7120,2644 L7950,2644 L8102,3779 L6902,3779 L7082,3409 L7682,3409 L7629,3014 L6799,3014 Z M8091,2209 L8377,1879 L9997,1879 L10252,3779 L9882,3779 L9677,2249 L9257,2249 L9462,3779 L9092,3779 L8887,2249 L8467,2249 L8672,3779 L8302,3779 Z M10527,1879 L11447,1879 L11702,3779 L10782,3779 L10407,3449 L10335,2909 L10621,2579 L11171,2579 L11127,2249 L10247,2249 Z M10710,2949 L11220,2949 L11282,3409 L10772,3409 Z" fill="#000" fill-rule="evenodd"/><path d="M4957.0,1879.0 L5877.0,1879.0 L5809.1,1956.7 L4995.6,1956.7 Z M4837.0,3449.0 L4765.0,2909.0 L4846.6,2933.4 L4910.1,3409.9 Z M4765.0,2909.0 L5051.0,2579.0 L5086.5,2656.7 L4846.6,2933.4 Z M5051.0,2579.0 L5601.0,2579.0 L5689.7,2656.7 L5086.5,2656.7 Z M5601.0,2579.0 L5557.0,2249.0 L5625.0,2171.3 L5689.7,2656.7 Z M4677.0,2249.0 L4957.0,1879.0 L4995.6,1956.7 L4833.2,2171.3 Z M5650.0,2949.0 L5712.0,3409.0 L5800.8,3486.7 L5717.9,2871.3 Z M5712.0,3409.0 L5202.0,3409.0 L5134.1,3486.7 L5800.8,3486.7 Z M6077.0,1879.0 L6447.0,1879.0 L6379.1,1956.7 L6165.8,1956.7 Z M6332.0,3779.0 L6077.0,1879.0 L6165.8,1956.7 L6399.9,3701.3 Z M5991.0,1239.0 L6541.0,1239.0 L6432.6,1316.7 L6079.8,1316.7 Z M6042.0,1619.0 L5991.0,1239.0 L6079.8,1316.7 L6109.9,1541.3 Z M6647.0,1879.0 L7847.0,1879.0 L7722.8,1956.7 L6735.8,1956.7 Z M7120.0,2644.0 L7950.0,2644.0 L7882.0,2721.7 L7052.1,2721.7 Z M6902.0,3779.0 L7082.0,3409.0 L7130.6,3486.7 L7026.2,3701.3 Z M7082.0,3409.0 L7682.0,3409.0 L7770.8,3486.7 L7130.6,3486.7 Z M7682.0,3409.0 L7629.0,3014.0 L7696.9,2936.3 L7770.8,3486.7 Z M6799.0,3014.0 L6647.0,1879.0 L6735.8,1956.7 L6867.0,2936.3 Z M8091.0,2209.0 L8377.0,1879.0 L8412.5,1956.7 L8172.6,2233.4 Z M8377.0,1879.0 L9997.0,1879.0 L9929.1,1956.7 L8412.5,1956.7 Z M9882.0,3779.0 L9677.0,2249.0 L9745.0,2171.3 L9950.0,3701.3 Z M9092.0,3779.0 L8887.0,2249.0 L8955.0,2171.3 L9160.0,3701.3 Z M8302.0,3779.0 L8091.0,2209.0 L8172.6,2233.4 L8369.9,3701.3 Z M10527.0,1879.0 L11447.0,1879.0 L11379.1,1956.7 L10565.6,1956.7 Z M10407.0,3449.0 L10335.0,2909.0 L10416.6,2933.4 L10480.1,3409.9 Z M10335.0,2909.0 L10621.0,2579.0 L10656.5,2656.7 L10416.6,2933.4 Z M10621.0,2579.0 L11171.0,2579.0 L11259.7,2656.7 L10656.5,2656.7 Z M11171.0,2579.0 L11127.0,2249.0 L11195.0,2171.3 L11259.7,2656.7 Z M10247.0,2249.0 L10527.0,1879.0 L10565.6,1956.7 L10403.2,2171.3 Z M11220.0,2949.0 L11282.0,3409.0 L11370.8,3486.7 L11287.9,2871.3 Z M11282.0,3409.0 L10772.0,3409.0 L10704.1,3486.7 L11370.8,3486.7 Z" fill="#fff" stroke="#fff" stroke-width="2" stroke-linejoin="miter"/><path d="M5877.0,1879.0 L6132.0,3779.0 L6043.2,3701.3 L5809.1,1956.7 Z M6132.0,3779.0 L5212.0,3779.0 L5241.3,3701.3 L6043.2,3701.3 Z M5212.0,3779.0 L4837.0,3449.0 L4910.1,3409.9 L5241.3,3701.3 Z M5557.0,2249.0 L4677.0,2249.0 L4833.2,2171.3 L5625.0,2171.3 Z M5140.0,2949.0 L5650.0,2949.0 L5717.9,2871.3 L5051.2,2871.3 Z M5202.0,3409.0 L5140.0,2949.0 L5051.2,2871.3 L5134.1,3486.7 Z M6447.0,1879.0 L6702.0,3779.0 L6613.2,3701.3 L6379.1,1956.7 Z M6702.0,3779.0 L6332.0,3779.0 L6399.9,3701.3 L6613.2,3701.3 Z M6541.0,1239.0 L6412.0,1619.0 L6356.3,1541.3 L6432.6,1316.7 Z M6412.0,1619.0 L6042.0,1619.0 L6109.9,1541.3 L6356.3,1541.3 Z M7847.0,1879.0 L7667.0,2249.0 L7618.4,2171.3 L7722.8,1956.7 Z M7667.0,2249.0 L7067.0,2249.0 L6978.2,2171.3 L7618.4,2171.3 Z M7067.0,2249.0 L7120.0,2644.0 L7052.1,2721.7 L6978.2,2171.3 Z M7950.0,2644.0 L8102.0,3779.0 L8013.2,3701.3 L7882.0,2721.7 Z M8102.0,3779.0 L6902.0,3779.0 L7026.2,3701.3 L8013.2,3701.3 Z M7629.0,3014.0 L6799.0,3014.0 L6867.0,2936.3 L7696.9,2936.3 Z M9997.0,1879.0 L10252.0,3779.0 L10163.2,3701.3 L9929.1,1956.7 Z M10252.0,3779.0 L9882.0,3779.0 L9950.0,3701.3 L10163.2,3701.3 Z M9677.0,2249.0 L9257.0,2249.0 L9168.2,2171.3 L9745.0,2171.3 Z M9257.0,2249.0 L9462.0,3779.0 L9373.2,3701.3 L9168.2,2171.3 Z M9462.0,3779.0 L9092.0,3779.0 L9160.0,3701.3 L9373.2,3701.3 Z M8887.0,2249.0 L8467.0,2249.0 L8378.2,2171.3 L8955.0,2171.3 Z M8467.0,2249.0 L8672.0,3779.0 L8583.2,3701.3 L8378.2,2171.3 Z M8672.0,3779.0 L8302.0,3779.0 L8369.9,3701.3 L8583.2,3701.3 Z M11447.0,1879.0 L11702.0,3779.0 L11613.2,3701.3 L11379.1,1956.7 Z M11702.0,3779.0 L10782.0,3779.0 L10811.3,3701.3 L11613.2,3701.3 Z M10782.0,3779.0 L10407.0,3449.0 L10480.1,3409.9 L10811.3,3701.3 Z M11127.0,2249.0 L10247.0,2249.0 L10403.2,2171.3 L11195.0,2171.3 Z M10710.0,2949.0 L11220.0,2949.0 L11287.9,2871.3 L10621.2,2871.3 Z M10772.0,3409.0 L10710.0,2949.0 L10621.2,2871.3 L10704.1,3486.7 Z" fill="#000" stroke="#000" stroke-width="2" stroke-linejoin="miter"/><path d="M4995.6,1956.7 L5809.1,1956.7 L6043.2,3701.3 L5241.3,3701.3 L4910.1,3409.9 L4846.6,2933.4 L5086.5,2656.7 L5689.7,2656.7 L5625.0,2171.3 L4833.2,2171.3 Z M5051.2,2871.3 L5717.9,2871.3 L5800.8,3486.7 L5134.1,3486.7 Z M6165.8,1956.7 L6379.1,1956.7 L6613.2,3701.3 L6399.9,3701.3 Z M6079.8,1316.7 L6432.6,1316.7 L6356.3,1541.3 L6109.9,1541.3 Z M6735.8,1956.7 L7722.8,1956.7 L7618.4,2171.3 L6978.2,2171.3 L7052.1,2721.7 L7882.0,2721.7 L8013.2,3701.3 L7026.2,3701.3 L7130.6,3486.7 L7770.8,3486.7 L7696.9,2936.3 L6867.0,2936.3 Z M8172.6,2233.4 L8412.5,1956.7 L9929.1,1956.7 L10163.2,3701.3 L9950.0,3701.3 L9745.0,2171.3 L9168.2,2171.3 L9373.2,3701.3 L9160.0,3701.3 L8955.0,2171.3 L8378.2,2171.3 L8583.2,3701.3 L8369.9,3701.3 Z M10565.6,1956.7 L11379.1,1956.7 L11613.2,3701.3 L10811.3,3701.3 L10480.1,3409.9 L10416.6,2933.4 L10656.5,2656.7 L11259.7,2656.7 L11195.0,2171.3 L10403.2,2171.3 Z M10621.2,2871.3 L11287.9,2871.3 L11370.8,3486.7 L10704.1,3486.7 Z" fill="url(#wh)" fill-rule="evenodd"/></g></svg>