PyPI - nextpy-framework - Versions diffs - 2.4.4__tar.gz → 2.4.6__tar.gz - Mend

nextpy-framework 2.4.4tar.gz → 2.4.6tar.gz

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

{nextpy_framework-2.4.4 → nextpy_framework-2.4.6}/.nextpy_framework/nextpy/cli.py RENAMED Viewed

@@ -196,7 +196,7 @@ def _format_size(size_bytes: int) -> str:
     return f"{size:.1f} {size_names[i]}"
 @click.group()
-@click.version_option(version="1.0.0", prog_name="NextPy")
+@click.version_option(version="2.4.4", prog_name="NextPy")
 def cli():
     """NextPy - A Python web framework inspired by Next.js"""
     pass
@@ -533,7 +533,7 @@ def version():
     click.echo(click.style("\n  📋 NextPy Framework Info", fg="cyan", bold=True))
     click.echo(click.style("  ===================\n", fg="cyan"))
-    click.echo(f"  🏷️  Version: 2.4.3")
+    click.echo(f"  🏷️  Version: 2.4.6 ")
     click.echo(f"  🐍 Python: {sys.version.split()[0]}")
     click.echo(f"  ⚡ Framework: NextPy")
     click.echo(f"  🎨 Architecture: True JSX")
@@ -561,7 +561,7 @@ def info():
     # Framework info
     click.echo(click.style("  📦 Framework Details:", fg="blue", bold=True))
-    click.echo(f"    Version: 2.0.0")
+    click.echo(f"    Version: 2.4.4")
     click.echo(f"    Architecture: True JSX")
     click.echo(f"    Python: {sys.version.split()[0]}")
@@ -878,6 +878,43 @@ def _create_project_structure(project_dir: Path):
         (project_dir / dir_path).mkdir(parents=True, exist_ok=True)
         click.echo(f"  Created: {dir_path}/")
+    # Create essential templates
+    (project_dir / "templates" / "_page.html").write_text('''<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>{{ title or "NextPy App" }}</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+</head>
+<body>
+    <div id="app">
+        {{ content }}
+    </div>
+</body>
+</html>''')
+    click.echo("  Created: templates/_page.html")
+    (project_dir / "templates" / "_404.html").write_text('''<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>404 - Page Not Found</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+</head>
+<body class="min-h-screen bg-gray-100 flex items-center justify-center">
+    <div class="text-center">
+        <h1 class="text-6xl font-bold text-gray-900 mb-4">404</h1>
+        <p class="text-xl text-gray-600 mb-8">Page not found</p>
+        <a href="/" class="px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
+            Go Home
+        </a>
+    </div>
+</body>
+</html>''')
+    click.echo("  Created: templates/_404.html")
     # Create styles.css with Tailwind directives
     (project_dir / "styles.css").write_text('''/* NextPy Styles */
 @tailwind base;
@@ -982,7 +1019,7 @@ body {
     # Create postcss.config.js with new Tailwind plugin
     (project_dir / "postcss.config.js").write_text('''module.exports = {
   plugins: {
-    '@tailwindcss/postcss': {},
+    tailwindcss: {},
     autoprefixer: {},
   },
 };''')
@@ -1005,11 +1042,8 @@ body {
   "devDependencies": {
     "autoprefixer": "^10.4.22",
     "postcss": "^8.5.6",
-    "tailwindcss": "^4.1.17"
-  },
-  "dependencies": {
-    "@tailwindcss/postcss": "^4.1.18",
-    "postcss-cli": "^11.0.1"
+    "postcss-cli": "^11.0.1",
+    "tailwindcss": "^3.4.1"
   }
 }''')
     click.echo("  Created: package.json")
