create-flexireact 3.0.7 → 4.0.0

package/README.md

@@ -1,6 +1,6 @@
 # create-flexireact
 
-Create FlexiReact v2 apps with one command.
+Create FlexiReact v4 apps with one command.
 
 ## Usage
 
@@ -22,16 +22,17 @@ npm create flexireact@latest my-app
 | **Minimal** | Bare minimum FlexiReact setup |
 | **App Router** | Next.js style `app/` directory routing |
 
-## What's New in v2
+## What's New in v3.1
 
+- ⚛️ **React 19 Stable** — Full support for Actions and useActionState
 - 🆕 **TypeScript Native** — CLI rewritten in TypeScript
 - 🎨 **Tailwind CSS v4** — New `@import "tailwindcss"` syntax
 - 📁 **Routes Directory** — New `routes/` with route groups
-- ⚡ **Modern Templates** — Beautiful, production-ready starters
+- ⚡ **Modern Templates** — Beautiful, production-ready starters with React 19 defaults
 
 ## What's Included
 
-- ⚡ **FlexiReact v2** — The Modern React Framework
+- ⚡ **FlexiReact v4** — The Modern React Framework with React 19
 - 📘 **TypeScript** — Full type safety
 - 🎨 **Tailwind CSS v4** — Latest styling features
 - 📁 **File-based routing** — `routes/`, `app/`, or `pages/`

package/dist/templates/app-router.js

@@ -148,7 +148,7 @@ export default function HomePage() {
             <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-[#00FF9C] opacity-75"></span>
             <span className="relative inline-flex rounded-full h-2 w-2 bg-[#00FF9C]"></span>
           </span>
-          <span className="text-gray-400">Introducing FlexiReact v3.0</span>
+          <span className="text-gray-400">Introducing FlexiReact v4.0</span>
         </div>
 
         {/* Heading */}

package/dist/templates/default.d.ts

@@ -1,9 +1,9 @@
 /**
- * Default Template - Full-featured FlexiReact v3 setup
+ * Default Template - Full-featured FlexiReact v4 setup
  *
  * Structure:
  * - app/          : Layout, components, styles, providers
- * - routes/       : FlexiReact v3 file-based routing
+ * - routes/       : FlexiReact v4 file-based routing
  * - lib/          : Utilities
  * - public/       : Static assets
  */

package/dist/templates/default.js

@@ -1,9 +1,9 @@
 /**
- * Default Template - Full-featured FlexiReact v3 setup
+ * Default Template - Full-featured FlexiReact v4 setup
  *
  * Structure:
  * - app/          : Layout, components, styles, providers
- * - routes/       : FlexiReact v3 file-based routing
+ * - routes/       : FlexiReact v4 file-based routing
  * - lib/          : Utilities
  * - public/       : Static assets
  */
@@ -232,7 +232,7 @@ export function Footer() {
   return (
     <footer className="border-t border-border py-8 mt-auto">
       <div className="container mx-auto px-4 text-center text-sm text-muted max-w-6xl">
-        <p>Built with FlexiReact v3 • {new Date().getFullYear()}</p>
+        <p>Built with FlexiReact v4 • {new Date().getFullYear()}</p>
         <p className="mt-2">
           <a href="https://discord.gg/rFSZxFtpAA" target="_blank" rel="noopener noreferrer" className="text-primary hover:underline">
             Join our Discord Community 💬
@@ -294,7 +294,7 @@ export function useTheme() {
         // Styles
         'app/styles/globals.css': `@import "tailwindcss";
 
-/* FlexiReact v3 Theme */
+/* FlexiReact v4 Theme */
 @theme {
   /* Colors */
   --color-background: #0a0a0a;
@@ -358,14 +358,14 @@ body {
 }
 `,
         // ========================================================================
-        // Routes Directory - FlexiReact v3 Routing
+        // Routes Directory - FlexiReact v4 Routing
         // ========================================================================
         'routes/(public)/home.tsx': `import React from 'react';
 import { Button } from '@/app/components/ui';
 
 export const metadata = {
-  title: 'FlexiReact v3 - The Modern React Framework',
-  description: 'Build fast, modern web apps with FlexiReact v3',
+  title: 'FlexiReact v4 - The Modern React Framework',
+  description: 'Build fast, modern web apps with FlexiReact v4',
 };
 
 export default function HomePage() {
@@ -378,7 +378,7 @@ export default function HomePage() {
             <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75"></span>
             <span className="relative inline-flex rounded-full h-2 w-2 bg-primary"></span>
           </span>
-          <span className="text-muted">Introducing FlexiReact v3.0</span>
+          <span className="text-muted">Introducing FlexiReact v4.0</span>
         </div>
 
         {/* Heading */}
@@ -542,7 +542,7 @@ export default function BlogPost({ params }: BlogPostProps) {
       
       <div className="prose prose-invert">
         <p>
-          This page demonstrates dynamic routing in FlexiReact v3. 
+          This page demonstrates dynamic routing in FlexiReact v4. 
           The [slug].tsx file creates a dynamic route that matches any path under /blog/.
         </p>
       </div>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-flexireact",
-  "version": "3.0.7",
-  "description": "Create FlexiReact v3 apps with one command - The Modern React Framework",
+  "version": "4.0.0",
+  "description": "Create FlexiReact v4 apps with one command - The Modern React Framework",
   "author": "FlexiReact Team",
   "license": "MIT",
   "type": "module",
@@ -50,4 +50,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}