yarii-editor 0.4.0

data/app/views/yarii_editor/editor/_dropdown.html.erb

@@ -0,0 +1,14 @@
+<%-
+  input_classes = ['input']
+  input_classes << className if local_assigns[:className]
+  name = name_from_variable(local_assigns)
+  value = value_from_variable(local_assigns)
+%>
+<div class="field">
+  <label class="label"><%= local_assigns[:label] %></label>
+  <div class="select">
+    <%= content_tag :select, nil, name: name, class: input_classes.join(' ') do %>
+      <% options_for_select @doc.send("values_for_#{variable}"), value %>
+    <% end %>
+  </div>
+</div>

data/app/views/yarii_editor/editor/_markdown.html.erb

@@ -0,0 +1,13 @@
+<%-
+  props = local_assigns
+  input_classes = ['textarea']
+  input_classes << className if props[:className]
+  name = name_from_variable(props)
+  value = value_from_variable(props) || ""
+%>
+<div data-controller="markdown-editor" class="field">
+  <% if props[:label] %><label class="label"><%= props[:label] %></label><% end %>
+  <div class="control">
+    <%= content_tag :textarea, value, name: name, data: {target: 'markdown-editor.editor'}, class: input_classes.join(' '), rows: 10, placeholder: props[:placeholder] %>
+  </div>
+</div>

data/app/views/yarii_editor/editor/_text.html.erb

@@ -0,0 +1,13 @@
+<%-
+  props = local_assigns
+  input_classes = ['input']
+  input_classes << className if props[:className]
+  name = name_from_variable(props)
+  value = value_from_variable(props)
+%>
+<div class="field">
+  <label class="label"><%= props[:label] %></label>
+  <div class="control">
+    <%= content_tag :input, nil, name: name, value: value, class: input_classes.join(' '), type: 'text', placeholder: props[:placeholder] %>
+  </div>
+</div>

data/app/views/yarii_editor/editor/_textarea.html.erb

@@ -0,0 +1,13 @@
+<%-
+  props = local_assigns
+  input_classes = ['textarea']
+  input_classes << className if props[:className]
+  name = name_from_variable(props)
+  value = value_from_variable(props) || ""
+%>
+<div class="field">
+  <label class="label"><%= props[:label] %></label>
+  <div class="control">
+    <%= content_tag :textarea, value, name: name, class: input_classes.join(' '), rows: 2, placeholder: props[:placeholder] %>
+  </div>
+</div>

data/app/views/yarii_editor/model_cards/_hashtags.html.erb

@@ -0,0 +1,5 @@
+<p class="tags">
+  <% tags.split(' ').each do |tag| %>
+    <span class="tag is-medium is-rounded is-success">#<%= tag %></span>
+  <% end %>
+</p>

data/app/views/yarii_editor/model_cards/_page.html.erb

@@ -0,0 +1,18 @@
+<header class="card-header">
+  <p class="card-header-title">
+    <%= model.title %>
+  </p>
+</header>
+<div class="card-content">
+  <div class="content">
+    <p><%= model.subtitle || model.content&.truncate(250) %></p>
+    <% if model.tags.present? %>
+      <%= render 'yarii_editor/model_cards/hashtags', tags: model.tags %>
+    <% end %>
+    <p class="has-text-right"><time datetime="<%= model.posted_datetime.strftime('%Y-%-m-%-d') %>"><%= model.posted_datetime.strftime('%B %-d, %Y') %></time> <small class="has-text-grey">/</small>
+    <small class="has-text-primary"><%= Base64::decode64 model.id %></small></p>
+  </div>
+</div>
+<footer class="card-footer">
+  <%= render 'yarii_editor/model_cards/standard_footer_buttons', model: model, content_model_type: content_model_type %>
+</footer>

data/app/views/yarii_editor/model_cards/_post.html.erb

@@ -0,0 +1,17 @@
+<header class="card-header">
+  <p class="card-header-title">
+    <%= model.title %>
+  </p>
+</header>
+<div class="card-content">
+  <div class="content">
+    <p><%= model.subtitle || model.content&.truncate(250) %></p>
+    <% if model.tags.present? %>
+      <%= render 'yarii_editor/model_cards/hashtags', tags: model.tags %>
+    <% end %>
+    <p class="has-text-right"><time datetime="<%= model.posted_datetime.strftime('%Y-%-m-%-d') %>"><%= model.posted_datetime.strftime('%B %-d, %Y') %></time></p>
+  </div>
+</div>
+<footer class="card-footer">
+  <%= render 'yarii_editor/model_cards/standard_footer_buttons', model: model, content_model_type: content_model_type %>
+</footer>

