@jsenv/terminal-recorder 1.5.54 → 1.5.57

package/dist/jsenv_terminal_recorder_node_modules.js

@@ -2,8 +2,9 @@ function ansiRegex({onlyFirst = false} = {}) {
 	// Valid string terminator sequences are BEL, ESC\, and 0x9c
 	const ST = '(?:\\u0007|\\u001B\\u005C|\\u009C)';
 
-	// OSC sequences only: ESC ] ... ST (non-greedy until the first ST)
-	const osc = `(?:\\u001B\\][\\s\\S]*?${ST})`;
+	// OSC sequences only: ESC ] ... ST
+	// The payload stops at the first terminator character rather than scanning ahead for one, so an unterminated `ESC ]` cannot rescan the rest of the input. Terminals likewise abort a control string on an unexpected ESC.
+	const osc = `(?:\\u001B\\][^\\u0007\\u001B\\u009C]*${ST})`;
 
 	// CSI and related: ESC/C1, optional intermediates, optional params (supports ; and :) then final byte
 	const csi = '[\\u001B\\u009B][[\\]()#;?]*(?:\\d{1,4}(?:[;:]\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/terminal-recorder",
-  "version": "1.5.54",
+  "version": "1.5.57",
   "type": "module",
   "description": "Record terminal output as .svg, .gif, .webm, .mp4",
   "repository": {
@@ -35,13 +35,13 @@
   },
   "dependencies": {
     "@jsenv/humanize": "1.7.8",
-    "@jsenv/server": "17.6.0",
+    "@jsenv/server": "17.6.2",
     "@jsenv/terminal-text-size": "0.0.4",
-    "@playwright/browser-chromium": "1.61.1",
-    "ansi-regex": "6.2.2",
+    "@playwright/browser-chromium": "1.62.1",
+    "ansi-regex": "6.3.0",
     "eastasianwidth": "0.3.0",
     "he": "1.2.0",
-    "playwright": "1.61.1",
+    "playwright": "1.62.1",
     "strip-ansi": "7.2.0",
     "webm-to-mp4": "1.0.0"
   },

package/src/.jsenv/chrome@149.0.0/@fs/Users/dmail/Documents/dev/jsenv/core/packages/internal/plugin-supervisor/src/client/supervisor.js

@@ -1107,7 +1107,9 @@ window.__supervisor__ = (() => {
        * a warning, never the other way around.
        */
       class JsenvWarningOverlay extends HTMLElement {
-        constructor({ title, text, details = [] }) {
+        // "node" is for what a string cannot say: a live indicator, something
+        // animated, anything the code reporting the warning wants to render itself
+        constructor({ title, text, details = [], node }) {
           super();
           const root = this.attachShadow({ mode: "open" });
           root.innerHTML = `
@@ -1124,10 +1126,14 @@ window.__supervisor__ = (() => {
   <div class="details">
     ${details.map((detail) => `<p>${escapeHtml(detail)}</p>`).join("\n    ")}
   </div>
+  <div class="extra"></div>
   <div class="tip">
     Click outside to close.
   </div>
 </div>`;
+          if (node) {
+            root.querySelector(".extra").appendChild(node);
+          }
           enableCopyButton(root);
           root.querySelector(".backdrop").onclick = () => {
             if (!this.parentNode) {
@@ -1160,6 +1166,14 @@ window.__supervisor__ = (() => {
               parts.push(paragraph.textContent.trim());
             }
           }
+          // a node rendered by the warning reporter says which of its parts are
+          // worth pasting, the rest being decoration
+          const extraNode = overlay.querySelector(".extra");
+          if (extraNode) {
+            for (const line of extraNode.querySelectorAll("[data-copy-line]")) {
+              parts.push(line.textContent.trim().replace(/\s+/g, " "));
+            }
+          }
           const copied = await writeTextToClipboard(parts.join("\n"));
           button.textContent = copied ? "Copied" : "Copy failed";
           clearTimeout(resetTimeout);
@@ -1376,6 +1390,13 @@ window.__supervisor__ = (() => {
           overflow: auto;
         }
 
+        .extra {
+          padding: 0 20px 16px;
+        }
+        .extra:empty {
+          display: none;
+        }
+
         .tip {
           padding-top: 12px;
           border-top: 1px solid #999;
@@ -1406,11 +1427,11 @@ window.__supervisor__ = (() => {
     }
 
     supervisor.createException = createException;
-    supervisor.reportWarning = ({ title, text, details }) => {
+    supervisor.reportWarning = ({ title, text, details, node }) => {
       if (!errorOverlay) {
         return () => {};
       }
-      return displayJsenvWarningOverlay({ title, text, details });
+      return displayJsenvWarningOverlay({ title, text, details, node });
     };
     supervisor.reportException = (exception) => {
       if (errorOverlay) {

package/src/.jsenv/chrome@149.0.0/@fs/Users/dmail/Documents/dev/jsenv/core/src/plugins/dependency_status/client/dependency_status.js

@@ -3,11 +3,22 @@
  *
  * A missing dependency is not handled here: it makes the import fail, so the
  * error overlay already says it, with more precision (which import, where).
+ *
+ * The overlay does not only describe the problem, it shows the dev server
+ * watching for the fix: the paths being looked at are named and kept alive on
+ * screen, so waiting for "npm install" feels like waiting for something that is
+ * actually going to happen.
  */
 
 let removeOverlay = () => {};
+let watchInfoFromServer = {};
+// packages listed as outdated at some point, and the path watched for each;
+// what leaves this map has been installed while the overlay was open, which is
+// worth showing as such
+const outdatedPathMap = new Map();
 
-export const initDependencyStatus = ({ problems }) => {
+export const initDependencyStatus = ({ problems, watchInfo }) => {
+  watchInfoFromServer = watchInfo || {};
   render(problems);
   // without the server events channel the page only knows the state it was
   // served with, which is still better than nothing
@@ -24,9 +35,19 @@ const render = (problems) => {
   const outdatedList = problems.filter(({ state }) => state === "outdated");
   removeOverlay();
   removeOverlay = () => {};
+  const installedList = [];
+  for (const [packageName, watchedPath] of outdatedPathMap) {
+    if (!outdatedList.some((problem) => problem.packageName === packageName)) {
+      installedList.push({ packageName, watchedPath });
+    }
+  }
   if (outdatedList.length === 0) {
+    outdatedPathMap.clear();
     return;
   }
+  for (const { packageName, watchedPath } of outdatedList) {
+    outdatedPathMap.set(packageName, watchedPath);
+  }
   const supervisor = window.__supervisor__;
   if (!supervisor || !supervisor.reportWarning) {
     console.warn(summarize(outdatedList));
@@ -41,8 +62,8 @@ const render = (problems) => {
     details: [
       "The page is running with what is installed in node_modules, which is not what package.json asks for. It may work, but it is not the code the project expects.",
       "Run npm install to fix it. If an install is already running, there is nothing to do but wait.",
-      "This page reloads on its own as soon as node_modules matches package.json.",
     ],
+    node: createWatchNode(outdatedList, installedList),
   });
 };
 
@@ -57,3 +78,213 @@ const summarize = (outdatedList) => {
     .map(({ packageName }) => packageName)
     .join(", ")}`;
 };
+
+const createWatchNode = (outdatedList, installedList) => {
+  const { packageJsonPath = "package.json", pollInterval } =
+    watchInfoFromServer;
+  const node = document.createElement("div");
+  node.className = "dependency_watch";
+  const rows = [];
+  rows.push(
+    createRow({
+      state: "watching",
+      path: packageJsonPath,
+      // a file watcher, not a poll: an edit here is what puts a dependency out
+      // of date in the first place
+      note: "on every change",
+      pollInterval,
+    }),
+  );
+  for (const { packageName, declaredVersion, watchedPath } of outdatedList) {
+    rows.push(
+      createRow({
+        state: "watching",
+        path: watchedPath || `node_modules/${packageName}/package.json`,
+        note: pollInterval
+          ? `waiting for ${declaredVersion}, read every ${pollInterval}ms`
+          : `waiting for ${declaredVersion}`,
+        pollInterval,
+      }),
+    );
+  }
+  for (const { packageName, watchedPath } of installedList) {
+    rows.push(
+      createRow({
+        state: "done",
+        path: watchedPath || `node_modules/${packageName}/package.json`,
+        note: "installed",
+      }),
+    );
+  }
+  node.innerHTML = `
+<style>
+  ${watchCSS}
+</style>
+<div class="dependency_watch_head">
+  <span class="dependency_watch_live">
+    <span class="dependency_watch_live_dot"></span>watching
+  </span>
+  <span class="dependency_watch_head_text">
+    the files that will tell the install is over
+  </span>
+</div>
+<div class="dependency_watch_rows">
+  ${rows.join("\n  ")}
+</div>
+<div class="dependency_watch_effect" data-copy-line>
+  As soon as node_modules matches package.json, this page reloads by itself.
+</div>`;
+  return node;
+};
+
+const createRow = ({ state, path, note, pollInterval }) => {
+  const sweepStyle = pollInterval
+    ? ` style="animation-duration: ${pollInterval}ms"`
+    : "";
+  return `<div class="dependency_watch_row" data-state="${state}">
+    <span class="dependency_watch_row_icon"></span>
+    <code class="dependency_watch_row_path">${escapeHtml(path)}</code>
+    <span class="dependency_watch_row_note">${escapeHtml(note)}</span>
+    ${
+      state === "watching"
+        ? `<span class="dependency_watch_row_sweep"${sweepStyle}></span>`
+        : ""
+    }
+  </div>`;
+};
+
+const escapeHtml = (string) => {
+  return String(string)
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#039;");
+};
+
+const watchCSS = /* css */ `
+  .dependency_watch_head {
+    display: flex;
+    margin-bottom: 8px;
+    align-items: center;
+    gap: 8px;
+  }
+  .dependency_watch_live {
+    display: flex;
+    padding: 2px 8px;
+    align-items: center;
+    gap: 6px;
+    color: #ffab40;
+    font-size: 12px;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    border: 1px solid currentColor;
+    border-radius: 999px;
+  }
+  .dependency_watch_live_dot {
+    width: 7px;
+    height: 7px;
+    background: currentColor;
+    border-radius: 50%;
+    animation: dependency_watch_pulse 1.4s ease-in-out infinite;
+  }
+  @keyframes dependency_watch_pulse {
+    0%,
+    100% {
+      opacity: 0.25;
+      transform: scale(0.8);
+    }
+    50% {
+      opacity: 1;
+      transform: scale(1.15);
+    }
+  }
+  .dependency_watch_head_text {
+    font-size: 13px;
+  }
+
+  .dependency_watch_rows {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+  .dependency_watch_row {
+    position: relative;
+    display: flex;
+    padding: 6px 10px;
+    align-items: center;
+    gap: 8px;
+    font-size: 13px;
+    background: rgba(255, 255, 255, 0.04);
+    border: 1px solid #333;
+    border-radius: 4px;
+    overflow: hidden;
+  }
+  .dependency_watch_row_icon {
+    width: 8px;
+    height: 8px;
+    flex: none;
+    border: 1px solid #ffab40;
+    border-radius: 50%;
+  }
+  .dependency_watch_row[data-state="done"] .dependency_watch_row_icon {
+    background: #7fd67f;
+    border-color: #7fd67f;
+  }
+  .dependency_watch_row_path {
+    color: #eee;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+  .dependency_watch_row_note {
+    margin-left: auto;
+    padding-left: 8px;
+    font-size: 12px;
+    white-space: nowrap;
+    opacity: 0.8;
+  }
+  .dependency_watch_row[data-state="done"] .dependency_watch_row_note {
+    color: #7fd67f;
+    opacity: 1;
+  }
+  /* the sweep is the watching made visible: one pass per read */
+  .dependency_watch_row_sweep {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 35%;
+    height: 100%;
+    background: linear-gradient(
+      90deg,
+      transparent,
+      rgba(255, 171, 64, 0.16),
+      transparent
+    );
+    animation: dependency_watch_sweep 2s linear infinite;
+    pointer-events: none;
+  }
+  @keyframes dependency_watch_sweep {
+    from {
+      transform: translateX(-100%);
+    }
+    to {
+      transform: translateX(340%);
+    }
+  }
+
+  .dependency_watch_effect {
+    margin-top: 8px;
+    color: #ffab40;
+    font-size: 13px;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .dependency_watch_live_dot {
+      animation: none;
+    }
+    .dependency_watch_row_sweep {
+      display: none;
+    }
+  }
+`;

package/src/.jsenv/chrome@149.0.0/@fs/Users/dmail/Documents/dev/jsenv/core/src/plugins/page_switcher/client/page_switcher.js

@@ -2,6 +2,11 @@
  * cmd+K / ctrl+K on any dev-served page: the .html files the server serves, as a
  * tree one walks, filter as you type, Enter to go there.
  *
+ * cmd+E / ctrl+E is the other half of the same question: instead of going to a
+ * page, open its file in the editor (the server does it, see
+ * GET /.internal/open_file/*). Pressed on the page itself it opens the page one
+ * is on; pressed inside the switcher it opens the row one is looking at.
+ *
  * A tree rather than a list of paths, because the paths are mostly the same
  * path: folding every directory that holds a single thing turns
  * "packages/frontend/navi/src/layout/demos/…" repeated forty times into one
@@ -25,6 +30,10 @@
 // another injected client. A function scope owes nothing to anybody.
 (() => {
   const PAGES_ENDPOINT = "/.internal/pages.json";
+  // The server asks the OS to open a file in whatever editor is configured
+  // (VSCode here) — it takes a file url, which is why the page list carries one
+  // per page (see html_pages.js).
+  const OPEN_FILE_ENDPOINT = "/.internal/open_file/";
   const STORAGE_KEY = "jsenv_page_switcher";
   // Open across a reload: this is a dev tool on a page one is editing, and a hot
   // reload in the middle of looking for the next page should not close what one
@@ -56,15 +65,20 @@
     }
   };
 
-  const isSwitcherKey = (event) => {
-    if (event.key !== "k" && event.key !== "K") {
-      return false;
-    }
-    // cmd on mac, ctrl elsewhere — the same split every editor makes.
-    return window.navigator.platform.toLowerCase().includes("mac")
+  // cmd on mac, ctrl elsewhere — the same split every editor makes.
+  const isCommandKey = (event) =>
+    window.navigator.platform.toLowerCase().includes("mac")
       ? event.metaKey && !event.ctrlKey
       : event.ctrlKey && !event.metaKey;
-  };
+
+  const isSwitcherKey = (event) =>
+    (event.key === "k" || event.key === "K") && isCommandKey(event);
+  // E for edit, next to K for the same reason the two belong together: K asks
+  // "which page", E asks "where does this page live". Outside the switcher it
+  // means the page one is on; inside it, the row one is looking at — so the
+  // same press reads the same way in both places.
+  const isEditorKey = (event) =>
+    (event.key === "e" || event.key === "E") && isCommandKey(event);
 
   const STYLE_TEXT = /* css */ `
     :host {
@@ -230,6 +244,32 @@
     }
   `;
 
+  const FLASH_STYLE_TEXT = /* css */ `
+    :host {
+      position: fixed;
+      right: 16px;
+      bottom: 16px;
+      /* Above the switcher's own panel: it is the switcher that triggers it. */
+      z-index: 2147483647;
+      display: block;
+      font-family: system-ui, sans-serif;
+      pointer-events: none;
+    }
+    .flash {
+      padding: 8px 14px;
+      color: light-dark(#0f172a, #e2e8f0);
+      font-size: 13px;
+      background: light-dark(white, #1e293b);
+      border-radius: 8px;
+      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
+      color-scheme: light dark;
+    }
+    .flash[data-error] {
+      color: light-dark(#991b1b, #fecaca);
+      background: light-dark(#fee2e2, #7f1d1d);
+    }
+  `;
+
   let pagesPromise = null;
   const loadPages = () => {
     // Once per page load: the list is a filesystem scan behind a short cache
@@ -240,6 +280,54 @@
     return pagesPromise;
   };
 
+  // Opening a file in an editor happens in another application, on another
+  // screen sometimes: without a word here, a press that failed and a press that
+  // worked look exactly the same. Its own host and its own shadow root, so it
+  // can be shown whether or not the switcher is open.
+  let flashHost = null;
+  let flashBox = null;
+  let flashTimeout = null;
+  const flash = (message, isError) => {
+    if (!flashHost) {
+      flashHost = document.createElement("div");
+      const shadow = flashHost.attachShadow({ mode: "open" });
+      const style = document.createElement("style");
+      style.textContent = FLASH_STYLE_TEXT;
+      flashBox = document.createElement("div");
+      flashBox.className = "flash";
+      shadow.append(style, flashBox);
+    }
+    flashBox.textContent = message;
+    flashBox.toggleAttribute("data-error", Boolean(isError));
+    // Appended last every time, so it sits above the switcher's host when both
+    // are on the page and they share the same z-index.
+    document.body.append(flashHost);
+    window.clearTimeout(flashTimeout);
+    flashTimeout = window.setTimeout(() => flashHost.remove(), 2500);
+  };
+
+  const openInEditor = async (file) => {
+    if (!file || !file.fileUrl) {
+      flash("This page is not a file the server lists.", true);
+      return;
+    }
+    flash(`Opening ${file.name || file.url} in editor…`);
+    try {
+      const response = await fetch(
+        `${OPEN_FILE_ENDPOINT}${encodeURIComponent(file.fileUrl)}`,
+      );
+      if (response.status === 404) {
+        // The route exists only when the server is willing to expose the
+        // machine it runs on (see start_server.js).
+        flash("This server does not open files in an editor.", true);
+      } else if (!response.ok) {
+        flash(`Editor said no (${response.status}).`, true);
+      }
+    } catch {
+      flash("Could not reach the dev server.", true);
+    }
+  };
+
   const readStoredState = () => {
     try {
       const stored = JSON.parse(
@@ -396,7 +484,11 @@
     panel.className = "panel";
     const input = document.createElement("input");
     input.type = "search";
-    input.placeholder = "Go to page…";
+    // The other key is written where one is already looking: a shortcut nobody
+    // is told about is a shortcut nobody presses. Both names, not the one this
+    // platform uses — the reader knows which of the two their keyboard has, and
+    // it keeps what the panel says the same everywhere.
+    input.placeholder = "Go to page…  (cmd/ctrl+E to open in editor)";
     input.setAttribute("aria-label", "Go to page");
     const kindsRow = document.createElement("div");
     kindsRow.className = "kinds";
@@ -664,6 +756,21 @@
         toggleCollapsed(row.node.path);
         return;
       }
+      if (isEditorKey(event)) {
+        // Taken whatever the row is: let go of on a directory it would reach
+        // the page below and open the page one came from, which is not what a
+        // key pressed inside an open switcher can be asking for.
+        stop();
+        const row = rows[currentIndex];
+        if (!row || row.type !== "file") {
+          return;
+        }
+        // Done with the switcher: the answer to "where does this live" arrives
+        // in the editor, not here.
+        close();
+        openInEditor(row.file);
+        return;
+      }
       if (isSwitcherKey(event)) {
         stop();
         close();
@@ -708,15 +815,31 @@
   // preventDefault, the key was theirs and nothing happens here.
   const listenSwitcherKey = () => {
     window.addEventListener("keydown", (event) => {
-      if (event.defaultPrevented || !isSwitcherKey(event)) {
+      if (event.defaultPrevented) {
         return;
       }
-      // Ours now: the browser has its own use for cmd+K (the address bar), which
-      // it must not get.
-      event.preventDefault();
-      openSwitcher();
+      if (isSwitcherKey(event)) {
+        // Ours now: the browser has its own use for cmd+K (the address bar),
+        // which it must not get.
+        event.preventDefault();
+        openSwitcher();
+        return;
+      }
+      if (isEditorKey(event)) {
+        event.preventDefault();
+        openCurrentPageInEditor();
+      }
     });
   };
+  // The page one is looking at, in the editor. The list is where the file url
+  // comes from, so a page the server does not list (an @fs url, something under
+  // node_modules) says so rather than opening the wrong thing.
+  const openCurrentPageInEditor = async () => {
+    const here = currentPageUrl();
+    const pages = await loadPages();
+    const page = pages.find((candidate) => candidate.url === here);
+    openInEditor(page && { ...page, name: here.split("/").pop() });
+  };
   const setup = () => {
     listenSwitcherKey();
     if (wasOpen()) {

package/src/.jsenv/chrome@149.0.0/xterm.html

@@ -46,7 +46,11 @@
         import { initDependencyStatus } from "/@fs/Users/dmail/Documents/dev/jsenv/core/src/plugins/dependency_status/client/dependency_status.js";
             
         initDependencyStatus({
-          "problems": []
+          "problems": [],
+          "watchInfo": {
+            "packageJsonPath": "package.json",
+            "pollInterval": 500
+          }
         });
       </script>
       <script type="module" jsenv-injected-by="jsenv:drop_to_open" content-indented="">

package/src/.jsenv/chrome@151.0.0/@fs/Users/dmail/Documents/dev/jsenv/core/node_modules/@xterm/addon-fit/lib/addon-fit.mjs.map

@@ -0,0 +1,28 @@
+{
+  "version": 3,
+  "sources": [
+    "file:///Users/dmail/Documents/dev/jsenv/core/node_modules/@xterm/addon-fit/src/FitAddon.ts"
+  ],
+  "sourcesContent": [
+    "/**\n * Copyright (c) 2017 The xterm.js authors. All rights reserved.\n * @license MIT\n */\n\nimport type { Terminal, ITerminalAddon } from '@xterm/xterm';\nimport type { FitAddon as IFitApi } from '@xterm/addon-fit';\nimport { IRenderDimensions } from 'browser/renderer/shared/Types';\nimport { ViewportConstants } from 'browser/shared/Constants';\n\ninterface ITerminalDimensions {\n  /**\n   * The number of rows in the terminal.\n   */\n  rows: number;\n\n  /**\n   * The number of columns in the terminal.\n   */\n  cols: number;\n}\n\nconst MINIMUM_COLS = 2;\nconst MINIMUM_ROWS = 1;\n\nexport class FitAddon implements ITerminalAddon , IFitApi {\n  private _terminal: Terminal | undefined;\n\n  public activate(terminal: Terminal): void {\n    this._terminal = terminal;\n  }\n\n  public dispose(): void {}\n\n  public fit(): void {\n    const dims = this.proposeDimensions();\n    if (!dims || !this._terminal || isNaN(dims.cols) || isNaN(dims.rows)) {\n      return;\n    }\n\n    // TODO: Remove reliance on private API\n    const core = (this._terminal as any)._core;\n\n    // Force a full render\n    if (this._terminal.rows !== dims.rows || this._terminal.cols !== dims.cols) {\n      core._renderService.clear();\n      this._terminal.resize(dims.cols, dims.rows);\n    }\n  }\n\n  public proposeDimensions(): ITerminalDimensions | undefined {\n    if (!this._terminal) {\n      return undefined;\n    }\n\n    if (!this._terminal.element || !this._terminal.element.parentElement) {\n      return undefined;\n    }\n\n    // TODO: Remove reliance on private API\n    const core = (this._terminal as any)._core;\n    const dims: IRenderDimensions = core._renderService.dimensions;\n\n    if (dims.css.cell.width === 0 || dims.css.cell.height === 0) {\n      return undefined;\n    }\n\n    const scrollbarWidth = (this._terminal.options.scrollback === 0\n      ? 0\n      : (this._terminal.options.overviewRuler?.width || ViewportConstants.DEFAULT_SCROLL_BAR_WIDTH));\n\n    const parentElementStyle = window.getComputedStyle(this._terminal.element.parentElement);\n    const parentElementHeight = parseInt(parentElementStyle.getPropertyValue('height'));\n    const parentElementWidth = Math.max(0, parseInt(parentElementStyle.getPropertyValue('width')));\n    const elementStyle = window.getComputedStyle(this._terminal.element);\n    const elementPadding = {\n      top: parseInt(elementStyle.getPropertyValue('padding-top')),\n      bottom: parseInt(elementStyle.getPropertyValue('padding-bottom')),\n      right: parseInt(elementStyle.getPropertyValue('padding-right')),\n      left: parseInt(elementStyle.getPropertyValue('padding-left'))\n    };\n    const elementPaddingVer = elementPadding.top + elementPadding.bottom;\n    const elementPaddingHor = elementPadding.right + elementPadding.left;\n    const availableHeight = parentElementHeight - elementPaddingVer;\n    const availableWidth = parentElementWidth - elementPaddingHor - scrollbarWidth;\n    const geometry = {\n      cols: Math.max(MINIMUM_COLS, Math.floor(availableWidth / dims.css.cell.width)),\n      rows: Math.max(MINIMUM_ROWS, Math.floor(availableHeight / dims.css.cell.height))\n    };\n    return geometry;\n  }\n}\n"
+  ],
+  "mappings": ";;;;;;;;;;;;;;;;AAsBA,IAAMA,EAAe,EACfC,EAAe,EAERC,EAAN,KAAmD,CAGjD,SAASC,EAA0B,CACxC,KAAK,UAAYA,CACnB,CAEO,SAAgB,CAAC,CAEjB,KAAY,CACjB,IAAMC,EAAO,KAAK,kBAAkB,EACpC,GAAI,CAACA,GAAQ,CAAC,KAAK,WAAa,MAAMA,EAAK,IAAI,GAAK,MAAMA,EAAK,IAAI,EACjE,OAIF,IAAMC,EAAQ,KAAK,UAAkB,OAGjC,KAAK,UAAU,OAASD,EAAK,MAAQ,KAAK,UAAU,OAASA,EAAK,QACpEC,EAAK,eAAe,MAAM,EAC1B,KAAK,UAAU,OAAOD,EAAK,KAAMA,EAAK,IAAI,EAE9C,CAEO,mBAAqD,CAK1D,GAJI,CAAC,KAAK,WAIN,CAAC,KAAK,UAAU,SAAW,CAAC,KAAK,UAAU,QAAQ,cACrD,OAKF,IAAMA,EADQ,KAAK,UAAkB,MACA,eAAe,WAEpD,GAAIA,EAAK,IAAI,KAAK,QAAU,GAAKA,EAAK,IAAI,KAAK,SAAW,EACxD,OAGF,IAAME,EAAkB,KAAK,UAAU,QAAQ,aAAe,EAC1D,EACC,KAAK,UAAU,QAAQ,eAAe,OAAS,GAE9CC,EAAqB,OAAO,iBAAiB,KAAK,UAAU,QAAQ,aAAa,EACjFC,EAAsB,SAASD,EAAmB,iBAAiB,QAAQ,CAAC,EAC5EE,EAAqB,KAAK,IAAI,EAAG,SAASF,EAAmB,iBAAiB,OAAO,CAAC,CAAC,EACvFG,EAAe,OAAO,iBAAiB,KAAK,UAAU,OAAO,EAC7DC,EAAiB,CACrB,IAAK,SAASD,EAAa,iBAAiB,aAAa,CAAC,EAC1D,OAAQ,SAASA,EAAa,iBAAiB,gBAAgB,CAAC,EAChE,MAAO,SAASA,EAAa,iBAAiB,eAAe,CAAC,EAC9D,KAAM,SAASA,EAAa,iBAAiB,cAAc,CAAC,CAC9D,EACME,EAAoBD,EAAe,IAAMA,EAAe,OACxDE,EAAoBF,EAAe,MAAQA,EAAe,KAC1DG,EAAkBN,EAAsBI,EACxCG,EAAiBN,EAAqBI,EAAoBP,EAKhE,MAJiB,CACf,KAAM,KAAK,IAAIN,EAAc,KAAK,MAAMe,EAAiBX,EAAK,IAAI,KAAK,KAAK,CAAC,EAC7E,KAAM,KAAK,IAAIH,EAAc,KAAK,MAAMa,EAAkBV,EAAK,IAAI,KAAK,MAAM,CAAC,CACjF,CAEF,CACF",
+  "names": [
+    "MINIMUM_COLS",
+    "MINIMUM_ROWS",
+    "FitAddon",
+    "terminal",
+    "dims",
+    "core",
+    "scrollbarWidth",
+    "parentElementStyle",
+    "parentElementHeight",
+    "parentElementWidth",
+    "elementStyle",
+    "elementPadding",
+    "elementPaddingVer",
+    "elementPaddingHor",
+    "availableHeight",
+    "availableWidth"
+  ]
+}