@eclipse-lyra/extension-sqleditor 0.7.56 → 0.7.58

package/dist/sqleditor-extension-MEwwujrA.js

@@ -0,0 +1,824 @@
+import { File, LyraPart, TOPIC_CONTRIBUTEIONS_CHANGED, confirmDialog, contributionRegistry, editorRegistry, publish, rootContext, subscribe, taskService, toastError, toastInfo, unsubscribe } from "@eclipse-lyra/core";
+import { html } from "@eclipse-lyra/core/externals/lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { LitElement, css, html as html$1 } from "lit";
+import { repeat } from "lit/directives/repeat.js";
+import _decorate from "@oxc-project/runtime/helpers/decorate";
+import { createRef, ref } from "lit/directives/ref.js";
+//#region src/sql-extension-manager.ts
+var LyraSqlExtensionManager = class LyraSqlExtensionManager extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.open = false;
+		this.db = null;
+		this.databaseLabel = "";
+		this.extensions = [];
+		this.loading = false;
+		this.updatingId = null;
+		this.error = null;
+		this.filterText = "";
+	}
+	configure(options) {
+		this.db = options.db;
+		this.databaseLabel = options.databaseLabel;
+		this.extensions = [];
+		this.error = null;
+		this.refreshExtensions();
+	}
+	show() {
+		if (!this.db || !this.db.listDbExtensions) return;
+		this.open = true;
+	}
+	hide() {
+		this.open = false;
+	}
+	async refreshExtensions() {
+		if (!this.db || !this.db.listDbExtensions) {
+			this.extensions = [];
+			return;
+		}
+		this.loading = true;
+		this.error = null;
+		try {
+			const result = await taskService.runAsync("Loading database extensions", async () => this.db.listDbExtensions());
+			this.extensions = Array.isArray(result) ? result : [];
+		} catch (err) {
+			const msg = err instanceof Error ? err.message : String(err);
+			this.error = msg;
+			toastError(msg);
+		} finally {
+			this.loading = false;
+		}
+	}
+	async enableExtension(ext) {
+		if (!this.db || !this.db.enableDbExtension) return;
+		this.updatingId = ext.id;
+		this.error = null;
+		try {
+			await taskService.runAsync(`Enabling extension ${ext.label || ext.id}`, async () => this.db.enableDbExtension(ext.id));
+			await this.refreshExtensions();
+		} catch (err) {
+			const msg = err instanceof Error ? err.message : String(err);
+			this.error = msg;
+			toastError(msg);
+		} finally {
+			this.updatingId = null;
+		}
+	}
+	async disableExtension(ext) {
+		if (!this.db || !this.db.disableDbExtension) return;
+		this.updatingId = ext.id;
+		this.error = null;
+		try {
+			await taskService.runAsync(`Disabling extension ${ext.label || ext.id}`, async () => this.db.disableDbExtension(ext.id));
+			await this.refreshExtensions();
+		} catch (err) {
+			const msg = err instanceof Error ? err.message : String(err);
+			this.error = msg;
+			toastError(msg);
+		} finally {
+			this.updatingId = null;
+		}
+	}
+	renderExtensionRow(ext) {
+		const installed = Boolean(ext.installed);
+		const canDisable = installed && !!this.db?.disableDbExtension;
+		const isUpdating = this.updatingId === ext.id;
+		return html$1`
+      <div class="extension-item">
+        <div class="extension-main">
+          <div class="extension-name">${ext.label || ext.id}</div>
+          ${ext.description ? html$1`<div class="extension-desc">${ext.description}</div>` : null}
+        </div>
+        <div class="extension-meta">
+          <span
+            class=${installed ? "badge badge-installed" : "badge badge-available"}
+          >
+            ${installed ? "Installed" : "Available"}
+          </span>
+          <div class="extension-actions">
+            ${installed ? html$1`
+                  <wa-button
+                    size="small"
+                    appearance="plain"
+                    ?disabled=${!canDisable || isUpdating}
+                    @click=${() => void this.disableExtension(ext)}
+                  >
+                    <wa-icon
+                      name="circle-minus"
+                      label="Disable"
+                    ></wa-icon>
+                  </wa-button>
+                ` : html$1`
+                  <wa-button
+                    size="small"
+                    appearance="plain"
+                    ?disabled=${isUpdating}
+                    @click=${() => void this.enableExtension(ext)}
+                  >
+                    <wa-icon
+                      name="plug-circle-plus"
+                      label="Enable"
+                    ></wa-icon>
+                  </wa-button>
+                `}
+          </div>
+        </div>
+      </div>
+    `;
+	}
+	render() {
+		const hasDb = Boolean(this.db && this.db.listDbExtensions);
+		const filter = this.filterText.trim().toLowerCase();
+		const filteredExtensions = !filter ? this.extensions : this.extensions.filter((ext) => {
+			return `${ext.label ?? ""} ${ext.id} ${ext.description ?? ""}`.toLowerCase().includes(filter);
+		});
+		const hasItems = filteredExtensions.length > 0;
+		return html$1`
+      <wa-dialog
+        label="Database extensions"
+        ?open=${this.open}
+        @wa-after-hide=${() => {
+			this.open = false;
+			this.dispatchEvent(new CustomEvent("hide", {
+				bubbles: true,
+				composed: true
+			}));
+		}}
+      >
+        <div class="extension-manager">
+          <p class="extension-manager-description">
+            Database:
+            <strong>${this.databaseLabel || "Current connection"}</strong>
+          </p>
+
+          ${!hasDb ? html$1`
+                <wa-alert variant="warning" open>
+                  <wa-icon slot="icon" name="triangle-exclamation"></wa-icon>
+                  The current SQL engine does not expose any extension information.
+                </wa-alert>
+              ` : null}
+
+          ${this.error ? html$1`
+                <wa-alert
+                  variant="danger"
+                  open
+                  closable
+                  @wa-after-hide=${() => {
+			this.error = null;
+		}}
+                >
+                  <wa-icon slot="icon" name="circle-exclamation"></wa-icon>
+                  ${this.error}
+                </wa-alert>
+              ` : null}
+
+          <wa-input
+              size="small"
+              placeholder="Filter extensions…"
+              .value=${this.filterText}
+              @input=${(event) => {
+			this.filterText = event.target?.value ?? "";
+		}}
+              @wa-clear=${() => {
+			this.filterText = "";
+		}}
+              with-clear
+            >
+              <wa-icon slot="prefix" name="magnifying-glass"></wa-icon>
+            </wa-input>
+
+          <div class="extension-list">
+            ${this.loading ? html$1`<div class="extension-list-empty">Loading extensions…</div>` : !hasItems ? html$1`
+                      <div class="extension-list-empty">
+                        No extensions available for this connection.
+                      </div>
+                    ` : repeat(filteredExtensions, (ext) => ext.id, (ext) => this.renderExtensionRow(ext))}
+          </div>
+        </div>
+        <div slot="footer" class="extension-manager-footer">
+          <wa-button variant="default" @click=${() => this.hide()}>
+            Close
+          </wa-button>
+        </div>
+      </wa-dialog>
+    `;
+	}
+	static {
+		this.styles = css`
+    :host {
+      display: contents;
+    }
+
+    .extension-manager {
+      display: flex;
+      flex-direction: column;
+      gap: 1rem;
+      padding: 1rem;
+      height: 420px;
+      box-sizing: border-box;
+    }
+
+    .extension-toolbar {
+      display: flex;
+      justify-content: flex-end;
+    }
+
+    .extension-manager-description {
+      margin: 0;
+      font-size: 0.95rem;
+      opacity: 0.9;
+    }
+
+    .extension-list {
+      display: flex;
+      flex-direction: column;
+      gap: 0.5rem;
+      flex: 1;
+      min-height: 0;
+      max-height: 100%;
+      overflow-y: auto;
+    }
+
+    .extension-list-empty {
+      font-size: 0.9rem;
+      opacity: 0.8;
+      padding: 0.5rem 0;
+    }
+
+    .extension-item {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: 0.75rem;
+      padding: 0.5rem 0;
+      border-bottom: 1px solid var(--wa-color-neutral-200, #e5e7eb);
+    }
+
+    .extension-main {
+      display: flex;
+      flex-direction: column;
+      gap: 0.15rem;
+      min-width: 0;
+    }
+
+    .extension-name {
+      font-weight: 500;
+      font-size: 0.95rem;
+    }
+
+    .extension-desc {
+      font-size: 0.85rem;
+      opacity: 0.8;
+    }
+
+    .extension-meta {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-end;
+      gap: 0.35rem;
+    }
+
+    .extension-actions {
+      display: flex;
+      gap: 0.25rem;
+    }
+
+    .badge {
+      display: inline-flex;
+      align-items: center;
+      padding: 0.15rem 0.4rem;
+      border-radius: 999px;
+      font-size: 0.75rem;
+      border: 1px solid var(--wa-color-neutral-200, #e5e7eb);
+    }
+
+    .badge-installed {
+      background-color: var(--wa-color-success-50, #ecfdf3);
+    }
+
+    .badge-available {
+      background-color: var(--wa-color-neutral-50, #f9fafb);
+    }
+
+    .extension-manager-footer {
+      display: flex;
+      justify-content: flex-end;
+      padding-top: 1rem;
+      border-top: 1px solid var(--wa-color-neutral-200, #e5e7eb);
+    }
+  `;
+	}
+};
+_decorate([property({ type: Boolean })], LyraSqlExtensionManager.prototype, "open", void 0);
+_decorate([property({ attribute: false })], LyraSqlExtensionManager.prototype, "db", void 0);
+_decorate([property()], LyraSqlExtensionManager.prototype, "databaseLabel", void 0);
+_decorate([state()], LyraSqlExtensionManager.prototype, "extensions", void 0);
+_decorate([state()], LyraSqlExtensionManager.prototype, "loading", void 0);
+_decorate([state()], LyraSqlExtensionManager.prototype, "updatingId", void 0);
+_decorate([state()], LyraSqlExtensionManager.prototype, "error", void 0);
+_decorate([state()], LyraSqlExtensionManager.prototype, "filterText", void 0);
+LyraSqlExtensionManager = _decorate([customElement("lyra-sql-extension-manager")], LyraSqlExtensionManager);
+var SqlExtensionManagerService = class {
+	constructor() {
+		this.managerInstance = null;
+	}
+	showExtensionManager(options) {
+		if (!options.db || !options.db.listDbExtensions) {
+			toastError("The current SQL engine does not support extensions.");
+			return null;
+		}
+		if (!this.managerInstance) {
+			this.managerInstance = document.createElement("lyra-sql-extension-manager");
+			document.body.appendChild(this.managerInstance);
+		}
+		this.managerInstance.configure(options);
+		this.managerInstance.show();
+		return this.managerInstance;
+	}
+	getManager() {
+		return this.managerInstance;
+	}
+};
+var sqlExtensionManagerService = new SqlExtensionManagerService();
+rootContext.put("sqlExtensionManagerService", sqlExtensionManagerService);
+//#endregion
+//#region src/sql-editor.ts
+var MAX_TAB_LABEL = 28;
+function truncateLabel(sql) {
+	const oneLine = sql.replace(/\s+/g, " ").trim();
+	if (oneLine.length <= MAX_TAB_LABEL) return oneLine;
+	return `${oneLine.slice(0, MAX_TAB_LABEL)}…`;
+}
+var LyraSqlEditor = class LyraSqlEditor extends LyraPart {
+	constructor(..._args) {
+		super(..._args);
+		this.readOnly = false;
+		this.initialContent = void 0;
+		this.initialUri = void 0;
+		this.running = false;
+		this.availableAdapters = [];
+		this.selectedEngineId = null;
+		this.availableConnections = [];
+		this.selectedConnectionId = null;
+		this.widgetRef = createRef();
+		this.databases = /* @__PURE__ */ new Map();
+		this._onContentChange = () => {
+			this.markDirty(true);
+		};
+	}
+	async doInitUI() {
+		const file = this.input.data;
+		this.initialContent = await file.getContents();
+		this.initialUri = file.getWorkspacePath();
+		this.unsubscribeContributionsToken = subscribe(TOPIC_CONTRIBUTEIONS_CHANGED, (event) => {
+			if (event?.target === "system.sqladapters") this.refreshAdapters();
+		});
+		await this.refreshAdapters();
+		this.requestUpdate();
+	}
+	async refreshAdapters() {
+		const contributions = contributionRegistry.getContributions("system.sqladapters");
+		this.availableAdapters = contributions;
+		if (!contributions.length) {
+			this.selectedEngineId = null;
+			this.availableConnections = [];
+			this.selectedConnectionId = null;
+			await this.updateComplete;
+			return;
+		}
+		if (!this.selectedEngineId) this.selectedEngineId = (contributions.find((c) => c.id === "duckdb") ?? contributions[0]).id;
+		this.requestUpdate();
+		await this.refreshConnections();
+		await this.updateComplete;
+	}
+	async getOrLoadDatabase(engineId) {
+		const cached = this.databases.get(engineId);
+		if (cached) return cached;
+		const adapter = this.availableAdapters.find((c) => c.id === engineId);
+		if (!adapter) return null;
+		try {
+			const label = adapter.label || adapter.id;
+			const database = await taskService.runAsync(`Opening ${label} database`, async (progress) => {
+				progress.message = `Connecting to ${label}…`;
+				return adapter.loader();
+			});
+			this.databases.set(engineId, database);
+			return database;
+		} catch (err) {
+			toastError(err instanceof Error ? err.message : String(err));
+			return null;
+		}
+	}
+	async refreshConnections() {
+		const engineId = this.selectedEngineId;
+		if (!engineId) {
+			this.availableConnections = [];
+			this.selectedConnectionId = null;
+			await this.updateComplete;
+			return;
+		}
+		const db = await this.getOrLoadDatabase(engineId);
+		if (!db) {
+			this.availableConnections = [];
+			this.selectedConnectionId = null;
+			await this.updateComplete;
+			return;
+		}
+		const infos = await db.listConnections();
+		this.availableConnections = infos;
+		const currentId = db.currentConnectionId;
+		if (currentId !== null) {
+			this.selectedConnectionId = currentId;
+			await this.updateComplete;
+			return;
+		}
+		const preferred = infos.find((info) => info.isDefault) ?? infos[0];
+		this.selectedConnectionId = preferred ? preferred.id : null;
+		if (preferred) await db.selectConnection(preferred.id ?? null);
+		await this.updateComplete;
+	}
+	async onEngineChange(e) {
+		const value = e.target?.value ?? "";
+		if (this.selectedEngineId === value) return;
+		this.selectedEngineId = value || null;
+		await this.refreshConnections();
+		this.requestUpdate();
+	}
+	async onConnectionChange(e) {
+		const value = e.target?.value ?? "";
+		const next = value === "" ? null : value;
+		if (this.selectedConnectionId === next) return;
+		this.selectedConnectionId = next;
+		const engineId = this.selectedEngineId;
+		if (!engineId) return;
+		const db = await this.getOrLoadDatabase(engineId);
+		if (!db) return;
+		await db.selectConnection(next);
+		this.requestUpdate();
+	}
+	async onEngineDropdownSelect(e) {
+		const value = e.detail?.item?.value ?? "";
+		if (this.selectedEngineId === value) return;
+		this.selectedEngineId = value || null;
+		await this.refreshConnections();
+		this.requestUpdate();
+	}
+	async onConnectionDropdownSelect(e) {
+		const value = e.detail?.item?.value ?? "";
+		const next = value === "" ? null : value;
+		if (this.selectedConnectionId === next) return;
+		this.selectedConnectionId = next;
+		const engineId = this.selectedEngineId;
+		if (!engineId) return;
+		const db = await this.getOrLoadDatabase(engineId);
+		if (!db) return;
+		await db.selectConnection(next);
+		this.requestUpdate();
+	}
+	async deleteConnectionById(e, id) {
+		e.stopPropagation();
+		e.preventDefault();
+		const engineId = this.selectedEngineId;
+		if (!engineId) return;
+		const db = await this.getOrLoadDatabase(engineId);
+		if (!db || !db.deleteConnection) return;
+		if (!await confirmDialog(`Delete connection "${this.availableConnections.find((info) => info.id === id)?.label ?? (id === null ? "In-memory" : id ?? "Current connection")}"?`)) return;
+		if (id !== null) await db.deleteConnection(id);
+		else await db.selectConnection(null);
+		await this.refreshConnections();
+		this.requestUpdate();
+	}
+	save() {
+		const value = this.widgetRef.value?.getContent() ?? "";
+		this.input?.data.saveContents(value);
+		this.markDirty(false);
+	}
+	async doClose() {
+		if (this.unsubscribeContributionsToken) {
+			unsubscribe(this.unsubscribeContributionsToken);
+			this.unsubscribeContributionsToken = void 0;
+		}
+		this.widgetRef.value?.dispose();
+		for (const db of this.databases.values()) await db.close();
+		this.databases.clear();
+	}
+	getLanguage() {
+		return "sql";
+	}
+	isLanguage(lang) {
+		return lang.toLowerCase() === "sql";
+	}
+	getContent() {
+		return this.widgetRef.value?.getContent() ?? null;
+	}
+	getSelection() {
+		return this.widgetRef.value?.getSelection() ?? null;
+	}
+	getSnippet(lines = 5) {
+		return this.widgetRef.value?.getSnippet(lines) ?? null;
+	}
+	getFilePath() {
+		return this.input?.data?.getWorkspacePath() ?? null;
+	}
+	async runQuery(useSelectionOnly = false) {
+		const selection = this.getSelection()?.trim();
+		const content = this.getContent()?.trim();
+		const sql = useSelectionOnly ? selection : content;
+		if (!sql) {
+			toastError(useSelectionOnly ? "No selection to run" : "No SQL to run");
+			return;
+		}
+		if (this.running) return;
+		const engineId = this.selectedEngineId;
+		if (!engineId) {
+			toastError("No SQL engine available");
+			return;
+		}
+		const db = await this.getOrLoadDatabase(engineId);
+		if (!db) {
+			toastError("Could not initialize SQL engine");
+			return;
+		}
+		if (!this.selectedConnectionId && this.availableConnections.length) {
+			const preferred = this.availableConnections.find((info) => info.isDefault) ?? this.availableConnections[0];
+			this.selectedConnectionId = preferred.id;
+			await db.selectConnection(preferred.id ?? null);
+		}
+		this.running = true;
+		const label = truncateLabel(sql);
+		this.requestUpdate();
+		const timeoutId = window.setTimeout(() => this.clearRunningState(), 6e4);
+		try {
+			const result = await db.runQuery(sql);
+			const adapter = this.availableAdapters.find((c) => c.id === engineId);
+			publish("dataview/publish", {
+				title: label,
+				data: {
+					columns: result.columns,
+					rows: result.rows
+				},
+				source: adapter?.label ?? engineId
+			});
+		} catch (err) {
+			toastError(err instanceof Error ? err.message : String(err));
+		} finally {
+			window.clearTimeout(timeoutId);
+			this.running = false;
+			this.requestUpdate();
+		}
+	}
+	clearRunningState() {
+		if (!this.running) return;
+		this.running = false;
+		this.requestUpdate();
+	}
+	async createConnection() {
+		const engineId = this.selectedEngineId;
+		if (!engineId) return;
+		const db = await this.getOrLoadDatabase(engineId);
+		if (!db || !db.createConnection) return;
+		const info = await db.createConnection();
+		if (!info) return;
+		await this.refreshConnections();
+		this.selectedConnectionId = info.id;
+		await db.selectConnection(info.id ?? null);
+		toastInfo(`Connection "${info.label}" created`);
+		this.requestUpdate();
+	}
+	async deleteConnection() {
+		const engineId = this.selectedEngineId;
+		if (!engineId) return;
+		const db = await this.getOrLoadDatabase(engineId);
+		if (!db || !db.deleteConnection) return;
+		const id = this.selectedConnectionId;
+		if (!await confirmDialog(`Delete connection "${this.availableConnections.find((info) => info.id === id)?.label ?? (id === null ? "In-memory" : id ?? "Current connection")}"?`)) return;
+		if (id !== null) await db.deleteConnection(id);
+		else await db.selectConnection(null);
+		await this.refreshConnections();
+		this.requestUpdate();
+	}
+	getCurrentConnectionLabel() {
+		const id = this.selectedConnectionId;
+		if (id === null) return "In-memory";
+		if (!id) return null;
+		return this.availableConnections.find((c) => c.id === id)?.label ?? id;
+	}
+	async openExtensionManager() {
+		const engineId = this.selectedEngineId;
+		if (!engineId) return;
+		const db = await this.getOrLoadDatabase(engineId);
+		if (!db || !db.listDbExtensions) {
+			toastInfo("Extensions are not available for the selected SQL engine.");
+			return;
+		}
+		const engineLabel = (this.availableAdapters.find((c) => c.id === engineId) ?? null)?.label ?? engineId;
+		const connectionLabel = this.getCurrentConnectionLabel();
+		const databaseLabel = connectionLabel ? `${engineLabel} – ${connectionLabel}` : engineLabel;
+		sqlExtensionManagerService.showExtensionManager({
+			db,
+			databaseLabel
+		});
+	}
+	renderToolbar() {
+		const adapters = this.availableAdapters;
+		const hasEngines = adapters.length > 0;
+		const hasConnections = this.availableConnections.length > 0;
+		const engineId = this.selectedEngineId;
+		const dbForEngine = engineId ? this.databases.get(engineId) : null;
+		const supportsExtensions = Boolean(dbForEngine?.listDbExtensions);
+		return html$1`
+      <wa-dropdown
+        class="engine-select"
+        placement="bottom-start"
+        distance="4"
+        size="small"
+        @wa-select=${(e) => void this.onEngineDropdownSelect(e)}
+      >
+        <wa-button
+          slot="trigger"
+          appearance="plain"
+          size="small"
+          with-caret
+          title="SQL engine"
+        >
+          ${this.selectedEngineId ? adapters.find((a) => a.id === this.selectedEngineId)?.label ?? this.selectedEngineId : "Select engine"}
+        </wa-button>
+        ${adapters.map((adapter) => html$1`
+            <wa-dropdown-item
+              value=${adapter.id}
+              type="checkbox"
+              ?checked=${adapter.id === this.selectedEngineId}
+            >
+              ${adapter.label}
+            </wa-dropdown-item>
+          `)}
+      </wa-dropdown>
+      <wa-dropdown
+        class="connection-select"
+        placement="bottom-start"
+        distance="4"
+        size="small"
+        @wa-select=${(e) => void this.onConnectionDropdownSelect(e)}
+      >
+        <wa-button
+          slot="trigger"
+          appearance="plain"
+          size="small"
+          with-caret
+          title="Connection"
+          ?disabled=${!hasEngines || !hasConnections}
+        >
+          ${this.selectedConnectionId === null ? "In-memory" : this.availableConnections.find((c) => c.id === this.selectedConnectionId)?.label ?? "Select connection"}
+        </wa-button>
+        ${this.availableConnections.map((info) => html$1`
+            <wa-dropdown-item
+              value=${info.id ?? ""}
+              type="checkbox"
+              ?checked=${info.id === this.selectedConnectionId}
+            >
+              ${info.label}
+              <wa-button
+                slot="details"
+                appearance="plain"
+                size="small"
+                title=${info.id === null ? "Reset in-memory connection" : "Delete connection"}
+                @click=${(e) => this.deleteConnectionById(e, info.id)}
+              >
+                <wa-icon
+                  name=${info.id === null ? "rotate-right" : "trash"}
+                  label=${info.id === null ? "Reset" : "Delete"}
+                ></wa-icon>
+              </wa-button>
+            </wa-dropdown-item>
+          `)}
+      </wa-dropdown>
+      <wa-button
+        size="small"
+        appearance="plain"
+        title="New connection"
+        @click=${() => void this.createConnection()}
+      >
+        <wa-icon name="plus" label="New"></wa-icon>
+      </wa-button>
+      ${supportsExtensions ? html$1`
+            <wa-button
+              size="small"
+              appearance="plain"
+              title="Manage extensions"
+              ?disabled=${!hasEngines || !hasConnections}
+              @click=${() => void this.openExtensionManager()}
+            >
+              <wa-icon name="puzzle-piece" label="Extensions"></wa-icon>
+              Extensions
+            </wa-button>
+          ` : null}
+      <wa-button
+        size="small"
+        appearance="plain"
+        ?disabled=${this.running}
+        @click=${() => void this.runQuery(true)}
+        title="Run selection only"
+      >
+        <wa-icon name="i-cursor" label="Run selection"></wa-icon>
+        ${this.running ? "Running…" : "Run selection"}
+      </wa-button>
+      <wa-button
+        size="small"
+        appearance="plain"
+        ?disabled=${this.running}
+        @click=${() => void this.runQuery(false)}
+        title="Run all SQL"
+      >
+        <wa-icon name="play" label="Run"></wa-icon>
+        ${this.running ? "Running…" : "Run all"}
+      </wa-button>
+    `;
+	}
+	renderContent() {
+		if (this.initialContent === void 0) return html$1`<div class="editor-placeholder"></div>`;
+		return html$1`
+      <div class="editor-area">
+        <lyra-monaco-widget
+          .value=${this.initialContent}
+          .uri=${this.initialUri}
+          .language=${"sql"}
+          .readOnly=${this.readOnly}
+          @content-change=${this._onContentChange}
+          ${ref(this.widgetRef)}
+        ></lyra-monaco-widget>
+      </div>
+    `;
+	}
+	static {
+		this.styles = css`
+    :host {
+      display: flex;
+      flex-direction: column;
+      position: relative;
+      width: 100%;
+      height: 100%;
+    }
+    .engine-select {
+      max-width: 10rem;
+    }
+    .connection-select {
+      max-width: 12rem;
+    }
+    .editor-area {
+      flex: 1;
+      min-height: 0;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+    }
+    .editor-area lyra-monaco-widget,
+    .editor-area monaco-widget {
+      flex: 1;
+      min-height: 0;
+    }
+    .editor-placeholder {
+      flex: 1;
+      min-height: 0;
+    }
+  `;
+	}
+};
+_decorate([property({ attribute: false })], LyraSqlEditor.prototype, "input", void 0);
+_decorate([property({ type: Boolean })], LyraSqlEditor.prototype, "readOnly", void 0);
+_decorate([state()], LyraSqlEditor.prototype, "initialContent", void 0);
+_decorate([state()], LyraSqlEditor.prototype, "initialUri", void 0);
+_decorate([state()], LyraSqlEditor.prototype, "running", void 0);
+_decorate([state()], LyraSqlEditor.prototype, "availableAdapters", void 0);
+_decorate([state()], LyraSqlEditor.prototype, "selectedEngineId", void 0);
+_decorate([state()], LyraSqlEditor.prototype, "availableConnections", void 0);
+_decorate([state()], LyraSqlEditor.prototype, "selectedConnectionId", void 0);
+LyraSqlEditor = _decorate([customElement("lyra-sql-editor")], LyraSqlEditor);
+//#endregion
+//#region src/sqleditor-extension.ts
+function activate() {
+	editorRegistry.registerEditorInputHandler({
+		editorId: "system.sqleditor",
+		label: "SQL Editor",
+		icon: "database",
+		canHandle: (input) => input instanceof File && input.getName().toLowerCase().endsWith(".sql"),
+		ranking: 900,
+		handle: async (input) => {
+			const editorInput = {
+				title: input.getWorkspacePath(),
+				data: input,
+				key: input.getWorkspacePath(),
+				icon: "database",
+				state: {},
+				component: () => null
+			};
+			editorInput.component = (id) => html`<lyra-sql-editor id="${id}" .input=${editorInput}></lyra-sql-editor>`;
+			return editorInput;
+		}
+	});
+}
+//#endregion
+export { activate as default };
+
+//# sourceMappingURL=sqleditor-extension-MEwwujrA.js.map