Reformat source code for consistent style

* Enable eslint and prettier config for validation during build
* No functional code changes, source code format only

Author: koszti

.github/workflows/ci.yml

@@ -22,11 +22,8 @@ jobs:
         with:
           node-version: '22'
 
-      # Temporarily disabling this step due to formatting issues.
-      # Linter and prettier) currently throws numerous warnings.
-      # Code style checks will be re-enabled in a future PR that includes a codebase reformat.
-      # - name: Check code style
-      #   run: npm run check:clean
+      - name: Check code style
+        run: npm run check:clean
 
       - name: Build package
         run: npm run package:clean

README.md

@@ -138,6 +138,15 @@ The local URL will be be displayed which you can open in your browser.
 
 To build parser: `npm run antlr4ng`, as configured in **package.json**
 
+### Linting and code formatting
+
+To check code quality and formatting
+```shell
+  npm run check
+```
+
+This command runs both eslint and prettier, as defined in **package.json**
+
 ## Philosophy
 
 This UI's purpose is to provide an environment where once the cluster is stood up, executing queries and exploring data sets can be done right away. The idended use cases are:

precise/.eslintignore

@@ -0,0 +1 @@
+src/generated/**

precise/.eslintrc.cjs

@@ -14,5 +14,10 @@ module.exports = {
       'warn',
       { allowConstantExport: true },
     ],
+    // ❗ Temporarily disabled due to widespread use of `any` an `unused vars` in the codebase.
+    //    Defining proper types will require significant effort.
+    //    We will address this incrementally in future pull requests.
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-unused-vars': 'off',
   },
 }

precise/.prettierignore

@@ -0,0 +1 @@
+src/generated/**

precise/.prettierrc

@@ -0,0 +1,7 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 4,
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 120
+}

precise/src/App.tsx

@@ -1,17 +1,12 @@
-import { useState, useEffect } from 'react';
-import QueryApp from './QueryApp';
-
-const defaultQuery = "-- enter your query here\n\nselect * from tpch.sf1.lineitem limit 2";
+import QueryApp from './QueryApp'
 
 // for now this is a defacto Tab, but we will treat this tab more as a page in the future
 function App() {
-  
-
-  return (
-      <div className="page">
-          <QueryApp />
-    </div>
-  );
+    return (
+        <div className="page">
+            <QueryApp />
+        </div>
+    )
 }
 
-export default App;
+export default App