@perses-dev/clickhouse-plugin 0.1.0 → 0.3.0

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 2025 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, useEffect, useState } from 'react';\nimport { ClickHouseTimeSeriesQuerySpec } from './click-house-query-types';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { ClickQLEditor } from '../../components';\nimport { Stack } from '@mui/material';\nimport { queryExample } from '../../components/constants';\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 [localQuery, setLocalQuery] = useState(value.query || '');\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange({ ...value, datasource: newDatasourceSelection });\n      return;\n    }\n    throw new Error('Got unexpected non ClickHouse datasource selection');\n  };\n\n  const handleQueryChange = useCallback((newQuery: string) => {\n    setLocalQuery(newQuery);\n  }, []);\n\n  const handleQueryExecute = useCallback(\n    (query: string) => {\n      onChange({ ...value, query });\n    },\n    [onChange, value]\n  );\n\n  useEffect(() => {\n    setLocalQuery(value.query || '');\n  }, [value.query]);\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={localQuery}\n        onChange={handleQueryChange}\n        onBlur={() => handleQueryExecute(localQuery)}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {\n            event.preventDefault();\n            handleQueryExecute(localQuery);\n          }\n        }}\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","useEffect","useState","DATASOURCE_KIND","DEFAULT_DATASOURCE","ClickQLEditor","Stack","queryExample","ClickHouseTimeSeriesQueryEditor","props","onChange","value","datasource","selectedDatasource","localQuery","setLocalQuery","query","handleDatasourceChange","newDatasourceSelection","kind","Error","handleQueryChange","newQuery","handleQueryExecute","examplesStyle","fontSize","color","backgroundColor","padding","borderRadius","fontFamily","whiteSpace","lineHeight","spacing","datasourcePluginKind","label","notched","onBlur","onKeyDown","event","key","ctrlKey","metaKey","preventDefault","placeholder","details","summary","style","cursor","marginBottom","div"],"mappings":"AAAA,oCAAoC;AACpC,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,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAEvE,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AACnE,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,YAAY,QAAQ,6BAA6B;AAI1D,OAAO,SAASC,gCAAgCC,KAA2C;IACzF,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,qBAAqBD,cAAcR;IACzC,MAAM,CAACU,YAAYC,cAAc,GAAGb,SAASS,MAAMK,KAAK,IAAI;IAE5D,MAAMC,yBAA4D,CAACC;QACjE,IAAI,CAACnB,qBAAqBmB,2BAA2BA,uBAAuBC,IAAI,KAAKhB,iBAAiB;YACpGO,SAAS;gBAAE,GAAGC,KAAK;gBAAEC,YAAYM;YAAuB;YACxD;QACF;QACA,MAAM,IAAIE,MAAM;IAClB;IAEA,MAAMC,oBAAoBrB,YAAY,CAACsB;QACrCP,cAAcO;IAChB,GAAG,EAAE;IAEL,MAAMC,qBAAqBvB,YACzB,CAACgB;QACCN,SAAS;YAAE,GAAGC,KAAK;YAAEK;QAAM;IAC7B,GACA;QAACN;QAAUC;KAAM;IAGnBV,UAAU;QACRc,cAAcJ,MAAMK,KAAK,IAAI;IAC/B,GAAG;QAACL,MAAMK,KAAK;KAAC;IAEhB,MAAMQ,gBAAqC;QACzCC,UAAU;QACVC,OAAO;QACPC,iBAAiB;QACjBC,SAAS;QACTC,cAAc;QACdC,YAAY;QACZC,YAAY;QACZC,YAAY;IACd;IAEA,qBACE,MAAC1B;QAAM2B,SAAS;;0BACd,KAACnC;gBACCoC,sBAAsB/B;gBACtBQ,OAAOE;gBACPH,UAAUO;gBACVkB,OAAM;gBACNC,OAAO;;0BAET,KAAC/B;gBACCM,OAAOG;gBACPJ,UAAUW;gBACVgB,QAAQ,IAAMd,mBAAmBT;gBACjCwB,WAAW,CAACC;oBACV,IAAIA,MAAMC,GAAG,KAAK,WAAYD,CAAAA,MAAME,OAAO,IAAIF,MAAMG,OAAO,AAAD,GAAI;wBAC7DH,MAAMI,cAAc;wBACpBpB,mBAAmBT;oBACrB;gBACF;gBACA8B,aAAY;;0BAGd,MAACC;;kCACC,KAACC;wBAAQC,OAAO;4BAAEC,QAAQ;4BAAWvB,UAAU;4BAAQC,OAAO;4BAAQuB,cAAc;wBAAM;kCAAG;;kCAG7F,KAACC;wBAAIH,OAAOvB;kCAAgBjB;;;;;;AAIpC"}
+{"version":3,"sources":["../../../../src/queries/click-house-time-series-query/ClickHouseQueryEditor.tsx"],"sourcesContent":["// Copyright 2025 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 { ClickHouseTimeSeriesQuerySpec } from './click-house-query-types';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { ClickQLEditor } from '../../components';\nimport { Stack } from '@mui/material';\nimport { queryExample } from '../../components/constants';\nimport { useQueryState } from '../query-editor-model';\n\ntype ClickHouseTimeSeriesQueryEditorProps = OptionsEditorProps<ClickHouseTimeSeriesQuerySpec>;\n\nexport function ClickHouseTimeSeriesQueryEditor(props: ClickHouseTimeSeriesQueryEditorProps): ReactElement {\n  const { onChange, value, queryHandlerSettings } = 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\n      if (queryHandlerSettings?.setWatchOtherSpecs)\n        queryHandlerSettings.setWatchOtherSpecs({ ...value, datasource: newDatasourceSelection });\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) => {\n    if (queryHandlerSettings?.watchQueryChanges) {\n      queryHandlerSettings.watchQueryChanges(query);\n    }\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      if (queryHandlerSettings?.watchQueryChanges) {\n        queryHandlerSettings.watchQueryChanges(e);\n      }\n    },\n    [handleQueryChange, queryHandlerSettings]\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={queryHandlerSettings?.runWithOnBlur ? handleQueryBlur : undefined}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {\n            event.preventDefault();\n            handleQueryExecute(query);\n          }\n        }}\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","DATASOURCE_KIND","DEFAULT_DATASOURCE","ClickQLEditor","Stack","queryExample","useQueryState","ClickHouseTimeSeriesQueryEditor","props","onChange","value","queryHandlerSettings","datasource","selectedDatasource","query","handleQueryChange","handleQueryBlur","handleDatasourceChange","newDatasourceSelection","kind","draft","setWatchOtherSpecs","Error","handleQueryExecute","watchQueryChanges","handleClickHouseQueryChange","e","examplesStyle","fontSize","color","backgroundColor","padding","borderRadius","fontFamily","whiteSpace","lineHeight","spacing","datasourcePluginKind","label","notched","onBlur","runWithOnBlur","undefined","onKeyDown","event","key","ctrlKey","metaKey","preventDefault","placeholder","details","summary","style","cursor","marginBottom","div"],"mappings":"AAAA,oCAAoC;AACpC,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;AAEhC,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AACnE,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,aAAa,QAAQ,wBAAwB;AAItD,OAAO,SAASC,gCAAgCC,KAA2C;IACzF,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,oBAAoB,EAAE,GAAGH;IAClD,MAAM,EAAEI,UAAU,EAAE,GAAGF;IACvB,MAAMG,qBAAqBD,cAAcV;IACzC,MAAM,EAAEY,KAAK,EAAEC,iBAAiB,EAAEC,eAAe,EAAE,GAAGV,cAAcE;IAEpE,MAAMS,yBAA4D,CAACC;QACjE,IAAI,CAACpB,qBAAqBoB,2BAA2BA,uBAAuBC,IAAI,KAAKlB,iBAAiB;YACpGQ,SACET,QAAQU,OAAO,CAACU;gBACdA,MAAMR,UAAU,GAAGM;YACrB;YAGF,IAAIP,sBAAsBU,oBACxBV,qBAAqBU,kBAAkB,CAAC;gBAAE,GAAGX,KAAK;gBAAEE,YAAYM;YAAuB;YACzF;QACF;QACA,MAAM,IAAII,MAAM;IAClB;IAEA,6CAA6C;IAC7C,MAAMC,qBAAqB,CAACT;QAC1B,IAAIH,sBAAsBa,mBAAmB;YAC3Cb,qBAAqBa,iBAAiB,CAACV;QACzC;QACAL,SACET,QAAQU,OAAO,CAACU;YACdA,MAAMN,KAAK,GAAGA;QAChB;IAEJ;IAEA,MAAMW,8BAA8B1B,YAClC,CAAC2B;QACCX,kBAAkBW;QAClB,IAAIf,sBAAsBa,mBAAmB;YAC3Cb,qBAAqBa,iBAAiB,CAACE;QACzC;IACF,GACA;QAACX;QAAmBJ;KAAqB;IAG3C,MAAMgB,gBAAqC;QACzCC,UAAU;QACVC,OAAO;QACPC,iBAAiB;QACjBC,SAAS;QACTC,cAAc;QACdC,YAAY;QACZC,YAAY;QACZC,YAAY;IACd;IAEA,qBACE,MAAC/B;QAAMgC,SAAS;;0BACd,KAACvC;gBACCwC,sBAAsBpC;gBACtBS,OAAOG;gBACPJ,UAAUQ;gBACVqB,OAAM;gBACNC,OAAO;;0BAET,KAACpC;gBACCO,OAAOI;gBACPL,UAAUgB;gBACVe,QAAQ7B,sBAAsB8B,gBAAgBzB,kBAAkB0B;gBAChEC,WAAW,CAACC;oBACV,IAAIA,MAAMC,GAAG,KAAK,WAAYD,CAAAA,MAAME,OAAO,IAAIF,MAAMG,OAAO,AAAD,GAAI;wBAC7DH,MAAMI,cAAc;wBACpBzB,mBAAmBT;oBACrB;gBACF;gBACAmC,aAAY;;0BAGd,MAACC;;kCACC,KAACC;wBAAQC,OAAO;4BAAEC,QAAQ;4BAAWzB,UAAU;4BAAQC,OAAO;4BAAQyB,cAAc;wBAAM;kCAAG;;kCAG7F,KAACC;wBAAIH,OAAOzB;kCAAgBtB;;;;;;AAIpC"}

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

