chore: init project

2021-12-04 14:31:26 +08:00 · 2021-12-04 14:31:26 +08:00 · 1afaa4c51e
commit 1afaa4c51e
38 changed files with 4617 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,7 @@
 node_modules
 .DS_Store
 dist
 dist-ssr
 *.local
 package-lock.json
 yarn.lock
--- a/README.md
+++ b/README.md
@ -0,0 +1,5 @@
 # Clash Verge
 work in progress...
 ## Todo
--- a/index.html
+++ b/index.html
@ -0,0 +1,16 @@
 <!DOCTYPE html>
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
    />
    <title>Vite App</title>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
 </html>
--- a/package.json
+++ b/package.json
@ -0,0 +1,30 @@
 {
  "name": "clash-verge",
  "version": "0.0.0",
  "scripts": {
    "dev": "tauri dev",
    "build": "tauri build",
    "web:dev": "vite",
    "web:build": "tsc && vite build",
    "web:serve": "vite preview"
  },
  "dependencies": {
    "@emotion/react": "^11.7.0",
    "@emotion/styled": "^11.6.0",
    "@material-ui/core": "^5.0.0-beta.5",
    "@tauri-apps/api": "^1.0.0-beta.8",
    "axios": "^0.24.0",
    "react": "^17.0.0",
    "react-dom": "^17.0.0",
    "react-router-dom": "^6.0.2"
  },
  "devDependencies": {
    "@tauri-apps/cli": "^1.0.0-beta.10",
    "@types/react": "^17.0.0",
    "@types/react-dom": "^17.0.0",
    "@vitejs/plugin-react": "^1.0.0",
    "sass": "^1.44.0",
    "typescript": "^4.5.2",
    "vite": "^2.6.14"
  }
 }
--- a/src-tauri/.gitignore
+++ b/src-tauri/.gitignore
@ -0,0 +1,4 @@
 # Generated by Cargo
 # will have compiled files and executables
 /target/
 WixTools
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@ -0,0 +1,29 @@
 [package]
 name = "app"
 version = "0.1.0"
 description = "clash verge"
 authors = ["zzzgydi"]
 license = "MIT"
 repository = ""
 default-run = "app"
 edition = "2021"
 build = "src/build.rs"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 [build-dependencies]
 tauri-build = { version = "1.0.0-beta.4" }
 [dependencies]
 dirs = "4.0.0"
 serde_json = "1.0"
 serde_yaml = "0.8"
 serde = { version = "1.0", features = ["derive"] }
 tauri = { version = "1.0.0-beta.8", features = ["api-all", "system-tray"] }
 winreg = { version = "0.10", features = ["transactions"] }
 reqwest = { version = "0.11", features = ["json"] }
 tokio = { version = "1", features = ["full"] }
 [features]
 default = [ "custom-protocol" ]
 custom-protocol = [ "tauri/custom-protocol" ]
--- a/src-tauri/bin/clash-x86_64-pc-windows-msvc.exe
+++ b/src-tauri/bin/clash-x86_64-pc-windows-msvc.exe
--- a/src-tauri/icons/128x128.png
+++ b/src-tauri/icons/128x128.png
--- a/src-tauri/icons/128x128@2x.png
+++ b/src-tauri/icons/128x128@2x.png
--- a/src-tauri/icons/32x32.png
+++ b/src-tauri/icons/32x32.png
--- a/src-tauri/icons/Square107x107Logo.png
+++ b/src-tauri/icons/Square107x107Logo.png
--- a/src-tauri/icons/Square142x142Logo.png
+++ b/src-tauri/icons/Square142x142Logo.png
--- a/src-tauri/icons/Square150x150Logo.png
+++ b/src-tauri/icons/Square150x150Logo.png
--- a/src-tauri/icons/Square284x284Logo.png
+++ b/src-tauri/icons/Square284x284Logo.png
--- a/src-tauri/icons/Square30x30Logo.png
+++ b/src-tauri/icons/Square30x30Logo.png
--- a/src-tauri/icons/Square310x310Logo.png
+++ b/src-tauri/icons/Square310x310Logo.png
--- a/src-tauri/icons/Square44x44Logo.png
+++ b/src-tauri/icons/Square44x44Logo.png
--- a/src-tauri/icons/Square71x71Logo.png
+++ b/src-tauri/icons/Square71x71Logo.png
--- a/src-tauri/icons/Square89x89Logo.png
+++ b/src-tauri/icons/Square89x89Logo.png
--- a/src-tauri/icons/StoreLogo.png
+++ b/src-tauri/icons/StoreLogo.png
--- a/src-tauri/icons/icon.icns
+++ b/src-tauri/icons/icon.icns
--- a/src-tauri/icons/icon.ico
+++ b/src-tauri/icons/icon.ico
--- a/src-tauri/icons/icon.png
+++ b/src-tauri/icons/icon.png
--- a/src-tauri/rustfmt.toml
+++ b/src-tauri/rustfmt.toml
@ -0,0 +1,14 @@
 max_width = 100
 hard_tabs = false
 tab_spaces = 2
 newline_style = "Auto"
 use_small_heuristics = "Default"
 reorder_imports = true
 reorder_modules = true
 remove_nested_parens = true
 edition = "2018"
 merge_derives = true
 use_try_shorthand = false
 use_field_init_shorthand = false
 force_explicit_abi = true
 imports_granularity = "Crate"
