one-for-all-framework 3.0.0 → 4.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 26eab5d2f3279aef8aaf3e4f4f69af60d01c535a8a4ba2f41a82615f77e02732
-  data.tar.gz: a6760ad95277f885fff52a45427049cb87f3a59e584dc09fffa533c4b7b57bd5
+  metadata.gz: a5483a78bd78c4dcf46a9866464a4888bec73705273fe2db6a4b58179429b685
+  data.tar.gz: 8423d7b463a98b56f470aeeb244f4f68e4cd38ca9f0cf53fcf1b14f84e57c599
 SHA512:
-  metadata.gz: ac089f1a856bf5b31ffea2561db5a48d2fed567b14be86245c7962965595d9fb80209472d2427a4c10c4f15d17ed48c839897bb3141d0a46f860f43d7014d44b
-  data.tar.gz: 9f10a41d2e81293e8cfd363253d08fbb1bd1dc595e97cc646b31ce2c36e30807ee385772c9ba903e98e70bec3205e5b265f0a694cdc3d62aaba12e488639eed0
+  metadata.gz: 692a5ab6721f594764df4d47f6b39e4b1c5c863d78ce9e4f548523ca4239392a2be9d5fa6db851df8112eea0cb11ce58198409a4d6f2bbc8b625662c1d9f375e
+  data.tar.gz: f7c5aa734237704dd51efd801334d5c576e5cfb4e7fd257e5c905b5a8dde492faa63a033c11c08a6ede41c0cb9639b54e2fe97961ef4e167d568dee1c0152e8a

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 v3.0.0
+# ⚡ One-For-All (OFA) Framework v4.1.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)
@@ -16,10 +16,11 @@
 
 -   **💎 Premium Aesthetics**: Beautiful Glassmorphism design system included by default with smooth dark/light mode transitions.
 -   **🚀 Blazing Fast**: Built on a modular Nio4r-powered engine for minimal overhead and instant boot times.
--   **📂 Multi-Database**: Seamlessly switch between SQLite, MySQL, MariaDB, and MongoDB Atlas.
+-   **📂 Multi-Database**: Seamlessly switch and migrate data between SQLite, MySQL, MariaDB, and MongoDB Atlas.
 -   **🛠️ 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.
 
 ---
 
@@ -52,9 +53,75 @@ Your app is now live at `http://localhost:3000` ⚡
 
 ---
 
-## 🛠️ CLI Power Tools (Detailed Reference)
+## 🛠️ CLI Deep Dive & Expected Outputs
+
+The `ofa` CLI is designed to be interactive and informative. Below is a detailed breakdown of all available commands and the visual feedback they provide.
+
+### 📦 Project & Environment
+#### `ofa init [TYPE]`
+Initialize your workspace. Triggers an interactive wizard for Database and Storage setup.
+*   **Output Example:**
+    ```text
+    🛠️ Project Configuration
+    💾 Choose Database [1. SQLite, 2. MongoDB Atlas]: 2
+    🔗 Enter MongoDB Connection String: mongodb+srv://...
+    🖼️ Choose Image Storage [1. Local, 2. Cloudinary]: 1
+    ✅ Connection string saved to .env
+    ✅ Project structure initialized.
+    ```
+
+#### `ofa run`
+Boots the high-performance Eksa Server engine.
+*   **Output Example:**
+    ```text
+    Starting One-For-All server...
+    [INFO] Mendengarkan di TCP: 0.0.0.0:3000
+    [EksCent] 2026-05-03 14:40:52 | GET / | Status: 200
+    ```
+
+### 🏗️ Generators (Scaffolding)
+#### `ofa g controller NAME`
+*   **Output:** `✅ Created app/controllers/blog_controller.rb`
+#### `ofa g model NAME`
+*   **Output:** `✅ Created app/models/product.rb`
+#### `ofa g post TITLE [args]`
+Creates a SEO-optimized blog post with metadata.
+*   **Example:** `./ofa g post "Hello World" --author Antigravity`
+*   **Output:** `✅ Created app/views/posts/hello_world.erb`
+
+### 📂 Database Management
+#### `ofa db switch TYPE [URL]`
+Switches your database adapter on the fly.
+*   **Output:** `Switched to mongodb mode.`
+
+#### `ofa db migrate-data TYPE [URL]`
+**The most powerful tool.** Moves all data from your current DB to a new one (SQL or MongoDB Atlas).
+*   **Output Example:**
+    ```text
+    📦 Starting data migration: sqlite -> mongodb...
+      Migrating users... 12 rows.
+      Migrating posts... 45 rows.
+    ✅ Migration successful!
+    ```
+
+#### `ofa db migrate` (or `ofa migrate`)
+Runs pending database migrations in `db/migrations/`.
+*   **Output:** `✅ Migrations completed.`
+
+### 🎨 Customization & Security
+#### `ofa theme NAME`
+Changes the entire UI skin (Modern Glass, Retro, Cyber).
+*   **Output:** `✅ Theme set to: retro_terminal`
+
+#### `ofa storage NAME`
+Switches between local disk and Cloudinary cloud storage.
+*   **Output:** `✅ Storage set to: cloudinary`
+
+#### `ofa reset-password USR PWD`
+Securely manages admin credentials.
+*   **Output:** `✅ Password for 'admin' updated successfully.`
 