data/app/views/yarii_editor/model_cards/_standard_footer_buttons.html.erb

@@ -0,0 +1,20 @@
+<%- props = local_assigns %>
+<% if props[:model].is_a? Yarii::DatafileModel %>
+  <a data-action="card#edit" href="<%= yarii_editor.edit_document_path(props[:model], content_model: props[:content_model_type], key_path: props[:model].key_path) %>" class="card-footer-item">
+    <span class="icon"><i class="fa fa-pencil-square-o"></i></span>
+    <span>Edit</span>
+  </a>
+<% else %>
+  <a data-action="card#edit" href="<%= yarii_editor.edit_document_path(props[:model], content_model: props[:content_model_type]) %>" class="card-footer-item">
+    <span class="icon"><i class="fa fa-pencil-square-o"></i></span>
+    <span>Edit</span>
+  </a>
+  <a href="<%= props[:model].preview_url %>" target="_blank" class="card-footer-item">
+    <span class="icon"><i class="fa fa-eye"></i></span>
+    <span>Preview</span>
+  </a>
+  <a data-action="card#destroy" href="<%= yarii_editor.destroy_document_path(props[:model], content_model: props[:content_model_type]) %>" class="card-footer-item">
+    <span class="icon"><i class="fa fa-trash"></i></span>
+    <span>Delete</span>
+  </a>
+<% end %>

data/app/views/yarii_editor/publish/commit.html.erb

@@ -0,0 +1,45 @@
+<div
+  data-controller="commit-modal"
+  data-commit-modal-path="<%= yarii_editor.push_commit_publish_path %>"
+  data-commit-modal-publishing-menu-path="<%= yarii_editor.publishing_menu_path %>"
+  id="commit-modal"
+  class="modal is-active"
+>
+  <div class="modal-background"></div>
+  <div class="modal-card">
+    <header class="modal-card-head">
+      <p class="modal-card-title">Push Updates to Public</p>
+      <button data-action="commit-modal#cancel" class="delete" aria-label="close"></button>
+    </header>
+    <section class="modal-card-body">
+      <%= form_tag do %>
+        <div class="content">
+          <p>Describe the updates you're pushing to the public website. For example:</p>
+
+          <ul>
+            <li>New "Title Goes Here" blog post</li>
+            <li>Updated the pricing page</li>
+            <li>Deleted old event listing</li>
+            <li>Fixed typos on upcoming products</li>
+            <li>etc.</li>
+          </ul>
+
+          <p>This commit message will be stored in the version history for your website repository.</p>
+        </div>
+
+        <div class="field">
+          <label class="label" for="commit_message">Commit Message:</label>
+          <div class="control">
+            <input class="input" type="text" name="commit_message" />
+          </div>
+        </div>
+      <% end %>
+    </section>
+    <footer class="modal-card-foot">
+      <div data-target="commit-modal.status" class="modal-foot-status"></div>
+      <button data-action="commit-modal#cancel" class="button is-dark is-text">Cancel</button>
+      &nbsp;
+      <button data-action="commit-modal#commit" class="button is-success">Push Updates</button>
+    </footer>
+  </div>
+</div>

data/app/views/yarii_editor/shared/_navbar.html.erb

