npm - @deadragdoll/tellymcp - Versions diffs - 0.0.12 → 0.0.13 - Mend

@deadragdoll/tellymcp 0.0.12 → 0.0.13

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

Files changed (48) hide show

package/packages/firefox-attach-extension/dist/icon.svg ADDED Viewed

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <rect width="64" height="64" rx="12" fill="#151515"/>
+  <rect x="10" y="10" width="44" height="44" rx="8" fill="#f3efe2"/>
+  <path d="M20 24h24v4H20zm0 12h24v4H20zm0 12h16v4H20z" fill="#151515"/>
+  <circle cx="47" cy="47" r="7" fill="#0a6e2f"/>
+</svg>

package/packages/firefox-attach-extension/dist/manifest.json ADDED Viewed

@@ -0,0 +1,56 @@
+{
+  "manifest_version": 2,
+  "name": "TellyMCP Firefox Attach",
+  "version": "0.0.1",
+  "description": "Attach TellyMCP to an already running Firefox session.",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "permissions": [
+    "tabs",
+    "activeTab",
+    "storage",
+    "cookies",
+    "webNavigation",
+    "webRequest",
+    "webRequestBlocking",
+    "webRequestFilterResponse",
+    "<all_urls>"
+  ],
+  "background": {
+    "scripts": [
+      "background.js"
+    ],
+    "persistent": true
+  },
+  "browser_action": {
+    "default_title": "TellyMCP Firefox Attach",
+    "default_icon": "icon.svg",
+    "default_popup": "popup.html",
+    "browser_style": true
+  },
+  "options_ui": {
+    "page": "options.html",
+    "browser_style": true
+  },
+  "content_scripts": [
+    {
+      "matches": [
+        "<all_urls>"
+      ],
+      "js": [
+        "recorder-content.js"
+      ],
+      "run_at": "document_start",
+      "all_frames": true
+    }
+  ],
+  "web_accessible_resources": [
+    "recorder-page.js"
+  ],
+  "browser_specific_settings": {
+    "gecko": {
+      "id": "tellymcp-firefox-attach@deadragdoll"
+    }
+  }
+}

package/packages/firefox-attach-extension/dist/options.html ADDED Viewed