--- a/src-tauri/src/build.rs
+++ b/src-tauri/src/build.rs
@ -0,0 +1,3 @@
 fn main() {
  tauri_build::build()
 }
--- a/src-tauri/src/clash.rs
+++ b/src-tauri/src/clash.rs
@ -0,0 +1,69 @@
 extern crate reqwest;
 extern crate serde_yaml;
 use std::fs;
 use std::io::Write;
 use std::path::{Path, PathBuf};
 use tauri::api::path::home_dir;
 use tauri::api::process::{Command, CommandEvent};
 /// Get the clash config dir
 pub fn get_config_dir() -> PathBuf {
  home_dir()
    .unwrap()
    .join(Path::new(".config"))
    .join(Path::new("clash-verge"))
 }
 /// Initialize the default config dir for clash
 pub fn init_clash_config() {
  let config_dir = get_config_dir();
  let conifg_yaml = config_dir.join("config.yaml");
  let default_yaml =
    "mixed-port: 7890\nallow-lan: false\nexternal-controller: 127.0.0.1:9090\nsecret: ''\n";
  let mut yaml_obj = serde_yaml::from_str::<serde_yaml::Value>(&default_yaml).unwrap();
  if !config_dir.exists() {
    let config_dir = config_dir.clone();
    fs::create_dir(config_dir).unwrap();
    let mut file = fs::File::create(conifg_yaml).unwrap();
    file.write(default_yaml.as_bytes()).unwrap();
  }
  let yaml_path = &config_dir.join("config.yaml");
  let yaml_str = fs::read_to_string(yaml_path).unwrap();
  yaml_obj = serde_yaml::from_str::<serde_yaml::Value>(&yaml_str).unwrap();
  println!("{:?}", yaml_obj);
 }
 /// Run the clash bin
 pub fn run_clash_bin(config_dirs: &str) {
  let (mut rx, mut _child) = Command::new_sidecar("clash")
    .expect("failed to create clash binary")
    .args(["-d", config_dirs])
    .spawn()
    .expect("failed to spawn sidecar");
  tauri::async_runtime::spawn(async move {
    // read events such as stdout
    while let Some(event) = rx.recv().await {
      if let CommandEvent::Stdout(line) = event {
        println!("{:?}", line);
      }
    }
  });
 }
 pub async fn fetch_url(profile_url: &str) -> Result<(), reqwest::Error> {
  let resp = reqwest::get(profile_url).await?;
  println!("{:#?}", resp);
  let header = resp.headers().clone();
  println!("{:?}", header);
  let data = resp.text_with_charset("utf-8").await?;
  println!("{:#?}", data);
  Ok(())
 }
--- a/src-tauri/src/cmd.rs
+++ b/src-tauri/src/cmd.rs
@ -0,0 +1,4 @@
 use tauri::api::process::CommandChild;
 #[tauri::command]
 fn set_clash_port(process: Option<CommandChild>, port: i32) {}
