one-for-all-framework 4.0.0 → 4.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6010d541e08ee4d29882dbfe22d000853a511985f01ee3b18239c57086bd7906
-  data.tar.gz: d05cdc0c5df07e8f2d9c0f3715169a3817b04b34da654dc63ce8afbaba0b932a
+  metadata.gz: 1634666412d07dfeae3b9416c7a27b16436ba9d1a03f726df8b245e6f6fe71f7
+  data.tar.gz: 4240f873f851ecfccd556a7b061e2ac3c2020aa26d383b87a217506160c6295b
 SHA512:
-  metadata.gz: 4b84becdb59e23e5177cd6d61b33ae6875cbcdc00a1ab81fe98c4e644c97e1549950cdeef4da11758564cf316d009f69bd69b431d33852e9384383294126acbb
-  data.tar.gz: 45544d4a74c6636667674f46b3ede29f4bde1e7a5e14e3f0d9385450b03676e76c4f538169386255d8f5ed1a1c70f971f65c3a88bdb948b6ace802ca8bc05170
+  metadata.gz: efb0120858fb436c64f1ec7a92433deda88fee6dc1738661af68a0a303d8874cb4f6a5a7f2583a527ad8e9a9188b0e67b16abaf201c205044a421cb2a3780635
+  data.tar.gz: ff176420fce31ecfec8fffcec1862e911d64f8b78478d3a073f3b317bd98fa553df7b9d05fd36b5a0c219582ec1b835a83eb854480cdeb62a624822c2df02170

data/.gitignore

