railspress-engine 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 83cef2533b9cfb4d04ebbe72a8683d015b0c39bb39e02b30ec1f66123fca7206
+  data.tar.gz: 1921da5342d848aeccf0d3c5ae5cd6cd4be5cc2ea27904a47c302aa127b851a5
+SHA512:
+  metadata.gz: 1ba3aba96da1e28537df7e157809719ad079275c39a92fc7626b6a138caece96eef402e017fe02be62eb1fa2c834882f31528e68eea3033889303cde5c053986
+  data.tar.gz: c517a5f11a6d36b372a79bf14e191c281de0b23be9dc54160077c62c247fe2690e33389af4489094486a4133e83f510bcf409a5b8e86ed4106153d214ae38297

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright Avi Flombaum
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,67 @@
+# RailsPress
+
+A simple blog engine for Rails 8 applications.
+
+## Features
+
+- Blog posts with rich text editing (ActionText)
+- Categories and tags
+- SEO metadata (meta title, meta description)
+- Draft/published workflow with automatic publish timestamps
+- Admin interface for content management
+
+## Requirements
+
+- Rails 8.0+
+- Ruby 3.3+
+- ActionText (for rich text)
+- Active Storage (for image uploads)
+
+## Installation
+
+Add to your Gemfile:
+
+```ruby
+gem "railspress"
+```
+
+Install the gem and copy migrations:
+
+```bash
+bundle install
+rails railspress:install:migrations
+rails db:migrate
+```
+
+Mount the engine in your routes:
+
+```ruby
+# config/routes.rb
+Rails.application.routes.draw do
+  mount Railspress::Engine => "/blog", as: :railspress
+end
+```
+
+## Usage
+
+Access the admin interface at `/blog/admin`.
+
+From there you can:
+- Create and manage blog posts with rich text content
+- Organize posts with categories
+- Tag posts (enter tags as comma-separated values)
+- Save posts as drafts or publish them
+
+## Development
+
+After checking out the repo:
+
+```bash
+bundle install
+cd spec/dummy && bundle exec rails db:migrate && cd ../..
+bundle exec rspec
+```
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,10 @@
+require "bundler/setup"
+require "bundler/gem_tasks"
+
+APP_RAKEFILE = File.expand_path("spec/dummy/Rakefile", __dir__)
+load "rails/tasks/engine.rake"
+
+require "rspec/core/rake_task"
+RSpec::Core::RakeTask.new(:spec)
+
+task default: :spec

data/app/assets/javascripts/railspress/admin.js

