eksa-framework 3.3.3 → 3.5.0

data/lib/eksa/views/cms/edit.html.erb

@@ -0,0 +1,63 @@
+<div class="glass max-w-4xl mx-auto rounded-3xl p-10 text-white animate__animated animate__zoomIn animate__faster relative overflow-hidden">
+  <div class="absolute inset-0 bg-yellow-500/10 blur-3xl rounded-full translate-x-1/2 -translate-y-1/2"></div>
+  
+  <div class="relative z-10 flex items-center justify-between mb-8 pb-6 border-b border-white/10">
+    <div class="flex items-center gap-4">
+      <div class="w-14 h-14 bg-yellow-500/20 rounded-2xl flex items-center justify-center border border-yellow-500/30 shadow-xl shadow-yellow-500/20">
+        <i data-lucide="edit-3" class="w-7 h-7 text-yellow-300"></i>
+      </div>
+      <div>
+        <h1 class="text-3xl font-extrabold tracking-tight">Edit <span class="text-yellow-300">Post</span></h1>
+        <p class="text-white/50 text-sm mt-1">Mengedit <%= @post.filename %></p>
+      </div>
+    </div>
+    <a href="/cms" class="px-4 py-2 bg-white/5 hover:bg-white/10 rounded-xl transition border border-white/10 text-sm font-medium flex items-center gap-2">
+      <i data-lucide="arrow-left" class="w-4 h-4"></i> Kembali
+    </a>
+  </div>
+
+  <form action="/cms/update/<%= @post.slug %>" method="post" class="relative z-10 space-y-6">
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+      <div class="space-y-2">
+        <label class="block text-xs font-bold text-yellow-300 uppercase tracking-widest">Judul Postingan</label>
+        <input type="text" name="title" value="<%= @post.title %>" required
+               class="w-full bg-black/40 border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-yellow-500 focus:ring-1 focus:ring-yellow-500 transition">
+      </div>
+      
+      <div class="space-y-2">
+        <label class="block text-xs font-bold text-yellow-300 uppercase tracking-widest">Kategori</label>
+        <input type="text" name="category" value="<%= @post.category %>" required
+               class="w-full bg-black/40 border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-yellow-500 focus:ring-1 focus:ring-yellow-500 transition">
+      </div>
+
+      <div class="space-y-2">
+        <label class="block text-xs font-bold text-yellow-300 uppercase tracking-widest">Penulis (Author)</label>
+        <input type="text" name="author" value="<%= @post.author %>" required
+               class="w-full bg-black/40 border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-yellow-500 focus:ring-1 focus:ring-yellow-500 transition">
+      </div>
+
+      <div class="space-y-2">
+        <label class="block text-xs font-bold text-yellow-300 uppercase tracking-widest">Image Thumbnail URL</label>
+        <input type="text" name="image" value="<%= @post.image %>"
+               class="w-full bg-black/40 border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-yellow-500 focus:ring-1 focus:ring-yellow-500 transition"
+               placeholder="Contoh: header.jpg atau kosongkan">
+      </div>
+    </div>
+
+    <div class="space-y-2 pt-4">
+      <label class="block text-xs font-bold text-yellow-300 uppercase tracking-widest">Konten (Markdown)</label>
+      <div class="relative group">
+        <textarea name="content" required rows="15"
+                  class="w-full bg-black/40 border border-white/10 rounded-xl px-5 py-4 text-white focus:outline-none focus:border-yellow-500 focus:ring-1 focus:ring-yellow-500 font-mono text-sm leading-relaxed transition"><%= @post.content.strip %></textarea>
+        <!-- Decorative subtle icon -->
+        <i data-lucide="file-text" class="absolute bottom-4 right-4 w-12 h-12 text-white/5 pointer-events-none transition group-hover:text-yellow-500/10"></i>
+      </div>
+    </div>
+
+    <div class="pt-6 border-t border-white/5 flex justify-end">
+      <button type="submit" class="bg-yellow-500 hover:bg-yellow-400 text-yellow-950 font-bold py-3 px-8 rounded-xl transition duration-300 shadow-xl shadow-yellow-500/20 flex items-center gap-2">
+        <i data-lucide="save" class="w-5 h-5"></i> Simpan Perubahan
+      </button>
+    </div>
+  </form>
+</div>

data/lib/eksa/views/cms/index.html.erb