@@ -0,0 +1,35 @@
+# Ruby
+*.gem
+*.rbc
+/.bundle/
+/vendor/bundle/
+/lib/bundler/man/
+/coverage/
+/InstalledFiles
+/pkg/
+/spec/reports/
+/spec/examples.txt
+/test/tmp/
+/test/version_tmp/
+/tmp/
+/log/
+
+# Environment
+.env
+.env.test
+.env.production
+.env.local
+
+# Database
+db/*.sqlite3
+db/*.sqlite3-journal
+
+# IDEs
+.idea/
+.vscode/
+.ruby-lsp/
+.DS_Store
+
+# Framework Specific
+public/img/uploads/*
+!public/img/uploads/.gitkeep

data/README.md

@@ -2,7 +2,7 @@
   <img src="public/images/logo.png" width="500" height="500" alt="OFA Framework Logo">
 </p>
 
-# ⚡ One-For-All (OFA) Framework v4.0.0
+# ⚡ One-For-All (OFA) Framework v4.2.0
 
 [![Ruby Version](https://img.shields.io/badge/ruby-%3E%3D%203.0.0-red.svg)](https://www.ruby-lang.org/)
 [![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
@@ -20,6 +20,7 @@
 -   **🛠️ Developer First**: A robust CLI (`ofa`) that handles everything from scaffolding to deployment.
 -   **🔐 Enterprise Ready**: Built-in CSRF protection, secure session management, and input validation.
 -   **🌐 Global Support**: Multi-language (I18n) support and SEO optimization ready.
+-   **🖋️ Rich Text Editor**: Integrated Trix Editor for seamless post and page creation with image upload support.
 
 ---
 
@@ -125,10 +126,13 @@ Securely manages admin credentials.
 ### 📁 Project Lifecycle
 | Command | Description |
 | :--- | :--- |
-| `ofa new NAME [TYPE]` | **Create a new project.** Generates a new directory, initializes the framework structure, and automatically runs `bundle install`. <br> *Example:* `./ofa new my_portfolio portfolio` |
+| `ofa new NAME [TYPE]` | **Create a new project.** Generates a new directory, initializes the framework structure, and automatically runs `bundle install`. |
 | `ofa init [TYPE]` | **Initialize in current folder.** Ideal if you've already created a folder or cloned a repository. It triggers an **Interactive Wizard** to configure your Database (SQLite/MongoDB) and Image Storage (Local/Cloudinary). |
 | `ofa run` | **Start Development Server.** Boots the high-performance Eksa Server. Your app will be accessible at `http://localhost:3000`. |
-| `ofa deploy` | **Production Deployment.** Automatically detects deployment targets. <br> 1. Checks if it's a Git repository. <br> 2. Detects **Railway CLI** and triggers `railway up`. <br> 3. Supports Docker via the included `Dockerfile`. |
+| `ofa console` | **Interactive REPL.** Starts a Ruby console pre-loaded with your application environment and models for testing and debugging. |
+| `ofa doctor` | **System Health Check.** Validates `.env` config, database connectivity (SQL/MongoDB), Ruby version, and dependencies. |
+| `ofa routes` | **Route Inspection.** Lists all registered routes in your application in a clean tabular format. |
+| `ofa deploy` | **Production Deployment.** Automatically detects deployment targets (Railway/Docker/Git). |
 
 ---
 
@@ -151,7 +155,7 @@ Fine-tune your application's behavior and appearance without touching the code.
 | :--- | :--- |
 | `ofa type NAME` | **Set Application Type.** Switches the layout logic between `portfolio`, `blog`, `landing_page`, and `e_commerce`. |
 | `ofa theme NAME` | **Change UI Aesthetic.** Instantly swap between premium themes: <br> • `light_glass` / `dark_glass` (Modern Glassmorphism) <br> • `cyber_sidebar` (High-tech) <br> • `retro_terminal` (Old-school hacker vibe) <br> • `light_sidebar` (Professional/Clean) |
-| `ofa feature ACTION FEATURE`| **Toggle Core Features.** Enable or disable system modules. <br> *Usage:* `./ofa feature enable auth` or `./ofa feature disable cms`. |
+| `ofa feature ACTION FEATURE`| **Toggle Core Features.** Enable or disable system modules. <br> *Usage:* `./ofa feature enable auth`, `enable cms`, or `enable rich_text`. |
 | `ofa storage NAME` | **Set Media Storage.** Choose between `local` (uploads folder) or `cloudinary` (Cloud storage). |
 
 ---

data/app/views/blog_home.erb

@@ -36,7 +36,7 @@
             <h3 class="text-2xl font-black mb-4 tracking-tight group-hover:text-primary transition-colors"><%= post.title %></h3>
             
             <div class="text-slate-500 dark:text-slate-400 text-sm leading-relaxed mb-6">
-                <%= markdown(post.content.split("\n")[0..1].join("\n") + "...") %>
+                <%= preview_text(post.content, 180) %>
             </div>
             
             <div class="flex items-center gap-2 text-primary font-bold text-sm">

data/app/views/cms/pages_form.erb

@@ -93,13 +93,20 @@
 
                 <div class="space-y-2">
                     <div class="flex justify-between items-center px-1">
-                        <label class="text-xs font-bold uppercase tracking-wider text-slate-500 dark:text-slate-400">Page Content (Markdown)</label>
-                        <button type="button" class="upload-helper-btn text-xs font-bold text-primary hover:underline flex items-center gap-2" onclick="document.getElementById('image-upload').click()">
-                            <i class="fas fa-image"></i> Insert Image
-                        </button>
+                        <label class="text-xs font-bold uppercase tracking-wider text-slate-500 dark:text-slate-400">Page Content (<%= FEATURES_CONFIG['rich_text'] ? 'Rich Text' : 'Markdown' %>)</label>
+                        <% unless FEATURES_CONFIG['rich_text'] %>
+                            <button type="button" class="upload-helper-btn text-xs font-bold text-primary hover:underline flex items-center gap-2" onclick="document.getElementById('image-upload').click()">
+                                <i class="fas fa-image"></i> Insert Image
+                            </button>
+                        <% end %>
                     </div>
-                    <textarea name="page[content]" rows="12" placeholder="Write page content here..."
-                        class="w-full px-5 py-4 bg-white/5 border border-white/10 rounded-2xl focus:border-primary focus:ring-4 focus:ring-primary/10 outline-none transition-all text-slate-700 dark:text-slate-300 font-mono leading-relaxed"><%= @page.content %></textarea>
+                    <% if FEATURES_CONFIG['rich_text'] %>
+                        <input id="page_content" type="hidden" name="page[content]" value="<%= h(@page.content) %>">
+                        <trix-editor input="page_content" placeholder="Tulis konten halaman di sini..." class="trix-content"></trix-editor>
+                    <% else %>
+                        <textarea name="page[content]" rows="12" placeholder="Write page content here..."
+                            class="w-full px-5 py-4 bg-white/5 border border-white/10 rounded-2xl focus:border-primary focus:ring-4 focus:ring-primary/10 outline-none transition-all text-slate-700 dark:text-slate-300 font-mono leading-relaxed"><%= @page.content %></textarea>
+                    <% end %>
                     <input type="file" id="image-upload" class="hidden" onchange="handleImageUpload(this)">
                 </div>
 
@@ -139,9 +146,14 @@
             });
             const data = await response.json();
             if (data.url) {
-                const textarea = document.querySelector('textarea');
-                const imgHtml = `\n<img src="${data.url}" alt="image" style="max-width: 100%; border-radius: 1rem; margin: 1rem 0;">\n`;
-                textarea.value += imgHtml;
+                const trixEditor = document.querySelector('trix-editor');
+                if (trixEditor) {
+                    trixEditor.editor.insertHTML(`<img src="${data.url}" style="max-width: 100%; border-radius: 1rem; margin: 1rem 0;">`);
+                } else {
+                    const textarea = document.querySelector('textarea');
+                    const imgHtml = `\n<img src="${data.url}" alt="image" style="max-width: 100%; border-radius: 1rem; margin: 1rem 0;">\n`;
+                    textarea.value += imgHtml;
+                }
                 alert('Image uploaded successfully!');
             } else {
                 alert('Upload failed: ' + (data.error || 'Unknown error'));

data/app/views/cms/posts_form.erb

@@ -94,14 +94,16 @@
 
                 <div class="space-y-2">
                     <div class="flex justify-between items-center px-1">
-                        <label class="text-xs font-bold uppercase tracking-wider text-slate-500 dark:text-slate-400">Article Content (Markdown)</label>
+                        <label class="text-xs font-bold uppercase tracking-wider text-slate-500 dark:text-slate-400">Article Content (<%= FEATURES_CONFIG['rich_text'] ? 'Rich Text' : 'Markdown' %>)</label>
                         <div class="flex gap-4">
                             <button type="button" class="text-xs font-bold text-primary hover:underline flex items-center gap-2" onclick="openUploader('thumbnail')">
                                 <i class="fas fa-image"></i> Set Thumbnail
                             </button>
-                            <button type="button" class="text-xs font-bold text-primary hover:underline flex items-center gap-2" onclick="openUploader('content')">
-                                <i class="fas fa-file-image"></i> Insert Image
-                            </button>
+                            <% unless FEATURES_CONFIG['rich_text'] %>
+                                <button type="button" class="text-xs font-bold text-primary hover:underline flex items-center gap-2" onclick="openUploader('content')">
+                                    <i class="fas fa-file-image"></i> Insert Image
+                                </button>
+                            <% end %>
                         </div>
                     </div>
 
@@ -111,8 +113,13 @@
                     </div>
                     
                     <input type="hidden" name="post[image_url]" id="thumbnail-url" value="<%= @post.image_url %>">
-                    <textarea name="post[content]" rows="15" placeholder="Start writing your story..."
-                        class="w-full px-5 py-4 bg-white/5 border border-white/10 rounded-2xl focus:border-primary focus:ring-4 focus:ring-primary/10 outline-none transition-all text-slate-700 dark:text-slate-300 font-mono leading-relaxed text-left"><%= @post.content %></textarea>
+                    <% if FEATURES_CONFIG['rich_text'] %>
+                        <input id="post_content" type="hidden" name="post[content]" value="<%= h(@post.content) %>">
+                        <trix-editor input="post_content" placeholder="Mulai menulis cerita Anda..." class="trix-content"></trix-editor>
+                    <% else %>
+                        <textarea name="post[content]" rows="15" placeholder="Start writing your story..."
+                            class="w-full px-5 py-4 bg-white/5 border border-white/10 rounded-2xl focus:border-primary focus:ring-4 focus:ring-primary/10 outline-none transition-all text-slate-700 dark:text-slate-300 font-mono leading-relaxed text-left"><%= @post.content %></textarea>
+                    <% end %>
                     <input type="file" id="image-upload" class="hidden" onchange="handleImageUpload(this)">
                 </div>
 
@@ -165,8 +172,13 @@
                     preview.src = data.url;
                     container.style.display = 'block';
                 } else {
-                    const textarea = document.querySelector('textarea');
-                    textarea.value += `\n![image](${data.url})\n`;
+                    const trixEditor = document.querySelector('trix-editor');
+                    if (trixEditor) {
+                        trixEditor.editor.insertHTML(`<img src="${data.url}" style="max-width: 100%; border-radius: 1rem; margin: 1rem 0;">`);
+                    } else {
+                        const textarea = document.querySelector('textarea');
+                        textarea.value += `\n![image](${data.url})\n`;
+                    }
                 }
                 alert('Image uploaded successfully! Don\'t forget to click PUBLISH/SAVE below.');
             } else {

data/app/views/docs.erb

@@ -1,6 +1,6 @@
 <div class="space-y-12 pb-20">
     <div class="text-left">
-        <div class="badge-premium">Documentation v4.0.0</div>
+        <div class="badge-premium">Documentation v4.2.0</div>
         <h1 class="text-5xl font-black tracking-tighter mb-4 text-slate-700 dark:text-white">Framework <span class="text-primary">Guide</span></h1>
         <p class="text-xl text-slate-500 max-w-2xl leading-relaxed">Everything you need to know about building premium web applications with the One-For-All framework.</p>
     </div>
@@ -62,6 +62,18 @@
                                 <td class="px-6 py-4 font-mono text-primary">./ofa run</td>
                                 <td class="px-6 py-4 text-slate-600 dark:text-slate-400">Starts the high-performance Eksa Server on port 3000.</td>
                             </tr>
+                            <tr>
+                                <td class="px-6 py-4 font-mono text-primary">./ofa console</td>
+                                <td class="px-6 py-4 text-slate-600 dark:text-slate-400 text-xs">Interactive REPL pre-loaded with your DB & Models.</td>
+                            </tr>
+                            <tr>
+                                <td class="px-6 py-4 font-mono text-primary">./ofa doctor</td>
+                                <td class="px-6 py-4 text-slate-600 dark:text-slate-400 text-xs">Check system health (DB, Env, Gems, Config).</td>
+                            </tr>
+                            <tr>
+                                <td class="px-6 py-4 font-mono text-primary">./ofa routes</td>
+                                <td class="px-6 py-4 text-slate-600 dark:text-slate-400 text-xs">List all registered routes in a clean table.</td>
+                            </tr>
                             <tr>
                                 <td class="px-6 py-4 font-mono text-primary">./ofa deploy</td>
                                 <td class="px-6 py-4 text-slate-600 dark:text-slate-400 text-xs italic">Railway/Docker/Git auto-detection for production.</td>
@@ -136,6 +148,14 @@
                                 <code class="text-primary font-bold text-xs">./ofa run</code>
                                 <p class="text-slate-500 text-xs mt-1">Starts the high-performance Eksa Server on port 3000.</p>
                             </div>
+                            <div>
+                                <code class="text-primary font-bold text-xs">./ofa console</code>
+                                <p class="text-slate-500 text-xs mt-1">Interactive REPL session.</p>
+                            </div>
+                            <div>
+                                <code class="text-primary font-bold text-xs">./ofa doctor</code>
+                                <p class="text-slate-500 text-xs mt-1">System health check tool.</p>
+                            </div>
                         </div>
                     </div>
 
@@ -249,6 +269,17 @@ resources :posts
                         ./ofa feature enable cms
                     </div>
                     <p>Authentication is handled via BCrypt hashing with an 8-hour session sliding expiration window for optimal security.</p>
+                    
+                    <h4 class="font-bold text-lg mt-8 mb-4">🖋️ Rich Text Editor (Trix)</h4>
+                    <p class="text-sm text-slate-500 mb-4">Version 4.1.0 introduced a premium WYSIWYG editor integration. Enable it to transform your CMS experience:</p>
+                    <div class="p-4 bg-white/5 border border-white/10 rounded-2xl mb-4 font-mono text-sm">
+                        ./ofa feature enable rich_text
+                    </div>
+                    <ul class="text-xs space-y-2 text-slate-600 dark:text-slate-400">
+                        <li>• <strong>Visual Editing:</strong> No more Markdown syntax. Format text, quotes, and lists visually.</li>
+                        <li>• <strong>Image Handling:</strong> Drag-and-drop images directly into the editor with auto-storage sync.</li>
+                        <li>• <strong>Code Blocks:</strong> Native support for code blocks with one-click "Copy" functionality.</li>
+                    </ul>
                 </div>
             </section>
 

data/app/views/index.erb

@@ -1,6 +1,6 @@
 <div class="text-center space-y-6 max-w-2xl mx-auto py-12">
     <div class="inline-flex items-center px-4 py-1.5 rounded-full bg-primary/10 border border-primary/20 text-primary text-xs font-bold uppercase tracking-wider animate-pulse">
-        Framework Version 4.0.0
+        Framework Version 4.2.0
     </div>
     
     <h1 class="text-5xl md:text-7xl font-black tracking-tight leading-tight">

data/app/views/layout.erb

@@ -21,6 +21,80 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-ruby.min.js"></script>
     
+    <% if FEATURES_CONFIG['rich_text'] %>
+        <link rel="stylesheet" type="text/css" href="https://unpkg.com/trix@2.0.8/dist/trix.css">
+        <script type="text/javascript" src="https://unpkg.com/trix@2.0.8/dist/trix.umd.min.js"></script>
+        <style>
+            trix-editor {
+                min-height: 400px !important;
+                background: rgba(255, 255, 255, 0.03) !important;
+                border: 1px solid rgba(255, 255, 255, 0.1) !important;
+                border-radius: 1.25rem !important;
+                padding: 1.25rem !important;
+                color: inherit !important;
+                font-family: inherit !important;
+                line-height: 1.6 !important;
+            }
+            trix-toolbar {
+                margin-bottom: 0.5rem !important;
+            }
+            .dark trix-toolbar .trix-button-group {
+                border-color: rgba(255, 255, 255, 0.1) !important;
+                background: rgba(255, 255, 255, 0.05) !important;
+            }
+            .dark trix-toolbar .trix-button {
+                border-bottom: none !important;
+            }
+            .dark trix-toolbar .trix-button--active {
+                background: var(--primary) !important;
+            }
+            .trix-content {
+                font-size: 1.1rem !important;
+            }
+        </style>
+        <script type="text/javascript">
+            (function() {
+                document.addEventListener("trix-attachment-add", function(event) {
+                    var attachment = event.attachment;
+                    if (attachment.file) {
+                        return uploadFileAttachment(attachment);
+                    }
+                });
+
+                function uploadFileAttachment(attachment) {
+                    var file = attachment.file;
+                    var form = new FormData();
+                    form.append("file", file);
+                    form.append("csrf_token", "<%= csrf_token %>");
+
+                    var xhr = new XMLHttpRequest();
+                    xhr.open("POST", "/dashboard/upload", true);
+
+                    xhr.upload.onprogress = function(event) {
+                        var progress = (event.loaded / event.total) * 100;
+                        attachment.setUploadProgress(progress);
+                    };
+
+                    xhr.onload = function() {
+                        if (xhr.status === 200) {
+                            try {
+                                var data = JSON.parse(xhr.responseText);
+                                if (data.url) {
+                                    return attachment.setAttributes({
+                                        url: data.url,
+                                        href: data.url
+                                    });
+                                }
+                            } catch (e) {}
+                        }
+                    };
+
+                    return xhr.send(form);
+                }
+            })();
+        </script>
+    <% end %>
+    
     <script>
         tailwind.config = {
             darkMode: 'class',
@@ -215,7 +289,56 @@
         .markdown-content { text-align: left; line-height: 1.6; }
         .markdown-content h1 { font-size: 2.25rem; font-weight: 800; margin: 2rem 0 1rem; color: var(--primary); }
         .markdown-content p { font-size: 1.125rem; color: #475569; margin-bottom: 1.5rem; }
+        .markdown-content ul { list-style-type: disc !important; margin-left: 1.5rem !important; margin-bottom: 1.5rem !important; display: block !important; }
+        .markdown-content ol { list-style-type: decimal !important; margin-left: 1.5rem !important; margin-bottom: 1.5rem !important; display: block !important; }
+        .markdown-content li { margin-bottom: 0.5rem !important; display: list-item !important; }
+        .markdown-content blockquote { border-left: 4px solid var(--primary); padding: 1rem 0 1rem 1.5rem; font-style: italic; margin: 1.5rem 0; color: #64748b; background: rgba(255, 255, 255, 0.03); }
+        .markdown-content pre { background: rgba(0,0,0,0.05); padding: 1.25rem; border-radius: 1rem; overflow-x: auto; font-family: 'Fira Code', monospace; margin: 1.5rem 0; line-height: 1.4; border: 1px solid rgba(0,0,0,0.1); }
+        .markdown-content code { background: rgba(0,0,0,0.05); padding: 0.2rem 0.4rem; border-radius: 0.4rem; font-family: 'Fira Code', monospace; font-size: 0.9em; }
+        .markdown-content figcaption { text-align: center; color: #64748b; opacity: 0.6; font-size: 0.85rem; margin-top: 0.75rem; font-style: italic; line-height: 1.4; }
+        .markdown-content a { color: var(--primary); font-weight: 700; text-decoration: none; border-bottom: 1px dashed var(--primary); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
+        .markdown-content a:hover { color: var(--secondary); border-bottom: 1px solid var(--secondary); opacity: 0.8; }
+        
         .dark .markdown-content p { color: #cbd5e1; }
+        .dark .markdown-content ul, .dark .markdown-content ol { color: #cbd5e1; }
+        .dark .markdown-content blockquote { color: #94a3b8; background: rgba(255, 255, 255, 0.03); }
+        .dark .markdown-content pre { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.1); color: #e2e8f0; }
+        .dark .markdown-content code { background: rgba(255,255,255,0.1); color: var(--primary); }
+
+        /* Code Copy Button */
+        .code-wrapper { position: relative; margin: 1.5rem 0; }
+        .copy-btn {
+            position: absolute;
+            top: 0.75rem;
+            right: 0.75rem;
+            padding: 0.4rem 0.8rem;
+            background: rgba(255, 255, 255, 0.05);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 0.75rem;
+            color: #94a3b8;
+            font-size: 0.7rem;
+            font-weight: 800;
+            cursor: pointer;
+            transition: all 0.3s;
+            backdrop-filter: blur(8px);
+            z-index: 10;
+            text-transform: uppercase;
+            letter-spacing: 0.05em;
+        }
+        .copy-btn:hover { 
+            background: var(--primary); 
+            color: white; 
+            border-color: var(--primary);
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
+        }
+        .copy-btn.copied { 
+            background: #10b981; 
+            color: white; 
+            border-color: #10b981;
+        }
+
+        .markdown-content pre { margin: 0 !important; }
 
         /* Cyber Theme Specifics */
         .cyber-border {
@@ -523,6 +646,34 @@
             menuBtn.addEventListener('click', toggleMenu);
             menuClose.addEventListener('click', toggleMenu);
             backdrop.addEventListener('click', toggleMenu);
+
+            // Code Copy Implementation
+            document.querySelectorAll('pre').forEach(pre => {
+                // Skip if already wrapped or inside trix-editor
+                if (pre.closest('trix-editor') || pre.parentElement.classList.contains('code-wrapper')) return;
+
+                const wrapper = document.createElement('div');
+                wrapper.className = 'code-wrapper group';
+                pre.parentNode.insertBefore(wrapper, pre);
+                wrapper.appendChild(pre);
+
+                const btn = document.createElement('button');
+                btn.className = 'copy-btn opacity-0 group-hover:opacity-100 transition-opacity duration-300';
+                btn.innerHTML = '<i class="fas fa-copy mr-1"></i> Copy';
+                wrapper.appendChild(btn);
+
+                btn.addEventListener('click', () => {
+                    const code = pre.innerText;
+                    navigator.clipboard.writeText(code).then(() => {
+                        btn.innerHTML = '<i class="fas fa-check mr-1"></i> Copied!';
+                        btn.classList.add('copied');
+                        setTimeout(() => {
+                            btn.innerHTML = '<i class="fas fa-copy mr-1"></i> Copy';
+                            btn.classList.remove('copied');
+                        }, 2000);
+                    });
+                });
+            });
         });
     </script>
 </body>