@@ -1024,7 +1058,6 @@ def Home(props=None):
     return (
         <div className="min-h-screen bg-gradient-to-br from-blue-600 via-purple-600 to-pink-600">
-            {/* Navigation */}
             <nav className="bg-white border-b border-white bg-opacity-10 backdrop-blur-md border-opacity-20">
                 <div className="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
                     <div className="flex items-center justify-between h-16">
@@ -1046,7 +1079,6 @@ def Home(props=None):
                 </div>
             </nav>
-            {/* Hero Section */}
             <div className="relative overflow-hidden">
                 <div className="mx-auto max-w-7xl">
                     <div className="relative z-10 pb-8 bg-transparent sm:pb-16 md:pb-20 lg:pb-28 xl:pb-32">
@@ -1072,7 +1104,6 @@ def Home(props=None):
                     </div>
                 </div>
-                {/* Background decoration */}
                 <div className="absolute inset-0 -z-10">
                     <div className="absolute top-0 transform -translate-x-1/2 left-1/2 blur-3xl opacity-20">
                         <div className="rounded-full aspect-square w-96 h-96 bg-gradient-to-r from-blue-400 to-purple-600"></div>
@@ -1083,7 +1114,7 @@ def Home(props=None):
                 </div>
             </div>
-            {/* Features Section */}
             <div className="py-12 bg-white">
                 <div className="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
                     <div className="lg:text-center">
@@ -1097,10 +1128,10 @@ def Home(props=None):
                     <div className="mt-10">
                         <div className="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-10 lg:grid-cols-3">
-                            {/* Feature 1 */}
                             <div className="relative">
                                 <div className="absolute flex items-center justify-center w-12 h-12 text-white bg-blue-500 rounded-md">
-                                    <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                    <svg className="w-6 h-6" fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7m0 0v7l9-11h-7z" />
                                     </svg>
                                 </div>
@@ -1111,14 +1142,14 @@ def Home(props=None):
                                     Write React-like components directly in Python with full JSX support.
                                 </p>
                                 <a href="/jsx-demo" className="mt-4 ml-16 text-base font-medium text-blue-600 hover:text-blue-500">
-                                    Learn more →
+                                    Learn more &rarr;
                                 </a>
                             </div>
-                            {/* Feature 2 */}
                             <div className="relative">
                                 <div className="absolute flex items-center justify-center w-12 h-12 text-white bg-purple-500 rounded-md">
-                                    <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                    <svg className="w-6 h-6" fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7" />
                                     </svg>
                                 </div>
@@ -1129,14 +1160,14 @@ def Home(props=None):
                                     Built-in Tailwind CSS v4 with PostCSS compilation and utility classes.
                                 </p>
                                 <a href="/tailwind-demo" className="mt-4 ml-16 text-base font-medium text-blue-600 hover:text-blue-500">
-                                    Learn more →
+                                    Learn more &rarr;
                                 </a>
                             </div>
-                            {/* Feature 3 */}
                             <div className="relative">
                                 <div className="absolute flex items-center justify-center w-12 h-12 text-white bg-green-500 rounded-md">
-                                    <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                    <svg className="w-6 h-6" fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 2 9 9 0 0118 0z" />
                                     </svg>
                                 </div>
@@ -1147,7 +1178,7 @@ def Home(props=None):
                                     Automatic route discovery with support for dynamic routes and API endpoints.
                                 </p>
                                 <a href="/routing-demo" className="mt-4 ml-16 text-base font-medium text-blue-600 hover:text-blue-500">
-                                    Learn more →
+                                    Learn more &rarr;
                                 </a>
                             </div>
                         </div>
@@ -1155,7 +1186,7 @@ def Home(props=None):
                 </div>
             </div>
-            {/* Interactive Demo Section */}
             <div className="py-12 bg-gray-50">
                 <div className="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
                     <div className="text-center">
@@ -1168,7 +1199,7 @@ def Home(props=None):
                     </div>
                     <div className="grid grid-cols-1 gap-8 mt-12 sm:grid-cols-2 lg:grid-cols-3">
-                        {/* Interactive Counter */}
                         <div className="p-6 bg-white rounded-lg shadow-lg">
                             <h3 className="text-lg font-medium text-gray-900">Live Counter</h3>
                             <p className="mt-2 text-sm text-gray-500">Interactive state management demo</p>
@@ -1180,7 +1211,7 @@ def Home(props=None):
                             </div>
                         </div>
-                        {/* Form Demo */}
                         <div className="p-6 bg-white rounded-lg shadow-lg">
                             <h3 className="text-lg font-medium text-gray-900">Form Handling</h3>
                             <p className="mt-2 text-sm text-gray-500">Server-side form processing</p>
@@ -1192,7 +1223,7 @@ def Home(props=None):
                             </div>
                         </div>
-                        {/* API Demo */}
                         <div className="p-6 bg-white rounded-lg shadow-lg">
                             <h3 className="text-lg font-medium text-gray-900">API Integration</h3>
                             <p className="mt-2 text-sm text-gray-500">RESTful API endpoints</p>
@@ -1207,12 +1238,12 @@ def Home(props=None):
                 </div>
             </div>
-            {/* Footer */}
             <footer className="bg-gray-900">
                 <div className="px-4 py-12 mx-auto max-w-7xl sm:px-6 lg:px-8">
                     <div className="flex flex-col items-center space-y-4">
                         <p className="text-base text-center text-gray-400">
-                            Built with ❤️ using NextPy Framework
+                            Built with &hearts; using NextPy Framework
                         </p>
                         <div className="flex space-x-6">
                             <a href="/about" className="text-gray-400 hover:text-gray-300">About</a>
@@ -1249,8 +1280,7 @@ def About(props=None):
     return (
         <div className="min-h-screen bg-gray-50">
-            {/* Hero Section */}
-            <div className="text-white bg-gradient-to-r from-blue-600 to-purple-600">
+                        <div className="text-white bg-gradient-to-r from-blue-600 to-purple-600">
                 <div className="px-4 py-16 mx-auto max-w-7xl sm:py-24 sm:px-6 lg:px-8">
                     <div className="text-center">
                         <h1 className="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl">
@@ -1271,7 +1301,7 @@ def About(props=None):
                 </div>
             </div>
-            {/* Features Grid */}
             <div className="py-12 bg-white">
                 <div className="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
                     <div className="lg:text-center">
@@ -1285,10 +1315,10 @@ def About(props=None):
                     <div className="mt-10">
                         <div className="gap-8 space-y-10 md:space-y-0 md:grid md:grid-cols-2 lg:grid-cols-3">
-                            {/* Feature 1 */}
                             <div className="relative">
                                 <div className="absolute flex items-center justify-center w-12 h-12 text-white bg-blue-500 rounded-md">
-                                    <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                    <svg className="w-6 h-6" fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7m0 0v7l9-11h-7z" />
                                     </svg>
                                 </div>
@@ -1298,10 +1328,10 @@ def About(props=None):
                                 </p>
                             </div>
-                            {/* Feature 2 */}
                             <div className="relative">
                                 <div className="absolute flex items-center justify-center w-12 h-12 text-white bg-purple-500 rounded-md">
-                                    <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                    <svg className="w-6 h-6" fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7" />
                                     </svg>
                                 </div>
@@ -1311,10 +1341,10 @@ def About(props=None):
                                 </p>
                             </div>
-                            {/* Feature 3 */}
                             <div className="relative">
                                 <div className="absolute flex items-center justify-center w-12 h-12 text-white bg-green-500 rounded-md">
-                                    <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                    <svg className="w-6 h-6" fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 2 9 9 0 0118 0z" />
                                     </svg>
                                 </div>
@@ -1324,10 +1354,10 @@ def About(props=None):
                                 </p>
                             </div>
-                            {/* Feature 4 */}
                             <div className="relative">
                                 <div className="absolute flex items-center justify-center w-12 h-12 text-white bg-red-500 rounded-md">
-                                    <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                    <svg className="w-6 h-6" fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7m0 0v7l9-11h-7z" />
                                     </svg>
                                 </div>
@@ -1337,10 +1367,10 @@ def About(props=None):
                                 </p>
                             </div>
-                            {/* Feature 5 */}
                             <div className="relative">
                                 <div className="absolute flex items-center justify-center w-12 h-12 text-white bg-yellow-500 rounded-md">
-                                    <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                    <svg className="w-6 h-6" fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 00-1.065 2.572c1.756.426 1.756 2.924 0 3.35-1.756a1.724 1.724 0 00-1.066-2.573c1.756-.426 1.756-2.924 0-3.35 1.756a1.724 1.724 0 00-2.573-1.066c-1.756.426-1.756-2.924 0-3.35 1.756A1.724 1.724 0 006.573 2.572C3.31 7.76 1.574 8.686 4.317 8.686a1.724 1.724 0 00-1.066-2.572c1.756-.426 1.756-2.924 0-3.35 1.756a1.724 1.724 0 00-2.573-1.066c-1.756.426-1.756-2.924 0-3.35 1.756A1.724 1.724 0 001.066 2.572c1.756.426 1.756 2.924 0 3.35-1.756a1.724 1.724 0 002.573 1.066z" />
                                     </svg>
                                 </div>
@@ -1350,10 +1380,10 @@ def About(props=None):
                                 </p>
                             </div>
-                            {/* Feature 6 */}
                             <div className="relative">
                                 <div className="absolute flex items-center justify-center w-12 h-12 text-white bg-indigo-500 rounded-md">
-                                    <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                    <svg className="w-6 h-6" fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
                                     </svg>
                                 </div>
@@ -1367,7 +1397,7 @@ def About(props=None):
                 </div>
             </div>
-            {/* Interactive Demo Section */}
             <div className="py-12 bg-gray-50">
                 <div className="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
                     <div className="text-center">
@@ -1380,11 +1410,11 @@ def About(props=None):
                     </div>
                     <div className="grid grid-cols-1 gap-8 mt-12 sm:grid-cols-2 lg:grid-cols-3">
-                        {/* JSX Demo */}
                         <div className="p-6 transition-shadow bg-white rounded-lg shadow-lg hover:shadow-xl">
                             <div className="text-center">
                                 <div className="flex items-center justify-center w-12 h-12 mx-auto mb-4 text-white bg-blue-500 rounded-md">
-                                    <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                    <svg className="w-6 h-6" fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7m0 0v7l9-11h-7z" />
                                     </svg>
                                 </div>
@@ -1395,11 +1425,11 @@ def About(props=None):
                                 </button>
                             </div>
-                        {/* Tailwind Demo */}
                         <div className="p-6 transition-shadow bg-white rounded-lg shadow-lg hover:shadow-xl">
                             <div className="text-center">
                                 <div className="flex items-center justify-center w-12 h-12 mx-auto mb-4 text-white bg-purple-500 rounded-md">
-                                    <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                    <svg className="w-6 h-6" fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7" />
                                     </svg>
                                 </div>
@@ -1410,11 +1440,11 @@ def About(props=None):
                                 </button>
                             </div>
-                        {/* API Demo */}
                         <div className="p-6 transition-shadow bg-white rounded-lg shadow-lg hover:shadow-xl">
                             <div className="text-center">
                                 <div className="flex items-center justify-center w-12 h-12 mx-auto mb-4 text-white bg-green-500 rounded-md">
-                                    <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                    <svg className="w-6 h-6" fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 2 9 9 0 0118 0z" />
                                     </svg>
                                 </div>
@@ -1429,7 +1459,7 @@ def About(props=None):
                 </div>
             </div>
-            {/* Stats Section */}
             <div className="bg-blue-600">
                 <div className="px-4 py-12 mx-auto max-w-7xl sm:px-6 lg:px-8">
                     <div className="grid grid-cols-2 gap-8 lg:grid-cols-4">
@@ -1453,12 +1483,12 @@ def About(props=None):
                 </div>
             </div>
-            {/* Footer */}
             <footer className="bg-gray-900">
                 <div className="px-4 py-8 mx-auto max-w-7xl sm:px-6 lg:px-8">
                     <div className="flex flex-col items-center space-y-4">
                         <p className="text-base text-center text-gray-400">
-                            Built with ❤️ using NextPy Framework
+                            Built with &hearts; using NextPy Framework
                         </p>
                         <div className="flex space-x-6">
                             <a href="/" className="text-gray-400 hover:text-gray-300">Home</a>
@@ -1497,7 +1527,7 @@ def InteractiveDemo(props=None):
                 </h1>
                 <div className="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3">
-                    {/* Counter Demo */}
                     <div className="p-6 bg-white shadow-lg rounded-xl">
                         <h2 className="mb-4 text-2xl font-bold text-gray-900">Live Counter</h2>
                         <div className="text-center">
@@ -1516,7 +1546,7 @@ def InteractiveDemo(props=None):
                         </div>
                     </div>
-                    {/* Todo List Demo */}
                     <div className="p-6 bg-white shadow-lg rounded-xl">
                         <h2 className="mb-4 text-2xl font-bold text-gray-900">Todo List</h2>
                         <div className="space-y-4">
@@ -1527,12 +1557,12 @@ def InteractiveDemo(props=None):
                                 </button>
                             </div>
                             <ul id="todoList" className="space-y-2">
-                                {/* Todos will be added here dynamically */}
                             </ul>
                         </div>
                     </div>
-                    {/* Color Picker Demo */}
                     <div className="p-6 bg-white shadow-lg rounded-xl">
                         <h2 className="mb-4 text-2xl font-bold text-gray-900">Color Picker</h2>
                         <div className="space-y-4">
@@ -1543,7 +1573,7 @@ def InteractiveDemo(props=None):
                         </div>
                     </div>
-                    {/* Form Validation Demo */}
                     <div className="p-6 bg-white shadow-lg rounded-xl">
                         <h2 className="mb-4 text-2xl font-bold text-gray-900">Form Validation</h2>
                         <form onsubmit="validateForm(event)" className="space-y-4">
@@ -1560,7 +1590,7 @@ def InteractiveDemo(props=None):
                             </button>
                         </form>
                         <div id="validationResult" className="hidden p-4 mt-4 rounded-lg">
-                            {/* Validation results will appear here */}
                         </div>
                     </div>
                 </div>
@@ -1594,13 +1624,13 @@ def Features(props=None):
                 <div className="grid grid-cols-1 gap-12 md:grid-cols-2">
                     <div className="space-y-12">
-                        {/* Core Features */}
                         <div>
                             <h2 className="mb-6 text-2xl font-bold text-gray-900">Core Features</h2>
                             <div className="space-y-6">
                                 <div className="flex items-start space-x-4">
                                     <div className="flex-shrink-0 w-6 h-6 text-green-500">
-                                        <svg fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                        <svg fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                                         </svg>
                                     </div>
@@ -1612,7 +1642,7 @@ def Features(props=None):
                                 <div className="flex items-start space-x-4">
                                     <div className="flex-shrink-0 w-6 h-6 text-blue-500">
-                                        <svg fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                        <svg fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7" />
                                         </svg>
                                     </div>
@@ -1624,7 +1654,7 @@ def Features(props=None):
                                 <div className="flex items-start space-x-4">
                                     <div className="flex-shrink-0 w-6 h-6 text-purple-500">
-                                        <svg fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                        <svg fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 2 9 9 0 0118 0z" />
                                         </svg>
                                     </div>
@@ -1636,13 +1666,13 @@ def Features(props=None):
                             </div>
                         </div>
-                        {/* Development Features */}
                         <div>
                             <h2 className="mb-6 text-2xl font-bold text-gray-900">Development Experience</h2>
                             <div className="space-y-6">
                                 <div className="flex items-start space-x-4">
                                     <div className="flex-shrink-0 w-6 h-6 text-red-500">
-                                        <svg fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                        <svg fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v16h16V4H4z" />
                                         </svg>
                                     </div>
@@ -1654,7 +1684,7 @@ def Features(props=None):
                                 <div className="flex items-start space-x-4">
                                     <div className="flex-shrink-0 w-6 h-6 text-yellow-500">
-                                        <svg fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                        <svg fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.75 5H6.25v13l4.5 4.5z" />
                                         </svg>
                                     </div>
@@ -1666,7 +1696,7 @@ def Features(props=None):
                                 <div className="flex items-start space-x-4">
                                     <div className="flex-shrink-0 w-6 h-6 text-indigo-500">
-                                        <svg fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                        <svg fill="none" viewBox={'0 0 24 24'} stroke="currentColor">
                                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
                                         </svg>
                                     </div>
@@ -1707,7 +1737,7 @@ def GettingStarted(props=None):
                 </div>
                 <div className="space-y-16">
-                    {/* Step 1 */}
                     <div className="p-8 rounded-lg bg-blue-50">
                         <div className="flex items-center mb-4">
                             <div className="flex items-center justify-center flex-shrink-0 w-8 h-8 font-bold text-white bg-blue-500 rounded-full">
@@ -1727,7 +1757,7 @@ def GettingStarted(props=None):
                         </div>
                     </div>
-                    {/* Step 2 */}
                     <div className="p-8 rounded-lg bg-green-50">
                         <div className="flex items-center mb-4">
                             <div className="flex items-center justify-center flex-shrink-0 w-8 h-8 font-bold text-white bg-green-500 rounded-full">
@@ -1744,18 +1774,18 @@ def GettingStarted(props=None):
                                 <h3 className="mb-2 font-semibold text-gray-900">Project Structure</h3>
                                 <pre className="p-4 overflow-x-auto text-sm bg-gray-100 rounded">
 {`my-app/
-├── pages/           # Your pages and API routes
-├── components/      # Reusable components
-├── templates/       # HTML templates
-├── public/          # Static assets
-├── styles.css        # Tailwind CSS
-├── main.py          # Application entry point
-└── requirements.txt  # Python dependencies`}</pre>
+|-- pages/           # Your pages and API routes
+|-- components/      # Reusable components
+|-- templates/       # HTML templates
+|-- public/          # Static assets
+|-- styles.css        # Tailwind CSS
+|-- main.py          # Application entry point
+`-- requirements.txt  # Python dependencies`}</pre>
                             </div>
                         </div>
                     </div>
-                    {/* Step 3 */}
                     <div className="p-8 rounded-lg bg-purple-50">
                         <div className="flex items-center mb-4">
                             <div className="flex items-center justify-center flex-shrink-0 w-8 h-8 font-bold text-white bg-purple-500 rounded-full">
@@ -1775,7 +1805,7 @@ def GettingStarted(props=None):
                         </div>
                     </div>
-                    {/* Step 4 */}
                     <div className="p-8 rounded-lg bg-yellow-50">
                         <div className="flex items-center mb-4">
                             <div className="flex items-center justify-center flex-shrink-0 w-8 h-8 font-bold text-white bg-yellow-500 rounded-full">
@@ -1927,21 +1957,21 @@ default = Layout
     "css.value.unit": "rem"
   },
   "files.exclude": {
-    "**/__pycache__": true,
-    "**/*.pyc": true,
-    "**/node_modules": true,
-    "**/out": true,
-    "**/.next": true,
-    "**/.pytest_cache": true,
-    "**/.mypy_cache": true
+    "*}__pycache__": true,
+    "*}*.pyc": true,
+    "*}node_modules": true,
+    "*}out": true,
+    "*}.next": true,
+    "*}.pytest_cache": true,
+    "*}.mypy_cache": true
   },
   "search.exclude": {
-    "**/node_modules": true,
-    "**/out": true,
-    "**/.next": true,
-    "**/__pycache__": true,
-    "**/.pytest_cache": true,
-    "**/.mypy_cache": true
+    "*}node_modules": true,
+    "*}out": true,
+    "*}.next": true,
+    "*}__pycache__": true,
+    "*}.pytest_cache": true,
+    "*}.mypy_cache": true
   },
   "python.linting.enabled": true,
   "python.linting.pylintEnabled": false,