@@ -0,0 +1,38 @@
+<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
+  <div class="navbar-brand">
+    <h1 class="navbar-item"><%= image_tag 'yarii_editor/butterfly-small.png', alt: 'Yarii' %> Yarii</h1>
+
+    <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false" onclick="document.querySelectorAll('.navbar .navbar-burger, #navMenu').forEach((item) => {item.classList.toggle('is-active')})">
+      <span aria-hidden="true"></span>
+      <span aria-hidden="true"></span>
+      <span aria-hidden="true"></span>
+    </a>
+  </div>
+
+  <div class="navbar-menu" id="navMenu">
+    <div class="navbar-start">
+      <div class="navbar-item">Legend:</div>
+      <div class="navbar-item"><span class="tag is-primary">Draft</span></div>
+      <div class="navbar-item"><span class="tag is-info">Queued</span></div>
+      <div class="navbar-item"><span class="tag is-success">Public</span></div>
+      
+      <div id="publishing-menu" class="navbar-item has-dropdown is-hoverable">
+        <%= render 'yarii_editor/shared/publishing_menu' %>
+      </div>
+    </div>
+    <div class="navbar-end">
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a href="javascript:void(0);" class="navbar-link">
+          <span style="font-weight:bold"><%= current_site.title %></span>
+        </a>
+        <div class="navbar-dropdown is-boxed is-right">
+          <a href="javascript:alert('To Be Implemented…')" class="navbar-item">
+            Site Settings
+          </a>
+          <hr class="navbar-divider" />
+          <%= link_to "Sign Out", main_app.signout_path, class: "navbar-item", method: :delete %>
+        </div>
+      </div>
+    </div>
+  </div>
+</nav>

data/app/views/yarii_editor/shared/_publishing_menu.html.erb

@@ -0,0 +1,42 @@
+<a href="javascript:void(0);" class="navbar-link">
+  Publishing
+  <span class="publishing-status">
+    <% if current_site.repository.changes.total > 0 %>
+      <span class="ml-2 tag is-danger">Updates</span>
+    <% elsif !current_site.remote_is_up_to_date? %>
+      <span data-controller="building" data-building-path="<%= yarii_editor.remote_is_up_to_date_path %>" class="ml-2 tag is-warning">Building…</span>
+    <% end %>
+  </span>
+</a>
+
+<div class="navbar-dropdown is-boxed">
+  <% if current_site.repository.changes.total > 0 %>
+    <a data-controller="push-to-public" data-action="push-to-public#open" href="<%= yarii_editor.commit_publish_path %>" class="navbar-item is-size-6 has-text-weight-bold">
+      Push Updates to Public
+    </a>
+    <hr class="navbar-divider" />
+    <a href="javascript:alert('To Be Implemented…')" class="navbar-item">
+      Compare Changes
+    </a>
+  <% else %>
+    <a href="javascript:void(0)" class="navbar-item is-italic">
+      All Up to Date!
+    </a>
+  <% end %>
+  <a href="javascript:alert('To Be Implemented…')" class="navbar-item">
+    Push History
+  </a>
+  <hr class="navbar-divider" />
+  <div class="navbar-item has-text-weight-bold is-size-8">
+    Last Push: <%= current_site.repository.git.log.first.date.in_time_zone.strftime('%B %-d, %Y') %>
+  </div>
+  <hr class="navbar-divider" />
+  <a href="<%= current_site.preview_base_url %>" target="_blank" class="navbar-item">
+    <span>Open Preview Website</span>
+    <span class="icon"><i class="fa fa-external-link"></i></span>
+  </a>
+  <a href="<%= current_site.published_base_url %>" target="_blank" class="navbar-item">
+    <span>Open Public Website</span>
+    <span class="icon"><i class="fa fa-external-link"></i></span>
+  </a>
+</div>

data/config/initializers/assets.rb

@@ -0,0 +1 @@
+Rails.application.config.assets.precompile += %w( yarii_editor/butterfly-small.png )

data/config/routes.rb

@@ -0,0 +1,16 @@
+YariiEditor::Engine.routes.draw do
+  get 'documents/:content_model', to: 'documents#index', as: 'documents'
+  post 'documents/:content_model', to: 'documents#create', as: 'create_document'
+  get 'documents/:content_model/new', to: 'documents#new', as: 'new_document'
+  get 'documents/:content_model/:id/edit', to: 'documents#edit', as: 'edit_document' 
+  put 'documents/:content_model/:id', to: 'documents#update', as: 'update_document'
+  delete 'documents/:content_model/:id', to: 'documents#destroy', as: 'destroy_document'
+
+  get 'publish/remote_is_up_to_date', to: 'publish#remote_is_up_to_date', as: 'remote_is_up_to_date'
+  get 'publish/menu', to: 'publish#menu', as: 'publishing_menu'
+  get 'publish/commit', to: 'publish#commit', as: 'commit_publish'
+  post 'publish/push_commit', to: 'publish#push_commit', as: 'push_commit_publish'
+
+  get 'dashboard/list', to: 'dashboard#list', as: 'dashboard_list'
+  root to: "dashboard#index"
+end

data/config/webpack/development.js

