Merge pull request #83 from tgxn/version

add package version

src/components/SiteHeader.jsx

@@ -8,6 +8,7 @@ import { Toaster, toast } from "sonner";
 
 import { BrowserRouter as Router, useNavigate, useLocation } from "react-router-dom";
 
+import Typography from "@mui/joy/Typography";
 import Chip from "@mui/joy/Chip";
 import Sheet from "@mui/joy/Sheet";
 import Box from "@mui/joy/Box";
@@ -455,7 +456,15 @@ export default function SiteHeader({ height }) {
               </Button>
             </BasicInfoTooltip>
           )}
-          <BasicInfoTooltip title="View Code & Report Issues on GitHub" variant="outlined">
+          <BasicInfoTooltip
+            title={
+              <Typography sx={{ textAlign: "center" }}>
+                Code & Issues on GitHub <br />
+                Version: {process.env.PACKAGE_VERSION}
+              </Typography>
+            }
+            variant="outlined"
+          >
             <IconButton
               size="sm"
               variant="outlined"

webpack.common.js

@@ -1,8 +1,12 @@
+const webpack = require("webpack");
 const path = require("path");
 
 const HtmlWebpackPlugin = require("html-webpack-plugin");
 const CopyWebpackPlugin = require("copy-webpack-plugin");
 
+const package = require("./package.json");
+const packageVersion = package.version;
+
 module.exports = {
   entry: "./src/index.jsx",
   output: {
@@ -22,6 +26,9 @@ module.exports = {
     new CopyWebpackPlugin({
       patterns: [{ from: "public", to: "" }],
     }),
+    new webpack.EnvironmentPlugin({
+      PACKAGE_VERSION: packageVersion,
+    }),
   ],
   module: {
     rules: [