@@ -0,0 +1,20 @@
+import { OptionsEditorProps } from '@perses-dev/plugin-system';
+/**
+ * Generic type for any ClickHouse query spec that has a query field
+ */
+type ClickHouseQuerySpec = {
+    query?: string;
+};
+/**
+ * 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
+ * changes with the overall spec value once the input is blurred to prevent re-running queries in the panel's preview
+ * every time the user types.
+ */
+export declare function useQueryState<T extends ClickHouseQuerySpec>(props: OptionsEditorProps<T>): {
+    query: string;
+    handleQueryChange: (e: string) => void;
+    handleQueryBlur: () => void;
+};
+export {};
+//# sourceMappingURL=query-editor-model.d.ts.map

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

@@ -0,0 +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,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG;IAC1F,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

@@ -0,0 +1,50 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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';
+/**
+ * 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
+ * changes with the overall spec value once the input is blurred to prevent re-running queries in the panel's preview
+ * every time the user types.
+ */ export function useQueryState(props) {
+    const { onChange, value } = props;
+    // Local copy of the query's value
+    const [query, setQuery] = useState(value.query || '');
+    // This is basically "getDerivedStateFromProps" to make sure if spec's value changes external to this component,
+    // we render with the latest value
+    const [lastSyncedQuery, setLastSyncedQuery] = useState(value.query);
+    if (value.query !== lastSyncedQuery) {
+        setQuery(value.query || '');
+        setLastSyncedQuery(value.query);
+    }
+    // Update our local state's copy as the user types
+    const handleQueryChange = (e)=>{
+        setQuery(e);
+    };
+    // Propagate changes to the query's value when the input is blurred to avoid constantly re-running queries in the
+    // PanelPreview
+    const handleQueryBlur = ()=>{
+        setLastSyncedQuery(query);
+        onChange(produce(value, (draft)=>{
+            draft.query = query;
+        }));
+    };
+    return {
+        query,
+        handleQueryChange,
+        handleQueryBlur
+    };
+}
+
+//# sourceMappingURL=query-editor-model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/queries/query-editor-model.ts"],"sourcesContent":["// Copyright 2025 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>(props: OptionsEditorProps<T>): {\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,oCAAoC;AACpC,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,cAA6CC,KAA4B;IAKvF,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"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "ClickHouse",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.1.0",
+      "buildVersion": "0.3.0",
       "buildName": "@perses-dev/clickhouse-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/ClickHouse.99e35ca2.js",