@@ -2197,19 +2227,19 @@ This is a NextPy application with True JSX, Tailwind CSS, and comprehensive API
 ## Project Structure
 ```
-├── pages/           # File-based routing
-│   ├── api/        # API routes
-│   └── *.py        # Page components
-├── components/      # Reusable components
-├── templates/       # HTML templates
-├── models/         # Database models
-├── utils/          # Utility functions
-├── hooks/          # Custom hooks
-├── middleware/     # Custom middleware
-├── tests/          # Test files
-├── public/         # Static assets
-├── styles/         # CSS files
-└── docs/           # Documentation
+|-- pages/           # File-based routing
+|   |-- api/        # API routes
+|   `-- *.py        # Page components
+|-- components/      # Reusable components
+|-- templates/       # HTML templates
+|-- models/         # Database models
+|-- utils/          # Utility functions
+|-- hooks/          # Custom hooks
+|-- middleware/     # Custom middleware
+|-- tests/          # Test files
+|-- public/         # Static assets
+|-- styles/         # CSS files
+`-- docs/           # Documentation
 ```
 ## Getting Started
@@ -2254,9 +2284,6 @@ import sys
 import subprocess
 from pathlib import Path
-print(f"DEBUG: Current working directory: {Path.cwd()}")
-print(f"DEBUG: sys.path before modification: {sys.path}")
 # Compile Tailwind CSS using PostCSS
 try:
     print("Compiling Tailwind CSS...")
