@basicbenframework/create 0.1.8 → 0.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basicbenframework/create",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "Create a new BasicBen application",
   "type": "module",
   "bin": {

package/template/src/client/pages/Home.jsx

@@ -1,3 +1,4 @@
+import { useState, useEffect } from 'react'
 import { useAuth, useNavigate } from '@basicbenframework/core/client'
 import { useTheme } from '../components/ThemeContext'
 import { Card } from '../components/Card'
@@ -9,6 +10,14 @@ export function Home() {
   const { user } = useAuth()
   const navigate = useNavigate()
   const { t, dark } = useTheme()
+  const [version, setVersion] = useState(null)
+
+  useEffect(() => {
+    fetch('https://registry.npmjs.org/@basicbenframework/core/latest')
+      .then(res => res.json())
+      .then(data => setVersion(data.version))
+      .catch(() => {})
+  }, [])
 
   const features = [
     {
@@ -197,9 +206,9 @@ export default (router) => {
       )}
 
       {/* Footer */}
-      <footer className={`text-center text-xs ${t.subtle} space-y-2`}>
+      <footer className={`text-center text-xs ${t.subtle} space-y-1`}>
         <p>Built with Node.js built-ins. Inspired by Laravel.</p>
-        <p>BasicBen v0.1.0</p>
+        {version && <p>BasicBen v{version}</p>}
       </footer>
     </div>
   )