@eclipse-lyra/extension-dataviewer 0.7.26 → 0.7.28

package/dist/dataviewer-extension-DhaSMapU.js

@@ -0,0 +1,759 @@
+import { css, LitElement, html } from "lit";
+import { subscribe, persistenceService, publish, LyraPart, toastError, filebrowserDialog, rootContext, contributionRegistry, PANEL_BOTTOM, editorRegistry, File } from "@eclipse-lyra/core";
+import { v4 } from "@eclipse-lyra/core/externals/third-party";
+import { TOPIC_DATAVIEW_PUBLISH, TOPIC_DATAVIEW_ADDED } from "./api.js";
+import { property, state, customElement } from "lit/decorators.js";
+import { when } from "@eclipse-lyra/core/externals/lit";
+import Papa from "papaparse";
+const KEY_PREFIX = "dataview/";
+const KEY_INDEX = KEY_PREFIX + "index";
+class DataviewerService {
+  init() {
+    if (this.subscriptionToken !== void 0) return;
+    this.subscriptionToken = subscribe(TOPIC_DATAVIEW_PUBLISH, (payload) => {
+      void this.handlePublish(payload);
+    });
+  }
+  async handlePublish(payload) {
+    const storageKey = v4();
+    const createdAt = Date.now();
+    const entry = {
+      id: payload.id ?? storageKey,
+      title: payload.title,
+      data: payload.data,
+      source: payload.source,
+      createdAt
+    };
+    await persistenceService.persistObject(KEY_PREFIX + storageKey, entry);
+    const index = await persistenceService.getObject(KEY_INDEX);
+    const list = Array.isArray(index) ? index : [];
+    list.push({ storageKey, title: payload.title, source: payload.source, createdAt });
+    await persistenceService.persistObject(KEY_INDEX, list);
+    publish(TOPIC_DATAVIEW_ADDED, { storageKey, title: payload.title, createdAt });
+  }
+  async listViews() {
+    const raw = await persistenceService.getObject(KEY_INDEX);
+    if (!Array.isArray(raw) || raw.length === 0) return [];
+    if (typeof raw[0] === "string") {
+      return raw.map((storageKey) => ({
+        storageKey,
+        title: storageKey,
+        createdAt: 0
+      }));
+    }
+    const list = raw;
+    return [...list].sort((a, b) => a.createdAt - b.createdAt);
+  }
+  async getView(storageKey) {
+    const entry = await persistenceService.getObject(KEY_PREFIX + storageKey);
+    return entry ?? null;
+  }
+  async deleteView(storageKey) {
+    const index = await persistenceService.getObject(KEY_INDEX);
+    const list = Array.isArray(index) ? index.filter((e) => e.storageKey !== storageKey) : [];
+    await persistenceService.persistObject(KEY_INDEX, list);
+    await persistenceService.persistObject(KEY_PREFIX + storageKey, null);
+  }
+  async clearAllViews() {
+    const index = await persistenceService.getObject(KEY_INDEX);
+    const list = Array.isArray(index) ? index : [];
+    await Promise.all(list.map((entry) => persistenceService.persistObject(KEY_PREFIX + entry.storageKey, null)));
+    await persistenceService.persistObject(KEY_INDEX, []);
+  }
+}
+const dataviewerService = new DataviewerService();
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
+var __decorateClass$1 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp$1(target, key, result);
+  return result;
+};
+function cellString(value) {
+  if (value === null || value === void 0) return "";
+  return String(value);
+}
+function isNumericColumn(rows, colIndex) {
+  if (rows.length === 0) return false;
+  return rows.every((row) => {
+    const v = row[colIndex];
+    if (v === null || v === void 0) return true;
+    const n = Number(v);
+    return Number.isFinite(n);
+  });
+}
+function compareCells(a, b, numeric) {
+  if (numeric) {
+    const na = Number(a);
+    const nb = Number(b);
+    if (!Number.isFinite(na)) return Number.isFinite(nb) ? 1 : 0;
+    if (!Number.isFinite(nb)) return -1;
+    return na - nb;
+  }
+  return cellString(a).localeCompare(cellString(b), void 0, { numeric: true });
+}
+let LyraDataTable = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.data = { columns: [], rows: [] };
+    this.emptyMessage = "No data.";
+    this.sortColumnIndex = null;
+    this.sortDirection = "asc";
+    this.filterQuery = "";
+    this.pageSize = 25;
+    this.currentPage = 0;
+  }
+  get columns() {
+    return Array.isArray(this.data?.columns) ? this.data.columns : [];
+  }
+  get rows() {
+    return Array.isArray(this.data?.rows) ? this.data.rows : [];
+  }
+  get filteredRows() {
+    const q = this.filterQuery.trim().toLowerCase();
+    if (!q) return this.rows;
+    return this.rows.filter(
+      (row) => row.some((cell) => cellString(cell).toLowerCase().includes(q))
+    );
+  }
+  get sortedRows() {
+    const filtered = this.filteredRows;
+    if (this.sortColumnIndex == null || this.sortColumnIndex < 0) return filtered;
+    const col = this.sortColumnIndex;
+    const numeric = isNumericColumn(filtered, col);
+    const dir = this.sortDirection === "asc" ? 1 : -1;
+    return [...filtered].sort((rowA, rowB) => {
+      const a = rowA[col];
+      const b = rowB[col];
+      return dir * compareCells(a, b, numeric);
+    });
+  }
+  get totalRows() {
+    return this.sortedRows.length;
+  }
+  get pageCount() {
+    const total = this.totalRows;
+    if (total === 0) return 1;
+    return Math.ceil(total / this.pageSize);
+  }
+  get pagedRows() {
+    const all = this.sortedRows;
+    const page = this.clampedPage;
+    const start = page * this.pageSize;
+    return all.slice(start, start + this.pageSize);
+  }
+  get clampedPage() {
+    const count = this.pageCount;
+    return count <= 0 ? 0 : Math.min(this.currentPage, count - 1);
+  }
+  goToPage(page) {
+    const last = Math.max(0, this.pageCount - 1);
+    this.currentPage = Math.max(0, Math.min(page, last));
+    this.requestUpdate();
+  }
+  onPageSizeChange(e) {
+    const val = e.target.value;
+    const n = parseInt(val, 10);
+    if (!Number.isFinite(n) || n < 1) return;
+    this.pageSize = n;
+    this.currentPage = 0;
+    this.requestUpdate();
+  }
+  onSort(colIndex) {
+    if (this.sortColumnIndex === colIndex) {
+      this.sortDirection = this.sortDirection === "asc" ? "desc" : "asc";
+    } else {
+      this.sortColumnIndex = colIndex;
+      this.sortDirection = "asc";
+    }
+    this.requestUpdate();
+  }
+  onFilterInput(e) {
+    this.filterQuery = e.target.value;
+    this.requestUpdate();
+  }
+  clearFilter() {
+    this.filterQuery = "";
+    this.requestUpdate();
+  }
+  getSortAria(colIndex) {
+    if (this.sortColumnIndex !== colIndex) return "none";
+    return this.sortDirection === "asc" ? "ascending" : "descending";
+  }
+  render() {
+    const { columns } = this;
+    const total = this.totalRows;
+    const displayRows = this.pagedRows;
+    const page = this.clampedPage;
+    const count = this.pageCount;
+    const start = total === 0 ? 0 : page * this.pageSize + 1;
+    const end = Math.min((page + 1) * this.pageSize, total);
+    if (columns.length === 0 && total === 0 && this.rows.length === 0) {
+      return html`<div class="table-empty">${this.emptyMessage}</div>`;
+    }
+    return html`
+      <div class="table-toolbar">
+        <wa-input
+          class="filter-input"
+          placeholder="Filter…"
+          .value=${this.filterQuery}
+          @input=${this.onFilterInput}
+          @wa-clear=${this.clearFilter}
+          with-clear
+          size="small"
+          aria-label="Filter rows"
+        >
+          <wa-icon slot="start" name="magnifying-glass" label="Filter"></wa-icon>
+        </wa-input>
+        <div class="paging-controls">
+          <wa-select
+            class="page-size-select"
+            size="small"
+            .value=${String(this.pageSize)}
+            title="Rows per page"
+            @change=${this.onPageSizeChange}
+          >
+            ${LyraDataTable.PAGE_SIZE_OPTIONS.map(
+      (n) => html`<wa-option value=${String(n)}>${n}</wa-option>`
+    )}
+          </wa-select>
+          <span class="paging-summary" aria-live="polite">
+            ${total === 0 ? "0 rows" : `${start}–${end} of ${total}`}
+          </span>
+          <wa-button
+            size="small"
+            appearance="plain"
+            title="Previous page"
+            ?disabled=${count <= 1 || page <= 0}
+            @click=${() => this.goToPage(page - 1)}
+          >
+            <wa-icon name="chevron-left" label="Previous"></wa-icon>
+          </wa-button>
+          <wa-button
+            size="small"
+            appearance="plain"
+            title="Next page"
+            ?disabled=${count <= 1 || page >= count - 1}
+            @click=${() => this.goToPage(page + 1)}
+          >
+            <wa-icon name="chevron-right" label="Next"></wa-icon>
+          </wa-button>
+        </div>
+      </div>
+      <div class="table-wrap">
+        <table class="result-table">
+          <thead>
+            <tr>
+              ${columns.map(
+      (col, i) => html`
+                  <th scope="col" role="columnheader" aria-sort=${this.getSortAria(i)}>
+                    <button
+                      type="button"
+                      class="th-sort"
+                      @click=${() => this.onSort(i)}
+                      title="Sort by ${col}"
+                    >
+                      <span class="th-label">${col}</span>
+                      ${this.sortColumnIndex === i ? html`<wa-icon
+                            name=${this.sortDirection === "asc" ? "arrow-up" : "arrow-down"}
+                            label=${this.sortDirection}
+                          ></wa-icon>` : html`<wa-icon name="arrows-up-down" label="Sort"></wa-icon>`}
+                    </button>
+                  </th>
+                `
+    )}
+            </tr>
+          </thead>
+          <tbody>
+            ${displayRows.length === 0 ? html`<tr><td colspan=${columns.length} class="table-empty-cell">No matching rows.</td></tr>` : displayRows.map(
+      (row) => html`
+                    <tr>
+                      ${row.map((cell) => html`<td>${cellString(cell)}</td>`)}
+                    </tr>
+                  `
+    )}
+          </tbody>
+        </table>
+      </div>
+    `;
+  }
+};
+LyraDataTable.PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
+LyraDataTable.styles = css`
+    :host {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+      min-height: 0;
+    }
+    .table-empty {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 1rem;
+    }
+    .table-toolbar {
+      flex: none;
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+      padding: 0.25rem 0;
+      flex-wrap: wrap;
+    }
+    .filter-input {
+      max-width: 280px;
+    }
+    .paging-controls {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      margin-left: auto;
+    }
+    .page-size-select {
+    }
+    .paging-summary {
+      font-size: 0.8125rem;
+      color: var(--wa-color-text-quiet);
+      min-width: 5rem;
+    }
+    .table-wrap {
+      flex: 1;
+      min-height: 0;
+      overflow: auto;
+      border: 1px solid var(--wa-color-neutral-border-quiet);
+      border-radius: var(--wa-border-radius-medium, 0.25rem);
+    }
+    .result-table {
+      width: 100%;
+      border-collapse: collapse;
+      font-size: 0.875rem;
+      color: var(--wa-color-text-normal);
+    }
+    .result-table th,
+    .result-table td {
+      padding: 0.5rem 0.75rem;
+      text-align: left;
+      border-bottom: 1px solid var(--wa-color-neutral-border-quiet);
+    }
+    .result-table th {
+      position: sticky;
+      top: 0;
+      z-index: 1;
+      background: var(--wa-color-surface-lowered);
+      font-weight: 600;
+      white-space: nowrap;
+      color: var(--wa-color-text-normal);
+      box-shadow: 0 1px 0 0 var(--wa-color-neutral-border-quiet);
+    }
+    .result-table tbody tr:nth-child(even) td {
+      background: var(--wa-color-surface-default);
+    }
+    .result-table tbody tr:nth-child(odd) td {
+      background: var(--wa-color-surface-lowered);
+    }
+    .result-table tbody tr:hover td {
+      background: var(--wa-color-neutral-fill-normal);
+    }
+    .th-sort {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.35rem;
+      width: 100%;
+      padding: 0;
+      border: none;
+      background: none;
+      font: inherit;
+      cursor: pointer;
+      color: inherit;
+      text-align: left;
+    }
+    .th-sort:hover {
+      opacity: 0.85;
+    }
+    .th-label {
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+    .th-sort wa-icon {
+      flex-shrink: 0;
+      opacity: 0.7;
+      font-size: 0.75em;
+    }
+    .table-empty-cell {
+      color: var(--wa-color-text-quiet);
+      font-style: italic;
+      text-align: center;
+    }
+  `;
+__decorateClass$1([
+  property({ attribute: false })
+], LyraDataTable.prototype, "data", 2);
+__decorateClass$1([
+  property({ type: String })
+], LyraDataTable.prototype, "emptyMessage", 2);
+__decorateClass$1([
+  state()
+], LyraDataTable.prototype, "sortColumnIndex", 2);
+__decorateClass$1([
+  state()
+], LyraDataTable.prototype, "sortDirection", 2);
+__decorateClass$1([
+  state()
+], LyraDataTable.prototype, "filterQuery", 2);
+__decorateClass$1([
+  state()
+], LyraDataTable.prototype, "pageSize", 2);
+__decorateClass$1([
+  state()
+], LyraDataTable.prototype, "currentPage", 2);
+LyraDataTable = __decorateClass$1([
+  customElement("lyra-data-table")
+], LyraDataTable);
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let DataViewPart = class extends LyraPart {
+  constructor() {
+    super(...arguments);
+    this.dataview = null;
+    this.standalone = false;
+    this.persistedList = [];
+    this.selectedStorageKey = "";
+    this.selectedView = null;
+    this.loadingList = true;
+    this.autoActivateTab = true;
+  }
+  get displayed() {
+    return this.selectedView ?? this.dataview;
+  }
+  get hasData() {
+    const dv = this.displayed;
+    if (!dv) return false;
+    const { columns, rows } = dv.data;
+    return Array.isArray(columns) && Array.isArray(rows) && (columns.length > 0 || rows.length > 0);
+  }
+  toCsv(dv) {
+    const { columns, rows } = dv.data;
+    const escapeCell = (value) => {
+      if (value === null || value === void 0) return "";
+      const str = String(value);
+      if (!/[",\n]/.test(str)) return str;
+      return `"${str.replace(/"/g, '""')}"`;
+    };
+    const header = columns.map(escapeCell).join(",");
+    const body = rows.map((row) => row.map(escapeCell).join(",")).join("\n");
+    return body ? `${header}
+${body}` : header;
+  }
+  async onExportCsv() {
+    const dv = this.displayed;
+    if (!dv || !this.hasData) return;
+    try {
+      const csv = this.toCsv(dv);
+      const safeTitle = dv.title?.trim() || "dataview";
+      const timestamp = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-");
+      const fileName = `${safeTitle.replace(/[^a-zA-Z0-9-_]+/g, "_")}-${timestamp}.csv`;
+      const targetDir = await this.chooseExportDirectory();
+      if (!targetDir) return;
+      this.executeCommand("touch", {
+        path: `${targetDir}/${fileName}`,
+        contents: csv
+      });
+    } catch (err) {
+      toastError(err instanceof Error ? err.message : String(err));
+    }
+  }
+  async chooseExportDirectory() {
+    return filebrowserDialog("directory");
+  }
+  async doInitUI() {
+    const persisted = await this.getDialogSetting();
+    if (persisted && typeof persisted.autoActivateTab === "boolean") this.autoActivateTab = persisted.autoActivateTab;
+    this.subscribe(TOPIC_DATAVIEW_ADDED, async () => {
+      await this.refreshPersistedList(true);
+      if (this.autoActivateTab) this.activateContainingTab();
+    });
+    await this.refreshPersistedList(false);
+  }
+  async refreshPersistedList(selectLatest) {
+    this.loadingList = true;
+    this.requestUpdate();
+    try {
+      this.persistedList = await dataviewerService.listViews();
+      if (selectLatest && this.persistedList.length > 0) {
+        const latest = this.persistedList[this.persistedList.length - 1];
+        this.selectedStorageKey = latest.storageKey;
+        this.selectedView = await dataviewerService.getView(latest.storageKey);
+      } else if (this.selectedStorageKey) {
+        this.selectedView = await dataviewerService.getView(this.selectedStorageKey);
+      } else {
+        this.selectedView = null;
+      }
+    } catch (e) {
+      toastError(e instanceof Error ? e.message : String(e));
+      this.persistedList = [];
+      this.selectedView = null;
+    } finally {
+      this.loadingList = false;
+      this.requestUpdate();
+      this.updateToolbar();
+    }
+  }
+  async selectStorageKey(key) {
+    this.selectedStorageKey = key;
+    if (!key) {
+      this.selectedView = null;
+      this.requestUpdate();
+      this.updateToolbar();
+      return;
+    }
+    try {
+      this.selectedView = await dataviewerService.getView(key);
+    } catch (err) {
+      toastError(err instanceof Error ? err.message : String(err));
+      this.selectedView = null;
+    }
+    this.requestUpdate();
+    this.updateToolbar();
+  }
+  async onAutoActivateChange(e) {
+    const checked = e.target.checked;
+    this.autoActivateTab = checked;
+    const current = await this.getDialogSetting() ?? {};
+    await this.setDialogSetting({ ...current, autoActivateTab: checked });
+    this.updateToolbar();
+  }
+  async onHistorySelect(e) {
+    const value = e.detail?.item?.value ?? "";
+    if (!value || value === "__stats__") {
+      return;
+    }
+    await this.selectStorageKey(value);
+  }
+  async onDeleteView(e, storageKey) {
+    e.stopPropagation();
+    e.preventDefault();
+    try {
+      await dataviewerService.deleteView(storageKey);
+      const deletedWasSelected = this.selectedStorageKey === storageKey;
+      if (deletedWasSelected) {
+        this.selectedStorageKey = "";
+        this.selectedView = null;
+      }
+      await this.refreshPersistedList(true);
+    } catch (err) {
+      toastError(err instanceof Error ? err.message : String(err));
+    }
+  }
+  async onClearHistory() {
+    try {
+      await dataviewerService.clearAllViews();
+      this.selectedStorageKey = "";
+      this.selectedView = null;
+      await this.refreshPersistedList(false);
+    } catch (err) {
+      toastError(err instanceof Error ? err.message : String(err));
+    }
+  }
+  renderToolbar() {
+    if (this.standalone) return html``;
+    const current = this.selectedView ?? this.dataview;
+    const selectedMeta = this.persistedList.find((e) => e.storageKey === this.selectedStorageKey);
+    const baseTitle = selectedMeta?.title ?? current?.title ?? (this.persistedList.length > 0 ? "Latest data view" : "No data");
+    const formattedCreatedAt = selectedMeta?.createdAt ?? current?.createdAt ? new Date(selectedMeta?.createdAt ?? current?.createdAt).toLocaleString() : null;
+    const engineLabel = current?.source ?? null;
+    const titleWithEngine = engineLabel ? `${baseTitle} · ${engineLabel}` : baseTitle;
+    const currentLabel = formattedCreatedAt ? `${titleWithEngine} (${formattedCreatedAt})` : titleWithEngine;
+    return html`
+        <wa-dropdown
+          placement="bottom-start"
+          distance="4"
+          size="small"
+          hoist
+          @wa-select=${(e) => this.onHistorySelect(e)}
+        >
+          <wa-button
+            slot="trigger"
+            appearance="plain"
+            size="small"
+            with-caret
+            title="Data view history"
+          >
+            <wa-icon name="clock-rotate-left" label="History"></wa-icon>
+          </wa-button>
+
+          <wa-dropdown-item value="__stats__" disabled>
+            ${this.persistedList.length} data view${this.persistedList.length === 1 ? "" : "s"}
+            ${this.persistedList.length > 0 ? html`
+                  <wa-button
+                    slot="details"
+                    appearance="plain"
+                    size="small"
+                    title="Clear history"
+                    @click=${() => this.onClearHistory()}
+                  >
+                    <wa-icon name="trash" label="Clear history"></wa-icon>
+                  </wa-button>
+                ` : null}
+          </wa-dropdown-item>
+
+          ${this.persistedList.map(
+      (entry) => html`
+              <wa-dropdown-item value=${entry.storageKey}>
+                ${entry.source ? `${entry.title} · ${entry.source}` : entry.title}
+                ${entry.createdAt ? html`<span style="opacity: 0.7; margin-left: 0.5rem; font-size: 0.75em;">
+                      (${new Date(entry.createdAt).toLocaleString()})
+                    </span>` : null}
+                <wa-button
+                  slot="details"
+                  appearance="plain"
+                  size="small"
+                  title="Delete data view"
+                  @click=${(e) => this.onDeleteView(e, entry.storageKey)}
+                >
+                  <wa-icon name="trash" label="Delete"></wa-icon>
+                </wa-button>
+              </wa-dropdown-item>
+            `
+    )}
+
+        </wa-dropdown>
+
+        <wa-divider orientation="vertical"></wa-divider>
+
+        <wa-button
+          size="small"
+          appearance="plain"
+          title="Export current data view to CSV"
+          ?disabled=${!this.hasData}
+          @click=${() => this.onExportCsv()}
+        >
+          <wa-icon name="file-csv" label="Export CSV"></wa-icon>
+        </wa-button>
+
+        <wa-switch
+          ?checked=${this.autoActivateTab}
+          size="small"
+          title="Switch to this tab when new results arrive"
+          @change=${(e) => this.onAutoActivateChange(e)}
+          style="margin-top: 0.5rem;"
+        >
+          Auto-show
+        </wa-switch>
+
+        ${when(current, () => html`<wa-divider orientation="vertical"></wa-divider><span>${currentLabel}</span>`)}
+    `;
+  }
+  renderTable(dv) {
+    if (!this.hasData) {
+      return html`<div class="result-empty">No data.</div>`;
+    }
+    return html`<lyra-data-table .data=${dv.data}></lyra-data-table>`;
+  }
+  render() {
+    const dv = this.displayed;
+    if (dv != null) return this.renderTable(dv);
+    return html`<div class="result-empty">No data.</div>`;
+  }
+};
+DataViewPart.styles = css`
+    :host {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    }
+    .result-empty {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 1rem;
+    }
+  `;
+__decorateClass([
+  property({ attribute: false })
+], DataViewPart.prototype, "dataview", 2);
+__decorateClass([
+  property({ type: Boolean })
+], DataViewPart.prototype, "standalone", 2);
+__decorateClass([
+  state()
+], DataViewPart.prototype, "persistedList", 2);
+__decorateClass([
+  state()
+], DataViewPart.prototype, "selectedStorageKey", 2);
+__decorateClass([
+  state()
+], DataViewPart.prototype, "selectedView", 2);
+__decorateClass([
+  state()
+], DataViewPart.prototype, "loadingList", 2);
+__decorateClass([
+  state()
+], DataViewPart.prototype, "autoActivateTab", 2);
+DataViewPart = __decorateClass([
+  customElement("lyra-dataview")
+], DataViewPart);
+function parseCsv(text) {
+  const result = Papa.parse(text, {
+    header: true,
+    skipEmptyLines: true
+  });
+  const columns = result.meta.fields ?? [];
+  const rows = result.data.map(
+    (row) => columns.map((col) => row[col])
+  );
+  return { columns, rows };
+}
+dataviewerService.init();
+rootContext.put("dataviewerService", dataviewerService);
+contributionRegistry.registerContribution(PANEL_BOTTOM, {
+  name: "view.dataviewer",
+  label: "Data Views",
+  icon: "table",
+  component: (id) => html`<lyra-dataview id="${id}"></lyra-dataview>`
+});
+editorRegistry.registerEditorInputHandler({
+  editorId: "system.dataviewer-table",
+  label: "Table",
+  icon: "table",
+  ranking: 800,
+  canHandle: (input) => {
+    if (!(input instanceof File)) return false;
+    const lower = input.getName().toLowerCase();
+    return lower.endsWith(".csv") || lower.endsWith(".tsv");
+  },
+  handle: async (input) => {
+    const name = input.getName();
+    const text = await input.getContents();
+    const { columns, rows } = parseCsv(text ?? "");
+    const dataView = { title: name, data: { columns, rows } };
+    const editorInput = {
+      title: name,
+      data: dataView,
+      key: name,
+      icon: "table",
+      noOverflow: false,
+      state: {},
+      component: () => html`<lyra-dataview .dataview=${dataView} .standalone=${true}></lyra-dataview>`
+    };
+    return editorInput;
+  }
+});
+function dataviewerExtension() {
+}
+export {
+  dataviewerExtension as default
+};
+//# sourceMappingURL=dataviewer-extension-DhaSMapU.js.map