data/bin/ofa

@@ -22,7 +22,7 @@ def help
   puts "  / __ \\/ ____/  /   |                      "
   puts " / / / / /_     / /| |  Framework           "
   puts "/ /_/ / __/    / ___ |  Premium MVC         "
-  puts "\\____/_/      /_/  |_|  v4.0.0              "
+  puts "\\____/_/      /_/  |_|  v4.2.0              "
   puts "                                            "
   puts "✨ One-For-All Framework CLI ✨"
   puts "-----------------------------"
@@ -33,7 +33,7 @@ def help
   puts "  ofa g model NAME      - Generate a new model"
   puts "  ofa g migration NAME  - Generate a new migration"
   puts "  ofa g post TITLE      - Create a new post [args: --category, --author, --image]"
-  puts "  ofa feature ACTION F  - Toggle features: action=enable/disable, F=cms/auth"
+  puts "  ofa feature ACTION F  - Toggle features: action=enable/disable, F=cms/auth/rich_text"
   puts "  ofa type NAME         - Set application type: portfolio, blog, landing_page, e_commerce"
   puts "  ofa theme NAME        - Set UI theme: light_glass, dark_glass, cyber_sidebar, retro_terminal, light_sidebar"
   puts "  ofa storage NAME      - Set image storage: local, cloudinary"
