yarii-editor 0.4.0

data/app/javascript/controllers/testengine_controller.js

@@ -0,0 +1,7 @@
+import { Controller } from "stimulus"
+
+export default class extends Controller {
+  connect() {
+    this.element.innerHTML = "Loaded!"
+  }
+}

data/app/javascript/lib/utils.js

@@ -0,0 +1,45 @@
+export const axiosPostable = axios => {
+  return axios.create({
+    headers: {
+      'X-CSRF-Token': document.getElementsByName('csrf-token')[0].getAttribute('content'),
+      'Accept': 'application/json'
+    }
+  })
+}
+
+export const replaceEditorSelection = (cm, active, startEnd, url) => {
+  // Cribbed directly from EasyMDE code
+
+  if (/editor-preview-active/.test(cm.getWrapperElement().lastChild.className))
+      return;
+
+  var text;
+  var start = startEnd[0];
+  var end = startEnd[1];
+  var startPoint = {},
+      endPoint = {};
+  Object.assign(startPoint, cm.getCursor('start'));
+  Object.assign(endPoint, cm.getCursor('end'));
+  if (url) {
+      end = end.replace('#url#', url);
+  }
+  if (active) {
+      text = cm.getLine(startPoint.line);
+      start = text.slice(0, startPoint.ch);
+      end = text.slice(startPoint.ch);
+      cm.replaceRange(start + end, {
+          line: startPoint.line,
+          ch: 0,
+      });
+  } else {
+      text = cm.getSelection();
+      cm.replaceSelection(start + text + end);
+
+      startPoint.ch += start.length;
+      if (startPoint !== endPoint) {
+          endPoint.ch += start.length;
+      }
+  }
+  cm.setSelection(startPoint, endPoint);
+  cm.focus();
+}

data/app/javascript/packs/application.js

@@ -0,0 +1,4 @@
+require("@rails/ujs").start()
+
+import '../../styles/application.scss'
+import "controllers"

data/app/jobs/yarii/application_job.rb

@@ -0,0 +1,4 @@
+module Yarii
+  class ApplicationJob < ActiveJob::Base
+  end
+end

data/app/mailers/yarii/application_mailer.rb

@@ -0,0 +1,6 @@
+module Yarii
+  class ApplicationMailer < ActionMailer::Base
+    default from: 'from@example.com'
+    layout 'mailer'
+  end
+end

data/app/models/concerns/yarii_editor/model_callbacks.rb

@@ -0,0 +1,26 @@
+module YariiEditor
+  module ModelCallbacks
+    extend ActiveSupport::Concern
+
+    included do
+      after_save :add_to_repository_index
+      around_destroy :remove_from_repository
+    end
+
+    def add_to_repository_index
+      if persisted?
+        CurrentSite.site&.repository&.add(file_path)
+        CurrentSite.site&.build_preview
+      end
+    end
+
+    def remove_from_repository
+      if persisted?
+        past_file_path = file_path
+        yield
+        CurrentSite.site&.repository&.remove(past_file_path)
+        CurrentSite.site&.build_preview
+      end
+    end
+  end
+end

data/app/models/concerns/yarii_editor/previewing.rb