-The `ofa` CLI is the heart of the One-For-All framework. It handles everything from project initialization to production deployment.
+---
 
 ### 📁 Project Lifecycle
 | Command | Description |
@@ -85,7 +152,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). |
 
 ---
@@ -93,9 +160,10 @@ Fine-tune your application's behavior and appearance without touching the code.
 ### 🔐 Security & Database
 | Command | Description |
 | :--- | :--- |
-| `ofa reset-password USR PWD`| **User Management.** Resets a password for an existing admin or creates a new one. <br> *Note:* Enforces strong password rules (8+ chars, 1 uppercase, 1 number). |
-| `ofa db switch ADAPTER` | **Hot-swap Database.** Configure your adapter on the fly: `sqlite`, `mysql`, `mariadb`, `postgres`, or `env` (for MongoDB Atlas). |
-| `ofa db migrate` | **Database Sync.** Runs all pending migrations in `db/migrations/` to keep your schema up to date. |
+| `ofa reset-password USR PWD`| **Enterprise Recovery.** Resets admin credentials with strict enforcement: 8+ chars, uppercase, and numbers. Powered by BCrypt hashing. |
+| `ofa db migrate-data TYPE [NAME]`| **Zero-Loss Migration.** The ultimate tool to move data (Users, Posts, Products) from SQLite to MongoDB Atlas or other SQL DBs without losing a single record. |
+| `ofa db switch ADAPTER` | **Hot-swap Engine.** Instantly change your database adapter. Supports `sqlite`, `mysql`, `mariadb`, `postgres`, and `mongodb`. |
+| `ofa db migrate` | **Schema Evolution.** Runs all pending migrations. OFA automatically handles table creation for core models during boot for maximum reliability. |
 
 ---
 

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 v3.0.0</div>
+        <div class="badge-premium">Documentation v4.1.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>
@@ -94,6 +94,27 @@
                                 <td class="px-6 py-4 font-mono text-primary">./ofa storage NAME</td>
                                 <td class="px-6 py-4 text-slate-600 dark:text-slate-400 text-xs">Hot-swap storage: <code>local</code> or <code>cloudinary</code>.</td>
                             </tr>
+                            <tr class="bg-slate-500/5"><td colspan="2" class="px-6 py-2 text-[10px] font-black uppercase tracking-tighter text-slate-400">Database & Security</td></tr>
+                            <tr>
+                                <td class="px-6 py-4 font-mono text-primary">./ofa db migrate-data TYPE [NAME]</td>
+                                <td class="px-6 py-4 text-slate-600 dark:text-slate-400 text-xs">
+                                    Migrate all data from current DB to a new destination (SQL/Mongo).
+                                    <div class="mt-2 p-2 bg-slate-900 rounded font-mono text-[10px] text-green-400 border border-white/5">
+                                        📦 Starting data migration: sqlite -> mongo...<br>
+                                        Migrating users... 12 rows.<br>
+                                        ✅ Migration successful!
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="px-6 py-4 font-mono text-primary">./ofa reset-password USR PWD</td>
+                                <td class="px-6 py-4 text-slate-600 dark:text-slate-400 text-xs">
+                                    Reset admin password (min 8 chars, 1 upper, 1 num).
+                                    <div class="mt-2 p-2 bg-slate-900 rounded font-mono text-[10px] text-green-400 border border-white/5">
+                                        ✅ Password for 'admin' updated successfully.
+                                    </div>
+                                </td>
+                            </tr>
                         </tbody>
                     </table>
                 </div>
@@ -145,6 +166,20 @@
                             </div>
                         </div>
                     </div>
