@kumori/aurora-wui-components 0.0.264-dev4114.29 → 0.0.264-dev4114.30
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.
|
@@ -23,6 +23,8 @@ export declare class AxebowObservabilityContainer extends LitElement {
|
|
|
23
23
|
cleanHistoryLabel: string;
|
|
24
24
|
followLogs: boolean;
|
|
25
25
|
autoScrollLabel: string;
|
|
26
|
+
autoScrollOnLabel: string;
|
|
27
|
+
autoScrollOffLabel: string;
|
|
26
28
|
logsTitle: string;
|
|
27
29
|
terminalTitle: string;
|
|
28
30
|
logsUrl: string;
|
|
@@ -35,6 +37,7 @@ export declare class AxebowObservabilityContainer extends LitElement {
|
|
|
35
37
|
private _renderLogFilters;
|
|
36
38
|
private _renderLogFilterDropdown;
|
|
37
39
|
private _renderLogsIframe;
|
|
40
|
+
private _copyLogs;
|
|
38
41
|
private _renderTerminalIframe;
|
|
39
42
|
private _handleFilterInputChange;
|
|
40
43
|
private _handleFilterInputKeydown;
|
package/dist/components/axebow-observability-container/axebow-observability-container.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axebow-observability-container.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-observability-container/axebow-observability-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+DAA+D,CAAC;AACvE,OAAO
|
|
1
|
+
{"version":3,"file":"axebow-observability-container.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-observability-container/axebow-observability-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+DAA+D,CAAC;AACvE,OAAO,yDAAyD,CAAC;AACjE,OAAO,uDAAuD,CAAC;AAC/D,OAAO,iEAAiE,CAAC;AAIzE,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,qBACa,4BAA6B,SAAQ,UAAU;IAC1D,MAAM,CAAC,MAAM,4BAyBX;IAE0B,aAAa,SAAM;IAClB,QAAQ,UAAQ;IAChB,YAAY,UAAS;IACtB,SAAS,SAAM;IACf,WAAW,SAAM;IACjB,YAAY,SAAM;IAClB,aAAa,SAAM;IACnB,eAAe,SAAM;IACrB,gBAAgB,SAAM;IAElB,UAAU,EAAE,sBAAsB,EAAE,CAAM;IAC9C,cAAc,SAAM;IACpB,gBAAgB,SAAM;IACtB,cAAc,SAAM;IACpB,iBAAiB,SAAM;IACvB,iBAAiB,SAAM;IACvB,iBAAiB,SAAM;IAEtB,UAAU,UAAS;IACpB,eAAe,SAAM;IACrB,iBAAiB,SAAM;IACvB,kBAAkB,SAAM;IAExB,SAAS,SAAM;IACf,aAAa,SAAM;IACnB,OAAO,SAAM;IACb,WAAW,SAAM;IACjB,YAAY,SAAM;IAClB,gBAAgB,SAAM;IAElD,MAAM;IAWN,OAAO,CAAC,aAAa;IA0CrB,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,iBAAiB;IAkBzB,OAAO,CAAC,wBAAwB;IAgDhC,OAAO,CAAC,iBAAiB;YA8CX,SAAS;IAevB,OAAO,CAAC,qBAAqB;IAiB7B,OAAO,CAAC,wBAAwB;IAOhC,OAAO,CAAC,yBAAyB;IAajC,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,SAAS;CAGlB"}
|
package/dist/index.js
CHANGED
|
@@ -11691,6 +11691,8 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
|
|
|
11691
11691
|
this.cleanHistoryLabel = "";
|
|
11692
11692
|
this.followLogs = false;
|
|
11693
11693
|
this.autoScrollLabel = "";
|
|
11694
|
+
this.autoScrollOnLabel = "";
|
|
11695
|
+
this.autoScrollOffLabel = "";
|
|
11694
11696
|
this.logsTitle = "";
|
|
11695
11697
|
this.terminalTitle = "";
|
|
11696
11698
|
this.logsUrl = "";
|
|
@@ -11703,22 +11705,6 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
|
|
|
11703
11705
|
unsafeCSS(tailwind_default),
|
|
11704
11706
|
axebowTheme,
|
|
11705
11707
|
css`
|
|
11706
|
-
.auto-scroll::part(base) {
|
|
11707
|
-
color: var(--axebow-tertiary);
|
|
11708
|
-
font-style: italic;
|
|
11709
|
-
}
|
|
11710
|
-
sl-checkbox::part(base) {
|
|
11711
|
-
display: flex;
|
|
11712
|
-
align-items: center;
|
|
11713
|
-
}
|
|
11714
|
-
sl-checkbox::part(control) {
|
|
11715
|
-
margin-top: 0 !important;
|
|
11716
|
-
margin-bottom: 0 !important;
|
|
11717
|
-
}
|
|
11718
|
-
sl-checkbox::part(label) {
|
|
11719
|
-
display: flex;
|
|
11720
|
-
align-items: center;
|
|
11721
|
-
}
|
|
11722
11708
|
sl-input::part(input) {
|
|
11723
11709
|
font-size: 0.95rem;
|
|
11724
11710
|
color: var(--axebow-strong-gray);
|
|
@@ -11854,21 +11840,28 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
|
|
|
11854
11840
|
<div class="flex-2 h-full px-4 py-8 rounded-lg flex flex-col gap-4 bg-white">
|
|
11855
11841
|
<div class="flex justify-between items-center">
|
|
11856
11842
|
<h1 class="font-bold">${this.logsTitle}</h1>
|
|
11857
|
-
<div class="flex
|
|
11858
|
-
|
|
11859
|
-
|
|
11860
|
-
|
|
11861
|
-
|
|
11862
|
-
|
|
11863
|
-
|
|
11864
|
-
|
|
11865
|
-
|
|
11866
|
-
|
|
11867
|
-
|
|
11868
|
-
|
|
11869
|
-
|
|
11870
|
-
|
|
11871
|
-
|
|
11843
|
+
<div class="flex items-center gap-4">
|
|
11844
|
+
${this._renderToggle(this.autoScrollLabel, this.followLogs, this.autoScrollOnLabel, this.autoScrollOffLabel, (checked) => this._dispatch("follow-logs-change", { checked }))}
|
|
11845
|
+
<div class="h-full w-0.25 bg-(--axebow-gray)"></div>
|
|
11846
|
+
<div class="w-6 h-6 flex items-center justify-center">
|
|
11847
|
+
<axebow-icon
|
|
11848
|
+
class="cursor-pointer"
|
|
11849
|
+
iconName="download_for_offline"
|
|
11850
|
+
size="2xl"
|
|
11851
|
+
iconColor="var(--axebow-tertiary)"
|
|
11852
|
+
@click=${() => this._dispatch("download-logs")}
|
|
11853
|
+
></axebow-icon>
|
|
11854
|
+
</div>
|
|
11855
|
+
<div class="h-full w-0.25 bg-(--axebow-gray)"></div>
|
|
11856
|
+
<div class="w-6 h-6 flex items-center justify-center">
|
|
11857
|
+
<axebow-icon
|
|
11858
|
+
class="cursor-pointer"
|
|
11859
|
+
iconName="content_copy"
|
|
11860
|
+
size="2xl"
|
|
11861
|
+
iconColor="var(--axebow-tertiary)"
|
|
11862
|
+
@click=${() => this._copyLogs()}
|
|
11863
|
+
></axebow-icon>
|
|
11864
|
+
</div>
|
|
11872
11865
|
</div>
|
|
11873
11866
|
</div>
|
|
11874
11867
|
<iframe
|
|
@@ -11881,6 +11874,19 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
|
|
|
11881
11874
|
</div>
|
|
11882
11875
|
`;
|
|
11883
11876
|
}
|
|
11877
|
+
async _copyLogs() {
|
|
11878
|
+
try {
|
|
11879
|
+
const text = (this.renderRoot?.querySelector(`#${this.logsIframeId}`))?.contentDocument?.body?.innerText ?? "";
|
|
11880
|
+
if (!text) {
|
|
11881
|
+
this._dispatch("logs-copy-failed");
|
|
11882
|
+
return;
|
|
11883
|
+
}
|
|
11884
|
+
await navigator.clipboard.writeText(text);
|
|
11885
|
+
this._dispatch("logs-copied");
|
|
11886
|
+
} catch (_) {
|
|
11887
|
+
this._dispatch("logs-copy-failed");
|
|
11888
|
+
}
|
|
11889
|
+
}
|
|
11884
11890
|
_renderTerminalIframe() {
|
|
11885
11891
|
return html`
|
|
11886
11892
|
<div class="flex-2 h-full px-4 py-8 rounded-lg flex flex-col gap-4 bg-white">
|
|
@@ -11960,6 +11966,8 @@ __decorate([property({ type: String })], AxebowObservabilityContainer.prototype,
|
|
|
11960
11966
|
__decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "cleanHistoryLabel", void 0);
|
|
11961
11967
|
__decorate([property({ type: Boolean })], AxebowObservabilityContainer.prototype, "followLogs", void 0);
|
|
11962
11968
|
__decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "autoScrollLabel", void 0);
|
|
11969
|
+
__decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "autoScrollOnLabel", void 0);
|
|
11970
|
+
__decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "autoScrollOffLabel", void 0);
|
|
11963
11971
|
__decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "logsTitle", void 0);
|
|
11964
11972
|
__decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "terminalTitle", void 0);
|
|
11965
11973
|
__decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "logsUrl", void 0);
|