eksa-framework 3.3.2 → 3.4.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 780c728ee88c41e54a84523f1d70bec838d559c165322ef92afadd4623f2e1b4
-  data.tar.gz: 3096a17f07c232b8b8c80a706e51310f3fc6196077877390c46b7e1fe4f802cb
+  metadata.gz: 240df13f36c40ffdbe4ca9da5ee387d88e72dcc7c9477978c55782959720badf
+  data.tar.gz: 64bada9f45b072af04bb8a126266cc1804f00800cd7bda47313e2f3e047dfb3d
 SHA512:
-  metadata.gz: 96c60d22e3632b4a08402c1e4a3b4ad5cbd82c3e209b87d30725cb7de9fb6dd4cd43b61eea09c62378cced2696286efaf199c70824521c3968ef775688feeed8
-  data.tar.gz: d2ecc1406064d10b52d08763b0e72dc6b65c3fa2b8c97dc16141ec57c0b6e526ed537da964b827c7bf460e28c430727963338c14993038d04e98e4b059cc2bda
+  metadata.gz: 25b6d53915adb207cf3329e4c6cd865ff5d26612a6a28aebd02e6b9d6484fb74846fbd07e570a16a80bb0307d24c4361c1363a87e56cca45db6f7c2511a8148b
+  data.tar.gz: df3e0ef70c040658e0be92110bff33a39ab55a1e30af989834dd1f19f9291b3d5bdbdc545b84718d9b4aeba27f2f2cb264e0678e78ed56dabbdea575e90afaed

data/.eksa.json

@@ -0,0 +1,4 @@
+{
+  "cms": true,
+  "auth": true
+}

data/Gemfile

@@ -10,4 +10,6 @@ gem 'puma'
 gem "rackup"
 gem 'sqlite3'
 gem 'kramdown'
-gem 'kramdown-parser-gfm'
+gem 'kramdown-parser-gfm'
+gem 'bcrypt', '~> 3.1'
+gem 'rack-session', '~> 2.0'

data/Gemfile.lock

@@ -1,6 +1,8 @@
 GEM
   remote: https://rubygems.org/
   specs:
+    base64 (0.3.0)
+    bcrypt (3.1.21)
     diff-lcs (1.6.2)
     kramdown (2.5.2)
       rexml (>= 3.4.4)
@@ -10,6 +12,9 @@ GEM
     puma (7.2.0)
       nio4r (~> 2.0)
     rack (3.2.5)
+    rack-session (2.1.1)
+      base64 (>= 0.1.0)
+      rack (>= 3.0.0)
     rack-test (2.2.0)
       rack (>= 1.3)
     rackup (2.3.1)
@@ -34,22 +39,27 @@ PLATFORMS
   x86_64-linux-gnu
 
 DEPENDENCIES
+  bcrypt (~> 3.1)
   kramdown
   kramdown-parser-gfm
   puma
   rack
+  rack-session (~> 2.0)
   rack-test (~> 2.1)
   rackup
   rspec (~> 3.12)
   sqlite3
 
 CHECKSUMS
+  base64 (0.3.0) sha256=27337aeabad6ffae05c265c450490628ef3ebd4b67be58257393227588f5a97b
+  bcrypt (3.1.21) sha256=5964613d750a42c7ee5dc61f7b9336fb6caca429ba4ac9f2011609946e4a2dcf
   diff-lcs (1.6.2) sha256=9ae0d2cba7d4df3075fe8cd8602a8604993efc0dfa934cff568969efb1909962
   kramdown (2.5.2) sha256=1ba542204c66b6f9111ff00dcc26075b95b220b07f2905d8261740c82f7f02fa
   kramdown-parser-gfm (1.1.0) sha256=fb39745516427d2988543bf01fc4cf0ab1149476382393e0e9c48592f6581729
   nio4r (2.7.5) sha256=6c90168e48fb5f8e768419c93abb94ba2b892a1d0602cb06eef16d8b7df1dca1
   puma (7.2.0) sha256=bf8ef4ab514a4e6d4554cb4326b2004eba5036ae05cf765cfe51aba9706a72a8
   rack (3.2.5) sha256=4cbd0974c0b79f7a139b4812004a62e4c60b145cba76422e288ee670601ed6d3
