@jseeio/jsee 0.4.2 → 0.8.1

package/templates/minimal-output.vue

@@ -0,0 +1,426 @@
+<style scoped>
+.jsee-output-card {
+  border: 1px solid var(--jsee-border, #e0e0e0);
+  border-radius: var(--jsee-radius, 6px);
+  background: var(--jsee-card-bg, #fff);
+  margin-bottom: 16px;
+}
+.jsee-output-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--jsee-border, #f0f0f0);
+}
+.jsee-output-title {
+  font-size: 14px;
+  font-weight: 400;
+  margin: 0;
+  color: var(--jsee-text, #333);
+}
+.jsee-output-actions {
+  display: flex;
+  gap: 4px;
+}
+.jsee-output-actions button {
+  padding: 2px 8px;
+  border: none;
+  background: none;
+  cursor: pointer;
+  font-size: 12px;
+  color: var(--jsee-text-secondary, #666);
+  border-radius: 3px;
+}
+.jsee-output-actions button:hover {
+  background: var(--jsee-bg-secondary, #f0f0f0);
+  color: var(--jsee-text, #333);
+}
+.jsee-output-body {
+  padding: 12px;
+  overflow: auto;
+  color: var(--jsee-text, #333);
+}
+.jsee-output-body pre {
+  margin: 0;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  font-size: 13px;
+}
+
+.is-fullscreen {
+  position: fixed;
+  inset: 0;
+  z-index: 9999;
+  width: 100vw;
+  height: 100vh;
+  background: var(--jsee-card-bg, #fff);
+  display: flex;
+  flex-direction: column;
+}
+.is-fullscreen .jsee-output-body {
+  flex: 1 1 auto;
+  overflow: auto;
+}
+.is-fullscreen .jsee-output-body, .is-fullscreen .custom-container {
+  height: 100% !important;
+}
+.jsee-tabs-header {
+  display: flex;
+  border-bottom: 2px solid var(--jsee-border, #e0e0e0);
+  margin-bottom: 8px;
+}
+.jsee-tab-btn {
+  padding: 6px 14px;
+  border: none;
+  background: none;
+  cursor: pointer;
+  font-size: 12px;
+  color: var(--jsee-text-secondary, #666);
+  border-bottom: 2px solid transparent;
+  margin-bottom: -2px;
+}
+.jsee-tab-btn.active {
+  color: var(--jsee-primary, #00d1b2);
+  border-bottom-color: var(--jsee-primary, #00d1b2);
+}
+.jsee-tab-btn:hover { color: var(--jsee-text, #333); }
+.jsee-file-output { text-align: center; }
+.jsee-file-download-btn {
+  padding: 8px 20px;
+  border: 1px solid var(--jsee-border, #e0e0e0);
+  border-radius: 4px;
+  background: var(--jsee-bg-secondary, #f5f5f5);
+  cursor: pointer;
+  font-size: 13px;
+  color: var(--jsee-text, #333);
+}
+.jsee-file-download-btn:hover {
+  background: var(--jsee-border, #e0e0e0);
+}
+.jsee-chat-messages {
+  max-height: 400px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 4px 0;
+}
+.jsee-chat-msg {
+  display: flex;
+}
+.jsee-chat-user {
+  justify-content: flex-end;
+}
+.jsee-chat-assistant {
+  justify-content: flex-start;
+}
+.jsee-chat-bubble {
+  max-width: 80%;
+  padding: 8px 12px;
+  border-radius: 12px;
+  font-size: 13px;
+  line-height: 1.5;
+}
+.jsee-chat-bubble p { margin: 0; }
+.jsee-chat-bubble p + p { margin-top: 4px; }
+.jsee-chat-user .jsee-chat-bubble {
+  background: var(--jsee-primary, #00d1b2);
+  color: #fff;
+  border-bottom-right-radius: 4px;
+}
+.jsee-chat-assistant .jsee-chat-bubble {
+  background: var(--jsee-bg-secondary, #f5f5f5);
+  color: var(--jsee-text, #333);
+  border-bottom-left-radius: 4px;
+}
+.jsee-output-missing {
+  padding: 24px;
+  text-align: center;
+  color: var(--jsee-text-secondary, #888);
+  font-size: 13px;
+  background: var(--jsee-bg-secondary, #f9f9f9);
+  border-radius: 4px;
+}
+.jsee-output-missing a {
+  color: var(--jsee-primary, #00d1b2);
+}
+.jsee-gallery-grid {
+  display: grid;
+  gap: 8px;
+}
+.jsee-gallery-grid img {
+  width: 100%;
+  height: auto;
+  object-fit: cover;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.jsee-gallery-lightbox {
+  position: fixed;
+  inset: 0;
+  z-index: 10000;
+  background: rgba(0, 0, 0, 0.85);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.jsee-gallery-lightbox img {
+  max-width: 90vw;
+  max-height: 90vh;
+  object-fit: contain;
+}
+.jsee-highlight-segment {
+  padding: 2px 4px;
+  border-radius: 3px;
+  position: relative;
+  display: inline;
+}
+.jsee-highlight-label {
+  font-size: 10px;
+  font-weight: 600;
+  margin-left: 2px;
+  opacity: 0.7;
+  vertical-align: super;
+}
+.jsee-gauge { text-align: center; }
+.jsee-gauge-track { fill: none; stroke: var(--jsee-border, #e0e0e0); stroke-width: 12; stroke-linecap: round; }
+.jsee-gauge-fill { fill: none; stroke-width: 12; stroke-linecap: round; }
+.jsee-gauge-value { font-size: 28px; font-weight: 600; fill: var(--jsee-text, #333); }
+.jsee-gauge-label { font-size: 12px; fill: var(--jsee-text-secondary, #666); }
+
+.jsee-number { text-align: center; padding: 12px 0; }
+.jsee-number-value { font-size: 36px; font-weight: 700; color: var(--jsee-text, #333); }
+.jsee-number-prefix, .jsee-number-suffix { font-size: 20px; font-weight: 400; opacity: 0.6; }
+.jsee-number-delta { font-size: 14px; margin-top: 4px; }
+.jsee-number-delta.positive { color: #27ae60; }
+.jsee-number-delta.negative { color: #e74c3c; }
+.jsee-number-delta.neutral { color: var(--jsee-text-secondary, #666); }
+.jsee-number-label { font-size: 13px; color: var(--jsee-text-secondary, #666); margin-top: 4px; }
+
+.jsee-alert { padding: 12px 16px; border-radius: 4px; border-left: 4px solid; font-size: 13px; line-height: 1.5; }
+.jsee-alert[data-type="info"] { background: #e3f2fd; border-color: #2196f3; color: #1565c0; }
+.jsee-alert[data-type="success"] { background: #e8f5e9; border-color: #4caf50; color: #2e7d32; }
+.jsee-alert[data-type="warning"] { background: #fff8e1; border-color: #ff9800; color: #e65100; }
+.jsee-alert[data-type="error"] { background: #ffebee; border-color: #f44336; color: #c62828; }
+
+.jsee-pdf-controls {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 4px 0;
+  font-size: 13px;
+}
+.jsee-pdf-controls button {
+  padding: 2px 10px;
+  border: 1px solid var(--jsee-border, #e0e0e0);
+  border-radius: 3px;
+  background: var(--jsee-bg-secondary, #f5f5f5);
+  cursor: pointer;
+  font-size: 12px;
+}
+.jsee-viewer-empty {
+  padding: 24px;
+  text-align: center;
+  color: var(--jsee-text-secondary, #888);
+  font-size: 13px;
+}
+.jsee-viewer iframe {
+  width: 100%;
+  border: none;
+  min-height: 400px;
+}
+.jsee-viewer img {
+  max-width: 100%;
+  height: auto;
+}
+.jsee-viewer audio {
+  width: 100%;
+}
+.jsee-viewer video {
+  max-width: 100%;
+  height: auto;
+}
+.jsee-pdf-frame {
+  width: 100%;
+  height: 100%;
+  min-height: 360px;
+  border: none;
+  display: block;
+}
+</style>
+
+<template>
+  <!-- Group output: no card wrapper, children render as separate vue-output -->
+  <div v-if="output.type === 'group'" :id="outputName">
+    <template v-if="output.style === 'tabs'">
+      <div class="jsee-tabs-header">
+        <button v-for="(el, ti) in output.elements" :key="ti"
+          class="jsee-tab-btn" :class="{ active: activeOutputTab === ti }"
+          v-on:click="activeOutputTab = ti">
+          {{ el.name || 'Tab ' + (ti + 1) }}
+        </button>
+      </div>
+      <div v-for="(el, ti) in output.elements" :key="ti" v-show="activeOutputTab === ti">
+        <vue-output :output="el" v-on:notification="$emit('notification', $event)"></vue-output>
+      </div>
+    </template>
+    <template v-else>
+      <vue-output v-for="(el, ti) in output.elements" :key="ti"
+        :output="el" v-on:notification="$emit('notification', $event)"></vue-output>
+    </template>
+  </div>
+  <!-- Regular output: card wrapper -->
+  <div
+    v-else
+    class="jsee-output-card"
+    v-show="!(typeof output.value === 'undefined') || output.type === 'chat'"
+    :class="{ 'is-fullscreen': isFullScreen }"
+    ref="cardRoot"
+  >
+    <div class="jsee-output-header" v-if="output.type !== 'chat'">
+      <p class="jsee-output-title" v-if="output.name">{{ output.name }}</p>
+      <div class="jsee-output-actions">
+        <button v-on:click="save()">Save</button>
+        <button v-on:click="copy()">Copy</button>
+        <button v-if="!isFullScreen" @click="toggleFullScreen" title="Expand to full screen">Fullscreen</button>
+        <button v-else @click="toggleFullScreen" title="Exit full screen">Close</button>
+      </div>
+    </div>
+    <div class="jsee-output-body">
+      <div :id="outputName" v-if="(output.type == 'svg') || (output.type == 'html')">
+        <div v-html="output.value"></div>
+      </div>
+      <div :id="outputName" v-else-if="output.type == 'object'">
+        <json-viewer :value="output.value" copyable sort />
+      </div>
+      <div :id="outputName" v-else-if="output.type == 'code'">
+        <pre>{{ output.value }}</pre>
+      </div>
+      <div :id="outputName" v-else-if="output.type == 'function'">
+        <div class="custom-container" ref="customContainer"></div>
+      </div>
+      <div :id="outputName" v-else-if="output.type === 'table'">
+        <virtual-table :data="output.value" />
+      </div>
+      <div :id="outputName" v-else-if="output.type === 'markdown'">
+        <div v-html="renderMarkdown(output.value)"></div>
+      </div>
+      <div :id="outputName" v-else-if="output.type === 'image'">
+        <img :src="output.value" style="max-width: 100%; height: auto;" />
+      </div>
+      <div :id="outputName" v-else-if="output.type === 'audio'">
+        <audio controls :src="output.value" style="width: 100%;"></audio>
+      </div>
+      <div :id="outputName" v-else-if="output.type === 'video'">
+        <video controls :src="output.value" style="max-width: 100%; height: auto;"></video>
+      </div>
+      <div :id="outputName" v-else-if="output.type === 'chart'" ref="chartContainer">
+        <div v-if="!hasPlot" class="jsee-output-missing">
+          Chart requires <a href="https://observablehq.com/plot/" target="_blank">Observable Plot</a>.
+          Add to imports or use the full bundle.
+        </div>
+      </div>
+      <div :id="outputName" v-else-if="output.type === '3d'" ref="threeDContainer"
+        :style="{ height: (output.height || 400) + 'px' }">
+        <div v-if="!hasThree" class="jsee-output-missing">
+          3D viewer requires <a href="https://threejs.org/" target="_blank">Three.js</a>.
+          Add to imports or use the full bundle.
+        </div>
+      </div>
+      <div :id="outputName" v-else-if="output.type === 'map'" ref="mapContainer"
+        :style="{ height: (output.height || 400) + 'px' }">
+        <div v-if="!hasLeaflet" class="jsee-output-missing">
+          Map requires <a href="https://leafletjs.com/" target="_blank">Leaflet</a>.
+          Add to imports or use the full bundle.
+        </div>
+      </div>
+      <div :id="outputName" v-else-if="output.type === 'pdf'" ref="pdfContainer"
+        :style="{ height: (output.height || 600) + 'px', overflow: 'auto' }">
+      </div>
+      <div :id="outputName" v-else-if="output.type === 'gallery'">
+        <div class="jsee-gallery-grid"
+          :style="{ gridTemplateColumns: 'repeat(' + (output.columns || 3) + ', 1fr)', gap: (output.gap || 8) + 'px' }">
+          <img v-for="(src, gi) in (output.value || [])" :key="gi" :src="src"
+            @click="lightboxSrc = src" />
+        </div>
+        <div v-if="lightboxSrc" class="jsee-gallery-lightbox" @click="lightboxSrc = null">
+          <img :src="lightboxSrc" />
+        </div>
+      </div>
+      <div :id="outputName" v-else-if="output.type === 'highlight'">
+        <span v-for="(seg, si) in (output.value || [])" :key="si">
+          <span v-if="seg.label" class="jsee-highlight-segment"
+            :style="{ background: seg.color || '#e3f2fd' }">{{ seg.text }}<span class="jsee-highlight-label">{{ seg.label }}</span></span>
+          <span v-else>{{ seg.text }}</span>
+        </span>
+      </div>
+      <div :id="outputName" v-else-if="output.type === 'gauge'" class="jsee-gauge">
+        <svg viewBox="0 0 200 120" style="max-width: 220px; margin: 0 auto; display: block;">
+          <path class="jsee-gauge-track" d="M 20 90 A 80 80 0 0 1 180 90" />
+          <path class="jsee-gauge-fill"
+            :stroke="output.color || 'var(--jsee-primary, #00d1b2)'"
+            d="M 20 90 A 80 80 0 0 1 180 90"
+            :stroke-dasharray="(Math.min(1, Math.max(0, ((typeof output.value === 'object' && output.value !== null ? output.value.value : output.value) - (output.min != null ? output.min : 0)) / ((output.max != null ? output.max : 100) - (output.min != null ? output.min : 0)))) * 251.33) + ' 251.33'" />
+          <text class="jsee-gauge-value" x="100" y="88" text-anchor="middle">{{ typeof output.value === 'object' && output.value !== null ? output.value.value : output.value }}</text>
+          <text class="jsee-gauge-label" x="100" y="108" text-anchor="middle">{{ (typeof output.value === 'object' && output.value !== null ? output.value.label : null) || output.label || '' }}</text>
+        </svg>
+      </div>
+      <div :id="outputName" v-else-if="output.type === 'number'" class="jsee-number">
+        <template v-if="output.value != null">
+          <div class="jsee-number-value">
+            <span v-if="output.prefix" class="jsee-number-prefix">{{ output.prefix }}</span>{{ output.precision != null
+              ? (typeof output.value === 'object' && output.value !== null ? output.value.value : output.value).toFixed(output.precision)
+              : (typeof output.value === 'object' && output.value !== null ? output.value.value : output.value).toLocaleString() }}<span v-if="output.suffix" class="jsee-number-suffix">{{ output.suffix }}</span>
+          </div>
+          <div v-if="typeof output.value === 'object' && output.value !== null && output.value.delta != null"
+            class="jsee-number-delta"
+            :class="output.value.delta > 0 ? 'positive' : output.value.delta < 0 ? 'negative' : 'neutral'">
+            {{ output.value.delta > 0 ? '\u25B2' : output.value.delta < 0 ? '\u25BC' : '\u2013' }} {{ Math.abs(output.value.delta) }}
+          </div>
+          <div v-if="output.label || (typeof output.value === 'object' && output.value !== null && output.value.label)"
+            class="jsee-number-label">
+            {{ (typeof output.value === 'object' && output.value !== null ? output.value.label : null) || output.label }}
+          </div>
+        </template>
+      </div>
+      <div :id="outputName" v-else-if="output.type === 'alert'" class="jsee-alert"
+        :data-type="(typeof output.value === 'object' && output.value !== null ? output.value.type : null) || output.alertType || 'info'">
+        {{ typeof output.value === 'object' && output.value !== null ? output.value.message : output.value }}
+      </div>
+      <div :id="outputName" v-else-if="output.type === 'chat'" class="jsee-chat">
+        <div class="jsee-chat-messages" ref="chatMessages">
+          <div v-for="(msg, mi) in (output._messages || [])" :key="mi"
+            class="jsee-chat-msg" :class="'jsee-chat-' + msg.role">
+            <div class="jsee-chat-bubble" v-html="renderMarkdown(msg.content)"></div>
+          </div>
+        </div>
+      </div>
+      <div :id="outputName" v-else-if="output.type === 'viewer'" class="jsee-viewer">
+        <div v-if="!output.value" class="jsee-viewer-empty">Select a file to preview</div>
+        <img v-else-if="viewerMedia === 'image'" :src="output.value" />
+        <audio v-else-if="viewerMedia === 'audio'" controls :src="output.value"></audio>
+        <video v-else-if="viewerMedia === 'video'" controls :src="output.value"></video>
+        <iframe v-else :src="output.value"></iframe>
+      </div>
+      <div :id="outputName" v-else-if="output.type === 'file'" class="jsee-file-output">
+        <button class="jsee-file-download-btn" v-on:click="downloadFile()">⬇ Download {{ output.filename || output.name || 'file' }}</button>
+      </div>
+      <div :id="outputName" v-else-if="output.type == 'blank'">
+        <!-- will be filled by custom render function -->
+      </div>
+      <div :id="outputName" v-else>
+        <pre>{{ output.value }}</pre>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { component } from "./common-outputs.js"
+  import VirtualTable from "./virtual-table.vue"
+  export default {
+    ...component,
+    components: { ...(component.components || {}), VirtualTable }
+  }
+</script>

package/templates/virtual-table.vue

@@ -0,0 +1,194 @@
+<style scoped>
+.vt-wrap {
+  font-size: 13px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, monospace;
+}
+.vt-scroll {
+  overflow: auto;
+  max-height: 500px;
+  border: 1px solid #eee;
+  border-radius: 4px;
+}
+.vt-table {
+  width: 100%;
+  border-collapse: collapse;
+  table-layout: auto;
+}
+.vt-table th {
+  padding: 6px 12px;
+  text-align: left;
+  border-bottom: 2px solid #ddd;
+  background: #f8f8f8;
+  font-weight: 600;
+  position: sticky;
+  top: 0;
+  cursor: pointer;
+  user-select: none;
+  white-space: nowrap;
+  z-index: 1;
+}
+.vt-table th:hover {
+  background: #f0f0f0;
+}
+.vt-table th .sort-icon {
+  margin-left: 4px;
+  opacity: 0.3;
+}
+.vt-table th.sorted .sort-icon {
+  opacity: 1;
+}
+.vt-table td {
+  padding: 4px 12px;
+  border-bottom: 1px solid #eee;
+  white-space: nowrap;
+  max-width: 300px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.vt-table td.num {
+  text-align: right;
+  font-variant-numeric: tabular-nums;
+}
+.vt-table tbody tr:hover {
+  background: #f9f9f9;
+}
+.vt-footer {
+  font-size: 11px;
+  color: #888;
+  margin-top: 6px;
+  display: flex;
+  justify-content: space-between;
+}
+</style>
+
+<template>
+  <div class="vt-wrap">
+    <div v-if="label" style="font-size:12px;color:#888;margin-bottom:6px">
+      {{ label }} ({{ rowCount }} rows{{ truncated ? ', showing first ' + maxRows : '' }})
+    </div>
+    <div class="vt-scroll">
+      <table class="vt-table">
+        <thead>
+          <tr>
+            <th
+              v-for="(col, ci) in columns"
+              :key="ci"
+              :class="{ sorted: sortCol === ci }"
+              @click="toggleSort(ci)"
+            >
+              {{ col }}
+              <span class="sort-icon">{{ sortCol === ci ? (sortAsc ? '▲' : '▼') : '⇅' }}</span>
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="(row, ri) in displayRows" :key="ri">
+            <td
+              v-for="(cell, ci) in row"
+              :key="ci"
+              :class="{ num: colTypes[ci] === 'number' }"
+            >{{ cell }}</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="vt-footer" v-if="rowCount > 0">
+      <span>{{ rowCount }} rows × {{ columns.length }} columns</span>
+      <span v-if="truncated">Showing first {{ maxRows }} rows</span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    data: { type: [Object, Array], required: true }
+  },
+  data () {
+    return {
+      sortCol: -1,
+      sortAsc: true,
+      maxRows: 5000
+    }
+  },
+  computed: {
+    normalized () {
+      const d = this.data
+      if (!d) return { columns: [], rows: [] }
+      if (d.columns && d.rows) return d
+      if (Array.isArray(d) && d.length > 0) {
+        if (Array.isArray(d[0])) {
+          return { columns: d[0].map(String), rows: d.slice(1) }
+        }
+        if (typeof d[0] === 'object') {
+          const cols = Object.keys(d[0])
+          return { columns: cols, rows: d.map(r => cols.map(c => r[c])) }
+        }
+      }
+      return { columns: [], rows: [] }
+    },
+    columns () {
+      return this.normalized.columns || []
+    },
+    allRows () {
+      return this.normalized.rows || []
+    },
+    label () {
+      return this.data && this.data.label
+    },
+    rowCount () {
+      return this.allRows.length
+    },
+    truncated () {
+      return this.rowCount > this.maxRows
+    },
+    colTypes () {
+      const rows = this.allRows
+      const n = Math.min(rows.length, 20)
+      return this.columns.map((_, ci) => {
+        let numCount = 0
+        for (let i = 0; i < n; i++) {
+          const v = rows[i] && rows[i][ci]
+          if (v !== '' && v !== null && v !== undefined && !isNaN(Number(v))) numCount++
+        }
+        return numCount > n * 0.5 ? 'number' : 'string'
+      })
+    },
+    sortedRows () {
+      if (this.sortCol < 0) return this.allRows
+      const ci = this.sortCol
+      const asc = this.sortAsc
+      const isNum = this.colTypes[ci] === 'number'
+      const sorted = [...this.allRows]
+      sorted.sort((a, b) => {
+        let va = a[ci], vb = b[ci]
+        if (isNum) { va = Number(va) || 0; vb = Number(vb) || 0 }
+        else { va = String(va || ''); vb = String(vb || '') }
+        if (va < vb) return asc ? -1 : 1
+        if (va > vb) return asc ? 1 : -1
+        return 0
+      })
+      return sorted
+    },
+    displayRows () {
+      const rows = this.sortedRows
+      return this.truncated ? rows.slice(0, this.maxRows) : rows
+    }
+  },
+  methods: {
+    toggleSort (ci) {
+      if (this.sortCol === ci) {
+        if (this.sortAsc) {
+          this.sortAsc = false
+        } else {
+          this.sortCol = -1
+          this.sortAsc = true
+        }
+      } else {
+        this.sortCol = ci
+        this.sortAsc = true
+      }
+    }
+  }
+}
+</script>

package/.claude/settings.local.json

@@ -1,15 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(npm run test:basic:*)",
-      "Bash(npm run build-dev:*)",
-      "Bash(npm run test:unit:*)",
-      "Bash(find:*)",
-      "Bash(npx eslint:*)",
-      "Bash(npm run test:python:*)",
-      "Bash(npm run build:*)",
-      "Bash(npx webpack:*)",
-      "Bash(git -C /home/anton/projects/jseeio/jsee diff README.md)"
-    ]
-  }
-}

package/.eslintrc.js

@@ -1,38 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    node: true,
-    es2020: true,
-    jest: true,
-  },
-  parserOptions: {
-    ecmaVersion: 2020,
-    sourceType: 'module',
-  },
-  rules: {
-    // Match existing style: no semicolons, single quotes, 2-space indent
-    semi: ['warn', 'never'],
-    quotes: ['warn', 'single', { avoidEscape: true, allowTemplateLiterals: true }],
-    indent: ['warn', 2, { SwitchCase: 1, ignoredNodes: ['TemplateLiteral *'] }],
-    'no-unused-vars': ['warn', { args: 'none', varsIgnorePattern: '^_' }],
-    'no-undef': 'error',
-    eqeqeq: ['warn', 'smart'],
-    'no-eval': 'off', // intentional eval usage in main.js
-  },
-  globals: {
-    VERSION: 'readonly',
-    importScripts: 'readonly',
-    JSEE: 'readonly',
-    loadPyodide: 'readonly',
-  },
-  overrides: [
-    {
-      // Puppeteer tests use global `page` from jest-puppeteer
-      files: ['test/**/*.test.js'],
-      globals: {
-        page: 'readonly',
-      },
-    },
-  ],
-  ignorePatterns: ['dist/', 'node_modules/', 'apps/', 'tmp/', 'load/'],
-}