@@ -0,0 +1,5 @@
+process.env.NODE_ENV = process.env.NODE_ENV || 'development'
+
+const environment = require('./environment')
+
+module.exports = environment.toWebpackConfig()

data/config/webpack/environment.js

@@ -0,0 +1,3 @@
+const { environment } = require('@rails/webpacker')
+
+module.exports = environment

data/config/webpack/production.js

@@ -0,0 +1,5 @@
+process.env.NODE_ENV = process.env.NODE_ENV || 'production'
+
+const environment = require('./environment')
+
+module.exports = environment.toWebpackConfig()

data/config/webpack/staging.js

@@ -0,0 +1,5 @@
+process.env.NODE_ENV = process.env.NODE_ENV || 'staging'
+
+const environment = require('./environment')
+
+module.exports = environment.toWebpackConfig()

data/config/webpack/test.js

@@ -0,0 +1,5 @@
+process.env.NODE_ENV = process.env.NODE_ENV || 'development'
+
+const environment = require('./environment')
+
+module.exports = environment.toWebpackConfig()

data/config/webpacker.yml

@@ -0,0 +1,109 @@
+# Note: You must restart bin/webpack-dev-server for changes to take effect
+
+default: &default
+  source_path: app/javascript
+  source_entry_path: packs
+  public_root_path: public
+  # use a different sub-folder name
+  public_output_path: yarii-editor-packs
+
+  cache_path: tmp/cache/webpacker
+  check_yarn_integrity: false
+  webpack_compile_output: false
+
+  # Additional paths webpack should lookup modules
+  # ['app/assets', 'engine/foo/app/assets']
+  resolved_paths: []
+
+  # Reload manifest.json on all requests so we reload latest compiled packs
+  cache_manifest: false
+
+  # Extract and emit a css file
+  extract_css: true
+
+  static_assets_extensions:
+    - .jpg
+    - .jpeg
+    - .png
+    - .gif
+    - .tiff
+    - .ico
+    - .svg
+    - .eot
+    - .otf
+    - .ttf
+    - .woff
+    - .woff2
+
+  extensions:
+    - .mjs
+    - .js
+    - .sass
+    - .scss
+    - .css
+    - .module.sass
+    - .module.scss
+    - .module.css
+    - .png
+    - .svg
+    - .gif
+    - .jpeg
+    - .jpg
+
+development:
+  <<: *default
+  compile: true
+
+  # Verifies that versions and hashed value of the package contents in the project's package.json
+  check_yarn_integrity: true
+
+  # Reference: https://webpack.js.org/configuration/dev-server/
+  dev_server:
+    https: false
+    host: localhost
+    port: 3035
+    public: localhost:3035
+    hmr: false
+    # Inline should be set to true if using HMR
+    inline: true
+    overlay: true
+    compress: true
+    disable_host_check: true
+    use_local_ip: false
+    quiet: false
+    headers:
+      'Access-Control-Allow-Origin': '*'
+    watch_options:
+      ignored: '**/node_modules/**'
+
+
+test:
+  <<: *default
+  compile: true
+
+  # Compile test packs to a separate directory
+  public_output_path: packs-test
+
+staging:
+  <<: *default
+
+  # Staging, like Production, depends on precompilation of packs prior to booting for performance.
+  compile: false
+
+  # Extract and emit a css file
+  extract_css: true
+
+  # Cache manifest.json for performance
+  cache_manifest: true
+
+production:
+  <<: *default
+
+  # Production depends on precompilation of packs prior to booting for performance.
+  compile: false
+
+  # Extract and emit a css file
+  extract_css: true
+
+  # Cache manifest.json for performance
+  cache_manifest: true

data/db/migrate/20190923000809_create_yarii_sites.rb

@@ -0,0 +1,12 @@
+class CreateYariiSites < ActiveRecord::Migration[6.0]
+  def change
+    create_table :yarii_sites do |t|
+      t.string :title
+      t.string :preview_base_url
+      t.string :published_base_url
+      t.string :content_base_path
+
+      t.timestamps
+    end
+  end
+end

data/db/migrate/20191014203116_add_git_repo_path_to_yarii_sites.rb

@@ -0,0 +1,5 @@
+class AddGitRepoPathToYariiSites < ActiveRecord::Migration[6.0]
+  def change
+    add_column :yarii_sites, :git_repo_path, :string
+  end
+end