feat: include version (#33)

Fixes #25

Author: coderbyheart

.github/workflows/build-and-release.yaml

@@ -27,6 +27,10 @@ jobs:
             ${{ runner.OS }}-
       - name: Install dependencies
         run: npm ci --no-audit
+      - name: Determine next release version
+        run: |
+          node .github/workflows/get-next-version.js > .version
+          cat .version
       - name: Build
         run: npm run build
         env:

.github/workflows/get-next-version.js

@@ -0,0 +1,41 @@
+const semanticRelease = require('semantic-release')
+const { promises: fs } = require('fs')
+const path = require('path')
+const { WritableStreamBuffer } = require('stream-buffers')
+
+const stdoutBuffer = new WritableStreamBuffer()
+const stderrBuffer = new WritableStreamBuffer()
+
+const main = async () => {
+	const pjson = JSON.parse(
+		await fs.readFile(path.join(process.cwd(), 'package.json')),
+	)
+	const result = await semanticRelease(
+		{
+			// Core options
+			branch: pjson.release.branch,
+			repositoryUrl: pjson.repository.url,
+			plugins: ['@semantic-release/commit-analyzer'],
+			dryRun: true,
+		},
+		{
+			cwd: process.cwd(),
+			stdout: stdoutBuffer,
+			stderr: stderrBuffer,
+		},
+	)
+
+	if (result) {
+		const { nextRelease } = result
+		process.stdout.write(nextRelease.version)
+	} else {
+		console.error('No new release.')
+		process.stderr.write(stdoutBuffer.getContentsAsString('utf8'))
+		if (stderrBuffer.size > 0) {
+			process.stderr.write(stderrBuffer.getContentsAsString('utf8'))
+		}
+		process.stdout.write(pjson.version)
+	}
+}
+
+main()

.gitignore

@@ -1,2 +1,3 @@
 node_modules/
-dist/
+dist/
+.version

package-lock.json

@@ -25,6 +25,7 @@
     "@bifravst/code-style": "^7.0.0",
     "@commitlint/cli": "^8.3.5",
     "@commitlint/config-angular": "^8.3.4",
+    "@semantic-release/commit-analyzer": "^8.0.1",
     "@svgr/webpack": "^5.3.0",
     "@types/react": "^16.9.25",
     "@types/react-dom": "^16.9.5",
@@ -35,7 +36,9 @@
     "eslint-plugin-react": "^7.19.0",
     "handlebars": "^4.7.3",
     "husky": "^4.2.3",
+    "semantic-release": "^17.0.4",
     "source-map-loader": "^0.2.4",
+    "stream-buffers": "^3.0.2",
     "ts-loader": "^6.2.2",
     "twilio-chat": "^3.3.4",
     "typescript": "^3.8.3",

package.json

@@ -18,6 +18,10 @@ export const Error = ({ type, message }: ErrorInfo) => (
 	<Header>
 		<Text>
 			<strong>{type}:</strong> {message}
+			<br />
+			<small>
+				UI version: <code>{GLOBAL_VERSION}</code>
+			</small>
 		</Text>
 	</Header>
 )

src/Chat/components/Error.tsx

@@ -60,7 +60,10 @@ export const DevNotice = ({ onClosed }: { onClosed: () => void }) => (
 		>
 			GitHub
 		</a>
-		.
+		.<br />
+		<small>
+			Version: <code>{GLOBAL_VERSION}</code>
+		</small>
 		<UIButton
 			type="button"
 			onClick={() => {

src/Chat/components/Notice.tsx

@@ -35,6 +35,7 @@ export const chat = ({
 
 	const deviceId = v4()
 
+	log('Version:', GLOBAL_VERSION)
 	log({ apiEndpoint, apiKey, deviceId, token })
 
 	ReactDOM.render(

src/chat.tsx

@@ -1,6 +1,7 @@
 const imageUrl =
 		'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLW1lc3NhZ2UtY2lyY2xlIj48cGF0aCBkPSJNMjEgMTEuNWE4LjM4IDguMzggMCAwIDEtLjkgMy44IDguNSA4LjUgMCAwIDEtNy42IDQuNyA4LjM4IDguMzggMCAwIDEtMy44LS45TDMgMjFsMS45LTUuN2E4LjM4IDguMzggMCAwIDEtLjktMy44IDguNSA4LjUgMCAwIDEgNC43LTcuNiA4LjM4IDguMzggMCAwIDEgMy44LS45aC41YTguNDggOC40OCAwIDAgMSA4IDh2LjV6Ij48L3BhdGg+PC9zdmc+' // base64 -w0 <feather icon chat bubble white>
 ;(window as any).DAChatButton = (onClick: (remove: () => void) => void) => {
+	console.log('Chat', GLOBAL_VERSION)
 	const button = document.createElement('button')
 	button.id = 'distribute-aid-chat-button'
 	const img = document.createElement('img')

src/chatbutton.ts

@@ -2,3 +2,7 @@ declare module '*.svg' {
 	const content: React.StatelessComponent<React.SVGAttributes<SVGElement>>
 	export default content
 }
+/**
+ * This string is replaced through webpack.
+ */
+declare const GLOBAL_VERSION: string

src/types.d.ts

@@ -1,6 +1,15 @@
 const fs = require('fs')
 const path = require('path')
 const Handlebars = require('handlebars')
+const webpack = require('webpack')
+
+let v = 'unknown'
+try {
+	v = fs.readFileSync(path.join(process.cwd(), '.version')).trim()
+} catch {
+	v = JSON.parse(fs.readFileSync(path.join(process.cwd(), 'package.json')))
+		.version
+}
 
 const cfg = {
 	entry: {
@@ -41,6 +50,11 @@ module.exports = [
 		...cfg,
 		mode: 'production',
 		name: 'production',
+		plugins: [
+			new webpack.DefinePlugin({
+				GLOBAL_VERSION: JSON.stringify(v),
+			}),
+		],
 	},
 	{
 		...cfg,
@@ -71,5 +85,10 @@ module.exports = [
 				},
 			],
 		},
+		plugins: [
+			new webpack.DefinePlugin({
+				GLOBAL_VERSION: JSON.stringify(v),
+			}),
+		],
 	},
 ]