@@ -2268,15 +2295,13 @@ try:
         check=True
     )
     print("Tailwind CSS compiled successfully.")
-    if result.stdout:
-        print(f"CSS Output: {result.stdout[:200]}...")
 except subprocess.CalledProcessError as e:
     print(f"Error compiling Tailwind CSS: {e}")
     if e.stderr:
         print(f"CSS Error: {e.stderr}")
 except FileNotFoundError:
     print("Error: PostCSS not found. Make sure Node.js and Tailwind CSS are installed.")
-    print("Install with: npm install postcss-cli @tailwindcss/postcss")
+    print("Install with: npm install postcss-cli tailwindcss autoprefixer")
 # Import NextPy modules (works when installed via pip)
 from nextpy.server.app import create_app

{nextpy_framework-2.4.4 → nextpy_framework-2.4.6}/.nextpy_framework/nextpy/core/component_router.py RENAMED Viewed

@@ -342,26 +342,34 @@ class ComponentRouter:
         return handler
     def _create_template_handler(self, file_path: Path) -> Optional[Callable]:
-        """Load the traditional template-based handler"""
+        """Load the traditional template-based handler using JSX transformer"""
         try:
-            spec = importlib.util.spec_from_file_location(
-                file_path.stem,
-                file_path
-            )
-            if spec and spec.loader:
-                module = importlib.util.module_from_spec(spec)
-                spec.loader.exec_module(module)
+            # Use JSX transformer for consistent loading
+            from ..jsx_transformer import JSXTransformer
+            transformer = JSXTransformer()
+            module = transformer.load_jsx_module(file_path, file_path.stem)
+            if module:
                 for func_name in ["handler", "page", "get", "post", "default"]:
                     if hasattr(module, func_name):
                         return getattr(module, func_name)