@@ -0,0 +1,83 @@
+<div class="glass rounded-3xl p-10 text-white animate__animated animate__fadeIn">
+  <div class="flex items-center justify-between mb-10 pb-6 border-b border-white/10">
+    <div class="flex items-center gap-4">
+      <div class="p-4 bg-indigo-500 rounded-2xl shadow-xl">
+        <i data-lucide="layout-dashboard" class="w-8 h-8"></i>
+      </div>
+      <div>
+        <h1 class="text-4xl font-extrabold tracking-tight">CMS <span class="text-indigo-300">Dashboard</span></h1>
+        <p class="text-white/50">Kelola visibilitas postingan blog Anda</p>
+      </div>
+    </div>
+    <div class="flex items-center gap-4">
+      <span class="px-4 py-2 bg-white/5 rounded-xl border border-white/10 text-sm font-medium text-white/80">
+        <i data-lucide="user" class="w-4 h-4 inline-block mr-1"></i> Admin
+      </span>
+      <a href="/auth/logout" class="px-4 py-2 bg-red-500/20 hover:bg-red-500/40 text-red-300 rounded-xl border border-red-500/30 transition shadow-lg text-sm font-bold flex items-center gap-2">
+        <i data-lucide="log-out" class="w-4 h-4"></i> Logout
+      </a>
+    </div>
+  </div>
+
+  <div class="overflow-hidden rounded-2xl border border-white/10 bg-black/20">
+    <table class="w-full text-left border-collapse">
+      <thead>
+        <tr class="bg-white/5 text-indigo-200 text-xs uppercase tracking-widest">
+          <th class="p-4 font-bold border-b border-white/10">Postingan</th>
+          <th class="p-4 font-bold border-b border-white/10">Kategori</th>
+          <th class="p-4 font-bold border-b border-white/10">Status</th>
+          <th class="p-4 font-bold border-b border-white/10 text-right">Aksi</th>
+        </tr>
+      </thead>
+      <tbody class="divide-y divide-white/5">
+        <% if @posts.empty? %>
+          <tr>
+            <td colspan="4" class="p-8 text-center text-white/40">
+              <i data-lucide="folder-open" class="w-8 h-8 mx-auto mb-2 opacity-50"></i>
+              Belum ada postingan markdown di _posts/
+            </td>
+          </tr>
+        <% else %>
+          <% @posts.each do |post| %>
+            <tr class="hover:bg-white/5 transition">
+              <td class="p-4">
+                <p class="font-bold text-lg"><%= post.title %></p>
+                <p class="text-xs text-white/40 font-mono"><%= post.filename %></p>
+              </td>
+              <td class="p-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>
+              </td>
+              <td class="p-4">
+                <% if post.published? %>
+                  <span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-bold bg-emerald-500/20 text-emerald-300 border border-emerald-500/30">
+                    <span class="w-2 h-2 rounded-full bg-emerald-400"></span> Aktif
+                  </span>
+                <% else %>
+                  <span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-bold bg-gray-500/20 text-gray-400 border border-gray-500/30">
+                    <span class="w-2 h-2 rounded-full bg-gray-400"></span> Draft
+                  </span>
+                <% end %>
+              </td>
+              <td class="p-4 text-right space-x-2">
+                <a href="/cms/edit/<%= post.slug %>" class="inline-flex items-center justify-center p-2 rounded-lg bg-yellow-500/20 hover:bg-yellow-500/40 text-yellow-300 transition border border-yellow-500/30" title="Edit Post">
+                  <i data-lucide="edit" class="w-4 h-4"></i>
+                </a>
+                <a href="/posts/<%= post.slug %>" target="_blank" class="inline-flex items-center justify-center p-2 rounded-lg bg-white/5 hover:bg-white/10 text-white/70 transition border border-white/10" title="Lihat Post">
+                  <i data-lucide="external-link" class="w-4 h-4"></i>
+                </a>
+                <a href="/cms/toggle/<%= post.slug %>" class="inline-flex items-center justify-center p-2 rounded-lg bg-indigo-500/20 hover:bg-indigo-500/40 text-indigo-300 transition border border-indigo-500/30" title="Toggle Status">
+                  <i data-lucide="<%= post.published? ? 'eye-off' : 'eye' %>" class="w-4 h-4"></i>
+                </a>
+                <a href="/cms/delete/<%= post.slug %>" onclick="return confirm('Yakin ingin menghapus postingan ini selamanya?')" class="inline-flex items-center justify-center p-2 rounded-lg bg-red-500/20 hover:bg-red-500/40 text-red-300 transition border border-red-500/30" title="Hapus Permanen">
+                  <i data-lucide="trash-2" class="w-4 h-4"></i>
+                </a>
+              </td>
+            </tr>
+          <% end %>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+</div>

data/lib/eksa.rb

@@ -1,26 +1,65 @@
 require 'rack'
+require 'rack/session'
 require 'json'
 require_relative 'eksa/version'
 require_relative 'eksa/controller'
 require_relative 'eksa/model'
 require_relative 'eksa/markdown_post'
+require_relative 'eksa/user'
+require_relative 'eksa/database'
+require_relative 'eksa/auth_controller'
+require_relative 'eksa/cms_controller'
 
 module Eksa
   class Application