+      "name": "__mf/js/ClickHouse.8f89cb2c.js",
       "path": "",
       "type": "global"
     },
@@ -22,7 +22,7 @@
     "globalName": "ClickHouse",
     "pluginVersion": "0.19.1",
     "prefetchInterface": false,
-    "publicPath": "/plugins/ClickHouse/"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/ClickHouse/\"; }"
   },
   "shared": [
     {
@@ -87,14 +87,14 @@
     {
       "id": "ClickHouse:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.1",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/8465.f4c53fef.js"
+            "__mf/js/async/7991.64a1aaaf.js"
           ]
         },
         "css": {
@@ -106,14 +106,14 @@
     {
       "id": "ClickHouse:@perses-dev/dashboards",
       "name": "@perses-dev/dashboards",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.1",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5035.8a983cd3.js"
+            "__mf/js/async/2472.9f5fd5cf.js"
           ]
         },
         "css": {
@@ -125,14 +125,14 @@
     {
       "id": "ClickHouse:@perses-dev/explore",
       "name": "@perses-dev/explore",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.1",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4421.de18bb66.js"
+            "__mf/js/async/4421.750852d0.js"
           ]
         },
         "css": {
@@ -144,14 +144,14 @@
     {
       "id": "ClickHouse:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.1",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4368.8468ec0a.js"
+            "__mf/js/async/2178.16cf2da3.js"
           ]
         },
         "css": {
@@ -189,7 +189,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4075.598f1ee5.js"
+            "__mf/js/async/4075.b85e5581.js"
           ]
         },
         "css": {
@@ -340,37 +340,32 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/__federation_expose_ClickHouseDatasource.1ef730b1.js"
+            "__mf/js/async/__federation_expose_ClickHouseDatasource.e3722d39.js"
           ],
           "async": [
-            "__mf/js/async/6411.3873365b.js",
-            "__mf/js/async/2448.e42be954.js",
+            "__mf/js/async/282.76b8b044.js",
+            "__mf/js/async/1360.33f7e672.js",
             "__mf/js/async/2114.27f707a0.js",
-            "__mf/js/async/8709.6d909ac5.js",
-            "__mf/js/async/__federation_expose_ClickHouseTimeSeriesQuery.a3f88e6b.js",
-            "__mf/js/async/__federation_expose_ClickHouseLogQuery.3f312752.js",
-            "__mf/js/async/6467.f4e5b898.js",
-            "__mf/js/async/3632.f88c5ced.js",
-            "__mf/js/async/4168.af4fa8b3.js",
-            "__mf/js/async/6569.f8ee50db.js",
-            "__mf/js/async/__federation_expose_Logs.88d56eeb.js",
+            "__mf/js/async/__federation_expose_ClickHouseTimeSeriesQuery.6a30813e.js",
+            "__mf/js/async/__federation_expose_ClickHouseLogQuery.63888cb7.js",
+            "__mf/js/async/2226.1d4436dc.js",
             "__mf/js/async/7376.c01a7f82.js",
-            "__mf/js/async/6714.e4b5281a.js",
-            "__mf/js/async/56.9997e6f8.js",
+            "__mf/js/async/6620.1d8e42fd.js",
+            "__mf/js/async/2652.fd27ec3f.js",
             "__mf/js/async/3431.54fb88df.js",
-            "__mf/js/async/9654.ab803765.js",
-            "__mf/js/async/4238.8c8282dc.js",
+            "__mf/js/async/6134.a0f2d3c5.js",
+            "__mf/js/async/4238.a8170f41.js",
             "__mf/js/async/3224.5735a223.js",
             "__mf/js/async/2292.248bd1ea.js",
             "__mf/js/async/8488.16a69ea5.js",
             "__mf/js/async/8216.44c6334e.js",
-            "__mf/js/async/5713.92805154.js"
+            "__mf/js/async/2708.7448dd5c.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/6759.6b2b0c71.css"
+            "__mf/css/async/2341.d3010b86.css"
           ]
         }
       },