@@ -42,6 +42,9 @@ def help
   puts "  ofa db migrate-data TYPE [NAME] - Migrate data to another DB"
   puts "  ofa db migrate        - Run database migrations"
   puts "  ofa migrate           - Run database migrations (alias for db migrate)"
+  puts "  ofa console           - Start interactive REPL session"
+  puts "  ofa doctor            - Check system health (DB, config, gems)"
+  puts "  ofa routes            - List all registered routes"
   puts "  ofa run               - Start the application server"
   puts "  ofa deploy            - Deploy project to production"
   puts "-----------------------------"
@@ -226,7 +229,7 @@ when 'init'
   puts "  / __ \\/ ____/  /   |                      "
   puts " / / / / /_     / /| |  Framework           "
   puts "/ /_/ / __/    / ___ |  Premium MVC         "
-  puts "\\____/_/      /_/  |_|  v4.0.0              "
+  puts "\\____/_/      /_/  |_|  v4.2.0              "
   puts "                                            "
   puts "Initializing One-For-All project as '#{app_type}' in #{PROJECT_ROOT}..."
 
@@ -513,6 +516,12 @@ when 'feature'
   config[feature] = (action == 'enable')
   File.write(config_path, JSON.pretty_generate(config))
   puts "Feature '#{feature}' has been #{action}d."
