feat: support tariui (#5)

Author: suxin2017

Cargo.lock

@@ -1,5 +1,5 @@
 [workspace]
-members = ["crates/lynx-core", "crates/lynx-proxy", "crates/lynx-cli"]
+members = ["crates/lynx-core", "crates/lynx-proxy/src-tauri", "crates/lynx-cli"]
 resolver = "2"
 
 [workspace.package]

Cargo.toml

@@ -9,7 +9,7 @@ export const mockData = (id?: number) => {
   return Mock.mock({
     id: uid,
     uri:
-      '@pick(["http","https"])://abc.com/ffff/@pick(["a","b","c"])/' +
+      '@pick(["http","https"])://abc.com/ffff/@word(10)/@pick(["a","b","c"])/' +
       type.path +"?"+ "@word()=" + "@word()",
     traceId: '@guid',
     method: '@pick(["GET", "POST", "PUT", "DELETE"])',

ui/.gitignore crates/lynx-proxy/.gitignore

@@ -33,6 +33,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-redux": "^9.2.0",
+    "react-split": "^2.0.14",
     "react-virtualized": "^9.22.6",
     "react18-json-view": "0.2.9-canary.9",
     "thememirror": "^2.0.1",
@@ -45,6 +46,7 @@
     "@rsbuild/core": "^1.1.8",
     "@rsbuild/plugin-react": "^1.0.7",
     "@tanstack/router-plugin": "^1.97.3",
+    "@tauri-apps/cli": "^2.2.7",
     "@types/mockjs": "^1.0.10",
     "@types/node": "^22.10.8",
     "@types/pretty-time": "^1.1.5",

ui/.prettierignore crates/lynx-proxy/.prettierignore

@@ -0,0 +1,4 @@
+# Generated by Cargo
+# will have compiled files and executables
+/target/
+/gen/schemas

ui/.prettierrc crates/lynx-proxy/.prettierrc

@@ -0,0 +1,28 @@
+[package]
+name = "lynx-proxy"
+version.workspace = true
+authors.workspace = true
+description.workspace = true
+edition.workspace = true
+license.workspace = true
+documentation.workspace = true
+homepage.workspace = true
+repository.workspace = true
+publish = false
+rust-version = "1.77.2"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[lib]
+name = "app_lib"
+crate-type = ["staticlib", "cdylib", "rlib"]
+
+[build-dependencies]
+tauri-build = { version = "2.0.4", features = [] }
+
+[dependencies]
+serde_json = "1.0"
+serde = { version = "1.0", features = ["derive"] }
+log = "0.4"
+tauri = { version = "2.2.4", features = [] }
+tauri-plugin-log = "2.0.0-rc"

crates/lynx-proxy/Cargo.toml

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

ui/README.md crates/lynx-proxy/README copy.md

@@ -0,0 +1,11 @@
+{
+  "$schema": "../gen/schemas/desktop-schema.json",
+  "identifier": "default",
+  "description": "enables the default permissions",
+  "windows": [
+    "main"
+  ],
+  "permissions": [
+    "core:default"
+  ]
+}

ui/eslint.config.mjs crates/lynx-proxy/eslint.config.mjs

@@ -0,0 +1,16 @@
+#[cfg_attr(mobile, tauri::mobile_entry_point)]
+pub fn run() {
+  tauri::Builder::default()
+    .setup(|app| {
+      if cfg!(debug_assertions) {
+        app.handle().plugin(
+          tauri_plugin_log::Builder::default()
+            .level(log::LevelFilter::Info)
+            .build(),
+        )?;
+      }
+      Ok(())
+    })
+    .run(tauri::generate_context!())
+    .expect("error while running tauri application");
+}

ui/mock/__self_service_path__/FFF.png crates/lynx-proxy/mock/__self_service_path__/FFF.png

@@ -0,0 +1,6 @@
+// Prevents additional console window on Windows in release, DO NOT REMOVE!!
+#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
+
+fn main() {
+  app_lib::run();
+}

ui/mock/__self_service_path__/app_config.mock.ts crates/lynx-proxy/mock/__self_service_path__/app_config.mock.ts

@@ -0,0 +1,37 @@
+{
+  "$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
+  "productName": "lynx-proxy",
+  "version": "0.1.0",
+  "identifier": "com.tauri.dev",
+  "build": {
+    "frontendDist": "../dist",
+    "devUrl": "http://localhost:8080",
+    "beforeDevCommand": "pnpm dev",
+    "beforeBuildCommand": "pnpm build"
+  },
+  "app": {
+    "windows": [
+      {
+        "title": "lynx-proxy",
+        "width": 1000,
+        "height": 800,
+        "resizable": true,
+        "fullscreen": false
+      }
+    ],
+    "security": {
+      "csp": null
+    }
+  },
+  "bundle": {
+    "active": true,
+    "targets": "all",
+    "icon": [
+      "icons/32x32.png",
+      "icons/128x128.png",
+      "icons/128x128@2x.png",
+      "icons/icon.icns",
+      "icons/icon.ico"
+    ]
+  }
+}

ui/mock/__self_service_path__/recording_status.mock.ts crates/lynx-proxy/mock/__self_service_path__/recording_status.mock.ts

@@ -10,7 +10,10 @@
 #root {
   display: flex;
   flex-direction: column;
+  max-height: 100vh;
   height: 100vh;
+  min-height: 600px;
+  min-width: 800px;
 }
 
 * {
@@ -19,3 +22,9 @@
 body {
   margin: 0;
 }
+
+
+.ant-table-tbody-virtual-scrollbar,.ant-tree-list-scrollbar{
+  width: 4px !important;
+}
+

ui/mock/__self_service_path__/request_body.mock.ts crates/lynx-proxy/mock/__self_service_path__/request_body.mock.ts

@@ -38,7 +38,7 @@ const columns: ColumnsType<IRequestModel> = [
     title: 'Path',
     key: 'uri',
     dataIndex: 'uri',
-    ellipsis: { showTitle: true, },
+    ellipsis: { showTitle: true },
   },
 ];
 export const RequestTable: React.FC = () => {
@@ -64,7 +64,7 @@ export const RequestTable: React.FC = () => {
 
   return (
     <div
-      className="flex-1 bg-white flex flex-col relative h-full overflow-hidden"
+      className="flex-1 bg-red flex flex-col relative h-full w-full overflow-hidden"
       ref={ref}
     >
       {!autoScroll && (
@@ -109,7 +109,7 @@ export const RequestTable: React.FC = () => {
           }
         }}
         virtual
-        scroll={{ x: size?.width ?? 800, y: size?.height ?? 400 }}
+        scroll={{ x: 800, y: size?.height ?? 400 }}
         pagination={false}
         dataSource={requestTable}
       />