@@ -382,36 +377,30 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/2448.e42be954.js",
+            "__mf/js/async/282.76b8b044.js",
+            "__mf/js/async/1360.33f7e672.js",
             "__mf/js/async/2114.27f707a0.js",
-            "__mf/js/async/8709.6d909ac5.js",
-            "__mf/js/async/__federation_expose_ClickHouseTimeSeriesQuery.a3f88e6b.js"
+            "__mf/js/async/__federation_expose_ClickHouseTimeSeriesQuery.6a30813e.js"
           ],
           "async": [
-            "__mf/js/async/6411.3873365b.js",
-            "__mf/js/async/6467.f4e5b898.js",
-            "__mf/js/async/2448.e42be954.js",
-            "__mf/js/async/3632.f88c5ced.js",
-            "__mf/js/async/4168.af4fa8b3.js",
-            "__mf/js/async/6569.f8ee50db.js",
-            "__mf/js/async/__federation_expose_Logs.88d56eeb.js",
+            "__mf/js/async/2226.1d4436dc.js",
             "__mf/js/async/7376.c01a7f82.js",
-            "__mf/js/async/6714.e4b5281a.js",
-            "__mf/js/async/56.9997e6f8.js",
+            "__mf/js/async/6620.1d8e42fd.js",
+            "__mf/js/async/2652.fd27ec3f.js",
             "__mf/js/async/3431.54fb88df.js",
-            "__mf/js/async/9654.ab803765.js",
-            "__mf/js/async/4238.8c8282dc.js",
+            "__mf/js/async/6134.a0f2d3c5.js",
+            "__mf/js/async/4238.a8170f41.js",
             "__mf/js/async/3224.5735a223.js",
             "__mf/js/async/2292.248bd1ea.js",
             "__mf/js/async/8488.16a69ea5.js",
             "__mf/js/async/8216.44c6334e.js",
-            "__mf/js/async/5713.92805154.js"
+            "__mf/js/async/2708.7448dd5c.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/6759.6b2b0c71.css"
+            "__mf/css/async/2341.d3010b86.css"
           ]
         }
       },