-                if hasattr(module, "Page"):
-                    return module.Page
+        except Exception:
+            # Fallback to regular import if JSX transformer fails
+            try:
+                spec = importlib.util.spec_from_file_location(
+                    file_path.stem,
+                    file_path
+                )
+                if spec and spec.loader:
+                    module = importlib.util.module_from_spec(spec)
+                    spec.loader.exec_module(module)
-        except Exception as e:
-            print(f"Error loading handler from {file_path}: {e}")
+                    for func_name in ["handler", "page", "get", "post", "default"]:
+                        if hasattr(module, func_name):
+                            return getattr(module, func_name)
+            except Exception:
+                pass  # Silently fail if both methods fail
         return None
     def _sort_routes(self) -> None:

{nextpy_framework-2.4.4 → nextpy_framework-2.4.6}/.nextpy_framework/nextpy/core/router.py RENAMED Viewed

@@ -164,26 +164,34 @@ class Router:
         )
     def _load_handler(self, file_path: Path) -> Optional[Callable]:
-        """Dynamically load the handler function from a page file"""
+        """Dynamically load the handler function from a page file using JSX transformer"""
         try:
-            spec = importlib.util.spec_from_file_location(
-                file_path.stem,
-                file_path
-            )
-            if spec and spec.loader:
-                module = importlib.util.module_from_spec(spec)
-                spec.loader.exec_module(module)
+            # Use JSX transformer for consistent loading
+            from ..jsx_transformer import JSXTransformer
+            transformer = JSXTransformer()
+            module = transformer.load_jsx_module(file_path, file_path.stem)
+            if module:
                 for func_name in ["handler", "page", "get", "post", "default"]:
                     if hasattr(module, func_name):
                         return getattr(module, func_name)