--- a/src-tauri/src/main.rs
+++ b/src-tauri/src/main.rs
@ -0,0 +1,62 @@
 #![cfg_attr(
  all(not(debug_assertions), target_os = "windows"),
  windows_subsystem = "windows"
 )]
 extern crate tauri;
 mod clash;
 mod sysopt;
 use tauri::{CustomMenuItem, Manager, SystemTray, SystemTrayEvent, SystemTrayMenu};
 #[tauri::command]
 async fn get_config_data(url: String) -> Result<String, String> {
  match clash::fetch_url(&url).await {
    Ok(_) => Ok(String::from("success")),
    Err(_) => Err(String::from("error")),
  }
 }
 fn main() -> std::io::Result<()> {
  let config = sysopt::get_proxy_config()?;
  println!("{:?}", config);
  let app = tauri::Builder::default()
    .system_tray(
      SystemTray::new()
        .with_menu(SystemTrayMenu::new().add_item(CustomMenuItem::new("tray_event_quit", "Quit"))),
    )
    .on_system_tray_event(move |app, event| match event {
      SystemTrayEvent::LeftClick { .. } => {
        let window = app.get_window("main").unwrap();
        window.show().unwrap();
        window.set_focus().unwrap();
      }
      SystemTrayEvent::MenuItemClick { id, .. } => match id.as_str() {
        "tray_event_quit" => {
          app.exit(0);
        }
        _ => {}
      },
      _ => {}
    })
    .invoke_handler(tauri::generate_handler![get_config_data])
    .build(tauri::generate_context!())
    .expect("error while running tauri application");
  app.run(|app_handle, e| match e {
    tauri::Event::CloseRequested { label, api, .. } => {
      let app_handle = app_handle.clone();
      api.prevent_close();
      app_handle.get_window(&label).unwrap().hide().unwrap();
    }
    tauri::Event::ExitRequested { api, .. } => {
      api.prevent_exit();
    }
    _ => {}
  });
  Ok(())
 }
--- a/src-tauri/src/sysopt.rs
+++ b/src-tauri/src/sysopt.rs
@ -0,0 +1,43 @@
 use serde::{Deserialize, Serialize};
 use std::io;
 use winreg::enums::*;
 use winreg::RegKey;
 #[derive(Debug, Deserialize, Serialize)]
 pub struct ProxyConfig {
  enable: u32,
  server: String,
  bypass: String,
 }
 #[cfg(target_os = "windows")]
 /// Get the windows system proxy config
 pub fn get_proxy_config() -> io::Result<ProxyConfig> {
  let hkcu = RegKey::predef(HKEY_CURRENT_USER);
  let cur_var = hkcu.open_subkey_with_flags(
    "SOFTWARE\\Microsoft\\Windows\\CurrentVersion\\Internet Settings",
    KEY_READ,
  )?;
  Ok(ProxyConfig {
    enable: cur_var.get_value("ProxyEnable")?,
    server: cur_var.get_value("ProxyServer")?,
    bypass: cur_var.get_value("ProxyOverride")?,
  })
 }
 #[cfg(target_os = "windows")]
 /// Set the windows system proxy config
 pub fn set_proxy_config(config: &ProxyConfig) -> io::Result<()> {
  let hkcu = RegKey::predef(HKEY_CURRENT_USER);
  let cur_var = hkcu.open_subkey_with_flags(
    "SOFTWARE\\Microsoft\\Windows\\CurrentVersion\\Internet Settings",
    KEY_SET_VALUE,
  )?;
  cur_var.set_value("ProxyEnable", &config.enable)?;
  cur_var.set_value("ProxyServer", &config.server)?;
  cur_var.set_value("ProxyOverride", &config.bypass)?;
  Ok(())
 }
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@ -0,0 +1,71 @@
 {
  "package": {
    "productName": "clash-verge",
    "version": "0.1.0"
  },
  "build": {
    "distDir": "../dist",
    "devPath": "http://localhost:3000",
    "beforeDevCommand": "npm run web:dev",
    "beforeBuildCommand": "npm run web:build"
  },
  "tauri": {
    "systemTray": {
      "iconPath": "icons/icon.png",
      "iconAsTemplate": true
    },
    "bundle": {
      "active": true,
      "targets": "all",
      "identifier": "com.tauri.dev",
      "icon": [
        "icons/32x32.png",
        "icons/128x128.png",
        "icons/128x128@2x.png",
        "icons/icon.icns",
        "icons/icon.ico"
      ],
      "resources": [],
      "externalBin": ["bin/clash"],
      "copyright": "",
      "category": "DeveloperTool",
      "shortDescription": "",
      "longDescription": "",
      "deb": {
        "depends": [],
        "useBootstrapper": false
      },
      "macOS": {
        "frameworks": [],
        "minimumSystemVersion": "",
        "useBootstrapper": false,
        "exceptionDomain": "",
        "signingIdentity": null,
        "entitlements": null
      },
      "windows": {
        "certificateThumbprint": null,
        "digestAlgorithm": "sha256",
        "timestampUrl": ""
      }
    },
    "updater": {
      "active": false
    },
    "allowlist": {
      "all": true
    },
    "windows": [
      {
        "title": "Clash Verge",
        "width": 800,
        "height": 600,
        "resizable": true,
        "fullscreen": false
      }
    ],
    "security": {
      "csp": "default-src blob: data: filesystem: ws: wss: http: https: tauri: 'unsafe-eval' 'unsafe-inline' 'self' img-src: 'self'"
    }
  }
 }
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@ -0,0 +1,67 @@
 html {
  background-color: #fff;
 }
 body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
 }
 code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
 }
 .layout {
  width: 100%;
  height: 100%;
  display: flex;
  &__sidebar {
    height: 100vh;
    flex: 1 1 25%;
    border-right: 1px solid #ccc;
    > h1 {
      text-align: center;
      color: #303133;
    }
    > h3 {
      text-align: center;
      color: #909399;
    }
  }
  &__links {
    $link-height: 60px;
    border-top: 1px solid #ccc;
    > a {
      display: block;
      width: 100%;
      height: $link-height;
      line-height: $link-height;
      text-align: center;
      user-select: none;
      font-size: 24px;
      color: #606266;
      border-bottom: 1px solid #ccc;
      text-decoration: none;
      &.active {
        background-color: #eee;
      }
    }
  }
  &__content {
    flex: 1 1 75%;
    padding: 20px 30px;
    box-sizing: border-box;
  }
 }
