add version string

.github/workflows/build_ghpages.yml

@@ -12,6 +12,8 @@ jobs:
     steps:
     - name: Checkout code
       uses: actions/checkout@master
+      with:
+        fetch-depth: 0
 
     - name: Use Node.js 15.x
       uses: actions/setup-node@v1
@@ -28,6 +30,7 @@ jobs:
     - run: npm run build
     - run: git config user.name github-actions
     - run: git config user.email [email protected]
+    - run: git describe --tags --match v* > build/build_version.txt
     - run: git add -A
     - run: git commit -m "build GitHub Pages"
     - run: git push -f origin ghpages

build-ghpages.bat

@@ -3,6 +3,7 @@ git checkout -b ghpages
 del .gitignore
 move .gitignore.ghpages .gitignore
 cmd /C npm run build
+git describe --tags --match v* > build/build_version.txt
 git add -A
 git commit -m "build GitHub Pages"
 git push -f origin ghpages

src/App.tsx

@@ -33,6 +33,20 @@ export default function App()
     const dockableCtx = Dockable.useDockableInit()
     const popupCtx = useRefState(() => Popup.getDefaultCtx())
 
+    const [version, setVersion] = React.useState("")
+
+    React.useEffect(() =>
+    {
+        ;(async () =>
+        {
+            const versionFile = await fetch("build/build_version.txt")
+            const versionTxt = await versionFile.text()
+            if (versionTxt.startsWith("v0-"))
+                setVersion("v0." + versionTxt.match(".*?\-(.*?)\-")![1])
+        })()
+
+    }, [])
+
 
     React.useEffect(() =>
     {
@@ -91,6 +105,13 @@ export default function App()
                     }}>
                         How to use the app
                     </a>
+                    <span style={{
+                        color: "#aaa",
+                        alignSelf: "center",
+                        marginLeft: "1em",
+                    }}>
+                        { version }
+                    </span>
                 </Menubar.Root>
 
                 { !Playback.global.synthLoading ? null :