-                if hasattr(module, "Page"):
-                    return module.Page
         except Exception as e:
-            print(f"Error loading handler from {file_path}: {e}")
+            # Fallback to regular import if JSX transformer fails
+            try:
+                spec = importlib.util.spec_from_file_location(
+                    file_path.stem,
+                    file_path
+                )
+                if spec and spec.loader:
+                    module = importlib.util.module_from_spec(spec)
+                    spec.loader.exec_module(module)
+                    for func_name in ["handler", "page", "get", "post", "default"]:
+                        if hasattr(module, func_name):
+                            return getattr(module, func_name)
+            except Exception:
+                pass  # Silently fail if both methods fail
         return None
     def _sort_routes(self) -> None:

{nextpy_framework-2.4.4 → nextpy_framework-2.4.6}/.nextpy_framework/nextpy/server/app.py RENAMED Viewed

@@ -131,34 +131,57 @@ class NextPyApp:
         # Add all routes from the router
         for route in self.router.get_all_routes():
             if route.is_api:
-                # API routes
+                # API routes - FIXED: use default argument to capture route correctly
+                def create_api_handler(route_obj):
+                    def api_handler(request, route=route_obj):
+                        return self._handle_api_request(request, route, {})
+                    return api_handler
                 self.app.add_api_route(
                     route.path,
-                    lambda request, r=route: self._handle_api_request(request, r, {}),
+                    create_api_handler(route),
                     methods=["GET", "POST", "PUT", "DELETE", "PATCH", "OPTIONS"]
                 )
             else:
