create-isotope-app 1.2.4 → 1.2.6

package/package.json

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

package/src/templates/core/kernel.js

@@ -126,7 +126,18 @@ class Kernel {
             $replacement = "";
             if (isset($data[$listKey]) && is_array($data[$listKey])) {
                 foreach ($data[$listKey] as $item) {
-                    $replacement .= preg_replace('/\\\\{\\\\s*' . preg_quote($itemVar, '/') . '\\\\s*\\\\}/i', (string)$item, $itemTpl);
+                    $rowHtml = $itemTpl;
+                    if (is_array($item) || is_object($item)) {
+                        $itemArray = (array)$item;
+                        foreach ($itemArray as $k => $v) {
+                            if (is_scalar($v)) {
+                                $rowHtml = preg_replace('/\\\\{\\\\s*' . preg_quote($itemVar, '/') . '\\\\.' . preg_quote($k, '/') . '\\\\s*\\\\}/i', (string)$v, $rowHtml);
+                            }
+                        }
+                    } else {
+                        $rowHtml = preg_replace('/\\\\{\\\\s*' . preg_quote($itemVar, '/') . '\\\\s*\\\\}/i', (string)$item, $rowHtml);
+                    }
+                    $replacement .= $rowHtml;
                 }
             }
             return $replacement;

package/src/templates/pages/posts.js

@@ -5,37 +5,47 @@ 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";
 
-export default function PostsPage({ posts, db_config }) {
+interface Post {
+    id: number;
+    title: string;
+    content: string;
+    created_at?: string;
+}
+
+interface PostsPageProps {
+    posts: Post[];
+    db_config?: string;
+}
+
+export default function PostsPage({ posts, db_config }: PostsPageProps) {
     return (
         <div className="p-8 max-w-4xl mx-auto text-white">
             <h1 className="text-4xl font-bold mb-8 text-[#00d4ff]">Blog Posts (CRUD Demo)</h1>
@@ -48,6 +58,7 @@ export default function PostsPage({ posts, db_config }) {
                         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">
@@ -58,7 +69,7 @@ export default function PostsPage({ posts, db_config }) {
             </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>
@@ -76,10 +87,14 @@ export default function PostsPage({ posts, db_config }) {
   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
 ];
@@ -87,11 +102,22 @@ return [
 
 "use client";
 
-export default function PostsPage({ posts }) {
+interface Post {
+    id: number;
+    title: string;
+    content: string;
+    created_at?: string;
+}
+
+interface PostsPageProps {
+    posts: Post[];
+}
+
+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>