+  rack-session (2.1.1) sha256=0b6dc07dea7e4b583f58a48e8b806d4c9f1c6c9214ebc202ec94562cbea2e4e9
   rack-test (2.2.0) sha256=005a36692c306ac0b4a9350355ee080fd09ddef1148a5f8b2ac636c720f5c463
   rackup (2.3.1) sha256=6c79c26753778e90983761d677a48937ee3192b3ffef6bc963c0950f94688868
   rexml (3.4.4) sha256=19e0a2c3425dfbf2d4fc1189747bdb2f849b6c5e74180401b15734bc97b5d142

data/README.md

@@ -16,6 +16,8 @@
 * 🛠️ **Powerful CLI**: Inisialisasi project (`eksa init`), jalankan server (`eksa run`), generate komponen, dan **auto-routing** otomatis.
 * 💾 **Dynamic Database Engine**: Database SQLite otomatis dengan schema yang ditentukan oleh model Anda sendiri.
 * 🧪 **Built-in Testing**: Lingkungan pengujian otomatis siap pakai menggunakan RSpec dan `rack-test`.
+* 🛡️ **Built-in Authentication**: Sistem keamanan BCrypt dengan proteksi sesi Rack untuk registrasi log-in area Admin.
+* 📝 **Interactive CMS Dashboard**: Panel admin integratif untuk mengedit isi blog Markdown & transisi visibilitas via UI.
 * 🎨 **Asset Helpers**: Library bawaan untuk pengelolaan CSS dan JS yang lebih rapi.
 * 🔍 **Dynamic SEO Engine**: Penanganan otomatis file `robots.txt` dan `sitemap.xml`.
 * 💎 **JSON-LD Support**: Dukungan data terstruktur (Structured Data) otomatis untuk SEO yang lebih optimal.
@@ -68,11 +70,26 @@ eksa g controller Blog
 # Membuat model dan schema database
 eksa g model Post
 
