feat: add app version and name define

ziteh · Dec 28, 2024 · c301e0b · c301e0b
1 parent eaff738
commit c301e0b
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 4 deletions.
diff --git a/.pretterignore → .prettierignore b/.pretterignore → .prettierignore
diff --git a/index.html b/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/tabler-plug.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>Web Serial Monitor</title>
 
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

diff --git a/public/tabler-plug.svg b/public/tabler-plug.svg
diff --git a/src/components/app-sidebar.tsx b/src/components/app-sidebar.tsx
@@ -10,7 +10,7 @@ import ConnectionConfig from "@/components/connection-config";
 export function AppSidebar() {
   return (
     <Sidebar>
-      <SidebarHeader>Web Serial Monitor</SidebarHeader>
+      <SidebarHeader>{__APP_NAME__} {__APP_VERSION__}</SidebarHeader>
       <SidebarContent>
         <SidebarGroup />
         <ConnectionConfig />

diff --git a/src/components/connection-config/index.tsx b/src/components/connection-config/index.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import ConfigSelect from "./config-select";
 import { Button } from "../ui/button";
 import { SerialPortManager } from "@/lib/serialport";

diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
@@ -3,3 +3,6 @@
 interface Navigator {
   serial?: Serial;
 }
+
+declare const __APP_NAME__: string;
+declare const __APP_VERSION__: string;
diff --git a/vite.config.ts b/vite.config.ts
@@ -1,6 +1,7 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
 import path from "node:path";
+import { version } from "./package.json";
 
 // https://vite.dev/config/
 export default defineConfig({
@@ -10,4 +11,8 @@ export default defineConfig({
       "@": path.resolve(__dirname, "./src"),
     },
   },
+  define: {
+    __APP_NAME__: JSON.stringify("Web Serial Monitor"),
+    __APP_VERSION__: JSON.stringify(version),
+  },
 });