+  
+  if action == 'enable' && feature == 'cms' && !config['auth']
+    puts "\n⚠️  [WARNING]: You have enabled CMS but 'auth' is disabled."
+    puts "   It is highly recommended to enable 'auth' feature to secure your dashboard."
+    puts "   Run: ./ofa feature enable auth"
+  end
 
 when 'type'
   ensure_initialized!
@@ -622,6 +631,111 @@ when 'db'
     perform_db_migration(target_type, target_name)
   end
 
+when 'doctor'
+  puts "🩺 One-For-All Doctor - System Health Check"
+  puts "------------------------------------------"
+  
+  # 1. Environment Check
+  print "Checking .env file... "
+  if File.exist?('.env')
+    puts "✅ Found."
+    env_content = File.read('.env')
+    if env_content.include?('DATABASE_URL')
+      puts "  - DATABASE_URL: Defined"
+    end
+  else
+    puts "❌ Missing! Create a .env file based on .env.example."
+  end
+
+  # 2. Database Check
+  print "Checking Database connection... "
+  begin
+    Object.const_set(:APP_ROOT, PROJECT_ROOT) unless defined?(APP_ROOT)
+    ENV['EKS_ENV'] = 'test' # Silence some output
+    require File.join(FRAMEWORK_ROOT, 'config', 'boot')
+    if defined?(DB) && DB.test_connection
+      puts "✅ Connected (#{DB_CONFIG['adapter']})"
+    else
+      puts "❌ Failed!"
+    end
+    
+    if defined?(MONGO_CLIENT)
+      print "Checking MongoDB connection... "
+      begin
+        MONGO_CLIENT.database_names
+        puts "✅ Connected"
+      rescue => e
+        puts "❌ Failed: #{e.message}"
+      end
+    end
+  rescue => e
+    puts "❌ Error during boot: #{e.message}"
+  end
+
+  # 3. Ruby Version
+  print "Checking Ruby version... "
+  puts "✅ #{RUBY_VERSION}"
+
+  # 4. Gems Check
+  print "Checking dependencies... "
+  if File.exist?('Gemfile.lock')
+    puts "✅ Gemfile.lock exists."
+  else
+    puts "⚠️  Gemfile.lock not found. Run 'bundle install'."
+  end
+
+  # 5. Features Config
+  print "Checking features.json... "
+  if File.exist?('config/features.json')
+    puts "✅ Found."
+  else
+    puts "❌ Missing! Run 'ofa init'."
+  end
+
+  puts "------------------------------------------"
+  puts "Doctor check complete! ✨"
+
+when 'console'
+  ensure_initialized!
+  puts "                                            "
+  puts "   ____  _______  ___                       "
+  puts "  / __ \\/ ____/  /   |                      "
+  puts " / / / / /_     / /| |  Framework           "
+  puts "/ /_/ / __/    / ___ |  Console (REPL)      "
+  puts "\\____/_/      /_/  |_|  v4.2.0              "
+  puts "                                            "
+  puts "✨ Loading environment... (Type 'exit' to quit)"
+  
+  Object.const_set(:APP_ROOT, PROJECT_ROOT) unless defined?(APP_ROOT)
+  require File.join(FRAMEWORK_ROOT, 'config', 'boot')
+  
+  require 'irb'
+  ARGV.clear
+  IRB.start
+
+when 'routes'
+  ensure_initialized!
+  puts "🗺️  Registered Routes"
+  puts "--------------------------------------------------------"
+  printf "%-8s | %-40s\n", "Verb", "Path"
+  puts "--------------------------------------------------------"
+  
+  Object.const_set(:APP_ROOT, PROJECT_ROOT) unless defined?(APP_ROOT)
+  ENV['EKS_ENV'] = 'test'
+  require File.join(FRAMEWORK_ROOT, 'config', 'boot')
+  
+  if defined?(ROUTES)
+    routes_hash = ROUTES.instance_variable_get(:@routes)
+    routes_hash.each do |verb, list|
+      list.each do |r|
+        printf "%-8s | %-40s\n", verb, r[:path]
+      end
+    end
+  else
+    puts "❌ No routes found."
+  end
+  puts "--------------------------------------------------------"
+
 when 'run'
   ensure_initialized!
   # Check for config.ru