-    attr_reader :config, :middlewares
+    attr_reader :config, :middlewares, :features
 
     def initialize
       @routes = {}
       @middlewares = []
+      @features = load_feature_flags
       @config = {
-        db_path: File.expand_path("./db/eksa_app.db")
+        db_path: File.expand_path("./db/eksa_app.db"),
+        session_secret: ENV['SESSION_SECRET'] || 'eksa_super_secret_key_change_me_in_production_make_it_sixty_four_bytes_or_more'
       }
       yield self if block_given?
       configure_framework
     end
 
     def configure_framework
-      Eksa::Model.database_path = @config[:db_path]
+      # Setup Session Middleware for Authentication
+      use Rack::Session::Cookie, secret: @config[:session_secret], key: 'eksa.session'
+      
+      auto_mount_features
+    end
+
+    def load_feature_flags
+      config_path = File.expand_path('./.eksa.json')
+      if File.exist?(config_path)
+        JSON.parse(File.read(config_path))
+      else
+        { 'cms' => false, 'auth' => false }
+      end
+    rescue JSON::ParserError
+      { 'cms' => false, 'auth' => false }
+    end
+
+    def auto_mount_features
+      if @features['auth']
+        add_route "/auth/login", Eksa::AuthController, :login
+        add_route "/auth/register", Eksa::AuthController, :register
+        add_route "/auth/logout", Eksa::AuthController, :logout
+        add_route "/auth/process_login", Eksa::AuthController, :process_login
+        add_route "/auth/process_register", Eksa::AuthController, :process_register
+      end
+
+      if @features['cms']
+        add_route "/cms", Eksa::CmsController, :index
+        add_route "/cms/edit/:slug", Eksa::CmsController, :edit
+        add_route "/cms/update/:slug", Eksa::CmsController, :update_post
+        add_route "/cms/toggle/:slug", Eksa::CmsController, :toggle_status
+        add_route "/cms/delete/:slug", Eksa::CmsController, :delete_post
+      end
     end
 
     def add_route(path, controller_class, action)
@@ -82,6 +121,9 @@ module Eksa
         else
           response = Rack::Response.new
           if controller_instance.status == 302
+            if controller_instance.flash[:notice] && !controller_instance.flash[:notice].empty?
+              response.set_cookie('eksa_flash', value: controller_instance.flash[:notice], path: '/')
+            end
             response.redirect(controller_instance.redirect_url, 302)
           else
             response.write(response_data)
@@ -89,7 +131,9 @@ module Eksa
           end
         end
 
-        response.delete_cookie('eksa_flash') if flash_message
+        if flash_message && controller_instance.status != 302
+          response.delete_cookie('eksa_flash', path: '/')
+        end
         response.finish
       else
         html = <<~HTML

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: eksa-framework
 version: !ruby/object:Gem::Version
-  version: 3.3.3
+  version: 3.5.0
 platform: ruby
 authors:
 - IshikawaUta
@@ -93,8 +93,64 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '1.1'
-description: Framework MVC ringan dengan tema modern, sistem routing, dan auto-database
-  SQLite.
+- !ruby/object:Gem::Dependency
+  name: bcrypt
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.1'
+- !ruby/object:Gem::Dependency
+  name: rack-session
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+- !ruby/object:Gem::Dependency
+  name: mongo
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.19'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.19'
+- !ruby/object:Gem::Dependency
+  name: dotenv
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.8'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.8'
+description: Framework MVC ringan dengan tema modern, sistem routing, dan dukungan
+  multi-database (SQLite & MongoDB).
 email:
 - komikers09@gmail.com
 executables:
@@ -102,6 +158,8 @@ executables:
 extensions: []
 extra_rdoc_files: []
 files:
+- ".eksa.json"
+- ".env.example"
 - Gemfile
 - Gemfile.lock
 - LICENSE
@@ -120,13 +178,24 @@ files:
 - app/views/posts/index.html.erb
 - app/views/posts/show.html.erb
 - config.ru
+- db/eksa_app.db
 - db/setup.rb
 - exe/eksa
 - lib/eksa.rb
+- lib/eksa/auth_controller.rb
+- lib/eksa/cms_controller.rb
 - lib/eksa/controller.rb
+- lib/eksa/database.rb
+- lib/eksa/database/mongo_adapter.rb
+- lib/eksa/database/sqlite_adapter.rb
 - lib/eksa/markdown_post.rb
 - lib/eksa/model.rb
+- lib/eksa/user.rb
 - lib/eksa/version.rb
+- lib/eksa/views/auth/login.html.erb
+- lib/eksa/views/auth/register.html.erb
+- lib/eksa/views/cms/edit.html.erb
+- lib/eksa/views/cms/index.html.erb
 - public/css/style.css
 - public/img/favicon.ico
 - public/img/logo.jpg