-# Membuat postingan blog baru
-eksa g post "Judul Artikel"
+# Membuat postingan blog baru dengan meta tambahan
+eksa g post "Judul Artikel" --category "Kategori" --author "Nama Penulis" --image "url-gambar.jpg"
+
+# Mengaktifkan/menonaktifkan fitur bawaan Eksa (auth / cms)
+eksa feature enable auth
+eksa feature enable cms
+
+# Mengatur ulang sandi akun admin CMS langsung dari CLI
+eksa reset-password admin PasswordBaru123
 ```
 
-### 3. Markdown Blog Engine
+### 3. CMS Dashboard & Authentication
+Eksa hadir dengan sistem manajemen konten internal bergaya Glassmorphism.
+
+*   **Aktivasi**: Pertama, jalankan `eksa feature enable auth` dan `eksa feature enable cms` dari terminal Anda lalu *restart* server.
+*   **Registrasi**: Akses `http://localhost:9292/auth/register` (Hanya akun pertama yang bisa mendaftar sebagai Administrator).
+*   **Akses Dasbor**: Masuk ke rute `/cms` untuk melihat postingan, mengubah status publikasi (*Draft* / *Aktif*), menghapus postingan, hingga melakukan edit data via editor terintegrasi.
+*   **Proteksi Taut**: Rute login dan CMS sepenuhnya difilter oleh perantara otentikasi sesi Rack. Admin yang berhasil masuk secara otomatis terlindungi dari paparan rute login berlebih.
+
+### 4. Markdown Blog Engine
 Eksa memiliki sistem blog bawaan yang cara kerjanya mirip Jekyll. Cukup buat file `.md` di folder `_posts/` dengan metadata YAML (Front Matter):
 
 ```markdown

data/_posts/2026-03-15-welcome-to-eksa-framework.md

@@ -1,126 +1,148 @@
 ---
-title: "Welcome To Eksa Framework"
-date: 2026-03-15 14:09:58
+published: true
+title: Welcome To Eksa Framework
+date: 2026-03-15 21:09:58.000000000 +07:00
+author: IshikawaUta
+category: Framework
+image: https://res.cloudinary.com/dzsqaauqn/image/upload/v1773645204/logo_ne3hy4.png
 ---
 
-# ✨ Eksa Framework
-
-**Eksa Framework** adalah *micro-framework* MVC (Model-View-Controller) modern yang dibangun di atas Ruby dan Rack. Didesain untuk pengembang yang menginginkan kecepatan, kode yang bersih, dan tampilan antarmuka **Glassmorphism** yang elegan secara *out-of-the-box*.
-
----
-
-## 🚀 Fitur Unggulan
-
-* 💎 **Modern Glassmorphism UI**: Tampilan transparan yang indah dengan Tailwind CSS & Lucide Icons.
-* ⚡ **Rack 3 & Middleware Support**: Mendukung standar terbaru dan pembuatan pipeline middleware kustom.
-* 🛠️ **Powerful CLI**: Inisialisasi project (`eksa init`), jalankan server (`eksa run`), generate komponen, dan **auto-routing** otomatis.
-* 💾 **Dynamic Database Engine**: Database SQLite otomatis dengan schema yang ditentukan oleh model Anda sendiri.
-* 🧪 **Built-in Testing**: Lingkungan pengujian otomatis siap pakai menggunakan RSpec dan `rack-test`.
-* 🎨 **Asset Helpers**: Library bawaan untuk pengelolaan CSS dan JS yang lebih rapi.
-* 🔍 **Dynamic SEO Engine**: Penanganan otomatis file `robots.txt` dan `sitemap.xml`.
-* 👻 **Aesthetic Error Pages**: Halaman 404 dengan desain Glassmorphism yang elegan secara native.
-
----
-
-## 🛠️ Instalasi Cepat
-
-### 1. Install via Gem
-```bash
-gem install eksa-framework
-```
-
-### 2. Inisialisasi Project Baru
-```bash
-mkdir my-app && cd my-app
-eksa init
-```
-
-### 3. Jalankan Server
-```bash
-bundle install
-eksa run
-```
-
----
-
-## 💻 Panduan Pengembangan
-
-### 1. Konfigurasi Aplikasi (`config.ru`)
-Eksa kini menggunakan blok inisialisasi untuk konfigurasi yang lebih fleksibel:
-
-```ruby
-app = Eksa::Application.new do |config|
-  config.config[:db_path] = "./db/production.db"
-  
-  config.use Rack::Static, urls: ["/css", "/img"], root: "public"
-  config.use Rack::ShowExceptions
-end
-```
-
-### 2. CLI Generator
-Hemat waktu dengan menggunakan generator bawaan:
-
-```bash
-# Membuat controller dan view template
-eksa g controller Blog
-
-# Membuat model dan schema database
-eksa g model Post
-
-# Membuat postingan blog baru
-eksa g post "Judul Artikel"
-```
-
-### 3. Markdown Blog Engine
-Eksa memiliki sistem blog bawaan yang cara kerjanya mirip Jekyll. Cukup buat file `.md` di folder `_posts/` dengan metadata YAML (Front Matter):
-
-```markdown
----
-title: "Halo Eksa"
-date: 2026-03-15 14:00:00
----
-
-Isi konten blog menggunakan **Markdown**.
-```
-
-Fitur Blog:
-*   **Dynamic Slug**: Otomatis mengenali rute `/posts/:slug`.
-*   **Syntax Highlighting**: Kode di dalam blog otomatis berwarna & punya tombol copy.
-*   **Aesthetic UI**: Template blog bawaan dengan desain Glassmorphism.
-
-### 4. Database & Model
-Definisikan schema tabel Anda langsung di dalam model:
-
-```ruby
-class Post < Eksa::Model
-  def self.setup_schema
-    db.execute <<~SQL
-      CREATE TABLE IF NOT EXISTS posts (
-        id INTEGER PRIMARY KEY AUTOINCREMENT,
-        title TEXT,
-        content TEXT
-      )
-    SQL
-  end
-end
-```
-
-### 4. Asset Helpers
-Gunakan helper di dalam view untuk menyisipkan asset:
-
-```erb
-<%= stylesheet_tag "style" %>
-<%= javascript_tag "app" %>
-```
-
-### 5. Menjalankan Test
-Pastikan aplikasi Anda berjalan dengan benar menggunakan RSpec:
-
-```bash
-bundle exec rspec
-```
-
----
-
-## 📜 Lisensi
-Proyek ini dilisensikan di bawah **MIT License**. Lihat file [LICENSE](https://github.com/IshikawaUta/eksa-framework/blob/8c8e9046cbce77bbeaeaf673b018eaf0c6db2bbc/LICENSE) untuk detail lebih lanjut.
+# ✨ Eksa Framework
+
+**Eksa Framework** adalah *micro-framework* MVC (Model-View-Controller) modern yang dibangun di atas Ruby dan Rack. Didesain untuk pengembang yang menginginkan kecepatan, kode yang bersih, dan tampilan antarmuka **Glassmorphism** yang elegan secara *out-of-the-box*.
+
+---
+
+## 🚀 Fitur Unggulan
+
+* 💎 **Modern Glassmorphism UI**: Tampilan transparan yang indah dengan Tailwind CSS & Lucide Icons.
+* ⚡ **Rack 3 & Middleware Support**: Mendukung standar terbaru dan pembuatan pipeline middleware kustom.
+* 🛠️ **Powerful CLI**: Inisialisasi project (`eksa init`), jalankan server (`eksa run`), generate komponen, dan **auto-routing** otomatis.
+* 💾 **Dynamic Database Engine**: Database SQLite otomatis dengan schema yang ditentukan oleh model Anda sendiri.
+* 🧪 **Built-in Testing**: Lingkungan pengujian otomatis siap pakai menggunakan RSpec dan `rack-test`.
+* 🛡️ **Built-in Authentication**: Sistem keamanan BCrypt dengan proteksi sesi Rack untuk registrasi log-in area Admin.
+* 📝 **Interactive CMS Dashboard**: Panel admin integratif untuk mengedit isi blog Markdown & transisi visibilitas via UI.
+* 🎨 **Asset Helpers**: Library bawaan untuk pengelolaan CSS dan JS yang lebih rapi.
+* 🔍 **Dynamic SEO Engine**: Penanganan otomatis file `robots.txt` dan `sitemap.xml`.
+* 💎 **JSON-LD Support**: Dukungan data terstruktur (Structured Data) otomatis untuk SEO yang lebih optimal.
+* 👻 **Aesthetic Error Pages**: Halaman 404 dengan desain Glassmorphism yang elegan secara native.
+
+---
+
+## 🛠️ Instalasi Cepat
+
+### 1. Install via Gem
+```bash
+gem install eksa-framework
+```
+
+### 2. Inisialisasi Project Baru
+```bash
+mkdir my-app && cd my-app
+eksa init
+```
+
+### 3. Jalankan Server
+```bash
+bundle install
+eksa run
+```
+
+---
+
+## 💻 Panduan Pengembangan
+
+### 1. Konfigurasi Aplikasi (`config.ru`)
+Eksa kini menggunakan blok inisialisasi untuk konfigurasi yang lebih fleksibel:
+
+```ruby
+app = Eksa::Application.new do |config|
+  config.config[:db_path] = "./db/production.db"
+  
+  config.use Rack::Static, urls: ["/css", "/img"], root: "public"
+  config.use Rack::ShowExceptions
+end
+```
+
+### 2. CLI Generator
+Hemat waktu dengan menggunakan generator bawaan:
+
+```bash
+# Membuat controller dan view template
+eksa g controller Blog
+
+# Membuat model dan schema database
+eksa g model Post
+
+# Membuat postingan blog baru dengan meta tambahan
+eksa g post "Judul Artikel" --category "Kategori" --author "Nama Penulis" --image "url-gambar.jpg"
+
+# Mengaktifkan/menonaktifkan fitur bawaan Eksa (auth / cms)
+eksa feature enable auth
+eksa feature enable cms
+
+# Mengatur ulang sandi akun admin CMS langsung dari CLI
+eksa reset-password admin PasswordBaru123
+```
+
+### 3. CMS Dashboard & Authentication
+Eksa hadir dengan sistem manajemen konten internal bergaya Glassmorphism.
+
+*   **Aktivasi**: Pertama, jalankan `eksa feature enable auth` dan `eksa feature enable cms` dari terminal Anda lalu *restart* server.
+*   **Registrasi**: Akses `http://localhost:9292/auth/register` (Hanya akun pertama yang bisa mendaftar sebagai Administrator).
+*   **Akses Dasbor**: Masuk ke rute `/cms` untuk melihat postingan, mengubah status publikasi (*Draft* / *Aktif*), menghapus postingan, hingga melakukan edit data via editor terintegrasi.
+*   **Proteksi Taut**: Rute login dan CMS sepenuhnya difilter oleh perantara otentikasi sesi Rack. Admin yang berhasil masuk secara otomatis terlindungi dari paparan rute login berlebih.
+
+### 4. Markdown Blog Engine
+Eksa memiliki sistem blog bawaan yang cara kerjanya mirip Jekyll. Cukup buat file `.md` di folder `_posts/` dengan metadata YAML (Front Matter):
+
+```markdown
+---
+title: "Halo Eksa"
+date: 2026-03-15 14:00:00
+---
+
+Isi konten blog menggunakan **Markdown**.
+```
+
+Fitur Blog:
+*   **Dynamic Slug**: Otomatis mengenali rute `/posts/:slug`.
+*   **Syntax Highlighting**: Kode di dalam blog otomatis berwarna & punya tombol copy.
+*   **Aesthetic UI**: Template blog bawaan dengan desain Glassmorphism.
+
+### 4. Database & Model
+Definisikan schema tabel Anda langsung di dalam model:
+
+```ruby
+class Post < Eksa::Model
+  def self.setup_schema
+    db.execute <<~SQL
+      CREATE TABLE IF NOT EXISTS posts (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        title TEXT,
+        content TEXT
+      )
+    SQL
+  end
+end
+```
+
+### 4. Asset Helpers
+Gunakan helper di dalam view untuk menyisipkan asset:
+
+```erb
+<%= stylesheet_tag "style" %>
+<%= javascript_tag "app" %>
+```
+
+### 5. Menjalankan Test
+Pastikan aplikasi Anda berjalan dengan benar menggunakan RSpec:
+
+```bash
+bundle exec rspec
+```
+
+---
+
+## 📜 Lisensi
+Proyek ini dilisensikan di bawah **MIT License**. Lihat file [LICENSE](https://github.com/IshikawaUta/eksa-framework/blob/main/LICENSE) untuk detail lebih lanjut.

data/app/views/about.html.erb

@@ -7,20 +7,40 @@
   </div>
 
   <div class="space-y-6 text-white/80 leading-relaxed">
-    <p class="text-lg">
-      <strong>Eksa Framework</strong> adalah sebuah <strong>micro-framework</strong> Ruby yang dibangun dari nol untuk mendemonstrasikan kekuatan arsitektur MVC dan kesederhanaan Ruby.
+    <p class="text-lg text-center mx-auto max-w-2xl mb-10">
+      <strong>Eksa Framework v3.4.3</strong> adalah <strong>micro-framework</strong> Ruby yang dibangun dari nol untuk mendemonstrasikan kekuatan arsitektur MVC, kesederhanaan Ruby, dengan keindahan antarmuka-antarmuka UI masa kini.
     </p>
     
-    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-8">
-      <div class="bg-white/5 p-6 rounded-2xl border border-white/10">
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-8">
+      <div class="bg-white/5 p-6 rounded-2xl border border-white/10 hover:bg-white/10 transition">
         <i data-lucide="cpu" class="w-6 h-6 text-indigo-300 mb-3"></i>
-        <h3 class="font-bold text-white mb-2">Core Ruby</h3>
-        <p class="text-sm">Dibangun di atas Rack tanpa menggunakan framework besar lainnya.</p>
+        <h3 class="font-bold text-white mb-2">Core Ruby & Rack 3</h3>
+        <p class="text-sm">Dibangun di atas standar industri Rack tanpa bloatware framework berlapis.</p>
       </div>
-      <div class="bg-white/5 p-6 rounded-2xl border border-white/10">
-        <i data-lucide="database" class="w-6 h-6 text-indigo-300 mb-3"></i>
-        <h3 class="font-bold text-white mb-2">SQLite Engine</h3>
-        <p class="text-sm">Penyimpanan data yang ringan, cepat, dan handal.</p>
+      <div class="bg-white/5 p-6 rounded-2xl border border-white/10 hover:bg-white/10 transition">
+        <i data-lucide="database" class="w-6 h-6 text-emerald-300 mb-3"></i>
+        <h3 class="font-bold text-white mb-2">Auto SQLite Engine</h3>
+        <p class="text-sm">Penyimpanan otomatis via model ringan dengan performa memori memukau.</p>
+      </div>
+      <div class="bg-white/5 p-6 rounded-2xl border border-white/10 hover:bg-white/10 transition">
+        <i data-lucide="layout-template" class="w-6 h-6 text-cyan-300 mb-3"></i>
+        <h3 class="font-bold text-white mb-2">Glassmorphism UI</h3>
+        <p class="text-sm">Komponen estetis bergaya efek kaca bawaan <strong>frosted-glass</strong>.</p>
+      </div>
+      <div class="bg-white/5 p-6 rounded-2xl border border-white/10 hover:bg-white/10 transition">
+        <i data-lucide="pen-tool" class="w-6 h-6 text-yellow-300 mb-3"></i>
+        <h3 class="font-bold text-white mb-2">Markdown Blog</h3>
+        <p class="text-sm">Sistem artikel statis lengkap Front Matter YAML & Auto-Routing layaknya Jekyll.</p>
+      </div>
+      <div class="bg-white/5 p-6 rounded-2xl border border-white/10 hover:bg-white/10 transition">
+        <i data-lucide="shield-check" class="w-6 h-6 text-rose-300 mb-3"></i>
+        <h3 class="font-bold text-white mb-2">Secure Auth</h3>
+        <p class="text-sm">Otentikasi basis sessi pintar BCrypt untuk proteksi admin panel berlapis.</p>
+      </div>
+      <div class="bg-white/5 p-6 rounded-2xl border border-white/10 hover:bg-white/10 transition">
+        <i data-lucide="layout-dashboard" class="w-6 h-6 text-fuchsia-300 mb-3"></i>
+        <h3 class="font-bold text-white mb-2">CMS Dashboard</h3>
+        <p class="text-sm">Pusat kendali admin internal untuk edit Markdown via <strong>web page</strong> langsung.</p>
       </div>
     </div>
   </div>

data/app/views/docs.html.erb

@@ -30,6 +30,7 @@
         <li><a href="#database" class="hover:text-indigo-300 transition flex items-center gap-2"><i data-lucide="database" class="w-3 h-3"></i> Auto-Migration</a></li>
         <li><a href="#flash" class="hover:text-indigo-300 transition flex items-center gap-2"><i data-lucide="bell" class="w-3 h-3"></i> Flash UI</a></li>
         <li><a href="#blog" class="hover:text-indigo-300 transition flex items-center gap-2"><i data-lucide="pen-tool" class="w-3 h-3"></i> Markdown Blog</a></li>
+        <li><a href="#cms" class="hover:text-indigo-300 transition flex items-center gap-2"><i data-lucide="layout-dashboard" class="w-3 h-3"></i> CMS & Auth</a></li>
       </ul>
     </div>
   </div>
@@ -136,8 +137,8 @@
     </h2>
     <p class="text-white/60 mb-4 text-sm">Kelola konten blog dengan file Markdown. Mendukung Front Matter YAML dan rute dinamis.</p>
     <div class="bg-black/40 rounded-2xl p-6 font-mono text-sm border border-white/10">
-      <p class="text-white/30"># Buat post baru lewat CLI</p>
-      <p class="text-indigo-300">eksa g post "Judul Postingan"</p>
+      <p class="text-white/30"># Buat post baru lewat CLI (dengan opsi meta)</p>
+      <p class="text-indigo-300">eksa g post "Judul Postingan" --category "Tech" --author "Nama" --image "url.jpg"</p>
       <p class="text-white/30 mt-4"># Akses di URL (Otomatis)</p>
       <p class="text-white/70">/posts/:slug</p>
     </div>
@@ -147,6 +148,24 @@
     </div>
   </section>
 
+  <section id="cms" class="mb-12 scroll-mt-24">
+    <h2 class="text-2xl font-bold mb-4 flex items-center gap-2">
+      <i data-lucide="layout-dashboard" class="w-6 h-6 text-indigo-400"></i> CMS Dashboard & Keamanan
+    </h2>
+    <p class="text-white/60 mb-4 text-sm">Eksa difasilitasi dengan area protektif yang dapat dilalui pendaftaran mandiri jika belum ada entitas pendaftar, kemudian dikunci menggunakan otentikasi Rack + enkripsi BCrypt.</p>
+    <div class="bg-black/40 rounded-2xl p-6 font-mono text-sm border border-white/10">
+      <p class="text-white/30"># Menghidupkan Engine Utama dari folder project</p>
+      <p class="text-indigo-300">eksa feature enable auth</p>
+      <p class="text-indigo-300">eksa feature enable cms</p>
+      <p class="text-white/30 mt-4"># Lupa sandi masuk halaman CMS?</p>
+      <p class="text-indigo-300">eksa reset-password usernameanda katasandibaru</p>
+    </div>
+    <div class="mt-4 p-4 bg-emerald-500/10 border border-emerald-500/20 rounded-xl flex items-center gap-3">
+        <i data-lucide="shield-check" class="w-5 h-5 text-emerald-400"></i>
+        <p class="text-xs text-emerald-200/80">Jika integrasi Auth diaktifkan, masuklah ke URL <code class="text-white">/auth/register</code> saat pertama kali start. Setelah mendaftar The Vault (Dashboard) dapat diakses lewat <code class="text-white">/cms</code></p>
+    </div>
+  </section>
+
   <section id="build" class="mb-12 scroll-mt-24">
     <h2 class="text-2xl font-bold mb-4 flex items-center gap-2">
       <i data-lucide="package-check" class="w-6 h-6 text-indigo-400"></i> Build & Publish
@@ -155,7 +174,7 @@
       <p class="text-white/30"># Build gem lokal</p>
       <p class="text-indigo-300">gem build eksa-framework.gemspec</p>
       <p class="text-white/30 mt-4"># Publish ke RubyGems / GitHub Packages</p>
-      <p class="text-indigo-300">gem push eksa-framework-3.3.2.gem</p>
+      <p class="text-indigo-300">gem push eksa-framework-3.4.3.gem</p>
     </div>
   </section>
 
@@ -164,7 +183,7 @@
         <span class="bg-indigo-500/20 text-indigo-300 text-[10px] px-3 py-1 rounded-full border border-indigo-500/30 uppercase tracking-tighter">Rack 3.0 Compatible</span>
         <span class="bg-emerald-500/20 text-emerald-300 text-[10px] px-3 py-1 rounded-full border border-emerald-500/30 uppercase tracking-tighter">SQLite3 Auto-Ready</span>
     </div>
-    <p class="text-white/40 text-sm italic">Eksa Framework v3.3.2 Alpha Documentation</p>
+    <p class="text-white/40 text-sm italic">Eksa Framework v3.4.3 Alpha Documentation</p>
     <a href="/" class="inline-block mt-6 text-indigo-300 hover:text-white transition font-bold flex items-center justify-center gap-2">
       <i data-lucide="arrow-left" class="w-4 h-4"></i> Kembali ke Beranda
     </a>

data/app/views/index.html.erb

@@ -2,7 +2,7 @@
   <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-8 gap-4">
     <div>
       <span class="inline-block bg-indigo-500/20 text-indigo-200 text-xs font-bold px-3 py-1 rounded-full mb-3 border border-indigo-500/30">
-        v3.3.2 Alpha
+        v3.4.3 Alpha
       </span>
       <h1 class="text-4xl font-extrabold tracking-tight">
         Halo, <span class="text-indigo-300"><%= @nama %></span>!

data/app/views/layout.html.erb

@@ -24,7 +24,7 @@
         "datePublished": (@post.date.is_a?(Time) ? @post.date.iso8601 : @post.date),
         "author": {
           "@type": "Person",
-          "name": "IshikawaUta"
+          "name": (@post.author && !@post.author.empty?) ? @post.author : 'IshikawaUta'
         },
         "url": current_url,
         "description": @post.body_html[0..160].gsub(/<[^>]*>/, '').strip + "..."

data/app/views/posts/index.html.erb

@@ -19,14 +19,32 @@
       </div>
     <% else %>
       <% @posts.each do |post| %>
-        <a href="/posts/<%= post.slug %>" class="group block bg-white/5 hover:bg-white/10 p-6 rounded-3xl border border-white/10 transition-all hover:scale-[1.02]">
-          <span class="text-xs font-bold text-indigo-300 uppercase tracking-widest block mb-2">
-            <%= post.date.is_a?(Time) ? post.date.strftime("%d %B %Y") : post.date %>
-          </span>
-          <h2 class="text-2xl font-bold mb-3 group-hover:text-indigo-300 transition-colors"><%= post.title %></h2>
-          <div class="flex items-center gap-2 text-white/40 text-sm">
-            <span>Baca selengkapnya</span>
-            <i data-lucide="arrow-right" class="w-4 h-4 group-hover:translate-x-1 transition-transform"></i>
+        <a href="/posts/<%= post.slug %>" class="group block bg-white/5 hover:bg-white/10 overflow-hidden rounded-3xl border border-white/10 transition-all hover:scale-[1.02]">
+          <% if !post.image.empty? %>
+            <div class="h-48 overflow-hidden">
+              <img src="<%= post.image %>" alt="<%= post.title %>" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500">
+            </div>
+          <% end %>
+          <div class="p-6">
+            <div class="flex items-center justify-between mb-4">
+              <span class="text-[10px] font-bold text-indigo-300 uppercase tracking-widest px-2 py-1 bg-indigo-500/20 rounded-md border border-indigo-500/30">
+                <%= post.category %>
+              </span>
+              <span class="text-[10px] font-medium text-white/40 uppercase tracking-widest">
+                <%= post.date.is_a?(Time) ? post.date.strftime("%d %B %Y") : post.date %>
+              </span>
+            </div>
+            <h2 class="text-2xl font-bold mb-3 group-hover:text-indigo-300 transition-colors"><%= post.title %></h2>
+            <div class="flex items-center justify-between mt-6 pt-4 border-t border-white/5">
+              <div class="flex items-center gap-2 text-white/60 text-xs">
+                <i data-lucide="user" class="w-3 h-3"></i>
+                <span><%= post.author.empty? ? "Eksa Dev" : post.author %></span>
+              </div>
+              <div class="flex items-center gap-1 text-indigo-300 text-xs font-bold">
+                <span>Baca</span>
+                <i data-lucide="arrow-right" class="w-3 h-3 group-hover:translate-x-1 transition-transform"></i>
+              </div>
+            </div>
           </div>
         </a>
       <% end %>

data/app/views/posts/show.html.erb

@@ -3,11 +3,31 @@
     <a href="/posts" class="inline-flex items-center gap-2 text-indigo-300 hover:text-white transition mb-6">
       <i data-lucide="arrow-left" class="w-4 h-4"></i> Kembali ke Blog
     </a>
-    <span class="text-xs font-bold text-indigo-300 uppercase tracking-widest block mb-2">
-      <%= @post.date.is_a?(Time) ? @post.date.strftime("%d %B %Y") : @post.date %>
-    </span>
-    <h3 class="text-5xl font-extrabold tracking-tight mb-4"><%= @post.title %></h3>
-    <div class="h-1 w-20 bg-indigo-500 rounded-full"></div>
+    <div class="mb-4 flex items-center gap-3">
+      <span class="px-3 py-1 bg-indigo-500/20 rounded-lg border border-indigo-500/30 text-xs font-bold text-indigo-300 uppercase tracking-widest">
+        <%= @post.category %>
+      </span>
+      <span class="text-xs font-medium text-white/40 uppercase tracking-widest">
+        <%= @post.date.is_a?(Time) ? @post.date.strftime("%d %B %Y") : @post.date %>
+      </span>
+    </div>
+    <h3 class="text-5xl font-extrabold tracking-tight mb-6 leading-tight"><%= @post.title %></h3>
+    
+    <div class="flex items-center gap-4 mb-8 pb-8 border-b border-white/10">
+      <div class="w-10 h-10 rounded-full bg-indigo-500 flex items-center justify-center text-white shadow-lg shadow-indigo-500/30">
+        <i data-lucide="user" class="w-5 h-5"></i>
+      </div>
+      <div>
+        <p class="text-sm font-bold text-white"><%= @post.author.empty? ? "Eksa Dev" : @post.author %></p>
+        <p class="text-[10px] text-white/40 uppercase tracking-widest">Penulis Artikel</p>
+      </div>
+    </div>
+
+    <% if !@post.image.empty? %>
+      <div class="mb-10 rounded-3xl overflow-hidden shadow-2xl border border-white/10">
+        <img src="<%= @post.image %>" alt="<%= @post.title %>" class="w-full object-cover max-h-[400px]">
+      </div>
+    <% end %>
   </div>
 
   <div class="prose prose-invert prose-indigo max-w-none leading-relaxed text-white/80">