@@ -0,0 +1,210 @@
+/**
+ * RailsPress Admin JavaScript
+ * Vanilla JS for mobile menu and slug generation
+ */
+
+(function() {
+  'use strict';
+
+  // ============================================
+  // Mobile Menu Toggle
+  // ============================================
+
+  function initMobileMenu() {
+    const hamburger = document.querySelector('.rp-hamburger');
+    const sidebar = document.querySelector('.rp-sidebar');
+    const overlay = document.querySelector('.rp-overlay');
+
+    if (!hamburger || !sidebar) return;
+
+    function openMenu() {
+      sidebar.classList.add('rp-sidebar--open');
+      overlay?.classList.add('rp-overlay--visible');
+      document.body.style.overflow = 'hidden';
+      hamburger.setAttribute('aria-expanded', 'true');
+    }
+
+    function closeMenu() {
+      sidebar.classList.remove('rp-sidebar--open');
+      overlay?.classList.remove('rp-overlay--visible');
+      document.body.style.overflow = '';
+      hamburger.setAttribute('aria-expanded', 'false');
+    }
+
+    hamburger.addEventListener('click', function() {
+      const isOpen = sidebar.classList.contains('rp-sidebar--open');
+      if (isOpen) {
+        closeMenu();
+      } else {
+        openMenu();
+      }
+    });
+
+    overlay?.addEventListener('click', closeMenu);
+
+    // Close on escape key
+    document.addEventListener('keydown', function(e) {
+      if (e.key === 'Escape' && sidebar.classList.contains('rp-sidebar--open')) {
+        closeMenu();
+        hamburger.focus();
+      }
+    });
+
+    // Close on nav link click (mobile)
+    const navLinks = sidebar.querySelectorAll('.rp-nav-link');
+    navLinks.forEach(function(link) {
+      link.addEventListener('click', function() {
+        if (window.innerWidth < 768) {
+          closeMenu();
+        }
+      });
+    });
+
+    // Handle resize
+    let resizeTimer;
+    window.addEventListener('resize', function() {
+      clearTimeout(resizeTimer);
+      resizeTimer = setTimeout(function() {
+        if (window.innerWidth >= 768) {
+          closeMenu();
+        }
+      }, 100);
+    });
+  }
+
+  // ============================================
+  // Slug Generator
+  // ============================================
+
+  function initSlugGenerator() {
+    const sourceInput = document.querySelector('[data-slug-source]');
+    const slugInput = document.querySelector('[data-slug-target]');
+
+    if (!sourceInput || !slugInput) return;
+
+    let isAutoGenerated = !slugInput.value;
+
+    function generateSlug(text) {
+      return text
+        .toLowerCase()
+        .trim()
+        .replace(/[^\w\s-]/g, '')  // Remove special chars
+        .replace(/\s+/g, '-')       // Replace spaces with dashes
+        .replace(/-+/g, '-')        // Collapse multiple dashes
+        .replace(/^-+|-+$/g, '');   // Trim dashes from ends
+    }
+
+    sourceInput.addEventListener('input', function() {
+      if (isAutoGenerated) {
+        slugInput.value = generateSlug(this.value);
+      }
+    });
+
+    // Stop auto-generating if user manually edits slug
+    slugInput.addEventListener('input', function() {
+      isAutoGenerated = false;
+    });
+
+    // Resume auto-generation if slug is cleared
+    slugInput.addEventListener('blur', function() {
+      if (!this.value) {
+        isAutoGenerated = true;
+        if (sourceInput.value) {
+          this.value = generateSlug(sourceInput.value);
+        }
+      }
+    });
+  }
+
+  // ============================================
+  // Delete Confirmation
+  // ============================================
+
+  function initDeleteConfirmation() {
+    const deleteButtons = document.querySelectorAll('[data-confirm]');
+
+    deleteButtons.forEach(function(button) {
+      button.addEventListener('click', function(e) {
+        const message = this.dataset.confirm || 'Are you sure?';
+        if (!confirm(message)) {
+          e.preventDefault();
+        }
+      });
+    });
+  }
+
+  // ============================================
+  // Flash Message Auto-dismiss
+  // ============================================
+
+  function initFlashMessages() {
+    const flashes = document.querySelectorAll('.rp-flash');
+
+    flashes.forEach(function(flash) {
+      // Add close button
+      const closeBtn = document.createElement('button');
+      closeBtn.innerHTML = '&times;';
+      closeBtn.className = 'rp-flash-close';
+      closeBtn.style.cssText = 'background: none; border: none; font-size: 1.25rem; cursor: pointer; margin-left: auto; opacity: 0.7;';
+      closeBtn.setAttribute('aria-label', 'Dismiss');
+
+      closeBtn.addEventListener('click', function() {
+        flash.style.opacity = '0';
+        flash.style.transform = 'translateY(-10px)';
+        setTimeout(function() {
+          flash.remove();
+        }, 200);
+      });
+
+      flash.appendChild(closeBtn);
+
+      // Auto-dismiss after 5 seconds
+      setTimeout(function() {
+        flash.style.opacity = '0';
+        flash.style.transform = 'translateY(-10px)';
+        setTimeout(function() {
+          flash.remove();
+        }, 200);
+      }, 5000);
+    });
+  }
+
+  // ============================================
+  // Form Validation Styles
+  // ============================================
+
+  function initFormValidation() {
+    const inputs = document.querySelectorAll('.rp-input, .rp-select');
+
+    inputs.forEach(function(input) {
+      input.addEventListener('invalid', function() {
+        this.style.borderColor = 'var(--rp-danger)';
+      });
+
+      input.addEventListener('input', function() {
+        if (this.validity.valid) {
+          this.style.borderColor = '';
+        }
+      });
+    });
+  }
+
+  // ============================================
+  // Initialize on DOM Ready
+  // ============================================
+
+  function init() {
+    initMobileMenu();
+    initSlugGenerator();
+    initDeleteConfirmation();
+    initFlashMessages();
+    initFormValidation();
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init);
+  } else {
+    init();
+  }
+
+})();