influx-vue 0.2.0 → 0.3.1
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.
- package/dist/components/InfluxDashboard.vue.d.ts +3 -0
- package/dist/components/InfluxResultChart.vue.d.ts +1 -0
- package/dist/components/dashboard/types.d.ts +4 -1
- package/dist/composables/useInfluxWorkbench.d.ts +8 -1
- package/dist/index.d.ts +1 -1
- package/dist/influx-vue.css +1 -1
- package/dist/influx-vue.js +4871 -4557
- package/dist/influx-vue.umd.cjs +24 -20
- package/dist/services/influx/dashboard.d.ts +10 -3
- package/dist/services/influx/flux.d.ts +8 -2
- package/dist/services/influx/types.d.ts +3 -0
- package/package.json +1 -1
|
@@ -1,7 +1,10 @@
|
|
|
1
|
+
import { type InfluxDashboardTimeRangeOverride } from '../services/influx/dashboard';
|
|
1
2
|
import type { InfluxConnectionConfig } from '../services/influx/types';
|
|
2
3
|
import type { InfluxDashboardExposed, InfluxDashboardProps } from '../components/dashboard/types';
|
|
3
4
|
declare const __VLS_export: import("vue").DefineComponent<InfluxDashboardProps, InfluxDashboardExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InfluxDashboardProps> & Readonly<{}>, {
|
|
4
5
|
autoRun: boolean;
|
|
6
|
+
showTimeControls: boolean;
|
|
7
|
+
initialTimeRangeOverride: Partial<InfluxDashboardTimeRangeOverride>;
|
|
5
8
|
connectionOverride: Partial<InfluxConnectionConfig>;
|
|
6
9
|
createDataSource: import("../components/dashboard/types").InfluxDashboardCreateDataSource;
|
|
7
10
|
authenticateConnection: import("../components/dashboard/types").InfluxDashboardAuthenticateConnection;
|
|
@@ -2,6 +2,7 @@ import '../services/charts/setup';
|
|
|
2
2
|
import type { InfluxRow } from '../services/influx/types';
|
|
3
3
|
type __VLS_Props = {
|
|
4
4
|
rows: InfluxRow[];
|
|
5
|
+
visualization?: 'line' | 'scatter';
|
|
5
6
|
};
|
|
6
7
|
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
8
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import type { InfluxConnectionConfig, InfluxExplorerDataSource } from '../../services/influx/types';
|
|
2
|
-
import type { InfluxDashboardDefinition } from '../../services/influx/dashboard';
|
|
2
|
+
import type { InfluxDashboardDefinition, InfluxDashboardTimeRangeOverride } from '../../services/influx/dashboard';
|
|
3
3
|
export type InfluxDashboardCreateDataSource = (config: InfluxConnectionConfig) => InfluxExplorerDataSource;
|
|
4
4
|
export type InfluxDashboardAuthenticateConnection = (config: InfluxConnectionConfig) => Promise<InfluxConnectionConfig>;
|
|
5
5
|
export interface InfluxDashboardProps {
|
|
6
6
|
yaml: string;
|
|
7
7
|
autoRun?: boolean;
|
|
8
|
+
showTimeControls?: boolean;
|
|
9
|
+
initialTimeRangeOverride?: Partial<InfluxDashboardTimeRangeOverride>;
|
|
8
10
|
connectionOverride?: Partial<InfluxConnectionConfig>;
|
|
9
11
|
createDataSource?: InfluxDashboardCreateDataSource;
|
|
10
12
|
authenticateConnection?: InfluxDashboardAuthenticateConnection;
|
|
@@ -13,4 +15,5 @@ export interface InfluxDashboardExposed {
|
|
|
13
15
|
connect(): Promise<boolean>;
|
|
14
16
|
refresh(): Promise<boolean>;
|
|
15
17
|
getDefinition(): InfluxDashboardDefinition;
|
|
18
|
+
getTimeRangeOverride(): InfluxDashboardTimeRangeOverride;
|
|
16
19
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type InfluxDashboardColumns, type InfluxDashboardPanelDefinition, type InfluxPanelVisualization } from '../services/influx/dashboard';
|
|
2
2
|
import type { FluxAutocompleteSchema } from '../services/influx/fluxAutocomplete';
|
|
3
|
-
import type { AggregateFunction, InfluxAuthMethod, InfluxBucket, InfluxConnectionConfig, InfluxConnectionFailure, InfluxExplorerDataSource, InfluxPingResult, InfluxRow, QueryMode, RangePresetKey, StatusMessage, TagFilter } from '../services/influx/types';
|
|
3
|
+
import type { AggregateFunction, InfluxAuthMethod, InfluxBucket, InfluxConnectionConfig, InfluxConnectionFailure, InfluxExplorerDataSource, InfluxFieldValueKind, InfluxPingResult, InfluxRow, QueryMode, RangePresetKey, StatusMessage, TagFilter } from '../services/influx/types';
|
|
4
4
|
export interface UseInfluxWorkbenchOptions {
|
|
5
5
|
createDataSource?: (config: InfluxConnectionConfig) => InfluxExplorerDataSource;
|
|
6
6
|
authenticateConnection?: (config: InfluxConnectionConfig) => Promise<InfluxConnectionConfig>;
|
|
@@ -73,10 +73,13 @@ export declare function useInfluxWorkbench(options?: UseInfluxWorkbenchOptions):
|
|
|
73
73
|
}[]>;
|
|
74
74
|
measurements: import("vue").Ref<string[], string[]>;
|
|
75
75
|
fieldKeys: import("vue").Ref<string[], string[]>;
|
|
76
|
+
fieldKinds: import("vue").Ref<Record<string, InfluxFieldValueKind>, Record<string, InfluxFieldValueKind>>;
|
|
76
77
|
tagKeys: import("vue").Ref<string[], string[]>;
|
|
77
78
|
tagValueOptions: import("vue").Ref<Record<string, string[]>, Record<string, string[]>>;
|
|
78
79
|
selectedBucket: import("vue").Ref<string, string>;
|
|
79
80
|
selectedMeasurement: import("vue").Ref<string, string>;
|
|
81
|
+
selectedMeasurementLabel: import("vue").ComputedRef<string>;
|
|
82
|
+
selectedMeasurements: import("vue").Ref<string[], string[]>;
|
|
80
83
|
selectedFields: import("vue").Ref<string[], string[]>;
|
|
81
84
|
tagFilters: import("vue").Ref<{
|
|
82
85
|
tagKey: string;
|
|
@@ -131,6 +134,7 @@ export declare function useInfluxWorkbench(options?: UseInfluxWorkbenchOptions):
|
|
|
131
134
|
query: {
|
|
132
135
|
bucket: string;
|
|
133
136
|
measurement: string;
|
|
137
|
+
measurements?: string[] | undefined;
|
|
134
138
|
fields: string[];
|
|
135
139
|
rangePreset: RangePresetKey;
|
|
136
140
|
customStart: string;
|
|
@@ -153,6 +157,7 @@ export declare function useInfluxWorkbench(options?: UseInfluxWorkbenchOptions):
|
|
|
153
157
|
query: {
|
|
154
158
|
bucket: string;
|
|
155
159
|
measurement: string;
|
|
160
|
+
measurements?: string[] | undefined;
|
|
156
161
|
fields: string[];
|
|
157
162
|
rangePreset: RangePresetKey;
|
|
158
163
|
customStart: string;
|
|
@@ -173,6 +178,7 @@ export declare function useInfluxWorkbench(options?: UseInfluxWorkbenchOptions):
|
|
|
173
178
|
summary: import("vue").ComputedRef<import("../services/influx/types").QuerySummary>;
|
|
174
179
|
generatedFlux: import("vue").ComputedRef<string>;
|
|
175
180
|
currentFlux: import("vue").ComputedRef<string>;
|
|
181
|
+
aggregationPassthroughFields: import("vue").ComputedRef<string[]>;
|
|
176
182
|
hasConnection: import("vue").ComputedRef<boolean>;
|
|
177
183
|
hasExplorerSelection: import("vue").ComputedRef<boolean>;
|
|
178
184
|
canRunQuery: import("vue").ComputedRef<boolean>;
|
|
@@ -184,6 +190,7 @@ export declare function useInfluxWorkbench(options?: UseInfluxWorkbenchOptions):
|
|
|
184
190
|
disconnect: () => void;
|
|
185
191
|
selectBucket: (bucketName: string) => Promise<void>;
|
|
186
192
|
selectMeasurement: (measurement: string) => Promise<void>;
|
|
193
|
+
toggleMeasurement: (measurement: string) => Promise<void>;
|
|
187
194
|
refreshSchema: () => Promise<void>;
|
|
188
195
|
addTagFilter: () => Promise<void>;
|
|
189
196
|
updateTagFilterKey: (index: number, tagKey: string) => Promise<void>;
|
package/dist/index.d.ts
CHANGED
|
@@ -5,6 +5,6 @@ export { InfluxWorkbench };
|
|
|
5
5
|
export type { InfluxAuthMethod, InfluxConnectionConfig, } from './services/influx/types';
|
|
6
6
|
export type { InfluxConnectPhase, InfluxConnectionFailure, } from './services/influx/types';
|
|
7
7
|
export { buildDashboardPanelFlux, createDashboardConnection, createDashboardDefinition, createDashboardPanel, exportDashboardYaml, maskDashboardDefinitionSecrets, parseDashboardYaml, serializeDashboardToDisplayYaml, serializeDashboardToYaml, } from './services/influx/dashboard';
|
|
8
|
-
export type { InfluxDashboardConnection, InfluxDashboardDefinition, InfluxDashboardPanelDefinition, InfluxPanelVisualization, } from './services/influx/dashboard';
|
|
8
|
+
export type { InfluxDashboardConnection, InfluxDashboardDefinition, InfluxDashboardPanelDefinition, InfluxDashboardTimeRangeOverride, InfluxPanelVisualization, } from './services/influx/dashboard';
|
|
9
9
|
export type { InfluxDashboardAuthenticateConnection, InfluxDashboardCreateDataSource, InfluxDashboardExposed, InfluxDashboardProps, } from './components/dashboard/types';
|
|
10
10
|
export type { InfluxWorkbenchConnectError, InfluxWorkbenchConnectEvent, InfluxWorkbenchAuthenticateConnection, InfluxWorkbenchCreateDataSource, InfluxWorkbenchDisconnectEvent, InfluxWorkbenchExposed, InfluxWorkbenchProps, InfluxWorkbenchSectionKey, } from './components/workbench/types';
|
package/dist/influx-vue.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.chart-shell[data-v-
|
|
1
|
+
.chart-shell[data-v-3e754b42]{min-height:340px}.chart[data-v-3e754b42]{width:100%;height:340px}.dashboard-shell[data-v-c5b09c07]{flex-direction:column;gap:12px;min-width:0;display:flex}.dashboard-header[data-v-c5b09c07] .n-card__content{padding:12px 14px}.dashboard-meta[data-v-c5b09c07]{flex-direction:column;gap:4px;min-width:0;display:flex}.dashboard-title-row[data-v-c5b09c07]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dashboard-controls[data-v-c5b09c07]{align-items:center;gap:10px;display:flex}.time-controls[data-v-c5b09c07]{align-items:center;gap:8px;display:flex}.time-control[data-v-c5b09c07]{width:160px}.time-control--wide[data-v-c5b09c07]{width:300px}.dashboard-grid[data-v-c5b09c07]{gap:12px;display:grid}.dashboard-panel[data-v-c5b09c07]{min-width:0}.panel-header[data-v-c5b09c07]{align-items:center;gap:8px;min-width:0;display:flex}.panel-description[data-v-c5b09c07]{margin-bottom:10px;display:block}.panel-alert[data-v-c5b09c07]{margin-bottom:10px}.panel-content[data-v-c5b09c07]{flex-direction:column;gap:10px;display:flex}.split-panel[data-v-c5b09c07]{flex-direction:column;gap:12px;display:flex}.panel-footer[data-v-c5b09c07]{margin-top:10px}@media (width<=900px){.dashboard-controls[data-v-c5b09c07],.time-controls[data-v-c5b09c07]{flex-wrap:wrap;width:100%}.time-control[data-v-c5b09c07],.time-control--wide[data-v-c5b09c07]{width:100%}.dashboard-grid[data-v-c5b09c07]{grid-template-columns:minmax(0,1fr)!important}}.panel-shell[data-v-7c30fdb8]{flex-direction:column;gap:12px;display:flex}.status-alert[data-v-7c30fdb8],.health-tags[data-v-7c30fdb8]{margin-top:2px}.auth-hint[data-v-7c30fdb8]{margin-bottom:10px}.flux-editor-root[data-v-9aaf532f],.flux-editor-root[data-v-9aaf532f] .cm-editor{min-height:300px}.stage-panel[data-v-c694217a]{background:#ffffffd6;border:1px solid #e2e8f0eb;border-radius:16px;flex-direction:column;gap:10px;min-height:360px;padding:10px 12px;display:flex}.stage-header[data-v-c694217a]{justify-content:space-between;align-items:center;gap:12px;display:flex}.stage-meta[data-v-c694217a]{align-items:center;gap:8px;display:flex}.stage-body[data-v-c694217a]{flex:1;min-height:0}.panel-shell[data-v-4a16834b]{flex-direction:column;gap:12px;min-width:0;display:flex}.panel-toolbar[data-v-4a16834b]{justify-content:flex-end;align-items:center;gap:12px;display:flex}.settings-shell[data-v-4a16834b]{background:#ffffffd6;border:1px solid #e2e8f0f2;border-radius:16px;padding:10px 12px}.settings-note[data-v-4a16834b]{color:#475569e6;margin:2px 2px 0;font-size:12px;line-height:1.4}.settings-row[data-v-4a16834b]{flex-wrap:nowrap;align-items:stretch;gap:10px;display:flex}.setting-item[data-v-4a16834b]{flex:1 1 0;min-width:0;margin-bottom:0}.preset-item[data-v-4a16834b],.range-item[data-v-4a16834b]{flex:1 1 0}.setting-item[data-v-4a16834b] .n-base-selection,.setting-item[data-v-4a16834b] .n-date-picker,.setting-item[data-v-4a16834b] .n-input-number{width:100%}.flow-grid[data-v-4a16834b]{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.selection-list[data-v-4a16834b]{flex-direction:column;gap:8px;max-height:320px;display:flex;overflow:auto}.selection-item[data-v-4a16834b]{text-align:left;cursor:pointer;background:#fff;border:1px solid #94a3b847;border-radius:14px;width:100%;padding:10px 12px;transition:transform .12s,border-color .12s,box-shadow .12s}.selection-item[data-v-4a16834b]:hover{border-color:#0ea5e966;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a0f}.selection-item.active[data-v-4a16834b]{background:#ecfdf5eb;border-color:#14b8a68c}.item-title[data-v-4a16834b],.item-meta[data-v-4a16834b]{display:block}.item-title[data-v-4a16834b]{font-weight:700}.item-meta[data-v-4a16834b]{color:#475569d6;margin-top:4px;font-size:.78rem}.checkbox-item[data-v-4a16834b]{background:#f8fafcb3;border:1px solid #e2e8f0cc;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.filter-stack[data-v-4a16834b]{flex-direction:column;gap:10px;display:flex}.filter-row[data-v-4a16834b]{grid-template-columns:1fr;gap:10px;display:grid}.query-shell[data-v-4a16834b]{min-width:0}.code-shell[data-v-4a16834b]{background:#0f172a;border:1px solid #0f172a2e;border-radius:16px;overflow:hidden}.code-toolbar[data-v-4a16834b]{border-bottom:1px solid #94a3b82e;justify-content:flex-end;padding:8px 10px;display:flex}@media (width<=1400px){.flow-grid[data-v-4a16834b]{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-row[data-v-4a16834b]{flex-wrap:wrap}}@media (width<=960px){.panel-toolbar[data-v-4a16834b]{flex-direction:column;align-items:stretch}.flow-grid[data-v-4a16834b]{grid-template-columns:1fr}}.yaml-editor-root[data-v-66fe2a97]{background:linear-gradient(#020617fa,#0f172afa);border:1px solid #334155e0;border-radius:16px;min-height:300px;overflow:hidden}.yaml-editor-root[data-v-66fe2a97] .cm-editor{background:0 0;min-height:300px}.yaml-editor-root[data-v-66fe2a97] .cm-gutters{color:#94a3b8d6;background:#020617b8;border-right:1px solid #334155b3}.yaml-editor-root[data-v-66fe2a97] .cm-activeLineGutter{background:#0f172aeb}.yaml-editor-root[data-v-66fe2a97] .cm-panels{background:#020617f5}.panel-shell[data-v-d2e976b2]{flex-direction:column;gap:12px;min-width:0;display:flex}.result-notice[data-v-d2e976b2]{margin-top:2px}.result-toolbar[data-v-d2e976b2]{justify-content:flex-end;display:flex}.visualization-select[data-v-d2e976b2]{width:180px}.yaml-shell[data-v-d2e976b2]{flex-direction:column;gap:10px;display:flex}.yaml-toolbar[data-v-d2e976b2]{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.panel-shell[data-v-d2e976b2] .n-tabs-nav{margin-bottom:6px}@media (width<=1200px){.yaml-toolbar[data-v-d2e976b2]{flex-direction:column}}.workbench-shell[data-v-de13a79c]{flex-direction:column;gap:10px;display:flex;position:relative}.hero-card[data-v-de13a79c]{background:radial-gradient(circle at 100% 0,#22c55e2e,#0000 24rem),radial-gradient(circle at 0 0,#0ea5e929,#0000 18rem),linear-gradient(135deg,#fffffff5,#f7fbfcfa);border-radius:28px;overflow:hidden}.hero-card[data-v-de13a79c] .n-card__content{padding:10px 14px}.hero-topline[data-v-de13a79c]{justify-content:space-between;align-items:center;min-height:20px;display:flex}.popover-content[data-v-de13a79c]{min-width:220px}.popover-content p[data-v-de13a79c]{color:#475569e0;margin:6px 0 0}.stats-popover[data-v-de13a79c]{flex-direction:column;gap:8px;display:flex}.stat-row[data-v-de13a79c]{justify-content:space-between;align-items:center;gap:16px;display:flex}.workspace[data-v-de13a79c]{flex-direction:column;gap:6px;display:flex;position:relative}.surface-card[data-v-de13a79c]{border-radius:28px;min-width:0}.surface-card[data-v-de13a79c] .n-card__content{padding:10px 12px}.result-surface[data-v-de13a79c]{min-height:0}.explorer-surface[data-v-de13a79c]{min-height:680px}.query-error-modal[data-v-de13a79c]{width:min(560px,100vw - 32px)}.query-error-message[data-v-de13a79c]{white-space:pre-wrap;color:#334155f5;margin:10px 0 0}.connection-overlay[data-v-de13a79c]{z-index:10;justify-content:center;align-items:flex-start;padding:clamp(28px,7vh,76px) 20px 20px;display:flex;position:absolute;inset:0}.overlay-backdrop[data-v-de13a79c]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafcd1;border-radius:32px;position:absolute;inset:0}.connection-card[data-v-de13a79c]{z-index:1;border-radius:26px;width:min(680px,100%);position:relative;box-shadow:0 28px 90px #0f172a29}.floating-status[data-v-de13a79c]{z-index:30;width:min(420px,100vw - 32px);position:fixed;bottom:24px;right:24px;box-shadow:0 20px 48px #0f172a2e}.floating-status-enter-active[data-v-de13a79c],.floating-status-leave-active[data-v-de13a79c]{transition:opacity .18s,transform .18s}.floating-status-enter-from[data-v-de13a79c],.floating-status-leave-to[data-v-de13a79c]{opacity:0;transform:translateY(8px)}@media (width<=1200px){.workbench-shell[data-v-de13a79c]{gap:8px}}
|
|
2
2
|
/*$vite$:1*/
|