scriptorium 0.6.1 → 0.7.2

data/ui/web/app/assets/livetext_mode.js

@@ -0,0 +1,244 @@
+// Custom LiveText syntax highlighting mode for CodeMirror
+CodeMirror.defineMode("livetext", function() {
+  return {
+    startState: function() {
+      return {
+        inRaw: false,
+        inCodeBody: false,
+        codeLanguage: null,
+        inBracket: false,
+        bracketDepth: 0
+      };
+    },
+    
+    token: function(stream, state) {
+      // Skip whitespace
+      if (stream.eatSpace()) return null;
+      
+      // Raw blocks override everything else
+      if (state.inRaw) {
+        if (stream.match(/^__RAW__/) || stream.match(/^\.end$/)) {
+          state.inRaw = false;
+          return "keyword";
+        }
+        stream.skipToEnd();
+        return "comment"; // Plain text in raw blocks
+      }
+      
+      // Check for .raw command
+      if (stream.match(/^\.raw$/)) {
+        state.inRaw = true;
+        return "keyword";
+      }
+      
+      // Check for .comment command
+      if (stream.match(/^\.comment$/)) {
+        state.inRaw = true; // Use same state as raw for plain text
+        return "keyword";
+      }
+      
+      // Code body blocks
+      if (state.inCodeBody) {
+        if (stream.match(/^\.end$/)) {
+          state.inCodeBody = false;
+          state.codeLanguage = null;
+          return "keyword";
+        }
+        
+        // Use appropriate language highlighting
+        if (state.codeLanguage === "ruby") {
+          // Ruby syntax highlighting
+          if (stream.match(/^#/)) {
+            stream.skipToEnd();
+            return "comment";
+          }
+          if (stream.match(/^def\b/)) return "def";
+          if (stream.match(/^end\b/)) return "keyword";
+          if (stream.match(/^class\b/)) return "def";
+          if (stream.match(/^module\b/)) return "def";
+          if (stream.match(/^require\b/)) return "keyword";
+          if (stream.match(/^puts\b/)) return "keyword";
+          if (stream.match(/^[A-Z][a-zA-Z0-9_]*/)) return "variable-2"; // Constants
+          if (stream.match(/^[a-z_][a-zA-Z0-9_]*/)) return "variable"; // Variables
+          if (stream.match(/^[0-9]+/)) return "number";
+          if (stream.match(/^["']/)) {
+            stream.skipTo(/["']/);
+            return "string";
+          }
+        } else if (state.codeLanguage === "elixir") {
+          // Elixir syntax highlighting
+          if (stream.match(/^#/)) {
+            stream.skipToEnd();
+            return "comment";
+          }
+          if (stream.match(/^def\b/)) return "def";
+          if (stream.match(/^end\b/)) return "keyword";
+          if (stream.match(/^defmodule\b/)) return "def";
+          if (stream.match(/^defp\b/)) return "def";
+          if (stream.match(/^IO\.puts\b/)) return "keyword";
+          if (stream.match(/^[A-Z][a-zA-Z0-9_]*/)) return "variable-2"; // Modules
+          if (stream.match(/^[a-z_][a-zA-Z0-9_]*/)) return "keyword"; // Functions
+          if (stream.match(/^[0-9]+/)) return "number";
+          if (stream.match(/^["']/)) {
+            stream.skipTo(/["']/);
+            return "string";
+          }
+        } else if (state.codeLanguage === "bash") {
+          // Bash syntax highlighting
+          if (stream.match(/^#/)) {
+            stream.skipToEnd();
+            return "comment";
+          }
+          if (stream.match(/^if\b/)) return "keyword";
+          if (stream.match(/^then\b/)) return "keyword";
+          if (stream.match(/^fi\b/)) return "keyword";
+          if (stream.match(/^for\b/)) return "keyword";
+          if (stream.match(/^do\b/)) return "keyword";
+          if (stream.match(/^done\b/)) return "keyword";
+          if (stream.match(/^\$[A-Z_]+/)) return "variable"; // Environment variables
+          if (stream.match(/^[0-9]+/)) return "number";
+          if (stream.match(/^["']/)) {
+            stream.skipTo(/["']/);
+            return "string";
+          }
+        }
+        
+        stream.next();
+        return null;
+      }
+      
+      // Check for code body commands
+      if (stream.match(/^\.(def|func)$/)) {
+        state.inCodeBody = true;
+        state.codeLanguage = "ruby";
+        return "keyword";
+      }
+      
+      let codeMatch = stream.match(/^\.code\s+(ruby|elixir|bash)/);
+      if (codeMatch) {
+        state.inCodeBody = true;
+        state.codeLanguage = codeMatch[1];
+        return "keyword";
+      }
+      
+      // One-line comments (. comment)
+      if (stream.match(/^\.\s/)) {
+        stream.skipToEnd();
+        return "comment";
+      }
+      
+      // Dot commands (.command or $.command)
+      if (stream.match(/^\.\w+/)) {
+        return "keyword";
+      }
+      if (stream.match(/^\s+\$\.[\w.]+/)) {
+        return "keyword";
+      }
+      
+      // Variables ($foo, $foo.bar) - stop at invalid characters
+      if (stream.match(/^\$/)) {
+        let name = "";
+        let ch = stream.next();
+        if (ch && /[a-zA-Z]/.test(ch)) {
+          name += ch;
+          while (stream.peek() && /[\w.]/.test(stream.peek())) {
+            ch = stream.next();
+            name += ch;
+          }
+          // Check if next character is invalid for a name
+          if (stream.peek() && !/[\w.]/.test(stream.peek())) {
+            return "variable";
+          }
+        }
+        return "variable";
+      }
+      
+      // Functions ($$foo, $$foo:param, $$foo[param])
+      if (stream.match(/^\$\$/)) {
+        let name = "";
+        let ch = stream.next();
+        if (ch && /[a-zA-Z]/.test(ch)) {
+          name += ch;
+          while (stream.peek() && /[\w.]/.test(stream.peek())) {
+            ch = stream.next();
+            name += ch;
+          }
+          // Check for colon parameter
+          if (stream.peek() === ":") {
+            stream.next();
+            stream.skipToEnd();
+          }
+          return "function";
+        }
+        return "function";
+      }
+      
+      // Bracketed content [content]
+      if (stream.match(/^\[/)) {
+        state.inBracket = true;
+        state.bracketDepth = 1;
+        return "bracket";
+      }
+      
+      if (state.inBracket) {
+        if (stream.match(/^\]/)) {
+          state.inBracket = false;
+          state.bracketDepth = 0;
+          return "bracket";
+        }
+        // Continue reading bracket content
+        stream.next();
+        return "string";
+      }
+      
+      // Bracketed formatting: *[text] _[text] `[text] ~[text]
+      if (stream.match(/^(\*|_|`|~)\[/)) {
+        state.inBracket = true;
+        state.bracketDepth = 1;
+        return "strong"; // All bracketed content gets same treatment for now
+      }
+      
+      // Markers (* _ ` ~) - single and doubled
+      // Note: LiveText markers only initiate, never terminate
+      if (stream.match(/^\*\*/)) {
+        // Doubled marker - read until space, comma, or period
+        stream.eatWhile(/[^\s,.]/);
+        return "strong";
+      }
+      if (stream.match(/^__/)) {
+        stream.eatWhile(/[^\s,.]/);
+        return "em";
+      }
+      if (stream.match(/^``/)) {
+        stream.eatWhile(/[^\s,.]/);
+        return "string-2";
+      }
+      if (stream.match(/^~~/)) {
+        stream.eatWhile(/[^\s,.]/);
+        return "strikethrough";
+      }
+      
+      // Single markers
+      if (stream.match(/^\*/)) {
+        stream.eatWhile(/[^\s]/);
+        return "strong";
+      }
+      if (stream.match(/^_/)) {
+        stream.eatWhile(/[^\s]/);
+        return "em";
+      }
+      if (stream.match(/^`/)) {
+        stream.eatWhile(/[^\s]/);
+        return "string-2";
+      }
+      if (stream.match(/^~/)) {
+        stream.eatWhile(/[^\s]/);
+        return "strikethrough";
+      }
+      
+      // Continue reading
+      stream.next();
+      return null;
+    }
+  };
+});

data/ui/web/app/error_helpers.rb

@@ -1,43 +1,43 @@
 module ErrorHelpers
   # Error message mapping for common errors
   ERROR_MESSAGES = {
-    'CannotReadFileNotFound' => {
+    'ReadFileNotFound' => {
       message: 'File not found',
       suggestion: 'The file may have been moved or deleted. Try refreshing the page or recreating the content.'
     },
-    'CannotCreatePostRepoNil' => {
+    'PostRepoNil' => {
       message: 'Repository not initialized',
       suggestion: 'Please create or open a repository first.'
     },
-    'CannotCreatePostNumNil' => {
+    'PostNumNil' => {
       message: 'Invalid post ID',
       suggestion: 'Please provide a valid post number.'
     },
-    'CannotCreatePostNumEmpty' => {
+    'PostNumEmpty' => {
       message: 'Post ID is empty',
       suggestion: 'Please provide a valid post number.'
     },
-    'CannotCreatePostNumInvalid' => {
+    'PostNumInvalid' => {
       message: 'Invalid post ID format',
       suggestion: 'Post ID must be a number.'
     },
-    'CannotGetPostIdNil' => {
+    'GetPostIdNil' => {
       message: 'Post ID not provided',
       suggestion: 'Please specify a post ID.'
     },
-    'CannotGetPostIdEmpty' => {
+    'GetPostIdEmpty' => {
       message: 'Post ID is empty',
       suggestion: 'Please provide a valid post ID.'
     },
-    'CannotGetPostIdInvalid' => {
+    'GetPostIdInvalid' => {
       message: 'Invalid post ID format',
       suggestion: 'Post ID must be a number.'
     },
-    'CannotEditFilePathNil' => {
+    'EditFilePathNil' => {
       message: 'File path not specified',
       suggestion: 'Please provide a valid file path.'
     },
-    'CannotEditFilePathEmpty' => {
+    'EditFilePathEmpty' => {
       message: 'File path is empty',
       suggestion: 'Please provide a valid file path.'
     },
@@ -45,27 +45,27 @@ module ErrorHelpers
       message: 'Repository already exists',
       suggestion: 'The repository directory already exists. You can open it instead.'
     },
-    'CannotLookupViewTargetNil' => {
+    'LookupViewTargetNil' => {
       message: 'View not specified',
       suggestion: 'Please provide a valid view name.'
     },
-    'CannotCreateViewNameNil' => {
+    'ViewNameNil' => {
       message: 'View name not provided',
       suggestion: 'Please provide a view name.'
     },
-    'CannotCreateViewNameEmpty' => {
+    'ViewNameEmpty' => {
       message: 'View name is empty',
       suggestion: 'Please provide a view name.'
     },
-    'CannotCreateViewTitleNil' => {
+    'ViewTitleNil' => {
       message: 'View title not provided',
       suggestion: 'Please provide a view title.'
     },
-    'CannotCreateViewTitleEmpty' => {
+    'ViewTitleEmpty' => {
       message: 'View title is empty',
       suggestion: 'Please provide a view title.'
     },
-    'CannotCreateViewNameInvalid' => {
+    'ViewNameInvalid' => {
       message: 'Invalid view name',
       suggestion: 'View names can only contain letters, numbers, hyphens (-), and underscores (_).'
     }

data/ui/web/app/views/advanced_config.erb

@@ -141,13 +141,13 @@
                 <% if @configs[:header] %>
                 <tr>
                     <td><span class="status-indicator <%= @configs[:banner] ? 'status-active' : 'status-inactive' %>"></span></td>
-                    <td><a href="/banner_config" class="btn">Update Banner</a></td>
+                    <td><a href="/banner_config" class="btn">Configure Banner</a></td>
                     <td>Customize the SVG banner with colors, fonts, and layout options.</td>
                 </tr>
                 
                 <tr>
                     <td><span class="status-indicator <%= @configs[:navbar] ? 'status-active' : 'status-inactive' %>"></span></td>
-                    <td><a href="/navbar_config" class="btn">Update Navbar</a></td>
+                    <td><a href="/navbar_config" class="btn">Configure Navbar</a></td>
                     <td>Build the navigation menu structure with pages and sections.</td>
                 </tr>
                 <% end %>
@@ -174,6 +174,12 @@
                     <td>Create and edit content pages for this view.</td>
                 </tr>
                 
+                <tr>
+                    <td><span class="status-indicator status-active"></span></td>
+                    <td><a href="/widgets" class="btn">Widget Management</a></td>
+                    <td>Manage social media widgets and integrations for this view.</td>
+                </tr>
+                
                 <tr>
                     <td><span class="status-indicator status-active"></span></td>
                     <td><a href="/deploy_config" class="btn">Configure Deployment</a></td>

data/ui/web/app/views/asset_management.erb

@@ -476,6 +476,62 @@
                         </div>
                     </div>
                 </div>
+                
+                <!-- Post Assets Column -->
+                <div class="assets-column">
+                    <div class="section">
+                        <div class="section-header">Post-Specific Assets</div>
+                        <div class="section-content">
+                            <% if @post_assets.empty? %>
+                                <div class="empty-message">No post-specific assets found.</div>
+                            <% else %>
+                                <div class="assets-list">
+                                    <table class="assets-table">
+                                        <thead>
+                                            <tr>
+                                                <th style="width: 60px;">Icon</th>
+                                                <th>File Info</th>
+                                                <th>Post</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                            <% @post_assets.each do |asset| %>
+                                                <tr>
+                                                    <td>
+                                                        <div class="asset-icon">
+                                                            <% if asset[:filename].match?(/\.(jpg|jpeg|png|gif|svg)$/i) %>
+                                                                <img src="/posts/<%= asset[:post_id].to_s.rjust(4, '0') %>/assets/<%= asset[:filename] %>" alt="<%= asset[:filename] %>">
+                                                            <% else %>
+                                                                📄
+                                                            <% end %>
+                                                        </div>
+                                                    </td>
+                                                    <td>
+                                                        <div class="file-info">
+                                                            <div class="filename"><%= asset[:filename] %></div>
+                                                            <div class="file-details">
+                                                                <%= number_to_human_size(asset[:size]) %>
+                                                                <% if asset[:dimensions] %>
+                                                                    • <%= asset[:dimensions] %>
+                                                                <% end %>
+                                                            </div>
+                                                        </div>
+                                                    </td>
+                                                    <td>
+                                                        <div class="post-info">
+                                                            <div class="post-title">#<%= asset[:post_id] %></div>
+                                                            <div class="post-name"><%= asset[:post_title] %></div>
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                            <% end %>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            <% end %>
+                        </div>
+                    </div>
+                </div>
             </div>
             
             <div class="button-group">

data/ui/web/app/views/backup_management.erb

@@ -0,0 +1,238 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Backup Management - Scriptorium</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 20px;
+            background-color: #f5f5f5;
+        }
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            background: white;
+            border-radius: 8px;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+            overflow: hidden;
+        }
+        .header {
+            background: #fd7e14;
+            color: white;
+            padding: 20px;
+        }
+        .header h1 {
+            margin: 0;
+            font-size: 24px;
+        }
+        .content {
+            padding: 20px;
+        }
+        .message {
+            padding: 10px;
+            border-radius: 4px;
+            margin-bottom: 20px;
+        }
+        .message.success {
+            background: #d4edda;
+            color: #155724;
+            border: 1px solid #c3e6cb;
+        }
+        .message.error {
+            background: #f8d7da;
+            color: #721c24;
+            border: 1px solid #f5c6cb;
+        }
+        .backup-form {
+            background: #f8f9fa;
+            padding: 20px;
+            border-radius: 6px;
+            margin-bottom: 30px;
+            border: 1px solid #dee2e6;
+        }
+        .backup-form h3 {
+            margin-top: 0;
+            color: #495057;
+        }
+        .form-group {
+            margin-bottom: 15px;
+        }
+        .form-group label {
+            display: block;
+            margin-bottom: 5px;
+            font-weight: bold;
+            color: #495057;
+        }
+        .form-group select,
+        .form-group input[type="text"] {
+            width: 100%;
+            padding: 8px 12px;
+            border: 1px solid #ced4da;
+            border-radius: 4px;
+            font-size: 14px;
+            box-sizing: border-box;
+        }
+        .form-group select:focus,
+        .form-group input[type="text"]:focus {
+            outline: none;
+            border-color: #fd7e14;
+            box-shadow: 0 0 0 2px rgba(253, 126, 20, 0.25);
+        }
+        .btn {
+            background: #fd7e14;
+            color: white;
+            border: none;
+            padding: 10px 20px;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 14px;
+            text-decoration: none;
+            display: inline-block;
+            margin-right: 10px;
+        }
+        .btn:hover {
+            background: #e55a00;
+        }
+        .btn-secondary {
+            background: #6c757d;
+        }
+        .btn-secondary:hover {
+            background: #545b62;
+        }
+        .backups-table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        .backups-table th,
+        .backups-table td {
+            padding: 12px;
+            text-align: left;
+            border-bottom: 1px solid #dee2e6;
+        }
+        .backups-table th {
+            background-color: #f8f9fa;
+            font-weight: bold;
+            color: #495057;
+        }
+        .backups-table tr:hover {
+            background-color: #f8f9fa;
+        }
+        .backup-type {
+            padding: 4px 8px;
+            border-radius: 12px;
+            font-size: 12px;
+            font-weight: bold;
+            text-transform: uppercase;
+        }
+        .backup-type.full {
+            background: #d1ecf1;
+            color: #0c5460;
+        }
+        .backup-type.incr {
+            background: #d4edda;
+            color: #155724;
+        }
+        .backup-age {
+            color: #6c757d;
+            font-size: 14px;
+        }
+        .no-backups {
+            text-align: center;
+            color: #6c757d;
+            font-style: italic;
+            padding: 40px;
+        }
+        .back-link {
+            color: #fd7e14;
+            text-decoration: none;
+            font-weight: bold;
+        }
+        .back-link:hover {
+            text-decoration: underline;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1>Backup Management</h1>
+        </div>
+        
+        <div class="content">
+            <a href="/view/<%= @current_view.name %>" class="back-link">← Back to Dashboard</a>
+            
+            <% if @message %>
+                <div class="message success">
+                    <%= @message %>
+                </div>
+            <% end %>
+            
+            <% if @error %>
+                <div class="message error">
+                    <%= @error %>
+                </div>
+            <% end %>
+            
+            <!-- Create Backup Form -->
+            <div class="backup-form">
+                <h3>Create New Backup</h3>
+                <form method="post" action="/backup_management/create">
+                    <div class="form-group">
+                        <label for="type">Backup Type:</label>
+                        <select id="type" name="type" required>
+                            <option value="">Select backup type...</option>
+                            <option value="full">Full Backup (Complete repository snapshot)</option>
+                            <option value="incr">Incremental Backup (Only changed files since last backup)</option>
+                        </select>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label for="description">Description (optional):</label>
+                        <input type="text" id="description" name="description" placeholder="e.g., Before major changes, Added new posts, etc.">
+                    </div>
+                    
+                    <button type="submit" class="btn">Create Backup</button>
+                </form>
+            </div>
+            
+            <!-- Backups List -->
+            <div>
+                <h3>Available Backups</h3>
+                <% if @backups && !@backups.empty? %>
+                    <table class="backups-table">
+                        <thead>
+                            <tr>
+                                <th>Timestamp</th>
+                                <th>Type</th>
+                                <th>Description</th>
+                                <th>Age</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <% @backups.each do |backup| %>
+                                <tr>
+                                    <td><%= backup[:timestamp] %></td>
+                                    <td>
+                                        <span class="backup-type <%= backup[:type] %>">
+                                            <%= backup[:type] %>
+                                        </span>
+                                    </td>
+                                    <td><%= backup[:description] || '<em>No description</em>' %></td>
+                                    <td class="backup-age"><%= backup[:age] %></td>
+                                </tr>
+                            <% end %>
+                        </tbody>
+                    </table>
+                <% else %>
+                    <div class="no-backups">
+                        <p>No backups available yet.</p>
+                        <p>Create your first backup using the form above.</p>
+                    </div>
+                <% end %>
+            </div>
+        </div>
+    </div>
+</body>
+</html>