-                # Page routes
-                async def page_handler(request):
-                    return await self._handle_request(request, route.path)
+                # Page routes - FIXED: use default argument to capture route correctly
+                def create_page_handler(route_path):
+                    async def page_handler(request, path=route_path):
+                        return await self._handle_request(request, path)
+                    return page_handler
                 self.app.add_route(
                     route.path,
-                    page_handler,
+                    create_page_handler(route.path),
                     methods=["GET", "POST", "PUT", "DELETE", "PATCH", "OPTIONS"]
                 )
     def _load_module_from_file(self, file_path: Path) -> Optional[Any]:
-        """Load a Python module from a file path"""
+        """Load a Python module from a file path with caching"""
         try:
+            # Convert relative path to absolute path
+            if not file_path.is_absolute():
+                file_path = Path.cwd() / file_path
+            # Create cache key
+            cache_key = str(file_path.resolve())
+            # Check cache first (unless in debug mode)
+            if not self.debug and cache_key in self._modules_cache:
+                return self._modules_cache[cache_key]
             module_name = f"nextpy_page_{file_path.stem}_{hash(str(file_path))}"
-            spec = importlib.util.spec_from_file_location(module_name, file_path)
-            if spec and spec.loader:
-                module = importlib.util.module_from_spec(spec)
-                sys.modules[module_name] = module
-                spec.loader.exec_module(module)
-                return module
+            # Use JSX transformer for JSX files
+            from nextpy.jsx_transformer import JSXTransformer
+            transformer = JSXTransformer()
+            module = transformer.load_jsx_module(file_path, module_name)
+            # Cache the module (unless in debug mode)
+            if module and not self.debug:
+                self._modules_cache[cache_key] = module
+            return module
         except Exception as e:
             if self.debug:
                 print(f"Error loading module from {file_path}: {e}")
