@bloopjs/web 0.0.102 → 0.0.104

package/dist/mod.js

@@ -82,6 +82,8 @@ __export2(exports_engine, {
   SNAPSHOT_HEADER_LEN: () => SNAPSHOT_HEADER_LEN,
   SNAPSHOT_HEADER_ENGINE_LEN_OFFSET: () => SNAPSHOT_HEADER_ENGINE_LEN_OFFSET,
   SCREEN_CTX_OFFSET: () => SCREEN_CTX_OFFSET,
+  RandContext: () => RandContext,
+  RAND_CTX_OFFSET: () => RAND_CTX_OFFSET,
   PlayerInputContext: () => PlayerInputContext,
   PLAYER_INPUTS_SIZE: () => PLAYER_INPUTS_SIZE,
   PLAYER_INPUTS_MOUSE_CTX_OFFSET: () => PLAYER_INPUTS_MOUSE_CTX_OFFSET,
@@ -421,6 +423,7 @@ var SCREEN_CTX_HEIGHT_OFFSET = 4;
 var SCREEN_CTX_PHYSICAL_WIDTH_OFFSET = 8;
 var SCREEN_CTX_PHYSICAL_HEIGHT_OFFSET = 12;
 var SCREEN_CTX_PIXEL_RATIO_OFFSET = 16;
+var RAND_CTX_SEED_OFFSET = 0;
 var MOUSE_CTX_X_OFFSET = 0;
 var MOUSE_CTX_Y_OFFSET = 4;
 var MOUSE_CTX_WHEEL_X_OFFSET = 8;
@@ -1354,6 +1357,57 @@ class NetContext {
   }
 }
 
+class RandContext {
+  dataView;
+  constructor(dataView) {
+    this.dataView = dataView;
+  }
+  seed(value) {
+    if (!this.dataView) {
+      throw new Error("RandContext not initialized");
+    }
+    this.dataView.setUint32(RAND_CTX_SEED_OFFSET, value >>> 0, true);
+  }
+  getSeed() {
+    if (!this.dataView) {
+      throw new Error("RandContext not initialized");
+    }
+    return this.dataView.getUint32(RAND_CTX_SEED_OFFSET, true);
+  }
+  next() {
+    if (!this.dataView) {
+      throw new Error("RandContext not initialized");
+    }
+    let seed = this.dataView.getUint32(RAND_CTX_SEED_OFFSET, true);
+    seed = seed + 1831565813 | 0;
+    let t = Math.imul(seed ^ seed >>> 15, 1 | seed);
+    t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;
+    this.dataView.setUint32(RAND_CTX_SEED_OFFSET, seed >>> 0, true);
+    return ((t ^ t >>> 14) >>> 0) / 4294967296;
+  }
+  coinFlip() {
+    return this.next() < 0.5;
+  }
+  rollDice(sides = 6) {
+    return Math.floor(this.next() * sides) + 1;
+  }
+  int(min, max) {
+    return Math.floor(this.next() * (max - min + 1)) + min;
+  }
+  float(min, max) {
+    return this.next() * (max - min) + min;
+  }
+  shuffle(array) {
+    for (let i = array.length - 1;i > 0; i--) {
+      const j = Math.floor(this.next() * (i + 1));
+      const temp = array[i];
+      array[i] = array[j];
+      array[j] = temp;
+    }
+    return array;
+  }
+}
+
 class ScreenContext {
   dataView;
   constructor(dataView) {
@@ -1450,13 +1504,14 @@ function readTapeHeader(tape) {
     eventCount: view.getUint16(14, true)
   };
 }
-var DEFAULT_WASM_URL = new URL("https://unpkg.com/@bloopjs/engine@0.0.102/wasm/bloop.wasm");
+var DEFAULT_WASM_URL = new URL("https://unpkg.com/@bloopjs/engine@0.0.104/wasm/bloop.wasm");
 var MAX_ROLLBACK_FRAMES = 500;
 var TIME_CTX_OFFSET = 0;
 var INPUT_CTX_OFFSET = TIME_CTX_OFFSET + 4;
 var EVENTS_OFFSET = INPUT_CTX_OFFSET + 4;
 var NET_CTX_OFFSET = EVENTS_OFFSET + 4;
 var SCREEN_CTX_OFFSET = NET_CTX_OFFSET + 4;
+var RAND_CTX_OFFSET = SCREEN_CTX_OFFSET + 4;
 var SNAPSHOT_HEADER_LEN = 16;
 var SNAPSHOT_HEADER_USER_LEN_OFFSET = 4;
 var SNAPSHOT_HEADER_ENGINE_LEN_OFFSET = 8;
@@ -1556,6 +1611,9 @@ class Sim {
       throw new Error(`failed to start recording, error code=${result}`);
     }
   }
+  stopRecording() {
+    this.wasm.stop_recording();
+  }
   saveTape() {
     const tapeLen = this.wasm.get_tape_len();
     const tapePtr = this.wasm.get_tape_ptr();
@@ -1855,6 +1913,7 @@ class Bloop {
   #systems = [];
   #context;
   #engineBuffer = new ArrayBuffer(0);
+  #randSeeded = false;
   static create(opts = {}) {
     return new Bloop(opts, "dontCallMeDirectly");
   }
@@ -1865,6 +1924,7 @@ class Bloop {
     const inputs = new InputContext;
     const net = new NetContext;
     const screen = new ScreenContext;
+    const rand = new RandContext;
     this.#context = {
       bag: opts.bag ?? {},
       time: new TimeContext,
@@ -1872,7 +1932,8 @@ class Bloop {
       players: new Players(inputs, net),
       rawPointer: -1,
       net,
-      screen
+      screen,
+      rand
     };
   }
   get bag() {
@@ -1934,6 +1995,14 @@ class Bloop {
       if (this.#context.screen.dataView?.buffer !== this.#engineBuffer || this.#context.screen.dataView?.byteOffset !== screenCtxPtr) {
         this.#context.screen.dataView = new DataView(this.#engineBuffer, screenCtxPtr);
       }
+      const randCtxPtr = dv.getUint32(RAND_CTX_OFFSET, true);
+      if (this.#context.rand.dataView?.buffer !== this.#engineBuffer || this.#context.rand.dataView?.byteOffset !== randCtxPtr) {
+        this.#context.rand.dataView = new DataView(this.#engineBuffer, randCtxPtr);
+      }
+      if (!this.#randSeeded) {
+        this.#context.rand.seed(Date.now() & 4294967295);
+        this.#randSeeded = true;
+      }
     },
     systemsCallback: (system_handle, ptr) => {
       this.hooks.setContext(ptr);
@@ -3321,12 +3390,13 @@ function readTapeHeader2(tape) {
     eventCount: view.getUint16(14, true)
   };
 }
-var DEFAULT_WASM_URL2 = new URL("https://unpkg.com/@bloopjs/engine@0.0.102/wasm/bloop.wasm");
+var DEFAULT_WASM_URL2 = new URL("https://unpkg.com/@bloopjs/engine@0.0.104/wasm/bloop.wasm");
 var TIME_CTX_OFFSET2 = 0;
 var INPUT_CTX_OFFSET2 = TIME_CTX_OFFSET2 + 4;
 var EVENTS_OFFSET2 = INPUT_CTX_OFFSET2 + 4;
 var NET_CTX_OFFSET2 = EVENTS_OFFSET2 + 4;
 var SCREEN_CTX_OFFSET2 = NET_CTX_OFFSET2 + 4;
+var RAND_CTX_OFFSET2 = SCREEN_CTX_OFFSET2 + 4;
 
 // src/debugui/mod.ts
 var exports_mod = {};
@@ -4444,9 +4514,12 @@ var onJumpForward = d3(null);
 var onSeek = d3(null);
 var onLoadTape = d3(null);
 var onReplayLastTape = d3(null);
+var onReplayLastSaved = d3(null);
 var onSaveTape = d3(null);
 var lastTapeName = d3(null);
+var lastSavedTapeName = d3(null);
 var isLoadDialogOpen = d3(false);
+var onToggleRecording = d3(null);
 var debugState = {
   layoutMode,
   isVisible: w3(() => layoutMode.value !== "off"),
@@ -4477,9 +4550,12 @@ var debugState = {
   onSeek,
   onLoadTape,
   onReplayLastTape,
+  onReplayLastSaved,
   onSaveTape,
   lastTapeName,
-  isLoadDialogOpen
+  lastSavedTapeName,
+  isLoadDialogOpen,
+  onToggleRecording
 };
 function cycleLayout() {
   const current = layoutMode.value;
@@ -4615,12 +4691,20 @@ function wirePlaybarHandlers(app) {
   };
   debugState.onSeek.value = (ratio) => {
     if (app.sim.hasHistory) {
+      app.sim.pause();
       const startFrame = debugState.tapeStartFrame.value;
       const frameCount = debugState.tapeFrameCount.value;
       const targetFrame = startFrame + Math.floor(ratio * frameCount);
       app.sim.seek(targetFrame);
     }
   };
+  debugState.onToggleRecording.value = () => {
+    if (app.sim.isRecording) {
+      app.sim.stopRecording();
+    } else {
+      app.sim.record();
+    }
+  };
 }
 function wireTapeDragDrop(canvas, app) {
   canvas.addEventListener("dragover", (e4) => {
@@ -4639,7 +4723,8 @@ function wireTapeDragDrop(canvas, app) {
 }
 var TAPE_DB_NAME = "bloop-debug";
 var TAPE_STORE_NAME = "tapes";
-var TAPE_KEY = "last";
+var TAPE_KEY_LOADED = "last-loaded";
+var TAPE_KEY_SAVED = "last-saved";
 function openTapeDB() {
   return new Promise((resolve, reject) => {
     const request = indexedDB.open(TAPE_DB_NAME, 1);
@@ -4650,21 +4735,21 @@ function openTapeDB() {
     };
   });
 }
-async function saveTapeToStorage(bytes, fileName) {
+async function saveTapeToStorage(bytes, fileName, key = TAPE_KEY_LOADED) {
   const db = await openTapeDB();
   return new Promise((resolve, reject) => {
     const tx = db.transaction(TAPE_STORE_NAME, "readwrite");
-    tx.objectStore(TAPE_STORE_NAME).put({ bytes, fileName }, TAPE_KEY);
+    tx.objectStore(TAPE_STORE_NAME).put({ bytes, fileName }, key);
     tx.oncomplete = () => resolve();
     tx.onerror = () => reject(tx.error);
   });
 }
-async function loadTapeFromStorage() {
+async function loadTapeFromStorage(key = TAPE_KEY_LOADED) {
   try {
     const db = await openTapeDB();
     return new Promise((resolve, reject) => {
       const tx = db.transaction(TAPE_STORE_NAME, "readonly");
-      const request = tx.objectStore(TAPE_STORE_NAME).get(TAPE_KEY);
+      const request = tx.objectStore(TAPE_STORE_NAME).get(key);
       request.onsuccess = () => resolve(request.result ?? null);
       request.onerror = () => reject(request.error);
     });
@@ -4673,32 +4758,46 @@ async function loadTapeFromStorage() {
   }
 }
 async function checkForSavedTape() {
-  const saved = await loadTapeFromStorage();
-  debugState.lastTapeName.value = saved?.fileName ?? null;
+  const [loaded, saved] = await Promise.all([
+    loadTapeFromStorage(TAPE_KEY_LOADED),
+    loadTapeFromStorage(TAPE_KEY_SAVED)
+  ]);
+  debugState.lastTapeName.value = loaded?.fileName ?? null;
+  debugState.lastSavedTapeName.value = saved?.fileName ?? null;
 }
 function wireTapeLoadHandlers(app) {
   debugState.onLoadTape.value = async (bytes, fileName) => {
     app.loadTape(bytes);
-    await saveTapeToStorage(bytes, fileName);
+    await saveTapeToStorage(bytes, fileName, TAPE_KEY_LOADED);
     debugState.lastTapeName.value = fileName;
     debugState.isLoadDialogOpen.value = false;
   };
   debugState.onReplayLastTape.value = async () => {
-    const saved = await loadTapeFromStorage();
+    const saved = await loadTapeFromStorage(TAPE_KEY_LOADED);
+    if (saved) {
+      app.loadTape(saved.bytes);
+      debugState.isLoadDialogOpen.value = false;
+    }
+  };
+  debugState.onReplayLastSaved.value = async () => {
+    const saved = await loadTapeFromStorage(TAPE_KEY_SAVED);
     if (saved) {
       app.loadTape(saved.bytes);
       debugState.isLoadDialogOpen.value = false;
     }
   };
-  debugState.onSaveTape.value = () => {
+  debugState.onSaveTape.value = async () => {
     if (!app.sim.hasHistory)
       return;
     const tape = app.sim.saveTape();
+    const fileName = `tape-${Date.now()}.bloop`;
+    await saveTapeToStorage(tape, fileName, TAPE_KEY_SAVED);
+    debugState.lastSavedTapeName.value = fileName;
     const blob = new Blob([tape], { type: "application/octet-stream" });
     const url = URL.createObjectURL(blob);
     const a4 = document.createElement("a");
     a4.href = url;
-    a4.download = `tape-${Date.now()}.bloop`;
+    a4.download = fileName;
     a4.click();
     URL.revokeObjectURL(url);
   };
@@ -4982,8 +5081,14 @@ function TopBar({ leftLabel, rightLabel }) {
   const frameNumber2 = debugState.frameNumber.value;
   const rtt = debugState.netStatus.value.rtt;
   const isOnline = debugState.netStatus.value.peers.length > 0;
+  const stopPropagation = q2((e4) => {
+    e4.stopPropagation();
+  }, []);
   return /* @__PURE__ */ u4("div", {
     className: "top-bar",
+    onMouseDown: stopPropagation,
+    onMouseUp: stopPropagation,
+    onClick: stopPropagation,
     children: [
       /* @__PURE__ */ u4("span", {
         className: "top-bar-side-label",
@@ -5049,18 +5154,31 @@ function VerticalBar({
   value,
   max,
   side,
-  color = "#4a9eff"
+  color = "#4a9eff",
+  displayValue
 }) {
   const percentage = max > 0 ? Math.min(100, value / max * 100) : 0;
+  const stopPropagation = q2((e4) => {
+    e4.stopPropagation();
+  }, []);
   return /* @__PURE__ */ u4("div", {
     className: `${side}-bar`,
+    onMouseDown: stopPropagation,
+    onMouseUp: stopPropagation,
+    onClick: stopPropagation,
     children: /* @__PURE__ */ u4("div", {
       className: "vertical-bar",
-      children: /* @__PURE__ */ u4("div", {
-        className: "vertical-bar-fill",
-        style: { height: `${percentage}%`, background: color }
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
+      children: [
+        /* @__PURE__ */ u4("div", {
+          className: "vertical-bar-fill",
+          style: { height: `${percentage}%`, background: color }
+        }, undefined, false, undefined, this),
+        displayValue && /* @__PURE__ */ u4("span", {
+          className: `vertical-bar-popover ${side}`,
+          children: displayValue
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
   }, undefined, false, undefined, this);
 }
 
@@ -5070,7 +5188,6 @@ function LoadTapeDialog() {
   const fileInputRef = A2(null);
   const [isDragOver, setIsDragOver] = d2(false);
   const isOpen = debugState.isLoadDialogOpen.value;
-  const lastTapeName2 = debugState.lastTapeName.value;
   y2(() => {
     const dialog = dialogRef.current;
     if (!dialog)
@@ -5121,11 +5238,20 @@ function LoadTapeDialog() {
   const handleReplayLast = q2(() => {
     debugState.onReplayLastTape.value?.();
   }, []);
+  const handleReplayLastSaved = q2(() => {
+    debugState.onReplayLastSaved.value?.();
+  }, []);
+  const handleDialogClick = q2((e4) => {
+    if (e4.target === e4.currentTarget) {
+      debugState.isLoadDialogOpen.value = false;
+    }
+  }, []);
   return /* @__PURE__ */ u4("dialog", {
     ref: dialogRef,
     className: "load-tape-dialog",
     onClose: handleClose,
-    children: /* @__PURE__ */ u4("div", {
+    onClick: handleDialogClick,
+    children: isOpen && /* @__PURE__ */ u4("div", {
       className: "load-tape-dialog-content",
       children: [
         /* @__PURE__ */ u4("h3", {
@@ -5153,12 +5279,17 @@ function LoadTapeDialog() {
           className: "hidden-file-input",
           onChange: handleFileInputChange
         }, undefined, false, undefined, this),
-        lastTapeName2 && /* @__PURE__ */ u4("button", {
+        debugState.lastSavedTapeName.value && /* @__PURE__ */ u4("button", {
+          className: "replay-last-btn",
+          onClick: handleReplayLastSaved,
+          children: "Replay last saved tape"
+        }, undefined, false, undefined, this),
+        debugState.lastTapeName.value && /* @__PURE__ */ u4("button", {
           className: "replay-last-btn",
           onClick: handleReplayLast,
           children: [
-            "Replay last: ",
-            lastTapeName2
+            "Replay last loaded: ",
+            debugState.lastTapeName.value
           ]
         }, undefined, true, undefined, this)
       ]
@@ -5169,6 +5300,14 @@ function LoadTapeDialog() {
 // src/debugui/components/BottomBar.tsx
 var iconProps = { width: 14, height: 14, viewBox: "0 0 24 24", fill: "currentColor" };
 var Icons = {
+  record: /* @__PURE__ */ u4("svg", {
+    ...iconProps,
+    children: /* @__PURE__ */ u4("circle", {
+      cx: "12",
+      cy: "12",
+      r: "8"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this),
   jumpBack: /* @__PURE__ */ u4("svg", {
     ...iconProps,
     children: /* @__PURE__ */ u4("path", {
@@ -5311,22 +5450,33 @@ function BottomBar() {
   const handleSaveTapeClick = q2(() => {
     debugState.onSaveTape.value?.();
   }, []);
+  const handleToggleRecording = q2(() => {
+    debugState.onToggleRecording.value?.();
+  }, []);
+  const stopPropagation = q2((e4) => {
+    e4.stopPropagation();
+  }, []);
   return /* @__PURE__ */ u4("div", {
     className: "bottom-bar",
+    onMouseDown: stopPropagation,
+    onMouseUp: stopPropagation,
+    onClick: stopPropagation,
     children: [
       /* @__PURE__ */ u4("div", {
         className: "playbar-controls",
         children: [
-          isRecording2 && /* @__PURE__ */ u4("span", {
-            className: "recording-indicator",
-            title: "Recording",
+          /* @__PURE__ */ u4("button", {
+            className: `playbar-btn record-btn ${isRecording2 ? "recording" : ""}`,
+            onClick: handleToggleRecording,
             children: [
-              /* @__PURE__ */ u4("span", {
-                className: "recording-dot"
+              Icons.record,
+              isRecording2 && /* @__PURE__ */ u4("span", {
+                className: "btn-label",
+                children: "REC"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ u4("span", {
-                className: "recording-label",
-                children: "REC"
+                className: "tooltip tooltip-left",
+                children: isRecording2 ? "Stop recording" : "Start recording"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
@@ -5537,11 +5687,13 @@ function LetterboxedLayout({ canvas }) {
   const hmrFlash2 = debugState.hmrFlash.value;
   const leftValue = isOnline ? Math.abs(advantage) : frameTime2;
   const leftMax = isOnline ? 10 : 16.67;
-  const leftLabel = isOnline ? "ADV" : "MS";
+  const leftLabel = isOnline ? "adv" : "time";
   const leftColor = isOnline ? advantage >= 0 ? "#4a9eff" : "#ff4a4a" : frameTime2 > 16.67 ? "#ff4a4a" : "#4aff4a";
+  const leftDisplayValue = isOnline ? `${advantage >= 0 ? "+" : ""}${advantage} frames` : `${frameTime2.toFixed(1)}ms`;
   const rightValue = isOnline ? 0 : snapshotSize2;
   const rightMax = isOnline ? 10 : 1e4;
-  const rightLabel = isOnline ? "RB" : "KB";
+  const rightLabel = isOnline ? "rb" : "size";
+  const rightDisplayValue = isOnline ? "0 frames" : snapshotSize2 >= 1000 ? `${(snapshotSize2 / 1000).toFixed(1)}kb` : `${snapshotSize2}b`;
   const gameClassName = hmrFlash2 ? "letterboxed-game hmr-flash" : "letterboxed-game";
   return /* @__PURE__ */ u4("main", {
     className: "layout-letterboxed",
@@ -5554,7 +5706,8 @@ function LetterboxedLayout({ canvas }) {
         value: leftValue,
         max: leftMax,
         side: "left",
-        color: leftColor
+        color: leftColor,
+        displayValue: leftDisplayValue
       }, undefined, false, undefined, this),
       /* @__PURE__ */ u4("div", {
         className: gameClassName,
@@ -5565,7 +5718,8 @@ function LetterboxedLayout({ canvas }) {
       /* @__PURE__ */ u4(VerticalBar, {
         value: rightValue,
         max: rightMax,
-        side: "right"
+        side: "right",
+        displayValue: rightDisplayValue
       }, undefined, false, undefined, this),
       /* @__PURE__ */ u4(BottomBar, {}, undefined, false, undefined, this)
     ]
@@ -5749,6 +5903,7 @@ var styles = `
   font-family: monospace;
   font-size: 12px;
   padding: 0;
+  user-select: none;
 }
 
 .top-bar-side-label {
@@ -5802,6 +5957,7 @@ var styles = `
   justify-content: flex-end;
   background: #111;
   padding: 4px 0;
+  user-select: none;
 }
 
 .right-bar {
@@ -5812,6 +5968,7 @@ var styles = `
   justify-content: flex-end;
   background: #111;
   padding: 4px 0;
+  user-select: none;
 }
 
 .vertical-bar {
@@ -5820,7 +5977,6 @@ var styles = `
   background: #333;
   border-radius: 2px;
   position: relative;
-  overflow: hidden;
 }
 
 .vertical-bar-fill {
@@ -5833,6 +5989,37 @@ var styles = `
   transition: height 0.1s ease-out;
 }
 
+.vertical-bar-popover {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  background: #222;
+  color: #ccc;
+  padding: 4px 8px;
+  border-radius: 4px;
+  font-size: 10px;
+  font-family: monospace;
+  white-space: nowrap;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.15s;
+  pointer-events: none;
+  z-index: 10;
+}
+
+.vertical-bar-popover.left {
+  left: calc(100% + 8px);
+}
+
+.vertical-bar-popover.right {
+  right: calc(100% + 8px);
+}
+
+.vertical-bar:hover .vertical-bar-popover {
+  opacity: 1;
+  visibility: visible;
+}
+
 
 .bottom-bar {
   grid-area: bottom-bar;
@@ -5842,6 +6029,7 @@ var styles = `
   /* Mobile-first: more padding */
   padding: 0 16px;
   gap: 12px;
+  user-select: none;
 }
 
 /* Desktop: tighter padding */
@@ -5859,22 +6047,16 @@ var styles = `
   flex-shrink: 0;
 }
 
-/* Recording indicator - mobile: just the dot */
-.recording-indicator {
-  display: flex;
-  align-items: center;
-  margin-right: 4px;
+/* Record button */
+.record-btn {
+  color: #666;
 }
 
-.recording-indicator .recording-label {
-  display: none;
+.record-btn.recording {
+  color: #ff4444;
 }
 
-.recording-dot {
-  width: 10px;
-  height: 10px;
-  background: #ff4444;
-  border-radius: 50%;
+.record-btn.recording svg {
   animation: recording-pulse 1s ease-in-out infinite;
 }
 
@@ -5883,6 +6065,17 @@ var styles = `
   50% { opacity: 0.4; }
 }
 
+/* Desktop: show REC label when recording */
+@media (min-width: 769px) {
+  .record-btn.recording {
+    width: auto;
+    padding: 0 6px;
+    gap: 4px;
+    background: rgba(255, 68, 68, 0.15);
+    border-radius: 3px;
+  }
+}
+
 /* Replay indicator - mobile: hidden */
 .replay-indicator {
   display: none;
@@ -6044,6 +6237,7 @@ var styles = `
   position: relative;
   cursor: pointer;
   overflow: hidden;
+  user-select: none;
 }
 
 /* Desktop: smaller seek bar */
@@ -7698,5 +7892,5 @@ export {
   App
 };
 
-//# debugId=BE2C82666F521FFC64756E2164756E21
+//# debugId=6B601178E41D054664756E2164756E21
 //# sourceMappingURL=mod.js.map