data/config/boot.rb

@@ -47,6 +47,14 @@ module EksCent
       context.define_singleton_method(:csrf_tag) { "<input type='hidden' name='csrf_token' value='#{req.env['eks_cent.csrf_token']}'>" }
       context.define_singleton_method(:csrf_token) { req ? req.env['eks_cent.csrf_token'] : nil }
       context.define_singleton_method(:markdown) { |text| Kramdown::Document.new(text.to_s, input: 'GFM').to_html }
+      context.define_singleton_method(:strip_tags) { |text| text.to_s.gsub(/<[^>]*>/, ' ').gsub(/\s+/, ' ').strip }
+      context.define_singleton_method(:preview_text) do |text, length = 160|
+        plain = text.to_s.gsub(/<[^>]*>/, ' ') # Hapus HTML tags
+        plain = plain.gsub(/!\[.*?\]\(.*?\)/, '') # Hapus Markdown Images
+        plain = plain.gsub(/\[(.*?)\]\(.*?\)/, '\1') # Ambil teks dari Markdown Links
+        plain = plain.gsub(/\s+/, ' ').strip
+        plain.length > length ? "#{plain[0...length]}..." : plain
+      end
       
       context.define_singleton_method(:session) { req ? (req.env['eks_cent.session'] || req.env['rack.session'] || {}) : {} }
       context.define_singleton_method(:h) { |s| CGI.escapeHTML(s.to_s) }