--- a/src/main.tsx
+++ b/src/main.tsx
@ -0,0 +1,40 @@
 import "./assets/styles/index.scss";
 import React from "react";
 import ReactDOM from "react-dom";
 import { BrowserRouter, NavLink, Route, Routes } from "react-router-dom";
 import HomePage from "./pages/home";
 import ProfilesPage from "./pages/profiles";
 import { version } from "../package.json";
 function Layout() {
  return (
    <div className="layout">
      <div className="layout__sidebar">
        <h1>Clash Verge</h1>
        <h3>{version}</h3>
        <div className="layout__links">
          <NavLink to="/">Home</NavLink>
          <NavLink to="/profiles">Profiles</NavLink>
        </div>
      </div>
      <div className="layout__content">
        <Routes>
          <Route path="/" element={<HomePage />} />
          <Route path="/profiles" element={<ProfilesPage />} />
        </Routes>
      </div>
    </div>
  );
 }
 ReactDOM.render(
  <React.StrictMode>
    <BrowserRouter>
      <Layout />
    </BrowserRouter>
  </React.StrictMode>,
  document.getElementById("root")
 );
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@ -0,0 +1,19 @@
 import { useState } from "react";
 import { TextField } from "@material-ui/core";
 const HomePage = () => {
  const [port, setPort] = useState("7890");
  return (
    <div>
      <TextField
        label="Port"
        fullWidth
        value={port}
        onChange={(e) => setPort(e.target.value)}
      />
    </div>
  );
 };
 export default HomePage;
--- a/src/pages/profiles.tsx
+++ b/src/pages/profiles.tsx
@ -0,0 +1,40 @@
 import { useState } from "react";
 import { invoke } from "@tauri-apps/api";
 import { Button, Grid, TextField } from "@material-ui/core";
 const ProfilesPage = () => {
  const [url, setUrl] = useState("");
  const onClick = async () => {
    if (!url) return;
    const data = await invoke("get_config_data", { url });
    console.log(data);
  };
  return (
    <div>
      <Grid
        container
        spacing={2}
        justifyContent="space-between"
        alignItems="center"
      >
        <Grid item xs={9}>
          <TextField
            label="Profile Url"
            fullWidth
            value={url}
            onChange={(e) => setUrl(e.target.value)}
          />
        </Grid>
        <Grid item>
          <Button size="large" variant="contained" onClick={onClick}>
            View
          </Button>
        </Grid>
      </Grid>
    </div>
  );
 };
 export default ProfilesPage;
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@ -0,0 +1 @@
 /// <reference types="vite/client" />
--- a/tsconfig.json
+++ b/tsconfig.json
@ -0,0 +1,20 @@
 {
  "compilerOptions": {
    "target": "ESNext",
    "useDefineForClassFields": true,
    "lib": ["DOM", "DOM.Iterable", "ESNext"],
    "allowJs": false,
    "skipLibCheck": false,
    "esModuleInterop": false,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "ESNext",
    "moduleResolution": "Node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": ["./src"]
 }
--- a/vite.config.ts
+++ b/vite.config.ts
@ -0,0 +1,7 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 // https://vitejs.dev/config/
 export default defineConfig({
  plugins: [react()],
 });