vending-mocha 0.1.1 → 0.1.3

package/bin/cli.js

@@ -12,6 +12,8 @@ import { Command } from 'commander';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
+const pkg = JSON.parse(fs.readFileSync(path.join(__dirname, '../package.json'), 'utf8'));
+
 const IGNORE_FILES = [
     'node_modules',
     '.git',
@@ -422,7 +424,7 @@ const program = new Command();
 program
     .name('vending-mocha')
     .description('A personal blogging framework for developers')
-    .version('0.0.0')
+    .version(pkg.version)
     .addHelpText('before', getAsciiArt());
 
 program.command('new')

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vending-mocha",
   "description": "A personal blogging framework for developers.",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "license": "Apache-2.0",
   "type": "module",
   "bin": {

package/posts/hello-world.md

@@ -16,13 +16,14 @@ Welcome to **Vending Mocha**! This is a sample post. You can edit this file or a
 - **SSG**: Static Site Generation for optimal performance.
 - **Theme Support**: Customize your blog with different themes.
 - **Deployment**: Ready for GitHub Pages deployment.
+- **AI ready**: Fully compatible with Antigravity for setup, deployment and content generation.
 
 ### Getting Started
 
 To create a new Vending Mocha blog, run the following command in your terminal:
 
 ```bash
-npx vending-mocha new <my-blog>
+npx vending-mocha@latest new <my-blog>
 ```
 
 Follow the interactive prompts to set up your blog's configuration.

package/src/entry-client.tsx

@@ -4,7 +4,8 @@ import { BrowserRouter } from 'react-router-dom'
 import * as ReactHelmetAsync from 'react-helmet-async'
 import App from './App'
 
-const { HelmetProvider } = (ReactHelmetAsync as any).default || ReactHelmetAsync;
+const helmetAsync = ReactHelmetAsync as any;
+const { HelmetProvider } = helmetAsync.default || helmetAsync;
 
 const container = document.getElementById('root')!
 

package/src/entry-server.tsx

@@ -6,7 +6,8 @@ import App from './App'
 import { siteConfig } from './site.config'
 export { siteConfig }
 
-const { HelmetProvider } = (ReactHelmetAsync as any).default || ReactHelmetAsync;
+const helmetAsync = ReactHelmetAsync as any;
+const { HelmetProvider } = helmetAsync.default || helmetAsync;
 
 import { getBasePath } from './utils/basePath';
 

package/src/pages/BlogPost.tsx

@@ -1,4 +1,7 @@
 import { useParams } from 'react-router-dom';
+import * as ReactHelmetAsync from 'react-helmet-async';
+const helmetAsync = ReactHelmetAsync as any;
+const { Helmet } = helmetAsync.default || helmetAsync;
 import { siteConfig } from '../site.config';
 import SiteHeader from '../components/SiteHeader';
 import Markdown from 'react-markdown';
@@ -54,7 +57,11 @@ export default function BlogPost() {
     return (
         <div className="blog-container">
             <SiteHeader />
-            <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} />
+            <Helmet>
+                <script type='application/ld+json'>
+                    {JSON.stringify(jsonLd)}
+                </script>
+            </Helmet>
             <header>
                 <h1>{postMeta.title}</h1>
                 <div className="meta">

package/src/pages/HomePage.tsx

@@ -5,7 +5,8 @@ import * as ReactHelmetAsync from 'react-helmet-async';
 import { siteConfig } from '../site.config';
 import { formatDate } from '../utils/date';
 
-const { Helmet } = (ReactHelmetAsync as any).default || ReactHelmetAsync;
+const helmetAsync = ReactHelmetAsync as any;
+const { Helmet } = helmetAsync.default || helmetAsync;
 
 const POSTS_PER_PAGE = 50;