+
+                    <div class="glass-panel p-6 space-y-4">
+                        <h4 class="text-[10px] font-black uppercase tracking-widest text-primary border-b border-white/5 pb-2">Database & Security</h4>
+                        <div class="space-y-4">
+                            <div>
+                                <code class="text-primary font-bold text-xs">./ofa db migrate-data TYPE [NAME]</code>
+                                <p class="text-slate-500 text-xs mt-1">Migrate data to new DB destination.</p>
+                            </div>
+                            <div>
+                                <code class="text-primary font-bold text-xs">./ofa reset-password USR PWD</code>
+                                <p class="text-slate-500 text-xs mt-1">Manage admin credentials.</p>
+                            </div>
+                        </div>
+                    </div>
                 </div>
             </section>
 
@@ -214,6 +249,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 introduces 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 3.0.0
+        Framework Version 4.1.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 "\\____/_/      /_/  |_|  v2.0.0              "
+  puts "\\____/_/      /_/  |_|  v4.1.0              "
   puts "                                            "
   puts "✨ One-For-All Framework CLI ✨"
   puts "-----------------------------"
@@ -33,12 +33,13 @@ 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"
   puts "  ofa reset-password USR PWD - Reset admin account password"
   puts "  ofa db switch TYPE [NAME] - Switch DB: sqlite, mysql, mariadb, mongodb, postgres"
+  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 run               - Start the application server"
@@ -67,6 +68,117 @@ def run_migrations
   end
 end
 
+def perform_db_migration(target_type, target_name)
+  # 1. Initialize source environment
+  Object.const_set(:APP_ROOT, PROJECT_ROOT) unless defined?(APP_ROOT)
+  require File.join(FRAMEWORK_ROOT, 'config', 'boot')
+  source_db = DB
+  
+  puts "📦 Starting data migration: #{DB_CONFIG['adapter']} -> #{target_type}..."
+
+  # 2. Setup target connection
+  target_db = nil
+  target_mongo = nil
+
+  if ['mongodb', 'mongo'].include?(target_type)
+    require 'mongo'
+    target_mongo = Mongo::Client.new(target_name)
+    target_db = Sequel.connect("sqlite://db/data.sqlite3")
+  elsif target_type == 'sqlite'
+    target_db = Sequel.connect("sqlite://#{target_name || 'db/production.sqlite3'}")
+  else
+    target_db = Sequel.connect("#{target_type}://root:@localhost/#{target_name}")
+  end
+
+  # 3. Ensure target tables exist
+  if target_db
+    target_db.extension :pagination
+    # Re-use the schema creation logic by mimicking a mini-boot
+    # For simplicity, we'll just create core tables if they don't exist
+    [:users, :pages, :posts, :projects, :products].each do |table|
+      unless target_db.table_exists?(table)
+        # Copy schema from source (very basic approach)
+        schema = source_db.schema(table)
+        target_db.create_table(table) do
+          schema.each do |col_name, col_info|
+            column col_name, col_info[:db_type], primary_key: col_info[:primary_key], allow_null: col_info[:allow_null]
+          end
+        end
+      end
+    end
+  end
+
+  # 4. Migrate data
+  [:users, :pages, :posts, :projects, :products].each do |table|
+    print "  Migrating #{table}... "
+    rows = []
+    
+    # Try fetching from Mongo if it exists
+    source_mongo = defined?(MONGO_CLIENT) ? MONGO_CLIENT : nil
+    if source_mongo
+      begin
+        mongo_rows = source_mongo[table].find.to_a
+        if mongo_rows.any?
+          rows = mongo_rows.map do |r|
+            r[:id] = r[:_id].to_s if r[:_id]
+            r.delete(:_id)
+            r
+          end
+        end
+      rescue
+        # Collection might not exist in Mongo, fallback to SQL
+      end
+    end
+
+    # Fallback to SQL if no rows found in Mongo
+    if rows.empty?
+      begin
+        rows = source_db[table].all
+      rescue
+        rows = []
+      end
+    end
+
+    # Clear target table before migrating to avoid duplicates
+    if target_db && target_db.table_exists?(table)
+      target_db[table].delete
+    end
+
+    count = 0
+    rows.each do |row|
+      if target_type == 'mongodb' && table == :users
+        # Users go to Mongo in Mongo mode
+        target_mongo[:users].update_one({ username: row[:username] }, { "$set" => row.reject{|k| k == :id} }, { upsert: true })
+      elsif target_db
+        # Deep cleaning and type conversion for SQLite compatibility
+        target_columns = target_db[table].columns
+        clean_row = {}
+        row.each do |k, v|
+          sym_k = k.to_sym
+          if target_columns.include?(sym_k) && sym_k != :id
+            if v.is_a?(BSON::ObjectId)
+              clean_row[sym_k] = v.to_s
+            elsif v.is_a?(Time)
+              clean_row[sym_k] = v.strftime('%Y-%m-%d %H:%M:%S')
+            else
+              clean_row[sym_k] = v
+            end
+          end
+        end
+        target_db[table].insert(clean_row)
+      end
+      count += 1
+    end
+    puts "#{count} rows."
+  end
+
+  # 5. Update configuration to point to new DB
+  absolute_ofa_path = File.expand_path(__FILE__)
+  system("ruby #{absolute_ofa_path} db switch #{target_type} #{target_name}")
+
+  puts "✅ Migration successful!"
+end
+
 def ensure_initialized!
   config_path = File.join(PROJECT_ROOT, 'config', 'features.json')
   unless File.exist?(config_path)