@@ -0,0 +1,18 @@
+module YariiEditor
+  module Previewing
+    extend ActiveSupport::Concern
+        
+    def preview_url
+      "#{CurrentSite.site.preview_base_url}/#{preview_path}"
+    end
+
+    def preview_path
+      # override in subclasses
+      if respond_to?(:permalink) and permalink.present?
+        permalink.sub(/^\//, '')
+      else
+        relative_path.sub(/^\//, '').sub(/\.md|\.html|\.markdown/, '')
+      end
+    end
+  end
+end

data/app/models/page.rb

@@ -0,0 +1,13 @@
+class Page < ::ApplicationContentModel
+  variables :layout, :date, :published, :title, :subtitle, :tags, :permalink
+
+  def generate_new_file_path
+    slug = if title
+      title.gsub(/['|"]/,'').parameterize
+    else
+      "untitled_#{self.class.name.parameterize}"
+    end
+
+    self.class.absolute_path("#{slug}.md")
+  end
+end

data/app/models/post.rb

@@ -0,0 +1,29 @@
+class Post < ::ApplicationContentModel
+  folder '_posts'
+
+  variables :layout,
+            :date,
+            :published,
+            :category,
+            :title,
+            :subtitle,
+            :tags
+
+  def generate_new_file_path
+    if use_date = date && date.to_datetime
+      date_prefix = "#{use_date.strftime('%Y-%m-%d')}-"
+    else
+      date_prefix = "#{Date.current.strftime('%Y-%m-%d')}-"
+    end
+
+    slug = if title
+      title.gsub(/['|"]/,'').parameterize
+    else
+      "untitled_#{self.class.name.parameterize}"
+    end
+
+    year = date_prefix.split('-').first
+
+    self.class.absolute_path("#{year}/#{date_prefix}#{slug}.md")
+  end
+end

data/app/models/yarii/application_record.rb

@@ -0,0 +1,5 @@
+module Yarii
+  class ApplicationRecord < ActiveRecord::Base
+    self.abstract_class = true
+  end
+end

data/app/models/yarii/repository.rb

@@ -0,0 +1,50 @@
+require 'git'
+
+class Yarii::Repository
+  attr_accessor :repo_dir, :git, :remote, :branch
+
+  Changeset = Struct.new(:total, :added, :modified, :deleted, keyword_init: true)
+
+  def initialize(repo_dir)
+    @repo_dir = repo_dir
+    @git = Git.open(@repo_dir)
+    @remote = "origin"
+    @branch = @git.current_branch
+  end
+
+  def add(filepath)
+    @git.add(filepath)
+  end
+
+  def remove(filepath)
+    @git.remove(filepath)
+  end
+
+  def changes(only_indexed: true)
+    indexed_flag = only_indexed ? '--cached' : nil
+    git_diff = @git.lib.diff_name_status('HEAD', indexed_flag)
+    Changeset.new(
+      total: git_diff.length,
+      added: git_diff.select{|k,v| v == 'A'}.keys,
+      modified: git_diff.select{|k,v| v == 'M'}.keys,
+      deleted: git_diff.select{|k,v| v == 'D'}.keys
+    )
+  end
+
+  def pull(remote: nil)
+    @git.pull(@remote || remote, @branch)
+  end
+
+  def needs_pull?(remote: nil)
+    @git.fetch(@remote || remote)
+    @git.lib.diff_name_status('HEAD','@{upstream}').length > 0
+  end
+
+  def commit(message:)
+    @git.commit(message)
+  end
+
+  def push(remote: nil)
+    @git.push(@remote || remote, @branch)
+  end
+end

data/app/models/yarii/site.rb

@@ -0,0 +1,107 @@
+require 'safe_yaml'
+
+module Yarii
+  class Site < ApplicationRecord
+    def self.table_name_prefix
+      'yarii_'
+    end
+
+    def repository
+      @repository ||= Yarii::Repository.new(git_repo_path)
+    end
+
+    def content_models
+      return @content_models if @content_models
+
+      yaml_path = File.join(git_repo_path, '.yarii', 'content_models.yml')
+      if (File.exist?(yaml_path))
+        @content_models = ::SafeYAML.load(File.open(yaml_path))
+        @content_models = @content_models[Rails.env]&.with_indifferent_access
+        if @content_models.nil?
+          raise "No content models were found for the #{Rails.env} environment"
+        end
+
+        setup_content_model_variables
+
+        @content_models
+      else
+        raise "No content models YAML file was found at #{yaml_path}"
+      end
+    end
+
+    def update_status_before_commit!
+      well_known_path = File.join(content_base_path, '.well-known')
+      unless Dir.exist?(well_known_path)
+        Dir.mkdir(well_known_path)
+      end
+      status_path = File.join(content_base_path, '.well-known', 'yarii-status')
+      File.open(status_path, 'w') do |f|
+        update_digest = Digest::SHA256.hexdigest(Time.now.to_i.to_s)
+        f.puts update_digest
+      end
+      repository.add(status_path)
+      true
+    end
+
+    def commit!(message:)
+      update_status_before_commit!
+      repository.commit(message: message)
+    end
+
+    def push
+      repository.push
+
+      post_push_path = File.join(git_repo_path, '.git', 'hooks', 'post-push')
+      if File.exist?(post_push_path)
+        Bundler.with_clean_env do
+          trap('SIGINT') { exit }
+          puts "*** Executing post push hook"
+          output = system("#{ENV["SHELL"]} --login -c \"cd #{git_repo_path} && #{post_push_path}\"")  
+        end
+      end
+    end
+
+    def remote_is_up_to_date?
+      # NOTE: the Jekyll site config needs to include .well-known in the list of
+      # folders to build! Otherwise this won't work!
+      status_path = File.join(content_base_path, '.well-known', 'yarii-status')
+      if (File.exist?(status_path))
+        update_digest = File.open(status_path).read.chomp
+        published_status = Net::HTTP.get(URI(published_base_url + "/.well-known/yarii-status"))
+        published_status.chomp == update_digest
+      else
+        false
+      end
+    end
+
+    def preview_build_command
+      if "preview_build_command".in?(self.class.columns.map(&:name))
+        attributes["preview_build_command"]
+      else
+        'bundle exec jekyll build --unpublished'
+      end
+    end
+
+    def build_preview
+      Bundler.with_clean_env do
+        trap('SIGINT') { exit }
+        puts "*** Building Preview Site: #{title}"
+        output = system("#{ENV["SHELL"]} --login -c \"cd #{git_repo_path} && #{preview_build_command}\"")  
+      end
+    end
+
+    def setup_content_model_variables
+      content_models.values.each do |content_model|
+        model_class = Kernel.const_get(content_model['class_name'])
+        fields = [content_model['primary_fields'], content_model['additional_fields'], content_model['content_fields']].compact.flatten
+        fields.each do |field|
+          field_name = field['field_name'].to_sym
+          unless model_class.variable_names.include?(field_name) or field_name == :content
+            model_class.variable_names << field_name
+            model_class.attr_accessor(field_name)
+          end
+        end
+      end
+    end
+  end
+end

data/app/styles/FiraGO/FiraGO.scss

@@ -0,0 +1,48 @@
+@font-face {
+  font-family: 'FiraGO';
+  font-style: normal;
+  font-weight: normal;
+  src: url('FiraGO/FiraGO-Book.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'FiraGO';
+  font-style: italic;
+  font-weight: normal;
+  src: url('FiraGO/FiraGO-BookItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'FiraGO';
+  font-style: normal;
+  font-weight: bold;
+  src: url('FiraGO/FiraGO-SemiBold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'FiraGO';
+  font-style: italic;
+  font-weight: bold;
+  src: url('FiraGO/FiraGO-SemiBoldItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'FiraGO';
+  font-style: normal;
+  font-weight: 800;
+  src: url('FiraGO/FiraGO-Bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'FiraGO';
+  font-style: italic;
+  font-weight: 800;
+  src: url('FiraGO/FiraGO-BoldItalic.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'FiraGO';
+  font-style: italic;
+  font-weight: 900;
+  src: url('FiraGO/FiraGO-HeavyItalic.woff') format('woff');
+}

data/app/styles/Vidaloka/Vidaloka.scss

@@ -0,0 +1,6 @@
+@font-face {
+    font-family: 'Vidaloka';
+    src: url('Vidaloka/Vidaloka-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}

data/app/styles/application.scss

@@ -0,0 +1,141 @@
+@charset "utf-8";
+
+@import "./FiraGO/FiraGO.scss";
+@import "./Vidaloka/Vidaloka.scss";
+
+@import "../../node_modules/easymde/dist/easymde.min.css";
+
+/* Colors */
+$orange: #FF6F59;
+$darkorange: #DB504A;
+$blue: #00324c;
+$lightblue: #c9e3ff;
+$green: #43AA8B;
+$darkgreen: #254441;
+$lightgreen: rgb(211, 237, 221);
+$beige-lighter: #dddbc4;
+$beige-light: #d1cfba;
+$beige-medium: #b6b394;
+$beige-dark: #42403B;
+$beige-darker: #363430;
+$yellow: rgb(255, 251, 241);
+
+/* Set up Bulma color scheme */
+$grey-dark: $beige-dark;
+$grey-darker: $beige-darker;
+$grey-light: $beige-light;
+$primary: $orange;
+$link: $darkorange;
+$dark: $blue;
+$success: $green;
+$warning: darken($yellow, 25%);
+
+$text: $beige-darker;
+$body-background-color: $beige-light;
+$family-serif: 'Vidaloka', serif;
+$family-sans-serif: 'FiraGO', sans-serif;
+//$title-family: rufina, sans-serif;
+//$title-weight: 700;
+$title-family: 'FiraGO', sans-serif;
+$title-weight: 900;
+$title-style: italic;
+$title-spacing: -0.03em;
+.title {
+  font-style: $title-style;
+  letter-spacing: $title-spacing;
+}
+$title-size: 2.2rem;
+
+$button-border-width: 0;
+
+$card-shadow: 0 0px 3px rgba(10, 10, 10, 0.2);
+$card-header-shadow: none;
+$card-content-padding: 0.9rem 0.8rem 0.8rem;
+$card-header-color: $darkorange;
+$card-header-family: $family-serif;
+$card-header-weight: 400;
+$card-header-background-color: #fafaf6;
+$card-header-border-bottom: 1px solid darken($card-header-background-color, 7%);
+.card-header-title {
+  font-family: $card-header-family;
+  font-size: 1.85em;
+  line-height: 1.15;
+  border-bottom: $card-header-border-bottom;
+}
+$card-footer-border-top: $card-header-border-bottom;
+$card-footer-background-color: $card-header-background-color;
+$card-footer-padding: 0.5rem;
+.card-footer-item:hover {
+  background-color: #f0f0e3;
+}
+
+$modal-card-head-background-color: $dark;
+$modal-card-foot-background-color: $dark;
+$modal-content-width: 800px;
+$modal-card-body-background-color: $card-header-background-color;
+$modal-card-title-color: $orange;
+$modal-card-title-size: 1.75em;
+.modal-card-title {
+  font-family: $card-header-family;
+}
+
+$content-blockquote-background-color: $yellow;
+$content-blockquote-border-left: 6px solid $orange;
+
+$radius: 5px;
+$radius-large: 10px;
+
+@import "~bulma/bulma.sass";
+@import "helpers.scss";
+@import "dashboard.scss";
+@import "editor.scss";
+
+.navbar.is-dark {
+  background-color: $dark;
+  box-shadow: 0px 3px 4px rgba(0,0,0,0.2);
+  -webkit-backdrop-filter: blur(16px);
+  backdrop-filter: blur(16px);
+}
+
+.navbar-brand h1 {
+  color: $primary !important;
+  font-family: $title-family;
+  font-weight: $title-weight;
+  font-size: 1.35em;
+  font-style: $title-style;
+  letter-spacing: $title-spacing;
+
+  img {
+//    width: 45px;
+    width: 35.33px;
+    max-height: 100% !important;
+    margin-right: 0.3em;
+    transform: rotate(-10deg);
+  }
+}
+
+.button {
+  &.is-primary:not(.is-outlined), &.is-success:not(.is-outlined) {
+    box-shadow: 2px 3px 3px rgba(0,0,0,0.1), -2px -3px 6px rgba(255,255,255,0.12);
+  }
+}
+
+.card-footer {
+  a {
+    color: $beige-dark;
+    font-size: 0.9em;
+  }
+}
+.card-footer-item:not(:last-child) {
+  border-right: none;
+}
+
+.modal-background {
+  background-color: rgba(12, 11, 10, 0.8);
+}
+.modal-card {
+  box-shadow: 0px 30px 50px 10px rgba(12,11,10,0.5);
+}
+.modal-card-foot {
+  justify-content: flex-end;
+}