fixing

Author: TeaByte

README.md

@@ -1,36 +1,31 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+SQLite Viewer GUI Program written in Rust using Tauri + NextJS
 
-## Getting Started
+( TODO )
 
-First, run the development server:
+- [ ] Render performance for big sqlite files
+- [ ] Execute SQL command tab
+- [ ] Add themes
 
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
+##
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+1. **Clone the Repository**
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+   ```sh
+   git clone https://github.com/TeaByte/mt-uploader.git
+   cd mt-uploader
+   ```
 
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+2. **Install Dependencies**
 
-## Learn More
+   ```sh
+   npm install
+   cargo install tauri-cli
+   ```
 
-To learn more about Next.js, take a look at the following resources:
+3. **Start Dev Server**
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+   ```sh
+   cargo tauri dev
+   ```
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+![photo](https://srv2.imgonline.com.ua/result_img/imgonline-com-ua-twotoone-77HXRnGZ6H1cqsD1.jpg)

app/browse.tsx

@@ -32,24 +32,26 @@ export default function Browse(props: BrowseProps) {
   return (
     <div className="w-full">
       <div className="px-2">
-        <Select
-          //   value={tables[0]}
-          onValueChange={(table: string) => setSelectedTable(table)}
-        >
-          <SelectTrigger className="w-[180px]">
-            <SelectValue placeholder="Select Table" />
-          </SelectTrigger>
-          <SelectContent className="h-[150px] overflow-y-auto">
-            <SelectGroup>
-              <SelectLabel>Select Table</SelectLabel>
-              {tables.map((table, index) => (
-                <SelectItem value={table} key={index}>
-                  {table}
-                </SelectItem>
-              ))}
-            </SelectGroup>
-          </SelectContent>
-        </Select>
+        {selectedTable && (
+          <Select
+            value={selectedTable}
+            onValueChange={(table: string) => setSelectedTable(table)}
+          >
+            <SelectTrigger className="w-[180px]">
+              <SelectValue placeholder="Select Table" />
+            </SelectTrigger>
+            <SelectContent className="h-[150px] overflow-y-auto">
+              <SelectGroup>
+                <SelectLabel>Select Table</SelectLabel>
+                {tables.map((table, index) => (
+                  <SelectItem value={table} key={index}>
+                    {table}
+                  </SelectItem>
+                ))}
+              </SelectGroup>
+            </SelectContent>
+          </Select>
+        )}
       </div>
       <div className="mt-3 h-[420px] overflow-auto">
         {selectedTable && records[selectedTable] && (

app/load.tsx

@@ -82,7 +82,7 @@ export default function Load({ path }: { path: string }) {
           />
         </TabsContent>
         <TabsContent value="execute">
-          <h1>execute</h1>
+          <h1>Not implemented yet!</h1>
         </TabsContent>
       </Tabs>
     </div>

app/page.tsx

@@ -33,8 +33,8 @@ export default function Home() {
       {selectedDataBase ? (
         <Load path={selectedDataBase} />
       ) : (
-        <button className="p-2 bg-slate-500" onClick={onClick}>
-          Upload
+        <button className="p-4 bg-primary text-background" onClick={onClick}>
+          Select Database
         </button>
       )}
     </main>

app/structure.tsx

@@ -16,13 +16,7 @@ import {
   AccordionTrigger,
 } from "@/components/ui/accordion";
 
-import { ArrowDownIcon } from "@radix-ui/react-icons";
-
-interface StructureProps {
-  tablesInfo: TableInfos;
-}
-
-export default function Structure({ tablesInfo }: StructureProps) {
+export default function Structure({ tablesInfo }: { tablesInfo: TableInfos }) {
   return (
     <div className="w-full">
       <Accordion type="single" collapsible className="w-full">
@@ -32,7 +26,6 @@ export default function Structure({ tablesInfo }: StructureProps) {
               <AccordionTrigger className="font-bold p-2 bg-secondary opacity-70 flex gap-1 items-center">
                 {table}
               </AccordionTrigger>
-
               <AccordionContent>
                 <Table>
                   <TableHeader>

src-tauri/C

@@ -22,7 +22,4 @@ lazy_static = "1.4"
 rusqlite = { version = "0.29.0", features = ["bundled"] }
 
 [features]
-# this feature is used for production builds or when `devPath` points to the filesystem and the built-in dev server is disabled.
-# If you use cargo directly instead of tauri's cli you can use this feature flag to switch between tauri's `dev` and `build` modes.
-# DO NOT REMOVE!!
 custom-protocol = [ "tauri/custom-protocol" ]

src-tauri/Cargo.toml

@@ -1,3 +1,3 @@
 fn main() {
-  tauri_build::build()
+    tauri_build::build()
 }

src-tauri/build.rs

@@ -1,5 +1,5 @@
-use rusqlite::{Connection};
 use rusqlite::types::Value;
+use rusqlite::Connection;
 use serde::Serialize;
 
 #[derive(Debug, Serialize)]
@@ -28,10 +28,11 @@ impl DataBase {
     }
 
     pub fn get_tables(&self) -> Vec<String> {
-        let mut stmt = self.connection
-        .prepare("SELECT name FROM sqlite_master WHERE type='table'")
-        .expect("Failed to prepare query");
-    
+        let mut stmt = self
+            .connection
+            .prepare("SELECT name FROM sqlite_master WHERE type='table'")
+            .expect("Failed to prepare query");
+
         let tables_names: Vec<String> = stmt
             .query_map([], |row| Ok(row.get(0)?))
             .expect("Failed to get tables from database")
@@ -42,19 +43,22 @@ impl DataBase {
     }
 
     pub fn get_table_info(&self, table_name: &String) -> Vec<TableInfo> {
-        let mut stmt = self.connection
+        let mut stmt = self
+            .connection
             .prepare(&format!("PRAGMA table_info({})", table_name))
             .expect("Failed to prepare query");
 
         let table_info: Vec<TableInfo> = stmt
-            .query_map([], |row| Ok(TableInfo {
-                cid: row.get(0)?,
-                name: row.get(1)?,
-                r#type: row.get(2)?,
-                notnull: row.get(3)?,
-                dflt_value: row.get(4)?,
-                pk: row.get(5)?,
-            }))
+            .query_map([], |row| {
+                Ok(TableInfo {
+                    cid: row.get(0)?,
+                    name: row.get(1)?,
+                    r#type: row.get(2)?,
+                    notnull: row.get(3)?,
+                    dflt_value: row.get(4)?,
+                    pk: row.get(5)?,
+                })
+            })
             .expect("Failed to get table info from database")
             .map(|result| result.unwrap())
             .collect();
@@ -64,24 +68,23 @@ impl DataBase {
 
     pub fn get_column(&self, table_name: &str, column_name: &str) -> Vec<Value> {
         let mut stmt = self
-        .connection
-        .prepare(&format!("SELECT {} FROM {}", column_name, table_name))
-        .expect("Failed to prepare fetch query");
+            .connection
+            .prepare(&format!("SELECT {} FROM {}", column_name, table_name))
+            .expect("Failed to prepare fetch query");
 
-    let results: Vec<Value> = stmt
-        .query_map([], |row| {
-            let value = row.get(0)?;
-            Ok(value)
-        })
-        .expect("Failed to execute query")
-        .map(|result| result.unwrap())
-        .collect();
+        let results: Vec<Value> = stmt
+            .query_map([], |row| {
+                let value = row.get(0)?;
+                Ok(value)
+            })
+            .expect("Failed to execute query")
+            .map(|result| result.unwrap())
+            .collect();
 
-    results
+        results
     }
 }
 
-
 /// Convert Value to String
 pub fn convert(value: Value) -> String {
     match value {
@@ -91,4 +94,4 @@ pub fn convert(value: Value) -> String {
         Value::Text(v) => v.to_string(),
         Value::Blob(_) => String::from("Blob"),
     }
-}
+}

src-tauri/src/database.rs

@@ -1,23 +1,27 @@
 #![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
 
-use std::sync::Mutex;
 use lazy_static::lazy_static;
+use std::sync::Mutex;
 
 mod database;
-use database::{DataBase, convert, TableInfo};
+use database::{convert, DataBase, TableInfo};
 
 lazy_static! {
     static ref DB_INSTANCE: Mutex<Option<DataBase>> = Mutex::new(None);
 }
 
 fn main() {
     tauri::Builder::default()
-        .invoke_handler(tauri::generate_handler![change_database_path, get_tables, get_table_info, get_column])
+        .invoke_handler(tauri::generate_handler![
+            change_database_path,
+            get_tables,
+            get_table_info,
+            get_column
+        ])
         .run(tauri::generate_context!())
         .expect("error while running tauri application");
 }
 
-
 #[tauri::command]
 fn change_database_path(new_path: String) {
     *DB_INSTANCE.lock().unwrap() = Some(DataBase::new(&new_path));