scriptorium 0.0.3 → 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

@@ -0,0 +1,150 @@
+module ErrorHelpers
+  # Error message mapping for common errors
+  ERROR_MESSAGES = {
+    'ReadFileNotFound' => {
+      message: 'File not found',
+      suggestion: 'The file may have been moved or deleted. Try refreshing the page or recreating the content.'
+    },
+    'PostRepoNil' => {
+      message: 'Repository not initialized',
+      suggestion: 'Please create or open a repository first.'
+    },
+    'PostNumNil' => {
+      message: 'Invalid post ID',
+      suggestion: 'Please provide a valid post number.'
+    },
+    'PostNumEmpty' => {
+      message: 'Post ID is empty',
+      suggestion: 'Please provide a valid post number.'
+    },
+    'PostNumInvalid' => {
+      message: 'Invalid post ID format',
+      suggestion: 'Post ID must be a number.'
+    },
+    'GetPostIdNil' => {
+      message: 'Post ID not provided',
+      suggestion: 'Please specify a post ID.'
+    },
+    'GetPostIdEmpty' => {
+      message: 'Post ID is empty',
+      suggestion: 'Please provide a valid post ID.'
+    },
+    'GetPostIdInvalid' => {
+      message: 'Invalid post ID format',
+      suggestion: 'Post ID must be a number.'
+    },
+    'EditFilePathNil' => {
+      message: 'File path not specified',
+      suggestion: 'Please provide a valid file path.'
+    },
+    'EditFilePathEmpty' => {
+      message: 'File path is empty',
+      suggestion: 'Please provide a valid file path.'
+    },
+    'RepoDirAlreadyExists' => {
+      message: 'Repository already exists',
+      suggestion: 'The repository directory already exists. You can open it instead.'
+    },
+    'LookupViewTargetNil' => {
+      message: 'View not specified',
+      suggestion: 'Please provide a valid view name.'
+    },
+    'ViewNameNil' => {
+      message: 'View name not provided',
+      suggestion: 'Please provide a view name.'
+    },
+    'ViewNameEmpty' => {
+      message: 'View name is empty',
+      suggestion: 'Please provide a view name.'
+    },
+    'ViewTitleNil' => {
+      message: 'View title not provided',
+      suggestion: 'Please provide a view title.'
+    },
+    'ViewTitleEmpty' => {
+      message: 'View title is empty',
+      suggestion: 'Please provide a view title.'
+    },
+    'ViewNameInvalid' => {
+      message: 'Invalid view name',
+      suggestion: 'View names can only contain letters, numbers, hyphens (-), and underscores (_).'
+    }
+  }
+
+  # Get a user-friendly error message
+  def friendly_error_message(error)
+    error_class = error.class.name
+    error_message = error.message
+    
+    if ERROR_MESSAGES[error_class]
+      {
+        message: ERROR_MESSAGES[error_class][:message],
+        suggestion: ERROR_MESSAGES[error_class][:suggestion],
+        details: error_message
+      }
+    else
+      {
+        message: 'An unexpected error occurred',
+        suggestion: 'Please try again or contact support if the problem persists.',
+        details: error_message
+      }
+    end
+  end
+
+  # Validate required parameters
+  def validate_required_params(params, *required_keys)
+    missing = required_keys.select { |key| params[key].nil? || params[key].to_s.strip.empty? }
+    
+    if missing.any?
+      raise ArgumentError.new("Missing required parameters: #{missing.join(', ')}")
+    end
+  end
+
+  # Validate post ID
+  def validate_post_id(post_id)
+    return false if post_id.nil?
+    return false unless post_id.to_s.match?(/^\d+$/)
+    return false if post_id.to_i <= 0
+    true
+  end
+
+  # Validate view name
+  def validate_view_name(name)
+    return false if name.nil?
+    return false if name.to_s.strip.empty?
+    return false unless name.to_s.match?(/^[a-zA-Z0-9_-]+$/)
+    true
+  end
+
+  # Safe file operations
+  def safe_read_file(path, default_content = "")
+    return default_content unless File.exist?(path)
+    File.read(path)
+  rescue => e
+    puts "Error reading file #{path}: #{e.message}" if $DEBUG
+    default_content
+  end
+
+  def safe_write_file(path, content)
+    FileUtils.mkdir_p(File.dirname(path))
+    File.write(path, content)
+    true
+  rescue => e
+    puts "Error writing file #{path}: #{e.message}" if $DEBUG
+    false
+  end
+
+  # Format error for display
+  def format_error_display(error_info)
+    html = "<div class='error-details'>"
+    html += "<strong>#{error_info[:message]}</strong><br>"
+    html += "<em>#{error_info[:suggestion]}</em>"
+    
+    if error_info[:details] && error_info[:details] != error_info[:message]
+      html += "<br><small>Technical details: #{error_info[:details]}</small>"
+    end
+    
+    html += "</div>"
+    html
+  end
+end 

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

