Make Git tag the single source of app version

Author: 01397

.github/workflows/deploy.yml

@@ -16,6 +16,8 @@ jobs:
           cache: 'npm'
       - run: npm install
       - run: npm run build
+        env:
+          VITE_APP_VERSION: ${{ github.ref_name }}
       - name: Publish to Cloudflare Pages
         uses: cloudflare/wrangler-action@v3
         with:

package-lock.json

@@ -1,6 +1,5 @@
 {
   "name": "clouddia",
-  "version": "0.4.4",
   "description": "Online Diagram Editor",
   "homepage": "https://clouddia.01397.dev/clouddia/",
   "main": "src/main.ts",

package.json

@@ -14,7 +14,7 @@ import View, { viewTypeString } from './components/View.js';
 import DiagramParser, { DiagramFile, Train } from './DiagramParser.js';
 import Encoding from 'encoding-japanese';
 import { Dialog, h, Menu } from './Util.js';
-import './styles/app.css'
+import './styles/app.css';
 
 export interface SelectionObject {
   train?: Train;
@@ -95,7 +95,9 @@ export default class App {
   private menu: MenuItem[];
 
   constructor(root: Element) {
-    this.version = '0.4.4';
+    this.version = import.meta.env.PROD
+      ? import.meta.env.VITE_APP_VERSION
+      : 'dev-build';
     this.sidebarElm = h('aside', { id: 'sidebar' }, null);
     this.toolbarElm = h('div', { id: 'toolbar' }, null);
     this.tabbarElm = h('div', { id: 'tabbar' }, null);
@@ -222,7 +224,7 @@ export default class App {
   public save() {
     //const bom = new Uint8Array([0xef, 0xbb, 0xbf]);
     const unicodeArray: number[] = [];
-    const oudiaString = this.data.saveAsOud('CloudDia v' + this.version);
+    const oudiaString = this.data.saveAsOud('CloudDia ' + this.version);
     for (let i = 0; i < oudiaString.length; i++) {
       unicodeArray.push(oudiaString.charCodeAt(i));
     }

src/App.ts

@@ -148,7 +148,7 @@ export default class StartView extends View {
           h('a', { href: 'https://github.com/01397/clouddia' }, 'GitHub'),
         ]),
         h('p', { class: 'start-readme-paragraph' }, [
-          document.createTextNode('バージョン: v' + this.app.version + ' '),
+          document.createTextNode('バージョン: ' + this.app.version + ' '),
           h(
             'a',
             {

src/components/StartView.ts

@@ -0,0 +1,11 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  // VITE_APP_VERSIONは、GitHub Actionsによるビルド時にGit tagから取得したバージョン番号を設定する
+  // 例: "v0.1.0"
+  VITE_APP_VERSION: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}