diff --git a/gbajs3/package-lock.json b/gbajs3/package-lock.json
index 8dde5a49..605ee73a 100644
--- a/gbajs3/package-lock.json
+++ b/gbajs3/package-lock.json
@@ -58,6 +58,7 @@
"msw": "^2.0.14",
"rollup-plugin-visualizer": "^5.9.2",
"typescript": "^5.1.3",
+ "unplugin-info": "^1.2.1",
"vite": "^5.0.0",
"vite-plugin-pwa": "^0.21.0",
"vitest": "^2.0.2"
@@ -2701,6 +2702,23 @@
"@jridgewell/sourcemap-codec": "^1.4.14"
}
},
+ "node_modules/@kwsites/file-exists": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/@kwsites/file-exists/-/file-exists-1.1.1.tgz",
+ "integrity": "sha512-m9/5YGR18lIwxSFDwfE3oA7bWuq9kdau6ugN4H2rJeyhFQZcG9AgSHkQtSD15a8WvTgfz9aikZMrKPHvbpqFiw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "debug": "^4.1.1"
+ }
+ },
+ "node_modules/@kwsites/promise-deferred": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/@kwsites/promise-deferred/-/promise-deferred-1.1.1.tgz",
+ "integrity": "sha512-GaHYm+c0O9MjZRu0ongGBRbinu8gVAMd2UZjji6jVmqKtZluZnptXGWhz1E8j8D2HJ3f/yMxKAUC0b+57wncIw==",
+ "dev": true,
+ "license": "MIT"
+ },
"node_modules/@mswjs/interceptors": {
"version": "0.36.10",
"resolved": "https://registry.npmjs.org/@mswjs/interceptors/-/interceptors-0.36.10.tgz",
@@ -4707,6 +4725,22 @@
"node": ">= 16"
}
},
+ "node_modules/ci-info": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-4.1.0.tgz",
+ "integrity": "sha512-HutrvTNsF48wnxkzERIXOe5/mlcfFcbfCmwcg6CJnizbSue78AbDt+1cgl26zwn61WFxhcPykPfZrbqjGmBb4A==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/sibiraj-s"
+ }
+ ],
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ }
+ },
"node_modules/cli-width": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/cli-width/-/cli-width-4.1.0.tgz",
@@ -6441,6 +6475,27 @@
"url": "https://github.com/sponsors/ljharb"
}
},
+ "node_modules/git-up": {
+ "version": "7.0.0",
+ "resolved": "https://registry.npmjs.org/git-up/-/git-up-7.0.0.tgz",
+ "integrity": "sha512-ONdIrbBCFusq1Oy0sC71F5azx8bVkvtZtMJAsv+a6lz5YAmbNnLD6HAB4gptHZVLPR8S2/kVN6Gab7lryq5+lQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "is-ssh": "^1.4.0",
+ "parse-url": "^8.1.0"
+ }
+ },
+ "node_modules/git-url-parse": {
+ "version": "15.0.0",
+ "resolved": "https://registry.npmjs.org/git-url-parse/-/git-url-parse-15.0.0.tgz",
+ "integrity": "sha512-5reeBufLi+i4QD3ZFftcJs9jC26aULFLBU23FeKM/b1rI0K6ofIeAblmDVO7Ht22zTDE9+CkJ3ZVb0CgJmz3UQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "git-up": "^7.0.0"
+ }
+ },
"node_modules/glob": {
"version": "7.2.3",
"resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -7141,6 +7196,16 @@
"url": "https://github.com/sponsors/ljharb"
}
},
+ "node_modules/is-ssh": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/is-ssh/-/is-ssh-1.4.0.tgz",
+ "integrity": "sha512-x7+VxdxOdlV3CYpjvRLBv5Lo9OJerlYanjwFrPR9fuGPjCiNiCzFgAWpiLAohSbsnH4ZAys3SBh+hq5rJosxUQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "protocols": "^2.0.1"
+ }
+ },
"node_modules/is-stream": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
@@ -8137,6 +8202,26 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
+ "node_modules/parse-path": {
+ "version": "7.0.0",
+ "resolved": "https://registry.npmjs.org/parse-path/-/parse-path-7.0.0.tgz",
+ "integrity": "sha512-Euf9GG8WT9CdqwuWJGdf3RkUcTBArppHABkO7Lm8IzRQp0e2r/kkFnmhu4TSK30Wcu5rVAZLmfPKSBBi9tWFog==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "protocols": "^2.0.0"
+ }
+ },
+ "node_modules/parse-url": {
+ "version": "8.1.0",
+ "resolved": "https://registry.npmjs.org/parse-url/-/parse-url-8.1.0.tgz",
+ "integrity": "sha512-xDvOoLU5XRrcOZvnI6b8zA6n9O9ejNk/GExuz1yBuWUGn9KA97GI6HTs6u02wKara1CeVmZhH+0TZFdWScR89w==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "parse-path": "^7.0.0"
+ }
+ },
"node_modules/parse5": {
"version": "7.2.1",
"resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.1.tgz",
@@ -8413,6 +8498,13 @@
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
"license": "MIT"
},
+ "node_modules/protocols": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/protocols/-/protocols-2.0.1.tgz",
+ "integrity": "sha512-/XJ368cyBJ7fzLMwLKv1e4vLxOju2MNAIokcr7meSaNcVbWz/CPcW22cP04mwxOErdA5mwjA8Q6w/cdAQxVn7Q==",
+ "dev": true,
+ "license": "MIT"
+ },
"node_modules/psl": {
"version": "1.10.0",
"resolved": "https://registry.npmjs.org/psl/-/psl-1.10.0.tgz",
@@ -9334,6 +9426,22 @@
"url": "https://github.com/sponsors/isaacs"
}
},
+ "node_modules/simple-git": {
+ "version": "3.27.0",
+ "resolved": "https://registry.npmjs.org/simple-git/-/simple-git-3.27.0.tgz",
+ "integrity": "sha512-ivHoFS9Yi9GY49ogc6/YAi3Fl9ROnF4VyubNylgCkA+RVqLaKWnDSzXOVzya8csELIaWaYNutsEuAhZrtOjozA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@kwsites/file-exists": "^1.1.1",
+ "@kwsites/promise-deferred": "^1.1.1",
+ "debug": "^4.3.5"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/steveukx/git-js?sponsor=1"
+ }
+ },
"node_modules/slash": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
@@ -10315,6 +10423,69 @@
"node": ">= 10.0.0"
}
},
+ "node_modules/unplugin": {
+ "version": "1.15.0",
+ "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.15.0.tgz",
+ "integrity": "sha512-jTPIs63W+DUEDW207ztbaoO7cQ4p5aVaB823LSlxpsFEU3Mykwxf3ZGC/wzxFJeZlASZYgVrWeo7LgOrqJZ8RA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "acorn": "^8.14.0",
+ "webpack-virtual-modules": "^0.6.2"
+ },
+ "engines": {
+ "node": ">=14.0.0"
+ },
+ "peerDependencies": {
+ "webpack-sources": "^3"
+ },
+ "peerDependenciesMeta": {
+ "webpack-sources": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/unplugin-info": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/unplugin-info/-/unplugin-info-1.2.1.tgz",
+ "integrity": "sha512-NwssEGmXCBYnGE3i9UhhK1nva1GF8EU21mBGmGZQVOYZwmNHOs+wcwgGnHsmc1nX4PkVQTLiawaLQBeP6HJKkA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "ci-info": "^4.0.0",
+ "git-url-parse": "^15.0.0",
+ "simple-git": "^3.27.0",
+ "unplugin": "^1.14.1"
+ },
+ "peerDependencies": {
+ "@nuxt/kit": "^3",
+ "@nuxt/schema": "^3",
+ "esbuild": "*",
+ "rollup": "^2 || ^3 || ^4",
+ "vite": ">=3.2.7",
+ "webpack": "^4 || ^5"
+ },
+ "peerDependenciesMeta": {
+ "@nuxt/kit": {
+ "optional": true
+ },
+ "@nuxt/schema": {
+ "optional": true
+ },
+ "esbuild": {
+ "optional": true
+ },
+ "rollup": {
+ "optional": true
+ },
+ "vite": {
+ "optional": true
+ },
+ "webpack": {
+ "optional": true
+ }
+ }
+ },
"node_modules/upath": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz",
@@ -10653,6 +10824,13 @@
"node": ">=12"
}
},
+ "node_modules/webpack-virtual-modules": {
+ "version": "0.6.2",
+ "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+ "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+ "dev": true,
+ "license": "MIT"
+ },
"node_modules/whatwg-encoding": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
diff --git a/gbajs3/package.json b/gbajs3/package.json
index 75ba0ca5..b2ca5c04 100644
--- a/gbajs3/package.json
+++ b/gbajs3/package.json
@@ -63,6 +63,7 @@
"msw": "^2.0.14",
"rollup-plugin-visualizer": "^5.9.2",
"typescript": "^5.1.3",
+ "unplugin-info": "^1.2.1",
"vite": "^5.0.0",
"vite-plugin-pwa": "^0.21.0",
"vitest": "^2.0.2"
diff --git a/gbajs3/src/components/modals/about.tsx b/gbajs3/src/components/modals/about.tsx
index e2cb7bc5..3fdd62a6 100644
--- a/gbajs3/src/components/modals/about.tsx
+++ b/gbajs3/src/components/modals/about.tsx
@@ -1,5 +1,7 @@
-import { Button } from '@mui/material';
+import { Button, Chip } from '@mui/material';
import { useLocalStorage } from '@uidotdev/usehooks';
+import { BiCheckCircle } from 'react-icons/bi';
+import { styled } from 'styled-components';
import { ModalBody } from './modal-body.tsx';
import { ModalFooter } from './modal-footer.tsx';
@@ -9,6 +11,20 @@ import { productTourLocalStorageKey } from '../product-tour/consts.tsx';
import type { CompletedProductTourSteps } from '../product-tour/product-tour-intro.tsx';
+// eslint-disable-next-line import/no-unresolved -- virtual module
+import { lastTag } from '~build/git';
+
+const FlexWrapper = styled.div`
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ width: 100%;
+`;
+
+const StyledP = styled.p`
+ margin-bottom: 0;
+`;
+
export const AboutModal = () => {
const { setIsModalOpen } = useModalContext();
const [, setHasCompletedProductTourSteps] = useLocalStorage<
@@ -38,13 +54,24 @@ export const AboutModal = () => {
Enjoy, your game will boot!
-
+
See the{' '}
WIKI
{' '}
and tour items for further information!
-
+
+
+ }
+ clickable
+ />
+
+///
interface ImportMetaEnv {
readonly VITE_GBA_SERVER_LOCATION: string;
diff --git a/gbajs3/vite.config.ts b/gbajs3/vite.config.ts
index 2b3d89c4..6b07ffa8 100644
--- a/gbajs3/vite.config.ts
+++ b/gbajs3/vite.config.ts
@@ -4,6 +4,7 @@ import { coverageConfigDefaults } from 'vitest/config';
import react from '@vitejs/plugin-react';
import { VitePWA } from 'vite-plugin-pwa';
import { visualizer } from 'rollup-plugin-visualizer';
+import Info from 'unplugin-info/vite';
export default defineConfig({
base: './',
@@ -85,6 +86,7 @@ export default defineConfig({
globPatterns: ['**/*.{js,css,html,wasm}']
}
}),
+ Info(),
visualizer({ gzipSize: true })
],
optimizeDeps: {