create-isotope-app 1.2.5 → 1.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-isotope-app",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "description": "Atomic-based PHP & React hybrid framework for ATOMS GAMING",
   "main": "index.js",
   "type": "module",

package/src/templates/core/kernel.js

@@ -1,6 +1,15 @@
 export const kernelPhp = (styleChoice) => `<?php
 namespace Isotope;
 
+// Simple Autoloader for Core Classes
+spl_autoload_register(function ($class) {
+    if (str_starts_with($class, 'Isotope\\\\')) {
+        $name = str_replace('Isotope\\\\', '', $class);
+        $file = __DIR__ . "/$name.php";
+        if (file_exists($file)) require_once $file;
+    }
+});
+
 class Kernel {
     public static function boot() {
         self::loadEnv();

package/src/templates/pages/posts.js

@@ -5,32 +5,30 @@ export const postsPageIsx = (styleChoice) => {
 export const nucleus = proton\`
 // DATABASE CRUD EXAMPLE
 try {
-    // In a real setup, you would have a 'posts' table
-    // $posts = \\Isotope\\Database::query("SELECT * FROM posts ORDER BY created_at DESC")->fetchAll();
+    // Attempt to fetch from database
+    $posts = \\Isotope\\Database::query("SELECT * FROM posts ORDER BY created_at DESC")->fetchAll();
     
-    // Mock data for demonstration if DB is not connected
-    $posts = [
-        ['id' => 1, 'title' => 'Getting Started with Isotope', 'content' => 'Isotope is amazing!', 'created_at' => '2024-02-15'],
-        ['id' => 2, 'title' => 'Atomic Fusion Explained', 'content' => 'Combine PHP and React easily.', 'created_at' => '2024-02-16']
-    ];
-
     if ($_SERVER['REQUEST_METHOD'] === 'POST') {
         $action = $_POST['action'] ?? '';
-        if ($action === 'create') {
-            $title = $_POST['title'] ?? 'New Post';
-            // \\Isotope\\Database::query("INSERT INTO posts (title) VALUES (?)", [$title]);
+        if ($action === 'create' && !empty($_POST['title'])) {
+            $title = $_POST['title'];
+            \\Isotope\\Database::query("INSERT INTO posts (title, content) VALUES (?, ?)", [$title, "New content from Isotope"]);
             header("Location: /posts");
             exit;
         }
     }
-
-    return [
-        'posts' => $posts,
-        'db_config' => $_ENV['DB_NAME'] ?? 'Not Configured'
-    ];
 } catch (\\Exception $e) {
-    return ['error' => $e->getMessage(), 'posts' => []];
+    // Fallback to mock data if database is not set up yet
+    $posts = [
+        ['id' => 1, 'title' => 'Getting Started with Isotope', 'content' => 'Isotope is amazing!', 'created_at' => '2024-02-15'],
+        ['id' => 2, 'title' => 'Atomic Fusion Explained', 'content' => 'Combine PHP and React easily.', 'created_at' => '2024-02-16']
+    ];
 }
+
+return [
+    'posts' => $posts,
+    'db_config' => $_ENV['DB_NAME'] ?? 'Not Configured'
+];
 \`;
 
 "use client";
@@ -45,7 +43,6 @@ interface Post {
 interface PostsPageProps {
     posts: Post[];
     db_config?: string;
-    error?: string;
 }
 
 export default function PostsPage({ posts, db_config }: PostsPageProps) {
@@ -61,6 +58,7 @@ export default function PostsPage({ posts, db_config }: PostsPageProps) {
                         type="text" 
                         name="title" 
                         placeholder="Post title..." 
+                        required
                         className="flex-1 bg-black/40 border border-white/20 rounded-lg px-4 py-2 focus:border-[#00d4ff] outline-none"
                     />
                     <button className="bg-[#00d4ff] text-black font-bold px-6 py-2 rounded-lg hover:bg-[#00b8e6] transition-colors">
@@ -71,7 +69,7 @@ export default function PostsPage({ posts, db_config }: PostsPageProps) {
             </div>
 
             <div className="space-y-4">
-                {posts.map(post => (
+                {posts.map((post: Post) => (
                     <div key={post.id} className="p-6 bg-white/5 rounded-xl border border-white/10 hover:border-[#00d4ff]/30 transition-all">
                         <div className="flex justify-between items-start mb-2">
                             <h3 className="text-2xl font-bold">{post.title}</h3>
@@ -89,10 +87,14 @@ export default function PostsPage({ posts, db_config }: PostsPageProps) {
   return `import { proton } from '../../src/isotope';
 
 export const nucleus = proton\`
-// DATABASE CRUD EXAMPLE (Mock)
-$posts = [
-    ['id' => 1, 'title' => 'Default Template Post', 'content' => 'No Tailwind content here.']
-];
+// DATABASE CRUD EXAMPLE (Mock fallback)
+try {
+    $posts = \\Isotope\\Database::query("SELECT * FROM posts ORDER BY created_at DESC")->fetchAll();
+} catch (\\Exception $e) {
+    $posts = [
+        ['id' => 1, 'title' => 'Default Template Post', 'content' => 'No Tailwind content here.']
+    ];
+}
 return [
     'posts' => $posts
 ];
@@ -115,7 +117,7 @@ export default function PostsPage({ posts }: PostsPageProps) {
     return (
         <div style={{ padding: '2rem', color: 'white' }}>
             <h1>CRUD Demo</h1>
-            {posts.map(post => (
+            {posts.map((post: Post) => (
                 <div key={post.id} style={{ marginBottom: '1rem', padding: '1rem', border: '1px solid #333' }}>
                     <h3>{post.title}</h3>
                     <p>{post.content}</p>