@@ -423,83 +412,34 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/2448.e42be954.js",
+            "__mf/js/async/282.76b8b044.js",
+            "__mf/js/async/1360.33f7e672.js",
             "__mf/js/async/2114.27f707a0.js",
-            "__mf/js/async/8709.6d909ac5.js",
-            "__mf/js/async/__federation_expose_ClickHouseLogQuery.3f312752.js"
+            "__mf/js/async/__federation_expose_ClickHouseLogQuery.63888cb7.js"
           ],
           "async": [
-            "__mf/js/async/6411.3873365b.js",
-            "__mf/js/async/6467.f4e5b898.js",
-            "__mf/js/async/2448.e42be954.js",
-            "__mf/js/async/3632.f88c5ced.js",
-            "__mf/js/async/4168.af4fa8b3.js",
-            "__mf/js/async/6569.f8ee50db.js",
-            "__mf/js/async/__federation_expose_Logs.88d56eeb.js",
+            "__mf/js/async/2226.1d4436dc.js",
             "__mf/js/async/7376.c01a7f82.js",
-            "__mf/js/async/6714.e4b5281a.js",
-            "__mf/js/async/56.9997e6f8.js",
+            "__mf/js/async/6620.1d8e42fd.js",
+            "__mf/js/async/2652.fd27ec3f.js",
             "__mf/js/async/3431.54fb88df.js",
-            "__mf/js/async/9654.ab803765.js",
-            "__mf/js/async/4238.8c8282dc.js",
+            "__mf/js/async/6134.a0f2d3c5.js",
+            "__mf/js/async/4238.a8170f41.js",
             "__mf/js/async/3224.5735a223.js",
             "__mf/js/async/2292.248bd1ea.js",
             "__mf/js/async/8488.16a69ea5.js",
             "__mf/js/async/8216.44c6334e.js",
-            "__mf/js/async/5713.92805154.js"
+            "__mf/js/async/2708.7448dd5c.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/6759.6b2b0c71.css"
+            "__mf/css/async/2341.d3010b86.css"
           ]
         }
       },
       "path": "./ClickHouseLogQuery"
-    },
-    {
-      "id": "ClickHouse:Logs",
-      "name": "Logs",
-      "assets": {
-        "js": {
-          "sync": [
-            "__mf/js/async/2448.e42be954.js",
-            "__mf/js/async/6467.f4e5b898.js",
-            "__mf/js/async/3632.f88c5ced.js",
-            "__mf/js/async/4168.af4fa8b3.js",
-            "__mf/js/async/6569.f8ee50db.js",
-            "__mf/js/async/__federation_expose_Logs.88d56eeb.js"
-          ],
-          "async": [
-            "__mf/js/async/6411.3873365b.js",
-            "__mf/js/async/7376.c01a7f82.js",
-            "__mf/js/async/6714.e4b5281a.js",
-            "__mf/js/async/56.9997e6f8.js",
-            "__mf/js/async/3431.54fb88df.js",
-            "__mf/js/async/9654.ab803765.js",
-            "__mf/js/async/2114.27f707a0.js",
-            "__mf/js/async/2448.e42be954.js",
-            "__mf/js/async/8709.6d909ac5.js",
-            "__mf/js/async/__federation_expose_ClickHouseTimeSeriesQuery.a3f88e6b.js",
-            "__mf/js/async/__federation_expose_ClickHouseLogQuery.3f312752.js",
-            "__mf/js/async/4238.8c8282dc.js",
-            "__mf/js/async/3224.5735a223.js",
-            "__mf/js/async/2292.248bd1ea.js",
-            "__mf/js/async/8488.16a69ea5.js",
-            "__mf/js/async/8216.44c6334e.js",
-            "__mf/js/async/5713.92805154.js"
-          ]
-        },
-        "css": {
-          "sync": [],
-          "async": [
-            "__mf/css/async/6759.6b2b0c71.css",
-            "__mf/css/async/2341.6b2b0c71.css"
-          ]
-        }
-      },
-      "path": "./Logs"
     }
   ]
 }