@perses-dev/clickhouse-plugin 0.6.0 → 0.7.0-beta.2

package/lib/queries/click-house-log-query/get-click-house-log-data.js

@@ -10,9 +10,9 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { replaceVariables } from '@perses-dev/plugin-system';
-import { formatClickHouseDateTime, replaceTimeRangePlaceholders } from '../../model/click-house-client';
-import { DEFAULT_DATASOURCE } from '../constants';
+import { replaceVariables } from "@perses-dev/plugin-system";
+import { formatClickHouseDateTime, replaceTimeRangePlaceholders } from "../../model/click-house-client.js";
+import { DEFAULT_DATASOURCE } from "../constants.js";
 function flattenObject(obj, parentKey = '', result = {}) {
     for (const [key, value] of Object.entries(obj)){
         const newKey = parentKey ? `${parentKey}.${key}` : key;
@@ -31,7 +31,7 @@ function convertStreamsToLogs(streams) {
             flattened['Timestamp'] = flattened['log_time'];
         }
         const sortedEntry = {};
-        Object.keys(flattened).sort((a, b)=>a.localeCompare(b)).forEach((key)=>{
+        Object.keys(flattened).toSorted((a, b)=>a.localeCompare(b)).forEach((key)=>{
             sortedEntry[key] = flattened[key];
         });
         const line = Object.entries(sortedEntry).filter(([key])=>key !== 'Timestamp').map(([key, value])=>`<${key}> ${value === '' || value === null || value === undefined ? '--' : value}`).join(' ');

package/lib/queries/click-house-log-query/get-click-house-log-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/click-house-log-query/get-click-house-log-data.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { replaceVariables, LogQueryPlugin } from '@perses-dev/plugin-system';\nimport { LogData, LogEntry } from '@perses-dev/spec';\nimport {\n  ClickHouseClient,\n  ClickHouseQueryResponse,\n  formatClickHouseDateTime,\n  replaceTimeRangePlaceholders,\n} from '../../model/click-house-client';\nimport { DEFAULT_DATASOURCE } from '../constants';\nimport { ClickHouseLogQuerySpec } from './click-house-log-query-types';\n\nfunction flattenObject(\n  obj: Record<string, unknown>,\n  parentKey = '',\n  result: Record<string, unknown> = {}\n): Record<string, unknown> {\n  for (const [key, value] of Object.entries(obj)) {\n    const newKey = parentKey ? `${parentKey}.${key}` : key;\n    if (value && typeof value === 'object' && !Array.isArray(value)) {\n      flattenObject(value as Record<string, unknown>, newKey, result);\n    } else {\n      result[newKey] = value;\n    }\n  }\n\n  return result;\n}\n\nfunction convertStreamsToLogs(streams: LogEntry[]): LogData {\n  const entries: LogEntry[] = streams.map((entry) => {\n    const flattened = flattenObject(entry as unknown as Record<string, unknown>);\n\n    if (!flattened['Timestamp'] && flattened['log_time']) {\n      flattened['Timestamp'] = flattened['log_time'];\n    }\n\n    const sortedEntry: Record<string, unknown> = {};\n    Object.keys(flattened)\n      .sort((a, b) => a.localeCompare(b))\n      .forEach((key) => {\n        sortedEntry[key] = flattened[key];\n      });\n\n    const line = Object.entries(sortedEntry)\n      .filter(([key]) => key !== 'Timestamp')\n      .map(([key, value]) => `<${key}> ${value === '' || value === null || value === undefined ? '--' : value}`)\n      .join(' ');\n\n    return {\n      timestamp: sortedEntry?.['Timestamp'] as unknown as number,\n      labels: sortedEntry as Record<string, string>,\n      line,\n    } as LogEntry;\n  });\n\n  return {\n    entries,\n    totalCount: entries.length,\n  };\n}\n\nexport const getClickHouseLogData: LogQueryPlugin<ClickHouseLogQuerySpec>['getLogData'] = async (spec, context) => {\n  if (spec.query === undefined || spec.query === null || spec.query === '') {\n    return {\n      logs: { entries: [], totalCount: 0 },\n      timeRange: { start: context.timeRange.start, end: context.timeRange.end },\n    };\n  }\n\n  const query = replaceVariables(spec.query, context.variableState);\n\n  const client = (await context.datasourceStore.getDatasourceClient(\n    spec.datasource ?? DEFAULT_DATASOURCE\n  )) as ClickHouseClient;\n\n  const { start, end } = context.timeRange;\n  const startTime = formatClickHouseDateTime(start);\n  const endTime = formatClickHouseDateTime(end);\n  const executedQueryString = replaceTimeRangePlaceholders(query, startTime, endTime);\n\n  const response: ClickHouseQueryResponse = await client.query({\n    start: startTime,\n    end: endTime,\n    query: executedQueryString,\n  });\n\n  return {\n    timeRange: { start, end },\n    logs: convertStreamsToLogs(response.data as LogEntry[]),\n    metadata: {\n      executedQueryString,\n    },\n  };\n};\n"],"names":["replaceVariables","formatClickHouseDateTime","replaceTimeRangePlaceholders","DEFAULT_DATASOURCE","flattenObject","obj","parentKey","result","key","value","Object","entries","newKey","Array","isArray","convertStreamsToLogs","streams","map","entry","flattened","sortedEntry","keys","sort","a","b","localeCompare","forEach","line","filter","undefined","join","timestamp","labels","totalCount","length","getClickHouseLogData","spec","context","query","logs","timeRange","start","end","variableState","client","datasourceStore","getDatasourceClient","datasource","startTime","endTime","executedQueryString","response","data","metadata"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/queries/click-house-log-query/get-click-house-log-data.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { LogQueryPlugin } from '@perses-dev/plugin-system';\nimport { replaceVariables } from '@perses-dev/plugin-system';\nimport type { LogData, LogEntry } from '@perses-dev/spec';\n\nimport type { ClickHouseClient, ClickHouseQueryResponse } from '../../model/click-house-client';\nimport { formatClickHouseDateTime, replaceTimeRangePlaceholders } from '../../model/click-house-client';\nimport { DEFAULT_DATASOURCE } from '../constants';\nimport type { ClickHouseLogQuerySpec } from './click-house-log-query-types';\n\nfunction flattenObject(\n  obj: Record<string, unknown>,\n  parentKey = '',\n  result: Record<string, unknown> = {},\n): Record<string, unknown> {\n  for (const [key, value] of Object.entries(obj)) {\n    const newKey = parentKey ? `${parentKey}.${key}` : key;\n    if (value && typeof value === 'object' && !Array.isArray(value)) {\n      flattenObject(value as Record<string, unknown>, newKey, result);\n    } else {\n      result[newKey] = value;\n    }\n  }\n\n  return result;\n}\n\nfunction convertStreamsToLogs(streams: LogEntry[]): LogData {\n  const entries: LogEntry[] = streams.map((entry) => {\n    const flattened = flattenObject(entry as unknown as Record<string, unknown>);\n\n    if (!flattened['Timestamp'] && flattened['log_time']) {\n      flattened['Timestamp'] = flattened['log_time'];\n    }\n\n    const sortedEntry: Record<string, unknown> = {};\n    Object.keys(flattened)\n      .toSorted((a, b) => a.localeCompare(b))\n      .forEach((key) => {\n        sortedEntry[key] = flattened[key];\n      });\n\n    const line = Object.entries(sortedEntry)\n      .filter(([key]) => key !== 'Timestamp')\n      .map(([key, value]) => `<${key}> ${value === '' || value === null || value === undefined ? '--' : value}`)\n      .join(' ');\n\n    return {\n      timestamp: sortedEntry?.['Timestamp'] as unknown as number,\n      labels: sortedEntry as Record<string, string>,\n      line,\n    } as LogEntry;\n  });\n\n  return {\n    entries,\n    totalCount: entries.length,\n  };\n}\n\nexport const getClickHouseLogData: LogQueryPlugin<ClickHouseLogQuerySpec>['getLogData'] = async (spec, context) => {\n  if (spec.query === undefined || spec.query === null || spec.query === '') {\n    return {\n      logs: { entries: [], totalCount: 0 },\n      timeRange: { start: context.timeRange.start, end: context.timeRange.end },\n    };\n  }\n\n  const query = replaceVariables(spec.query, context.variableState);\n\n  const client = (await context.datasourceStore.getDatasourceClient(\n    spec.datasource ?? DEFAULT_DATASOURCE,\n  )) as ClickHouseClient;\n\n  const { start, end } = context.timeRange;\n  const startTime = formatClickHouseDateTime(start);\n  const endTime = formatClickHouseDateTime(end);\n  const executedQueryString = replaceTimeRangePlaceholders(query, startTime, endTime);\n\n  const response: ClickHouseQueryResponse = await client.query({\n    start: startTime,\n    end: endTime,\n    query: executedQueryString,\n  });\n\n  return {\n    timeRange: { start, end },\n    logs: convertStreamsToLogs(response.data as LogEntry[]),\n    metadata: {\n      executedQueryString,\n    },\n  };\n};\n"],"names":["replaceVariables","formatClickHouseDateTime","replaceTimeRangePlaceholders","DEFAULT_DATASOURCE","flattenObject","obj","parentKey","result","key","value","Object","entries","newKey","Array","isArray","convertStreamsToLogs","streams","map","entry","flattened","sortedEntry","keys","toSorted","a","b","localeCompare","forEach","line","filter","undefined","join","timestamp","labels","totalCount","length","getClickHouseLogData","spec","context","query","logs","timeRange","start","end","variableState","client","datasourceStore","getDatasourceClient","datasource","startTime","endTime","executedQueryString","response","data","metadata"],"mappings":"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"}

package/lib/queries/click-house-log-query/index.js

@@ -10,9 +10,9 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export * from './ClickHouseLogQuery';
-export * from './ClickHouseLogQueryEditor';
-export * from './get-click-house-log-data';
-export * from './click-house-log-query-types';
+export * from "./ClickHouseLogQuery.js";
+export * from "./ClickHouseLogQueryEditor.js";
+export * from "./get-click-house-log-data.js";
+export * from "./click-house-log-query-types.js";
 
 //# sourceMappingURL=index.js.map

package/lib/queries/click-house-log-query/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/click-house-log-query/index.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './ClickHouseLogQuery';\nexport * from './ClickHouseLogQueryEditor';\nexport * from './get-click-house-log-data';\nexport * from './click-house-log-query-types';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,uBAAuB;AACrC,cAAc,6BAA6B;AAC3C,cAAc,6BAA6B;AAC3C,cAAc,gCAAgC"}
+{"version":3,"sources":["../../../../src/queries/click-house-log-query/index.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './ClickHouseLogQuery';\nexport * from './ClickHouseLogQueryEditor';\nexport * from './get-click-house-log-data';\nexport * from './click-house-log-query-types';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,0BAAuB;AACrC,cAAc,gCAA6B;AAC3C,cAAc,gCAA6B;AAC3C,cAAc,mCAAgC"}

package/lib/queries/click-house-time-series-query/ClickHouseQuery.d.ts

@@ -1,4 +1,4 @@
-import { TimeSeriesQueryPlugin } from '@perses-dev/plugin-system';
-import { ClickHouseTimeSeriesQuerySpec } from './click-house-query-types';
+import type { TimeSeriesQueryPlugin } from '@perses-dev/plugin-system';
+import type { ClickHouseTimeSeriesQuerySpec } from './click-house-query-types';
 export declare const ClickHouseTimeSeriesQuery: TimeSeriesQueryPlugin<ClickHouseTimeSeriesQuerySpec>;
 //# sourceMappingURL=ClickHouseQuery.d.ts.map

package/lib/queries/click-house-time-series-query/ClickHouseQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClickHouseQuery.d.ts","sourceRoot":"","sources":["../../../../src/queries/click-house-time-series-query/ClickHouseQuery.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,qBAAqB,EAAkB,MAAM,2BAA2B,CAAC;AAGlF,OAAO,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAE1E,eAAO,MAAM,yBAAyB,EAAE,qBAAqB,CAAC,6BAA6B,CAW1F,CAAC"}
+{"version":3,"file":"ClickHouseQuery.d.ts","sourceRoot":"","sources":["../../../../src/queries/click-house-time-series-query/ClickHouseQuery.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGvE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAI/E,eAAO,MAAM,yBAAyB,EAAE,qBAAqB,CAAC,6BAA6B,CAW1F,CAAC"}

package/lib/queries/click-house-time-series-query/ClickHouseQuery.js

@@ -10,9 +10,9 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { parseVariables } from '@perses-dev/plugin-system';
-import { getTimeSeriesData } from './get-click-house-data';
-import { ClickHouseTimeSeriesQueryEditor } from './ClickHouseQueryEditor';
+import { parseVariables } from "@perses-dev/plugin-system";
+import { ClickHouseTimeSeriesQueryEditor } from "./ClickHouseQueryEditor.js";
+import { getTimeSeriesData } from "./get-click-house-data.js";
 export const ClickHouseTimeSeriesQuery = {
     getTimeSeriesData,
     OptionsEditorComponent: ClickHouseTimeSeriesQueryEditor,
@@ -22,9 +22,7 @@ export const ClickHouseTimeSeriesQuery = {
     dependsOn: (spec)=>{
         const queryVariables = parseVariables(spec.query);
         const allVariables = [
-            ...new Set([
-                ...queryVariables
-            ])
+            ...new Set(queryVariables)
         ];
         return {
             variables: allVariables

package/lib/queries/click-house-time-series-query/ClickHouseQuery.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/click-house-time-series-query/ClickHouseQuery.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { TimeSeriesQueryPlugin, parseVariables } from '@perses-dev/plugin-system';\nimport { getTimeSeriesData } from './get-click-house-data';\nimport { ClickHouseTimeSeriesQueryEditor } from './ClickHouseQueryEditor';\nimport { ClickHouseTimeSeriesQuerySpec } from './click-house-query-types';\n\nexport const ClickHouseTimeSeriesQuery: TimeSeriesQueryPlugin<ClickHouseTimeSeriesQuerySpec> = {\n  getTimeSeriesData,\n  OptionsEditorComponent: ClickHouseTimeSeriesQueryEditor,\n  createInitialOptions: () => ({ query: '' }),\n  dependsOn: (spec) => {\n    const queryVariables = parseVariables(spec.query);\n    const allVariables = [...new Set([...queryVariables])];\n    return {\n      variables: allVariables,\n    };\n  },\n};\n"],"names":["parseVariables","getTimeSeriesData","ClickHouseTimeSeriesQueryEditor","ClickHouseTimeSeriesQuery","OptionsEditorComponent","createInitialOptions","query","dependsOn","spec","queryVariables","allVariables","Set","variables"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAAgCA,cAAc,QAAQ,4BAA4B;AAClF,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,SAASC,+BAA+B,QAAQ,0BAA0B;AAG1E,OAAO,MAAMC,4BAAkF;IAC7FF;IACAG,wBAAwBF;IACxBG,sBAAsB,IAAO,CAAA;YAAEC,OAAO;QAAG,CAAA;IACzCC,WAAW,CAACC;QACV,MAAMC,iBAAiBT,eAAeQ,KAAKF,KAAK;QAChD,MAAMI,eAAe;eAAI,IAAIC,IAAI;mBAAIF;aAAe;SAAE;QACtD,OAAO;YACLG,WAAWF;QACb;IACF;AACF,EAAE"}
+{"version":3,"sources":["../../../../src/queries/click-house-time-series-query/ClickHouseQuery.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { TimeSeriesQueryPlugin } from '@perses-dev/plugin-system';\nimport { parseVariables } from '@perses-dev/plugin-system';\n\nimport type { ClickHouseTimeSeriesQuerySpec } from './click-house-query-types';\nimport { ClickHouseTimeSeriesQueryEditor } from './ClickHouseQueryEditor';\nimport { getTimeSeriesData } from './get-click-house-data';\n\nexport const ClickHouseTimeSeriesQuery: TimeSeriesQueryPlugin<ClickHouseTimeSeriesQuerySpec> = {\n  getTimeSeriesData,\n  OptionsEditorComponent: ClickHouseTimeSeriesQueryEditor,\n  createInitialOptions: () => ({ query: '' }),\n  dependsOn: (spec) => {\n    const queryVariables = parseVariables(spec.query);\n    const allVariables = [...new Set(queryVariables)];\n    return {\n      variables: allVariables,\n    };\n  },\n};\n"],"names":["parseVariables","ClickHouseTimeSeriesQueryEditor","getTimeSeriesData","ClickHouseTimeSeriesQuery","OptionsEditorComponent","createInitialOptions","query","dependsOn","spec","queryVariables","allVariables","Set","variables"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,cAAc,QAAQ,4BAA4B;AAG3D,SAASC,+BAA+B,QAAQ,6BAA0B;AAC1E,SAASC,iBAAiB,QAAQ,4BAAyB;AAE3D,OAAO,MAAMC,4BAAkF;IAC7FD;IACAE,wBAAwBH;IACxBI,sBAAsB,IAAO,CAAA;YAAEC,OAAO;QAAG,CAAA;IACzCC,WAAW,CAACC;QACV,MAAMC,iBAAiBT,eAAeQ,KAAKF,KAAK;QAChD,MAAMI,eAAe;eAAI,IAAIC,IAAIF;SAAgB;QACjD,OAAO;YACLG,WAAWF;QACb;IACF;AACF,EAAE"}

package/lib/queries/click-house-time-series-query/ClickHouseQueryEditor.d.ts

@@ -1,6 +1,6 @@
-import { OptionsEditorProps } from '@perses-dev/plugin-system';
-import { ReactElement } from 'react';
-import { ClickHouseTimeSeriesQuerySpec } from './click-house-query-types';
+import type { OptionsEditorProps } from '@perses-dev/plugin-system';
+import type { ReactElement } from 'react';
+import type { ClickHouseTimeSeriesQuerySpec } from './click-house-query-types';
 type ClickHouseTimeSeriesQueryEditorProps = OptionsEditorProps<ClickHouseTimeSeriesQuerySpec>;
 export declare function ClickHouseTimeSeriesQueryEditor(props: ClickHouseTimeSeriesQueryEditorProps): ReactElement;
 export {};

package/lib/queries/click-house-time-series-query/ClickHouseQueryEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClickHouseQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/queries/click-house-time-series-query/ClickHouseQueryEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAIL,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAe,MAAM,OAAO,CAAC;AAQlD,OAAO,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAE1E,KAAK,oCAAoC,GAAG,kBAAkB,CAAC,6BAA6B,CAAC,CAAC;AAE9F,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,oCAAoC,GAAG,YAAY,CAsEzG"}
+{"version":3,"file":"ClickHouseQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/queries/click-house-time-series-query/ClickHouseQueryEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAyB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAG3F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAE/E,KAAK,oCAAoC,GAAG,kBAAkB,CAAC,6BAA6B,CAAC,CAAC;AAE9F,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,oCAAoC,GAAG,YAAY,CAsEzG"}

package/lib/queries/click-house-time-series-query/ClickHouseQueryEditor.js

@@ -11,15 +11,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { DatasourceSelect, isVariableDatasource } from '@perses-dev/plugin-system';
-import { useCallback } from 'react';
-import { produce } from 'immer';
-import { Stack } from '@mui/material';
-import { createModEnterHandler } from '@perses-dev/dashboards';
-import { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';
-import { ClickQLEditor } from '../../components';
-import { queryExample } from '../../components/constants';
-import { useQueryState } from '../query-editor-model';
+import { Stack } from "@mui/material";
+import { createModEnterHandler } from "@perses-dev/dashboards";
+import { DatasourceSelect, isVariableDatasource } from "@perses-dev/plugin-system";
+import { produce } from "immer";
+import { useCallback } from "react";
+import { ClickQLEditor } from "../../components/index.js";
+import { queryExample } from "../../components/constants.js";
+import { DATASOURCE_KIND, DEFAULT_DATASOURCE } from "../constants.js";
+import { useQueryState } from "../query-editor-model.js";
 export function ClickHouseTimeSeriesQueryEditor(props) {
     const { onChange, value } = props;
     const { datasource } = value;

package/lib/queries/click-house-time-series-query/ClickHouseQueryEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/click-house-time-series-query/ClickHouseQueryEditor.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  isVariableDatasource,\n  OptionsEditorProps,\n} from '@perses-dev/plugin-system';\nimport { ReactElement, useCallback } from 'react';\nimport { produce } from 'immer';\nimport { Stack } from '@mui/material';\nimport { createModEnterHandler } from '@perses-dev/dashboards';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { ClickQLEditor } from '../../components';\nimport { queryExample } from '../../components/constants';\nimport { useQueryState } from '../query-editor-model';\nimport { ClickHouseTimeSeriesQuerySpec } from './click-house-query-types';\n\ntype ClickHouseTimeSeriesQueryEditorProps = OptionsEditorProps<ClickHouseTimeSeriesQuerySpec>;\n\nexport function ClickHouseTimeSeriesQueryEditor(props: ClickHouseTimeSeriesQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_DATASOURCE;\n  const { query, handleQueryChange, handleQueryBlur } = useQueryState(props);\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange(\n        produce(value, (draft) => {\n          draft.datasource = newDatasourceSelection;\n        })\n      );\n      return;\n    }\n    throw new Error('Got unexpected non ClickHouse datasource selection');\n  };\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = (query: string): void => {\n    onChange(\n      produce(value, (draft) => {\n        draft.query = query;\n      })\n    );\n  };\n\n  const handleClickHouseQueryChange = useCallback(\n    (e: string) => {\n      handleQueryChange(e);\n    },\n    [handleQueryChange]\n  );\n\n  const examplesStyle: React.CSSProperties = {\n    fontSize: '11px',\n    color: '#777',\n    backgroundColor: '#f5f5f5',\n    padding: '8px',\n    borderRadius: '4px',\n    fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", monospace',\n    whiteSpace: 'pre-wrap',\n    lineHeight: '1.3',\n  };\n\n  return (\n    <Stack spacing={1.5}>\n      <DatasourceSelect\n        datasourcePluginKind={DATASOURCE_KIND}\n        value={selectedDatasource}\n        onChange={handleDatasourceChange}\n        label=\"ClickHouse Datasource\"\n        notched\n      />\n      <ClickQLEditor\n        value={query}\n        onChange={handleClickHouseQueryChange}\n        onBlur={handleQueryBlur}\n        onKeyDown={createModEnterHandler(() => handleQueryExecute(query))}\n        placeholder=\"Enter ClickHouse SQL query\"\n      />\n\n      <details>\n        <summary style={{ cursor: 'pointer', fontSize: '12px', color: '#666', marginBottom: '8px' }}>\n          Query Examples\n        </summary>\n        <div style={examplesStyle}>{queryExample}</div>\n      </details>\n    </Stack>\n  );\n}\n"],"names":["DatasourceSelect","isVariableDatasource","useCallback","produce","Stack","createModEnterHandler","DATASOURCE_KIND","DEFAULT_DATASOURCE","ClickQLEditor","queryExample","useQueryState","ClickHouseTimeSeriesQueryEditor","props","onChange","value","datasource","selectedDatasource","query","handleQueryChange","handleQueryBlur","handleDatasourceChange","newDatasourceSelection","kind","draft","Error","handleQueryExecute","handleClickHouseQueryChange","e","examplesStyle","fontSize","color","backgroundColor","padding","borderRadius","fontFamily","whiteSpace","lineHeight","spacing","datasourcePluginKind","label","notched","onBlur","onKeyDown","placeholder","details","summary","style","cursor","marginBottom","div"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SACEA,gBAAgB,EAEhBC,oBAAoB,QAEf,4BAA4B;AACnC,SAAuBC,WAAW,QAAQ,QAAQ;AAClD,SAASC,OAAO,QAAQ,QAAQ;AAChC,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AACnE,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,aAAa,QAAQ,wBAAwB;AAKtD,OAAO,SAASC,gCAAgCC,KAA2C;IACzF,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,qBAAqBD,cAAcR;IACzC,MAAM,EAAEU,KAAK,EAAEC,iBAAiB,EAAEC,eAAe,EAAE,GAAGT,cAAcE;IAEpE,MAAMQ,yBAA4D,CAACC;QACjE,IAAI,CAACpB,qBAAqBoB,2BAA2BA,uBAAuBC,IAAI,KAAKhB,iBAAiB;YACpGO,SACEV,QAAQW,OAAO,CAACS;gBACdA,MAAMR,UAAU,GAAGM;YACrB;YAEF;QACF;QACA,MAAM,IAAIG,MAAM;IAClB;IAEA,6CAA6C;IAC7C,MAAMC,qBAAqB,CAACR;QAC1BJ,SACEV,QAAQW,OAAO,CAACS;YACdA,MAAMN,KAAK,GAAGA;QAChB;IAEJ;IAEA,MAAMS,8BAA8BxB,YAClC,CAACyB;QACCT,kBAAkBS;IACpB,GACA;QAACT;KAAkB;IAGrB,MAAMU,gBAAqC;QACzCC,UAAU;QACVC,OAAO;QACPC,iBAAiB;QACjBC,SAAS;QACTC,cAAc;QACdC,YAAY;QACZC,YAAY;QACZC,YAAY;IACd;IAEA,qBACE,MAAChC;QAAMiC,SAAS;;0BACd,KAACrC;gBACCsC,sBAAsBhC;gBACtBQ,OAAOE;gBACPH,UAAUO;gBACVmB,OAAM;gBACNC,OAAO;;0BAET,KAAChC;gBACCM,OAAOG;gBACPJ,UAAUa;gBACVe,QAAQtB;gBACRuB,WAAWrC,sBAAsB,IAAMoB,mBAAmBR;gBAC1D0B,aAAY;;0BAGd,MAACC;;kCACC,KAACC;wBAAQC,OAAO;4BAAEC,QAAQ;4BAAWlB,UAAU;4BAAQC,OAAO;4BAAQkB,cAAc;wBAAM;kCAAG;;kCAG7F,KAACC;wBAAIH,OAAOlB;kCAAgBnB;;;;;;AAIpC"}
+{"version":3,"sources":["../../../../src/queries/click-house-time-series-query/ClickHouseQueryEditor.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Stack } from '@mui/material';\nimport { createModEnterHandler } from '@perses-dev/dashboards';\nimport type { DatasourceSelectProps, OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { DatasourceSelect, isVariableDatasource } from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport type { ReactElement } from 'react';\nimport { useCallback } from 'react';\n\nimport { ClickQLEditor } from '../../components';\nimport { queryExample } from '../../components/constants';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { useQueryState } from '../query-editor-model';\nimport type { ClickHouseTimeSeriesQuerySpec } from './click-house-query-types';\n\ntype ClickHouseTimeSeriesQueryEditorProps = OptionsEditorProps<ClickHouseTimeSeriesQuerySpec>;\n\nexport function ClickHouseTimeSeriesQueryEditor(props: ClickHouseTimeSeriesQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_DATASOURCE;\n  const { query, handleQueryChange, handleQueryBlur } = useQueryState(props);\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange(\n        produce(value, (draft) => {\n          draft.datasource = newDatasourceSelection;\n        }),\n      );\n      return;\n    }\n    throw new Error('Got unexpected non ClickHouse datasource selection');\n  };\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = (query: string): void => {\n    onChange(\n      produce(value, (draft) => {\n        draft.query = query;\n      }),\n    );\n  };\n\n  const handleClickHouseQueryChange = useCallback(\n    (e: string) => {\n      handleQueryChange(e);\n    },\n    [handleQueryChange],\n  );\n\n  const examplesStyle: React.CSSProperties = {\n    fontSize: '11px',\n    color: '#777',\n    backgroundColor: '#f5f5f5',\n    padding: '8px',\n    borderRadius: '4px',\n    fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", monospace',\n    whiteSpace: 'pre-wrap',\n    lineHeight: '1.3',\n  };\n\n  return (\n    <Stack spacing={1.5}>\n      <DatasourceSelect\n        datasourcePluginKind={DATASOURCE_KIND}\n        value={selectedDatasource}\n        onChange={handleDatasourceChange}\n        label=\"ClickHouse Datasource\"\n        notched\n      />\n      <ClickQLEditor\n        value={query}\n        onChange={handleClickHouseQueryChange}\n        onBlur={handleQueryBlur}\n        onKeyDown={createModEnterHandler(() => handleQueryExecute(query))}\n        placeholder=\"Enter ClickHouse SQL query\"\n      />\n\n      <details>\n        <summary style={{ cursor: 'pointer', fontSize: '12px', color: '#666', marginBottom: '8px' }}>\n          Query Examples\n        </summary>\n        <div style={examplesStyle}>{queryExample}</div>\n      </details>\n    </Stack>\n  );\n}\n"],"names":["Stack","createModEnterHandler","DatasourceSelect","isVariableDatasource","produce","useCallback","ClickQLEditor","queryExample","DATASOURCE_KIND","DEFAULT_DATASOURCE","useQueryState","ClickHouseTimeSeriesQueryEditor","props","onChange","value","datasource","selectedDatasource","query","handleQueryChange","handleQueryBlur","handleDatasourceChange","newDatasourceSelection","kind","draft","Error","handleQueryExecute","handleClickHouseQueryChange","e","examplesStyle","fontSize","color","backgroundColor","padding","borderRadius","fontFamily","whiteSpace","lineHeight","spacing","datasourcePluginKind","label","notched","onBlur","onKeyDown","placeholder","details","summary","style","cursor","marginBottom","div"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,KAAK,QAAQ,gBAAgB;AACtC,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D,SAASC,gBAAgB,EAAEC,oBAAoB,QAAQ,4BAA4B;AACnF,SAASC,OAAO,QAAQ,QAAQ;AAEhC,SAASC,WAAW,QAAQ,QAAQ;AAEpC,SAASC,aAAa,QAAQ,4BAAmB;AACjD,SAASC,YAAY,QAAQ,gCAA6B;AAC1D,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,kBAAe;AACnE,SAASC,aAAa,QAAQ,2BAAwB;AAKtD,OAAO,SAASC,gCAAgCC,KAA2C;IACzF,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,qBAAqBD,cAAcN;IACzC,MAAM,EAAEQ,KAAK,EAAEC,iBAAiB,EAAEC,eAAe,EAAE,GAAGT,cAAcE;IAEpE,MAAMQ,yBAA4D,CAACC;QACjE,IAAI,CAAClB,qBAAqBkB,2BAA2BA,uBAAuBC,IAAI,KAAKd,iBAAiB;YACpGK,SACET,QAAQU,OAAO,CAACS;gBACdA,MAAMR,UAAU,GAAGM;YACrB;YAEF;QACF;QACA,MAAM,IAAIG,MAAM;IAClB;IAEA,6CAA6C;IAC7C,MAAMC,qBAAqB,CAACR;QAC1BJ,SACET,QAAQU,OAAO,CAACS;YACdA,MAAMN,KAAK,GAAGA;QAChB;IAEJ;IAEA,MAAMS,8BAA8BrB,YAClC,CAACsB;QACCT,kBAAkBS;IACpB,GACA;QAACT;KAAkB;IAGrB,MAAMU,gBAAqC;QACzCC,UAAU;QACVC,OAAO;QACPC,iBAAiB;QACjBC,SAAS;QACTC,cAAc;QACdC,YAAY;QACZC,YAAY;QACZC,YAAY;IACd;IAEA,qBACE,MAACpC;QAAMqC,SAAS;;0BACd,KAACnC;gBACCoC,sBAAsB9B;gBACtBM,OAAOE;gBACPH,UAAUO;gBACVmB,OAAM;gBACNC,OAAO;;0BAET,KAAClC;gBACCQ,OAAOG;gBACPJ,UAAUa;gBACVe,QAAQtB;gBACRuB,WAAWzC,sBAAsB,IAAMwB,mBAAmBR;gBAC1D0B,aAAY;;0BAGd,MAACC;;kCACC,KAACC;wBAAQC,OAAO;4BAAEC,QAAQ;4BAAWlB,UAAU;4BAAQC,OAAO;4BAAQkB,cAAc;wBAAM;kCAAG;;kCAG7F,KAACC;wBAAIH,OAAOlB;kCAAgBrB;;;;;;AAIpC"}

package/lib/queries/click-house-time-series-query/click-house-query-types.d.ts

@@ -1,4 +1,4 @@
-import { DatasourceSelector } from '@perses-dev/spec';
+import type { DatasourceSelector } from '@perses-dev/spec';
 export interface ClickHouseTimeSeriesQuerySpec {
     query: string;
     datasource?: DatasourceSelector;

package/lib/queries/click-house-time-series-query/click-house-query-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"click-house-query-types.d.ts","sourceRoot":"","sources":["../../../../src/queries/click-house-time-series-query/click-house-query-types.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAC;CACjC;AAGD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC"}
+{"version":3,"file":"click-house-query-types.d.ts","sourceRoot":"","sources":["../../../../src/queries/click-house-time-series-query/click-house-query-types.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAC;CACjC;AAGD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC"}

package/lib/queries/click-house-time-series-query/click-house-query-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/click-house-time-series-query/click-house-query-types.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { DatasourceSelector } from '@perses-dev/spec';\n\nexport interface ClickHouseTimeSeriesQuerySpec {\n  query: string;\n  datasource?: DatasourceSelector;\n}\n\n// TODO: import this type from your datasource or an existing datasource plugin\nexport type DatasourceQueryResponse = {\n  status: string;\n  data: unknown;\n  warnings?: string[];\n};\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AASjC,+EAA+E;AAC/E,WAIE"}
+{"version":3,"sources":["../../../../src/queries/click-house-time-series-query/click-house-query-types.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { DatasourceSelector } from '@perses-dev/spec';\n\nexport interface ClickHouseTimeSeriesQuerySpec {\n  query: string;\n  datasource?: DatasourceSelector;\n}\n\n// TODO: import this type from your datasource or an existing datasource plugin\nexport type DatasourceQueryResponse = {\n  status: string;\n  data: unknown;\n  warnings?: string[];\n};\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AASjC,+EAA+E;AAC/E,WAIE"}

package/lib/queries/click-house-time-series-query/get-click-house-data.d.ts

@@ -1,4 +1,4 @@
-import { TimeSeriesQueryPlugin } from '@perses-dev/plugin-system';
-import { ClickHouseTimeSeriesQuerySpec } from './click-house-query-types';
+import type { TimeSeriesQueryPlugin } from '@perses-dev/plugin-system';
+import type { ClickHouseTimeSeriesQuerySpec } from './click-house-query-types';
 export declare const getTimeSeriesData: TimeSeriesQueryPlugin<ClickHouseTimeSeriesQuerySpec>['getTimeSeriesData'];
 //# sourceMappingURL=get-click-house-data.d.ts.map

package/lib/queries/click-house-time-series-query/get-click-house-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-click-house-data.d.ts","sourceRoot":"","sources":["../../../../src/queries/click-house-time-series-query/get-click-house-data.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,qBAAqB,EAAoB,MAAM,2BAA2B,CAAC;AAUpF,OAAO,EAAE,6BAA6B,EAA2B,MAAM,2BAA2B,CAAC;AAiFnG,eAAO,MAAM,iBAAiB,EAAE,qBAAqB,CAAC,6BAA6B,CAAC,CAAC,mBAAmB,CAiCvG,CAAC"}
+{"version":3,"file":"get-click-house-data.d.ts","sourceRoot":"","sources":["../../../../src/queries/click-house-time-series-query/get-click-house-data.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAQvE,OAAO,KAAK,EAAE,6BAA6B,EAA2B,MAAM,2BAA2B,CAAC;AAiFxG,eAAO,MAAM,iBAAiB,EAAE,qBAAqB,CAAC,6BAA6B,CAAC,CAAC,mBAAmB,CAiCvG,CAAC"}

package/lib/queries/click-house-time-series-query/get-click-house-data.js

@@ -10,9 +10,9 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { replaceVariables } from '@perses-dev/plugin-system';
-import { DEFAULT_DATASOURCE } from '../constants';
-import { formatClickHouseDateTime, replaceTimeRangePlaceholders } from '../../model/click-house-client';
+import { replaceVariables } from "@perses-dev/plugin-system";
+import { formatClickHouseDateTime, replaceTimeRangePlaceholders } from "../../model/click-house-client.js";
+import { DEFAULT_DATASOURCE } from "../constants.js";
 const DEFAULT_STEP_MS = 30 * 1000;
 function buildTimeSeries(response) {
     const data = response?.data;
@@ -47,7 +47,7 @@ function inferStepMs(response) {
     if (!response || !data || data.length < 2) {
         return DEFAULT_STEP_MS;
     }
-    const timestamps = data.map((row)=>new Date(row.time).getTime()).filter(Number.isFinite).sort((a, b)=>a - b);
+    const timestamps = data.map((row)=>new Date(row.time).getTime()).filter(Number.isFinite).toSorted((a, b)=>a - b);
     if (timestamps.length < 2) {
         return DEFAULT_STEP_MS;
     }
@@ -67,7 +67,7 @@ function inferStepMs(response) {
     for (const delta of deltas){
         deltaCounts.set(delta, (deltaCounts.get(delta) ?? 0) + 1);
     }
-    const inferredStep = Array.from(deltaCounts.entries()).sort(([deltaA, countA], [deltaB, countB])=>{
+    const inferredStep = Array.from(deltaCounts.entries()).toSorted(([deltaA, countA], [deltaB, countB])=>{
         if (countA !== countB) {
             return countB - countA;
         }

package/lib/queries/click-house-time-series-query/get-click-house-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/click-house-time-series-query/get-click-house-data.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { TimeSeriesQueryPlugin, replaceVariables } from '@perses-dev/plugin-system';\nimport { TimeSeries } from '@perses-dev/spec';\nimport { DEFAULT_DATASOURCE } from '../constants';\nimport { TimeSeriesEntry } from '../../model/click-house-data-types';\nimport {\n  ClickHouseClient,\n  ClickHouseQueryResponse,\n  formatClickHouseDateTime,\n  replaceTimeRangePlaceholders,\n} from '../../model/click-house-client';\nimport { ClickHouseTimeSeriesQuerySpec, DatasourceQueryResponse } from './click-house-query-types';\n\nconst DEFAULT_STEP_MS = 30 * 1000;\n\nfunction buildTimeSeries(response?: DatasourceQueryResponse): TimeSeries[] {\n  const data = response?.data as TimeSeriesEntry[];\n  if (!response || !data || data.length === 0) {\n    return [];\n  }\n\n  const metricNames = Object.keys(data[0] ?? {}).filter((key) => key !== 'time');\n\n  return metricNames\n    .map((metricName) => {\n      const values: Array<[number, number | null]> = data.map((row: TimeSeriesEntry) => {\n        const timestamp = new Date(row.time).getTime();\n        const value = toTimeSeriesValue(row[metricName]);\n        return [timestamp, value];\n      });\n\n      return {\n        name: metricName,\n        values,\n      };\n    })\n    .filter((series) => series.values.some(([, value]) => value !== null));\n}\n\nfunction toTimeSeriesValue(value: number | string | null | undefined): number | null {\n  if (value === null || value === undefined || value === '') {\n    return null;\n  }\n\n  const numericValue = Number(value);\n  return Number.isFinite(numericValue) ? numericValue : null;\n}\n\nfunction inferStepMs(response?: DatasourceQueryResponse): number {\n  const data = response?.data as TimeSeriesEntry[];\n  if (!response || !data || data.length < 2) {\n    return DEFAULT_STEP_MS;\n  }\n\n  const timestamps = data\n    .map((row: TimeSeriesEntry) => new Date(row.time).getTime())\n    .filter(Number.isFinite)\n    .sort((a, b) => a - b);\n\n  if (timestamps.length < 2) {\n    return DEFAULT_STEP_MS;\n  }\n\n  const deltas: number[] = [];\n  for (let i = 1; i < timestamps.length; i++) {\n    const previous = timestamps[i - 1];\n    const current = timestamps[i];\n    if (previous === undefined || current === undefined || current <= previous) {\n      continue;\n    }\n    deltas.push(current - previous);\n  }\n\n  if (deltas.length === 0) {\n    return DEFAULT_STEP_MS;\n  }\n\n  const deltaCounts = new Map<number, number>();\n  for (const delta of deltas) {\n    deltaCounts.set(delta, (deltaCounts.get(delta) ?? 0) + 1);\n  }\n\n  const inferredStep = Array.from(deltaCounts.entries()).sort(([deltaA, countA], [deltaB, countB]) => {\n    if (countA !== countB) {\n      return countB - countA;\n    }\n    return deltaB - deltaA;\n  })[0]?.[0];\n\n  return inferredStep ?? DEFAULT_STEP_MS;\n}\n\nexport const getTimeSeriesData: TimeSeriesQueryPlugin<ClickHouseTimeSeriesQuerySpec>['getTimeSeriesData'] = async (\n  spec,\n  context\n) => {\n  if (spec.query === undefined || spec.query === null || spec.query === '') {\n    return { series: [] };\n  }\n\n  const query = replaceVariables(spec.query, context.variableState);\n\n  const client = (await context.datasourceStore.getDatasourceClient(\n    spec.datasource ?? DEFAULT_DATASOURCE\n  )) as ClickHouseClient;\n\n  const { start, end } = context.timeRange;\n  const startTime = formatClickHouseDateTime(start);\n  const endTime = formatClickHouseDateTime(end);\n  const executedQueryString = replaceTimeRangePlaceholders(query, startTime, endTime);\n\n  const response: ClickHouseQueryResponse = await client.query({\n    start: startTime,\n    end: endTime,\n    query: executedQueryString,\n  });\n\n  return {\n    series: buildTimeSeries(response),\n    timeRange: { start, end },\n    stepMs: inferStepMs(response),\n    metadata: {\n      executedQueryString,\n    },\n  };\n};\n"],"names":["replaceVariables","DEFAULT_DATASOURCE","formatClickHouseDateTime","replaceTimeRangePlaceholders","DEFAULT_STEP_MS","buildTimeSeries","response","data","length","metricNames","Object","keys","filter","key","map","metricName","values","row","timestamp","Date","time","getTime","value","toTimeSeriesValue","name","series","some","undefined","numericValue","Number","isFinite","inferStepMs","timestamps","sort","a","b","deltas","i","previous","current","push","deltaCounts","Map","delta","set","get","inferredStep","Array","from","entries","deltaA","countA","deltaB","countB","getTimeSeriesData","spec","context","query","variableState","client","datasourceStore","getDatasourceClient","datasource","start","end","timeRange","startTime","endTime","executedQueryString","stepMs","metadata"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/queries/click-house-time-series-query/get-click-house-data.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { TimeSeriesQueryPlugin } from '@perses-dev/plugin-system';\nimport { replaceVariables } from '@perses-dev/plugin-system';\nimport type { TimeSeries } from '@perses-dev/spec';\n\nimport type { ClickHouseClient, ClickHouseQueryResponse } from '../../model/click-house-client';\nimport { formatClickHouseDateTime, replaceTimeRangePlaceholders } from '../../model/click-house-client';\nimport type { TimeSeriesEntry } from '../../model/click-house-data-types';\nimport { DEFAULT_DATASOURCE } from '../constants';\nimport type { ClickHouseTimeSeriesQuerySpec, DatasourceQueryResponse } from './click-house-query-types';\n\nconst DEFAULT_STEP_MS = 30 * 1000;\n\nfunction buildTimeSeries(response?: DatasourceQueryResponse): TimeSeries[] {\n  const data = response?.data as TimeSeriesEntry[];\n  if (!response || !data || data.length === 0) {\n    return [];\n  }\n\n  const metricNames = Object.keys(data[0] ?? {}).filter((key) => key !== 'time');\n\n  return metricNames\n    .map((metricName) => {\n      const values: Array<[number, number | null]> = data.map((row: TimeSeriesEntry) => {\n        const timestamp = new Date(row.time).getTime();\n        const value = toTimeSeriesValue(row[metricName]);\n        return [timestamp, value];\n      });\n\n      return {\n        name: metricName,\n        values,\n      };\n    })\n    .filter((series) => series.values.some(([, value]) => value !== null));\n}\n\nfunction toTimeSeriesValue(value: number | string | null | undefined): number | null {\n  if (value === null || value === undefined || value === '') {\n    return null;\n  }\n\n  const numericValue = Number(value);\n  return Number.isFinite(numericValue) ? numericValue : null;\n}\n\nfunction inferStepMs(response?: DatasourceQueryResponse): number {\n  const data = response?.data as TimeSeriesEntry[];\n  if (!response || !data || data.length < 2) {\n    return DEFAULT_STEP_MS;\n  }\n\n  const timestamps = data\n    .map((row: TimeSeriesEntry) => new Date(row.time).getTime())\n    .filter(Number.isFinite)\n    .toSorted((a, b) => a - b);\n\n  if (timestamps.length < 2) {\n    return DEFAULT_STEP_MS;\n  }\n\n  const deltas: number[] = [];\n  for (let i = 1; i < timestamps.length; i++) {\n    const previous = timestamps[i - 1];\n    const current = timestamps[i];\n    if (previous === undefined || current === undefined || current <= previous) {\n      continue;\n    }\n    deltas.push(current - previous);\n  }\n\n  if (deltas.length === 0) {\n    return DEFAULT_STEP_MS;\n  }\n\n  const deltaCounts = new Map<number, number>();\n  for (const delta of deltas) {\n    deltaCounts.set(delta, (deltaCounts.get(delta) ?? 0) + 1);\n  }\n\n  const inferredStep = Array.from(deltaCounts.entries()).toSorted(([deltaA, countA], [deltaB, countB]) => {\n    if (countA !== countB) {\n      return countB - countA;\n    }\n    return deltaB - deltaA;\n  })[0]?.[0];\n\n  return inferredStep ?? DEFAULT_STEP_MS;\n}\n\nexport const getTimeSeriesData: TimeSeriesQueryPlugin<ClickHouseTimeSeriesQuerySpec>['getTimeSeriesData'] = async (\n  spec,\n  context,\n) => {\n  if (spec.query === undefined || spec.query === null || spec.query === '') {\n    return { series: [] };\n  }\n\n  const query = replaceVariables(spec.query, context.variableState);\n\n  const client = (await context.datasourceStore.getDatasourceClient(\n    spec.datasource ?? DEFAULT_DATASOURCE,\n  )) as ClickHouseClient;\n\n  const { start, end } = context.timeRange;\n  const startTime = formatClickHouseDateTime(start);\n  const endTime = formatClickHouseDateTime(end);\n  const executedQueryString = replaceTimeRangePlaceholders(query, startTime, endTime);\n\n  const response: ClickHouseQueryResponse = await client.query({\n    start: startTime,\n    end: endTime,\n    query: executedQueryString,\n  });\n\n  return {\n    series: buildTimeSeries(response),\n    timeRange: { start, end },\n    stepMs: inferStepMs(response),\n    metadata: {\n      executedQueryString,\n    },\n  };\n};\n"],"names":["replaceVariables","formatClickHouseDateTime","replaceTimeRangePlaceholders","DEFAULT_DATASOURCE","DEFAULT_STEP_MS","buildTimeSeries","response","data","length","metricNames","Object","keys","filter","key","map","metricName","values","row","timestamp","Date","time","getTime","value","toTimeSeriesValue","name","series","some","undefined","numericValue","Number","isFinite","inferStepMs","timestamps","toSorted","a","b","deltas","i","previous","current","push","deltaCounts","Map","delta","set","get","inferredStep","Array","from","entries","deltaA","countA","deltaB","countB","getTimeSeriesData","spec","context","query","variableState","client","datasourceStore","getDatasourceClient","datasource","start","end","timeRange","startTime","endTime","executedQueryString","stepMs","metadata"],"mappings":"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"}

package/lib/queries/click-house-time-series-query/index.js

@@ -10,9 +10,9 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export * from './get-click-house-data';
-export * from './ClickHouseQuery';
-export * from './ClickHouseQueryEditor';
-export * from './click-house-query-types';
+export * from "./get-click-house-data.js";
+export * from "./ClickHouseQuery.js";
+export * from "./ClickHouseQueryEditor.js";
+export * from "./click-house-query-types.js";
 
 //# sourceMappingURL=index.js.map

package/lib/queries/click-house-time-series-query/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/click-house-time-series-query/index.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './get-click-house-data';\nexport * from './ClickHouseQuery';\nexport * from './ClickHouseQueryEditor';\nexport * from './click-house-query-types';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,yBAAyB;AACvC,cAAc,oBAAoB;AAClC,cAAc,0BAA0B;AACxC,cAAc,4BAA4B"}
+{"version":3,"sources":["../../../../src/queries/click-house-time-series-query/index.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './get-click-house-data';\nexport * from './ClickHouseQuery';\nexport * from './ClickHouseQueryEditor';\nexport * from './click-house-query-types';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,4BAAyB;AACvC,cAAc,uBAAoB;AAClC,cAAc,6BAA0B;AACxC,cAAc,+BAA4B"}

package/lib/queries/index.js

@@ -10,7 +10,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export * from './click-house-time-series-query';
-export * from './click-house-log-query';
+export * from "./click-house-time-series-query/index.js";
+export * from "./click-house-log-query/index.js";
 
 //# sourceMappingURL=index.js.map

package/lib/queries/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/queries/index.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './click-house-time-series-query';\nexport * from './click-house-log-query';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,kCAAkC;AAChD,cAAc,0BAA0B"}
+{"version":3,"sources":["../../../src/queries/index.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './click-house-time-series-query';\nexport * from './click-house-log-query';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,2CAAkC;AAChD,cAAc,mCAA0B"}

package/lib/queries/query-editor-model.d.ts

@@ -1,4 +1,4 @@
-import { OptionsEditorProps } from '@perses-dev/plugin-system';
+import type { OptionsEditorProps } from '@perses-dev/plugin-system';
 /**
  * Generic type for any ClickHouse query spec that has a query field
  */

package/lib/queries/query-editor-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"query-editor-model.d.ts","sourceRoot":"","sources":["../../../src/queries/query-editor-model.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D;;GAEG;AACH,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,mBAAmB,EACzD,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC3B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B,CA+BA"}
+{"version":3,"file":"query-editor-model.d.ts","sourceRoot":"","sources":["../../../src/queries/query-editor-model.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAIpE;;GAEG;AACH,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,mBAAmB,EACzD,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC3B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B,CA+BA"}

package/lib/queries/query-editor-model.js

@@ -10,8 +10,8 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { useState } from 'react';
-import { produce } from 'immer';
+import { produce } from "immer";
+import { useState } from "react";
 /**
  * A hook for managing the `query` state in ClickHouse query specs. Returns the `query` value, along with
  * `onChange` and `onBlur` event handlers to the input. Keeps a local copy of the user's input and only syncs those

package/lib/queries/query-editor-model.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/queries/query-editor-model.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { useState } from 'react';\nimport { produce } from 'immer';\nimport { OptionsEditorProps } from '@perses-dev/plugin-system';\n\n/**\n * Generic type for any ClickHouse query spec that has a query field\n */\ntype ClickHouseQuerySpec = {\n  query?: string;\n};\n\n/**\n * A hook for managing the `query` state in ClickHouse query specs. Returns the `query` value, along with\n * `onChange` and `onBlur` event handlers to the input. Keeps a local copy of the user's input and only syncs those\n * changes with the overall spec value once the input is blurred to prevent re-running queries in the panel's preview\n * every time the user types.\n */\nexport function useQueryState<T extends ClickHouseQuerySpec>(\n  props: OptionsEditorProps<T>\n): {\n  query: string;\n  handleQueryChange: (e: string) => void;\n  handleQueryBlur: () => void;\n} {\n  const { onChange, value } = props;\n\n  // Local copy of the query's value\n  const [query, setQuery] = useState(value.query || '');\n\n  // This is basically \"getDerivedStateFromProps\" to make sure if spec's value changes external to this component,\n  // we render with the latest value\n  const [lastSyncedQuery, setLastSyncedQuery] = useState(value.query);\n  if (value.query !== lastSyncedQuery) {\n    setQuery(value.query || '');\n    setLastSyncedQuery(value.query);\n  }\n\n  // Update our local state's copy as the user types\n  const handleQueryChange = (e: string): void => {\n    setQuery(e);\n  };\n\n  // Propagate changes to the query's value when the input is blurred to avoid constantly re-running queries in the\n  // PanelPreview\n  const handleQueryBlur = (): void => {\n    setLastSyncedQuery(query);\n    onChange(\n      produce(value, (draft) => {\n        draft.query = query;\n      })\n    );\n  };\n\n  return { query, handleQueryChange, handleQueryBlur };\n}\n"],"names":["useState","produce","useQueryState","props","onChange","value","query","setQuery","lastSyncedQuery","setLastSyncedQuery","handleQueryChange","e","handleQueryBlur","draft"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,QAAQ,QAAQ,QAAQ;AACjC,SAASC,OAAO,QAAQ,QAAQ;AAUhC;;;;;CAKC,GACD,OAAO,SAASC,cACdC,KAA4B;IAM5B,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAE5B,kCAAkC;IAClC,MAAM,CAACG,OAAOC,SAAS,GAAGP,SAASK,MAAMC,KAAK,IAAI;IAElD,gHAAgH;IAChH,kCAAkC;IAClC,MAAM,CAACE,iBAAiBC,mBAAmB,GAAGT,SAASK,MAAMC,KAAK;IAClE,IAAID,MAAMC,KAAK,KAAKE,iBAAiB;QACnCD,SAASF,MAAMC,KAAK,IAAI;QACxBG,mBAAmBJ,MAAMC,KAAK;IAChC;IAEA,kDAAkD;IAClD,MAAMI,oBAAoB,CAACC;QACzBJ,SAASI;IACX;IAEA,iHAAiH;IACjH,eAAe;IACf,MAAMC,kBAAkB;QACtBH,mBAAmBH;QACnBF,SACEH,QAAQI,OAAO,CAACQ;YACdA,MAAMP,KAAK,GAAGA;QAChB;IAEJ;IAEA,OAAO;QAAEA;QAAOI;QAAmBE;IAAgB;AACrD"}
+{"version":3,"sources":["../../../src/queries/query-editor-model.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport { useState } from 'react';\n\n/**\n * Generic type for any ClickHouse query spec that has a query field\n */\ntype ClickHouseQuerySpec = {\n  query?: string;\n};\n\n/**\n * A hook for managing the `query` state in ClickHouse query specs. Returns the `query` value, along with\n * `onChange` and `onBlur` event handlers to the input. Keeps a local copy of the user's input and only syncs those\n * changes with the overall spec value once the input is blurred to prevent re-running queries in the panel's preview\n * every time the user types.\n */\nexport function useQueryState<T extends ClickHouseQuerySpec>(\n  props: OptionsEditorProps<T>,\n): {\n  query: string;\n  handleQueryChange: (e: string) => void;\n  handleQueryBlur: () => void;\n} {\n  const { onChange, value } = props;\n\n  // Local copy of the query's value\n  const [query, setQuery] = useState(value.query || '');\n\n  // This is basically \"getDerivedStateFromProps\" to make sure if spec's value changes external to this component,\n  // we render with the latest value\n  const [lastSyncedQuery, setLastSyncedQuery] = useState(value.query);\n  if (value.query !== lastSyncedQuery) {\n    setQuery(value.query || '');\n    setLastSyncedQuery(value.query);\n  }\n\n  // Update our local state's copy as the user types\n  const handleQueryChange = (e: string): void => {\n    setQuery(e);\n  };\n\n  // Propagate changes to the query's value when the input is blurred to avoid constantly re-running queries in the\n  // PanelPreview\n  const handleQueryBlur = (): void => {\n    setLastSyncedQuery(query);\n    onChange(\n      produce(value, (draft) => {\n        draft.query = query;\n      }),\n    );\n  };\n\n  return { query, handleQueryChange, handleQueryBlur };\n}\n"],"names":["produce","useState","useQueryState","props","onChange","value","query","setQuery","lastSyncedQuery","setLastSyncedQuery","handleQueryChange","e","handleQueryBlur","draft"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,OAAO,QAAQ,QAAQ;AAChC,SAASC,QAAQ,QAAQ,QAAQ;AASjC;;;;;CAKC,GACD,OAAO,SAASC,cACdC,KAA4B;IAM5B,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAE5B,kCAAkC;IAClC,MAAM,CAACG,OAAOC,SAAS,GAAGN,SAASI,MAAMC,KAAK,IAAI;IAElD,gHAAgH;IAChH,kCAAkC;IAClC,MAAM,CAACE,iBAAiBC,mBAAmB,GAAGR,SAASI,MAAMC,KAAK;IAClE,IAAID,MAAMC,KAAK,KAAKE,iBAAiB;QACnCD,SAASF,MAAMC,KAAK,IAAI;QACxBG,mBAAmBJ,MAAMC,KAAK;IAChC;IAEA,kDAAkD;IAClD,MAAMI,oBAAoB,CAACC;QACzBJ,SAASI;IACX;IAEA,iHAAiH;IACjH,eAAe;IACf,MAAMC,kBAAkB;QACtBH,mBAAmBH;QACnBF,SACEJ,QAAQK,OAAO,CAACQ;YACdA,MAAMP,KAAK,GAAGA;QAChB;IAEJ;IAEA,OAAO;QAAEA;QAAOI;QAAmBE;IAAgB;AACrD"}

package/lib/setup-tests.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom/vitest';
 //# sourceMappingURL=setup-tests.d.ts.map

package/lib/setup-tests.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setup-tests.d.ts","sourceRoot":"","sources":["../../src/setup-tests.ts"],"names":[],"mappings":"AAaA,OAAO,2BAA2B,CAAC"}
+{"version":3,"file":"setup-tests.d.ts","sourceRoot":"","sources":["../../src/setup-tests.ts"],"names":[],"mappings":"AAaA,OAAO,kCAAkC,CAAC"}

package/lib/setup-tests.js

@@ -10,8 +10,8 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom/vitest";
 // Always mock e-charts during tests since we don't have a proper canvas in jsdom
-jest.mock('echarts/core');
+vi.mock('echarts/core');
 
 //# sourceMappingURL=setup-tests.js.map

package/lib/setup-tests.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/setup-tests.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport '@testing-library/jest-dom';\n\n// Always mock e-charts during tests since we don't have a proper canvas in jsdom\njest.mock('echarts/core');\n"],"names":["jest","mock"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,4BAA4B;AAEnC,iFAAiF;AACjFA,KAAKC,IAAI,CAAC"}
+{"version":3,"sources":["../../src/setup-tests.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport '@testing-library/jest-dom/vitest';\n\n// Always mock e-charts during tests since we don't have a proper canvas in jsdom\nvi.mock('echarts/core');\n"],"names":["vi","mock"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,mCAAmC;AAE1C,iFAAiF;AACjFA,GAAGC,IAAI,CAAC"}