@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Advanced Configuration - <%= @current_view.name %> - Scriptorium</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 20px;
+            background-color: #f5f5f5;
+        }
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            background: white;
+            border-radius: 8px;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+            overflow: hidden;
+        }
+        .header {
+            background: #007bff;
+            color: white;
+            padding: 20px;
+            text-align: center;
+        }
+        .header h1 {
+            margin: 0;
+            font-size: 24px;
+        }
+        .header p {
+            display: none;
+        }
+        .content {
+            padding: 30px;
+        }
+        .config-table {
+            width: 100%;
+            border-collapse: collapse;
+        }
+        .config-table td {
+            padding: 8px 0;
+            vertical-align: middle;
+        }
+        .config-table td:first-child {
+            width: 20px;
+            padding-right: 15px;
+        }
+        .config-table td:nth-child(2) {
+            width: 120px;
+            padding-right: 15px;
+        }
+        .config-table td:last-child {
+            padding-left: 0;
+        }
+        .config-item p {
+            margin: 0;
+            color: #666;
+            font-size: 14px;
+            line-height: 1.4;
+            flex: 1;
+            min-width: 0;
+        }
+        .btn {
+            display: inline-block;
+            padding: 8px 16px;
+            background: #007bff;
+            color: white;
+            text-decoration: none;
+            border-radius: 4px;
+            font-size: 14px;
+            transition: background 0.2s;
+            white-space: nowrap;
+            min-width: 120px;
+            text-align: center;
+        }
+        .btn {
+            display: inline-block;
+            padding: 8px 16px;
+            background: #007bff;
+            color: white;
+            text-decoration: none;
+            border-radius: 4px;
+            font-size: 14px;
+            transition: background 0.2s;
+        }
+        .btn:hover {
+            background: #0056b3;
+        }
+        .btn-secondary {
+            background: #6c757d;
+        }
+        .btn-secondary:hover {
+            background: #545b62;
+        }
+        .back-link {
+            margin-top: 20px;
+            text-align: center;
+        }
+        .status-indicator {
+            display: inline-block;
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
+            margin-right: 8px;
+        }
+        .status-active {
+            background: #28a745;
+        }
+        .status-inactive {
+            background: #dc3545;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1>Advanced Configuration</h1>
+            <p>Configure all aspects of <%= @current_view.name %></p>
+        </div>
+        
+        <div class="content">
+            <table class="config-table">
+                <tr>
+                    <td><span class="status-indicator status-active"></span></td>
+                    <td><a href="#" class="btn">Update Main Settings</a></td>
+                    <td>Configure basic view settings, title, subtitle, and other core properties.</td>
+                </tr>
+                
+                <tr>
+                    <td><span class="status-indicator status-active"></span></td>
+                    <td><a href="/layout_config" class="btn">Edit Layout</a></td>
+                    <td>Configure the overall page layout and structure.</td>
+                </tr>
+                
+                <tr>
+                    <td><span class="status-indicator <%= @configs[:header] ? 'status-active' : 'status-inactive' %>"></span></td>
+                    <td><a href="/header_config" class="btn">Update Header</a></td>
+                    <td>Set up the header structure and content for this view.</td>
+                </tr>
+                
+                <% if @configs[:header] %>
+                <tr>
+                    <td><span class="status-indicator <%= @configs[:banner] ? 'status-active' : 'status-inactive' %>"></span></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">Configure Navbar</a></td>
+                    <td>Build the navigation menu structure with pages and sections.</td>
+                </tr>
+                <% end %>
+                
+                <% if @layout_containers.include?('left') %>
+                <tr>
+                    <td><span class="status-indicator status-active"></span></td>
+                    <td><a href="#" class="btn">Update Left</a></td>
+                    <td>Configure the left sidebar content and layout.</td>
+                </tr>
+                <% end %>
+                
+                <% if @layout_containers.include?('right') %>
+                <tr>
+                    <td><span class="status-indicator status-active"></span></td>
+                    <td><a href="#" class="btn">Update Right</a></td>
+                    <td>Configure the right sidebar content and layout.</td>
+                </tr>
+                <% end %>
+                
+                <tr>
+                    <td><span class="status-indicator status-active"></span></td>
+                    <td><a href="/edit_pages" class="btn">Edit Pages</a></td>
+                    <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>
+                    <td>Set up server deployment settings for this view.</td>
+                </tr>
+            </table>
+            
+            <div class="back-link">
+                <a href="/view/<%= @current_view.name %>" class="btn btn-secondary">Back to Dashboard</a>
+            </div>
+        </div>
+    </div>
+</body>
+</html>