Fix rawQuery

Author: lunaticusgreen

package.json

@@ -18,6 +18,7 @@
     "create_instrumented": "npx nyc instrument --source-map --nycrc-path .nycrc ./src ./instrumented",
     "build:test:frontend": "webpack -c ./webpack.config.instrumented.ts --env test",
     "build:frontend": "webpack -c ./.config/webpack/webpack.config.ts --env production",
+    "build:backend": "docker compose run --rm backend_builder && chmod +rx ./dist",
     "build:wasm": "GOARCH=wasm GOOS=js tinygo build --target wasm ./pkg/backend_wasm.go && gzip -f ./backend_wasm.wasm && mkdir -pv ./src/static/ && mv -fv ./backend_wasm.wasm.gz ./src/static/backend.wasm.gz"
   },
   "author": "Altinity",

src/views/QueryEditor/QueryEditor.tsx

@@ -17,6 +17,15 @@ export function QueryEditor(props: QueryEditorProps<CHDataSource, CHQuery, CHDat
   const isAnnotationView = !props.app;
   const initializedQuery = initializeQueryDefaults(query, isAnnotationView, datasource, onChange);
   const [formattedData, error] = useFormattedData(initializedQuery, datasource, data?.request);
+
+  useEffect(() => {
+    if (formattedData !== initializedQuery.query) {
+      onChange({ ...initializedQuery, rawQuery: formattedData })
+    }
+
+    // eslint-disable-next-line
+  }, [formattedData, initializedQuery.query]);
+
   const [editorMode, setEditorMode] = useState(initializedQuery.editorMode || EditorMode.Builder);
   useQueryState(query, onChange, datasource);
 
@@ -89,6 +98,15 @@ export function QueryEditorVariable(props: QueryEditorProps<CHDataSource, CHQuer
   const initializedQuery = initializeQueryDefaultsForVariables(processedQuery, isAnnotationView, datasource, onChange);
   const [formattedData, error] = useFormattedData(initializedQuery, datasource);
   const [editorMode, setEditorMode] = useState(initializedQuery.editorMode || EditorMode.Builder);
+
+  useEffect(() => {
+    if (formattedData !== initializedQuery.query) {
+      onChange({ ...initializedQuery, rawQuery: formattedData })
+    }
+
+    // eslint-disable-next-line
+  }, [formattedData, initializedQuery.query]);
+
   useQueryState(query, onChange, datasource);
   const onSqlChange = (sql: string) => onChange({ ...initializedQuery, query: sql });
   const onFieldChange = (field: any) => onChange({ ...initializedQuery, [field.fieldName]: field.value });