@@ -210,13 +233,29 @@ class NextPyApp:
             if module:
                 props = await execute_data_fetching(module, context)
+                # Execute the page component to get JSX
+                content = ""
+                if hasattr(module, 'default'):
+                    component = module.default
+                    component_props = {**props, "params": params}
+                    jsx_element = component(component_props)
+                    # Convert JSX to HTML
+                    try:
+                        from nextpy.jsx import render_jsx
+                        content = render_jsx(jsx_element)
+                    except ImportError:
+                        # Fail fast - JSX renderer is required
+                        raise RuntimeError("JSX renderer not available. Please install nextpy.jsx module.")
             template_name = self._get_template_name(route, module)
             html = await self.renderer.render_async(
                 template_name,
                 context={
                     **props,
+                    "content": content,
                     "params": params,
                     "query": dict(request.query_params),
                     "request": request,

{nextpy_framework-2.4.4 → nextpy_framework-2.4.6/.nextpy_framework/nextpy_framework.egg-info}/PKG-INFO RENAMED Viewed

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: nextpy-framework
-Version: 2.4.4
+Version: 2.4.6
 Summary: A Python web framework inspired by Next.js with file-based routing, SSR, and SSG and more
 Author: NextPy Team
 License: MIT

{nextpy_framework-2.4.4/.nextpy_framework/nextpy_framework.egg-info → nextpy_framework-2.4.6}/PKG-INFO RENAMED Viewed

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: nextpy-framework
-Version: 2.4.4
+Version: 2.4.6
 Summary: A Python web framework inspired by Next.js with file-based routing, SSR, and SSG and more
 Author: NextPy Team
 License: MIT

{nextpy_framework-2.4.4 → nextpy_framework-2.4.6}/pyproject.toml RENAMED Viewed

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 [project]
 name = "nextpy-framework"
-version = "2.4.4"
+version = "2.4.6"
 description = "A Python web framework inspired by Next.js with file-based routing, SSR, and SSG and more"
 readme = "README.md"
 requires-python = ">=3.11"