@@ -114,7 +226,7 @@ when 'init'
   puts "  / __ \\/ ____/  /   |                      "
   puts " / / / / /_     / /| |  Framework           "
   puts "/ /_/ / __/    / ___ |  Premium MVC         "
-  puts "\\____/_/      /_/  |_|  v2.0.0              "
+  puts "\\____/_/      /_/  |_|  v4.1.0              "
   puts "                                            "
   puts "Initializing One-For-All project as '#{app_type}' in #{PROJECT_ROOT}..."
 
@@ -401,6 +513,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!
@@ -442,8 +560,10 @@ when 'storage'
   puts "Application storage set to '#{name}'."
 
 when 'reset-password'
+  ENV['SKIP_MODELS'] = '1'
   Object.const_set(:APP_ROOT, PROJECT_ROOT) unless defined?(APP_ROOT)
   require File.join(FRAMEWORK_ROOT, 'config', 'boot')
+  require File.join(FRAMEWORK_ROOT, 'app', 'models', 'user.rb')
   user_name = ARGV.shift
   new_pwd = ARGV.shift
   if user_name.nil? || new_pwd.nil?
@@ -479,8 +599,16 @@ when 'db'
     type = ARGV.shift
     db_name = ARGV.shift
     case type
-    when 'env'
+    when 'env', 'mongo', 'mongodb'
       config = { "adapter" => "env" }
+      if db_name && db_name.start_with?('mongodb')
+        env_path = File.join(PROJECT_ROOT, '.env')
+        env_lines = File.exist?(env_path) ? File.readlines(env_path) : []
+        env_lines.reject! { |l| l.start_with?('DATABASE_URL=') }
+        env_lines << "DATABASE_URL=#{db_name}\n"
+        File.write(env_path, env_lines.join)
+        puts "✅ Connection string saved to .env"
+      end
     when 'sqlite'
       config = { "adapter" => "sqlite", "database" => db_name || "db/development.sqlite3" }
     else
@@ -490,6 +618,14 @@ when 'db'
     puts "Switched to #{type} mode."
   when 'migrate'
     run_migrations
+  when 'migrate-data'
+    target_type = ARGV.shift
+    target_name = ARGV.shift
+    if target_type.nil?
+      puts "Usage: ofa db migrate-data TYPE [NAME/URL]"
+      exit 1
+    end
+    perform_db_migration(target_type, target_name)
   end
 
 when 'run'

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/database.json

@@ -1,4 +1,3 @@
 {
-  "adapter": "sqlite",
-  "database": "db/development.sqlite3"
+  "adapter": "env"
 }

data/config/database.rb

@@ -114,6 +114,22 @@ if DB
     end
   end
 
+  unless DB.table_exists?(:products)
+    DB.create_table :products do
+      primary_key :id
+      String :name, null: false
+      String :slug, null: false, unique: true
+      String :description, text: true
+      Float :price, default: 0.0
+      Integer :stock, default: 0
+      String :image_url
+      String :category
+      TrueClass :is_active, default: true
+      DateTime :created_at, default: Sequel::CURRENT_TIMESTAMP
+      DateTime :updated_at, default: Sequel::CURRENT_TIMESTAMP
+    end
+  end
+
   # Quick Migration for existing tables
   if DB.table_exists?(:pages)
     DB.alter_table(:pages) { add_column :is_active, TrueClass, default: true unless DB[:pages].columns.include?(:is_active) }

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: 3.0.0
+  version: 4.1.0
 platform: ruby
 authors:
 - Ishikawa Uta
@@ -180,6 +180,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".env.example"
+- ".gitignore"
 - Dockerfile
 - Gemfile
 - LICENSE
@@ -238,6 +239,7 @@ files:
 - db/data.sqlite3
 - db/development.sqlite3
 - db/migrations/20260502000000_create_products.rb
+- db/target.sqlite3
 - ofa
 - public/css/cms.css
 - public/images/logo.jpg