@@ -0,0 +1,312 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>TellyMCP Firefox Attach</title>
+    <style>
+      :root {
+        color-scheme: light dark;
+        font-family: ui-monospace, "SFMono-Regular", "Cascadia Code", "Fira Code", monospace;
+        --bg-start: #fffdf8;
+        --bg-end: #f3efe2;
+        --card-bg: rgba(255, 255, 255, 0.88);
+        --card-border: #d7cfbb;
+        --text: #171717;
+        --muted: #4b4b4b;
+        --soft: #5a5a5a;
+        --accent: #0a6e2f;
+        --warn: #8a5a00;
+        --danger: #a4000f;
+        --button-border: #171717;
+        --tab-bg: #fff;
+        --tab-border: #cfc7b2;
+        --tab-active-bg: #edf8f0;
+        --input-bg: #fff;
+        --input-border: #c9c9c9;
+      }
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --bg-start: #171a1d;
+          --bg-end: #101214;
+          --card-bg: rgba(28, 31, 35, 0.92);
+          --card-border: #323841;
+          --text: #f3f5f7;
+          --muted: #c5ccd3;
+          --soft: #98a2ad;
+          --accent: #71d08d;
+          --warn: #f3bf63;
+          --danger: #ff7a8a;
+          --button-border: #56606b;
+          --tab-bg: #20242a;
+          --tab-border: #3a414b;
+          --tab-active-bg: #1e3425;
+          --input-bg: #1f2429;
+          --input-border: #3a414b;
+        }
+      }
+      body {
+        margin: 0;
+        min-height: 100vh;
+        padding: 24px;
+        background: linear-gradient(180deg, var(--bg-start) 0%, var(--bg-end) 100%);
+        color: var(--text);
+      }
+      .shell {
+        max-width: 1080px;
+        margin: 0 auto;
+        display: grid;
+        gap: 18px;
+      }
+      h1 {
+        margin: 0;
+        font-size: 28px;
+      }
+      .hint {
+        margin: 0;
+        color: var(--muted);
+        line-height: 1.5;
+      }
+      .grid {
+        display: grid;
+        grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
+        gap: 18px;
+      }
+      .card {
+        border: 1px solid var(--card-border);
+        background: var(--card-bg);
+        padding: 16px;
+      }
+      .card h2 {
+        margin: 0 0 12px;
+        font-size: 16px;
+      }
+      .status {
+        font-size: 15px;
+        font-weight: 700;
+        margin: 0 0 12px;
+      }
+      .meta {
+        display: grid;
+        gap: 6px;
+        font-size: 12px;
+        color: var(--muted);
+        margin-bottom: 12px;
+      }
+      .attached {
+        margin: 0 0 12px;
+        font-size: 12px;
+        color: var(--accent);
+        min-height: 16px;
+      }
+      .action-status {
+        min-height: 18px;
+      }
+      .tabs-title {
+        margin: 0 0 8px;
+        font-size: 13px;
+        font-weight: 700;
+      }
+      .tabs {
+        display: grid;
+        gap: 6px;
+        max-height: 480px;
+        overflow: auto;
+        margin-bottom: 14px;
+      }
+      .tab-row {
+        display: grid;
+        grid-template-columns: minmax(0, 1fr) auto;
+        gap: 8px;
+        align-items: stretch;
+      }
+      .tab {
+        display: grid;
+        gap: 4px;
+        width: 100%;
+        text-align: left;
+        font: inherit;
+        padding: 10px;
+        border: 1px solid var(--tab-border);
+        background: var(--tab-bg);
+        cursor: pointer;
+      }
+      .tab.active {
+        border-color: var(--accent);
+        background: var(--tab-active-bg);
+      }
+      .tab.current {
+        border-style: dashed;
+      }
+      .tab.recording {
+        border-color: var(--warn);
+      }
+      .tab-head {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        min-width: 0;
+      }
+      .tab-title {
+        font-size: 12px;
+        font-weight: 700;
+        color: var(--text);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        min-width: 0;
+      }
+      .tab-badges {
+        display: flex;
+        gap: 4px;
+        flex-wrap: wrap;
+      }
+      .badge {
+        font-size: 10px;
+        line-height: 1;
+        padding: 3px 5px;
+        border: 1px solid var(--tab-border);
+        color: var(--soft);
+      }
+      .badge.attached {
+        color: var(--accent);
+        border-color: var(--accent);
+      }
+      .badge.recording {
+        color: var(--warn);
+        border-color: var(--warn);
+      }
+      .tab-url {
+        font-size: 11px;
+        color: var(--soft);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+      form {
+        display: grid;
+        gap: 14px;
+      }
+      label {
+        display: grid;
+        gap: 8px;
+        font-weight: 600;
+      }
+      input {
+        font: inherit;
+        padding: 10px 12px;
+        color: var(--text);
+        background: var(--input-bg);
+        border: 1px solid var(--input-border);
+      }
+      .actions {
+        display: flex;
+        gap: 10px;
+        flex-wrap: wrap;
+      }
+      button.secondary {
+        font: inherit;
+        padding: 9px 14px;
+        border: 1px solid var(--button-border);
+        cursor: pointer;
+        background: transparent;
+        color: var(--text);
+      }
+      .tab-record-button {
+        min-width: 72px;
+        align-self: stretch;
+      }
+      @media (max-width: 900px) {
+        .grid {
+          grid-template-columns: 1fr;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="shell">
+      <div>
+        <h1>TellyMCP Firefox Attach</h1>
+        <p class="hint">
+          Configure the local TellyMCP attach server and control the attached browser tab from this page. Popup controls are intentionally minimized; use this panel as the primary UI.
+        </p>
+      </div>
+      <div class="grid">
+        <div class="card">
+          <h2>Connection</h2>
+          <p id="connection-status" class="status">Connecting...</p>
+          <div class="meta">
+            <div id="endpoint">Endpoint: -</div>
+            <div id="session">Session: -</div>
+            <div id="recording">Recording: -</div>
+            <div id="recording-tab">Recording tab: -</div>
+            <div id="recording-scope"></div>
+          </div>
+          <p id="attached-tab" class="attached">Attached: -</p>
+          <p id="action-status" class="attached action-status"></p>
+          <form id="settings-form">
+            <label>
+              Host
+              <input id="host" name="host" type="text" placeholder="127.0.0.1" />
+            </label>
+            <label>
+              Port
+              <input id="port" name="port" type="number" min="1" max="65535" placeholder="9999" />
+            </label>
+            <div class="actions">
+              <button type="submit" class="secondary">Save</button>
+              <button id="connection-toggle-button" class="secondary" type="button">Connect</button>
+            </div>
+          </form>
+          <div class="actions" style="margin-top: 14px;">
+            <input id="inject-namespace" type="text" value="TELLY" placeholder="Namespace" style="max-width: 140px;" />
+            <input id="inject-file" type="file" accept=".js,text/javascript,application/javascript" />
+            <button id="inject-script-button" class="secondary" type="button">Inject</button>
+          </div>
+          <p id="status" class="status"></p>
+        </div>
+        <div class="card">
+          <h2>Tabs</h2>
+          <p class="tabs-title">Tabs in current window</p>
+          <div id="tabs" class="tabs"></div>
+        </div>
+      </div>
+    </div>
+    <script src="options.js"></script>
+  </body>
+</html>