data/config/features.json

@@ -3,5 +3,6 @@
   "cms": true,
   "type": "landing_page",
   "theme": "light_sidebar",
-  "storage": "cloudinary"
+  "storage": "cloudinary",
+  "rich_text": true
 }

data/config/routes.rb

@@ -52,31 +52,35 @@ ROUTES = EksCent::Router.new do
   end
 
   # --- CMS Dashboard ---
-  get '/dashboard' do |req, res|
-    DashboardController.new(req, res).index
-  end
-  
-  post '/dashboard/upload' do |req, res|
-    DashboardController.new(req, res).upload
-  end
+  if FEATURES_CONFIG['cms']
+    get '/dashboard' do |req, res|
+      DashboardController.new(req, res).index
+    end
+    
+    post '/dashboard/upload' do |req, res|
+      DashboardController.new(req, res).upload
+    end
 
-  # Resourceful CMS Routes
-  resources :pages, prefix: '/dashboard'
-  resources :posts, prefix: '/dashboard'
-  resources :projects, prefix: '/dashboard'
-  resources :products, prefix: '/dashboard'
+    # Resourceful CMS Routes
+    resources :pages, prefix: '/dashboard'
+    resources :posts, prefix: '/dashboard'
+    resources :projects, prefix: '/dashboard'
+    resources :products, prefix: '/dashboard'
+  end
 
   # Auth Routes
-  get '/login' do |req, res|
-    AuthController.new(req, res).show_login
-  end
+  if FEATURES_CONFIG['auth']
+    get '/login' do |req, res|
+      AuthController.new(req, res).show_login
+    end
 
-  post '/login' do |req, res|
-    AuthController.new(req, res).login
-  end
+    post '/login' do |req, res|
+      AuthController.new(req, res).login
+    end
 
-  post '/logout' do |req, res|
-    AuthController.new(req, res).logout
+    post '/logout' do |req, res|
+      AuthController.new(req, res).logout
+    end
   end
 
   # API Namespace

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: one-for-all-framework
 version: !ruby/object:Gem::Version
-  version: 4.0.0
+  version: 4.2.0
 platform: ruby
 authors:
 - Ishikawa Uta
@@ -180,6 +180,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".env.example"
+- ".gitignore"
 - Dockerfile
 - Gemfile
 - LICENSE