feat: add version info to UI

xiangechen · Aug 11, 2024 · 88fa041 · 88fa041
1 parent 4f681b3
commit 88fa041
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 1 deletion.
diff --git a/packages/chili-ui/src/home/home.module.css b/packages/chili-ui/src/home/home.module.css
@@ -67,6 +67,13 @@
                 font-weight: bold;
                 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
             }
+
+            .version {
+                font-size: 14px;
+                margin-top: 4px;
+                letter-spacing: 0px;
+                opacity: 0.56;
+            }
         }
     }
 

diff --git a/packages/chili-ui/src/home/home.ts b/packages/chili-ui/src/home/home.ts
@@ -75,6 +75,10 @@ export class Home extends HTMLElement {
                         span({
                             textContent: "CHILI3D",
                         }),
+                        span({
+                            className: style.version,
+                            textContent: __APP_VERSION__,
+                        }),
                     ),
                     collection({
                         className: style.buttons,

diff --git a/packages/chili-ui/src/ribbon/ribbon.ts b/packages/chili-ui/src/ribbon/ribbon.ts
@@ -135,7 +135,7 @@ export class Ribbon extends HTMLElement {
                             className: style.icon,
                             icon: "icon-chili",
                         }),
-                        span({ textContent: "Chili3D 2024 - dev" }),
+                        span({ textContent: `Chili3D - v${__APP_VERSION__}` }),
                     ),
                 ),
                 div(

diff --git a/packages/global.d.ts b/packages/global.d.ts
@@ -24,3 +24,5 @@ declare module "*.jpg" {
     const path: string;
     export default path;
 }
+
+declare var __APP_VERSION__: string;
diff --git a/rspack.config.js b/rspack.config.js
@@ -64,6 +64,9 @@ const config = defineConfig({
                 },
             ],
         }),
+        new rspack.DefinePlugin({
+            __APP_VERSION__: JSON.stringify(require("./package.json").version),
+        }),
         new rspack.HtmlRspackPlugin({
             template: "./public/index.html",
             inject: "body",