Add version to site

Author: orta

packages/xd-crossword-tools/src/index.ts

@@ -12,3 +12,7 @@ export type { Puz2JSONResult } from "./vendor/puzjs"
 export { runLinterForClue } from "./xdLints"
 export { amuseToXD } from "./amuseJSONToXD"
 export { validateClueAnswersMatchGrid } from "./validateClueAnswersMatchGrid"
+
+// Export the package version
+import packageJson from "../package.json"
+export const version = packageJson.version

tsconfig.base.json

@@ -7,6 +7,7 @@
     "lib": ["es2020", "dom"],
     "noEmit": true,
     "moduleResolution": "node",
+    "resolveJsonModule": true,
     "esModuleInterop": true,
     "declaration": true,
     "sourceMap": true,

website/src/Homepage.tsx

@@ -27,6 +27,7 @@ import { convertToCrosswordFormat } from "./utils/convertToCrosswordFormat"
 import { CrosswordBarPreview } from "./components/CrosswordPreview"
 import { readmeHtml } from "virtual:readme"
 import { Link } from "wouter"
+import { version } from "xd-crossword-tools"
 
 function App() {
   const { crosswordJSON, lastFileContext, setXD, validationReports, cursorInfo } = use(RootContext)
@@ -431,7 +432,7 @@ function App() {
           <Navbar.Brand className={`brand-title ${isMobile ? "mobile-brand" : ""}`}>
             XD Crossword Tools
             <Badge bg="primary" className={`ms-2 version-badge ${isMobile ? "d-none" : ""}`}>
-              playground
+              v{version}
             </Badge>
           </Navbar.Brand>
           <div className={`header-subtitle ${isMobile ? "d-none" : ""}`}>Interactive crossword format converter and editor</div>