power-compass 0.2.2 → 0.3.1

data/app/components/compass/layout/header/logo.html.erb

@@ -0,0 +1,8 @@
+<a href="/" title="<%= title %>">
+  <span class="compass-logo">
+    <%= image_tag url, alt: title, height: "32px" if url %>
+  </span>
+  <span class="compass-logo-mobile">
+    <%= image_tag mobile_url, alt: title, height: "32px" if mobile_url %>
+  </span>
+</a>

data/app/components/compass/layout/header/logo.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module Compass
+  class Layout
+    class Header
+      class Logo < ApplicationComponent
+        prop :url
+        prop :mobile_url
+        prop :title
+
+        def mobile_url
+          prop(:mobile_url) || url
+        end
+      end
+    end
+  end
+end

data/app/components/compass/layout/header/search_input.html.erb

@@ -0,0 +1 @@
+<div data-compass-component="SearchInput" style="width: 100%;" data-compass-component-props="<%= compass_props.to_json %>"></div>

data/app/components/compass/layout/header/search_input.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Compass
+  class Layout
+    class Header
+      class SearchInput < ApplicationComponent
+        include ConfigProps
+      end
+    end
+  end
+end

data/app/components/compass/layout/header/tasks_menu.html.erb

@@ -0,0 +1,3 @@
+<%= render Compass::Layout::Header::DropdownMenu.new do %>
+  <div data-compass-component="TaskMenu" data-compass-component-props="<%= { **compass_props, tasksUrl: tasks_url }.to_json %>"></div>
+<% end %>

data/app/components/compass/layout/header/tasks_menu.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+module Compass
+  class Layout
+    class Header
+      class TasksMenu < ApplicationComponent
+        include ConfigProps
+        prop :tasks_url
+      end
+    end
+  end
+end

data/app/components/compass/layout/header.html.erb

@@ -0,0 +1,23 @@
+<%= pb_rails("background", props: { classname: "navigation-topbar", background_color: "primary" }) do %>
+  <%= pb_rails("flex", props: { classname: "navigation-topbar-label", cursor: "default" }) do %>
+    <% labels.each do |label| %>
+      <%= pb_rails("background", props: { background_color: "category_6" }) do %>
+        <%= label %>
+      <% end %>
+    <% end %>
+  <% end %>
+
+  <%= pb_rails("flex", props: { classname: "navigation-topbar-left", align_items: "center", justify_content: "start" }) do %>
+    <div data-compass-component="SideMenuIcon"></div>
+    <%= logo if logo? %>
+  <% end %>
+  <%= pb_rails("flex", props: { classname: "navigation-topbar-center", align_items: "center", justify_content: "center" }) do %>
+    <%= search if search? %>
+  <% end %>
+  <%= pb_rails("flex", props: { classname: "navigation-topbar-right", align_items: "center", justify_content: "end" }) do %>
+    <%= tasks_menu if tasks_menu? %>
+    <% dropdowns.each do |dropdown| %>
+      <%= dropdown %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/components/compass/layout/header.rb

@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+module Compass
+  class Layout
+    class Header < ApplicationComponent
+      include ConfigProps
+
+      prop :avatar_url
+      prop :impersonating
+      prop :labels, default: []
+
+      renders_one :search, Compass::Layout::Header::SearchInput
+      renders_one :logo, Compass::Layout::Header::Logo
+      renders_one :tasks_menu, Compass::Layout::Header::TasksMenu
+      renders_many :dropdowns, Compass::Layout::Header::DropdownMenu
+
+      def initialize(dropdowns: [], **)
+        super(**)
+
+        @dropdown_menus = dropdowns
+      end
+
+    private
+
+      def before_render
+        @dropdown_menus.each do |(dropdown_menu, block)|
+          with_dropdown(**dropdown_menu, &block)
+        end
+      end
+    end
+  end
+end

data/app/components/compass/layout/impersonation_banner.html.erb

@@ -0,0 +1,3 @@
+<%= pb_rails("background", props: { display: "flex", align_content: "center", background_color: "category_6", justify_content: "center" }) do %>
+  <%= pb_rails("caption", props: { color: "default", text: "Impersonating #{name}" }) %>
+<% end %>

data/app/components/compass/layout/impersonation_banner.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+module Compass
+  class Layout
+    class ImpersonationBanner < ApplicationComponent
+      prop :name
+    end
+  end
+end

data/app/components/compass/layout/sidebar.html.erb

@@ -0,0 +1,5 @@
+<div class="main-page-sidebar" id="main-side-menu" data-turbo-permanent>
+  <div class="nitro_sidebar">
+    <div data-compass-component="SideMenu" data-compass-component-props="<%= compass_props.to_json %>"></div>
+  </div>
+</div>

data/app/components/compass/layout/sidebar.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+module Compass
+  class Layout
+    class Sidebar < ApplicationComponent
+      include ConfigProps
+    end
+  end
+end

data/app/components/compass/layout.html.erb

@@ -0,0 +1,51 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <!-- meta name="viewport" content="width=device-width, initial-scale=1.0" -->
+  <%# the above doesn't work due to this iOS9 issue -> https://forums.developer.apple.com/thread/13510 %>
+  <meta name="viewport" content="initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <meta http-equiv="Cache-Control" content="no-cache">
+  <meta name="robots" content="noindex,nofollow,nosnippet,noodp,noarchive,noimageindex">
+  <meta name="format-detection" content="telephone=no">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <meta name="apple-mobile-web-app-title" content="<%= app_title %>">
+  <title><%= page_title %></title>
+
+  <% heads.each do |head| %>
+    <%= head %>
+  <% end %>
+
+  <%= stylesheet_link_tag "compass/layout", media: "all", "data-turbo-track": "reload" %>
+
+  <%= csrf_meta_tags %>
+</head>
+
+<%= content_tag :body, id: page_body_id, class: body_class do %>
+  <%= content_tag(:div, class: "nitro-navigation") do %>
+    <% banners.each do |banner| %>
+      <%= banner %>
+    <% end %>
+    <%= impersonation if impersonation? %>
+    <%= header %>
+    <%= breadcrumbs if breadcrumbs? %>
+  <% end if header? %>
+
+  <%= content_tag(:div, class: "page-container #{"page-container-mobile" if mobile_view}") do %>
+    <%= content_tag :div, id: "main-view", class: ("full-width" if full_width) do %>
+      <%= sidebar if sidebar? %>
+
+      <div class="main-page-content">
+        <%= render content_container.new(content: content, **values) %>
+      </div>
+    <% end %>
+  <% end %>
+
+  <% footers.each do |footer| %>
+    <%= footer %>
+  <% end %>
+<% end %>
+</html>

data/app/components/compass/layout.rb

@@ -0,0 +1,44 @@
+# frozen_string_literal: true
+
+module Compass
+  class Layout < ApplicationComponent
+    # Page Props
+    prop :body_class
+    prop :full_width
+    prop :mobile_view
+    prop :page_body_id
+    prop :app_title
+    prop :page_title
+
+    # Component Overrides
+    prop :content_container, default: Compass::Layout::ContentContainerComponent
+
+    # Slots
+    renders_one :impersonation, Compass::Layout::ImpersonationBanner
+    renders_one :breadcrumbs, Compass::Layout::Breadcrumbs
+    renders_one :sidebar, Compass::Layout::Sidebar
+    renders_one :header, ->(dropdowns: [], **kwargs) do
+      Compass::Layout::Header.new(dropdowns: [ *dropdowns, *self.dropdowns ],
+                                  impersonating: impersonation?, **kwargs)
+    end
+    renders_many :banners, Compass::Layout::Banner
+    renders_many :heads
+    renders_many :footers
+
+    def with_dropdown(**kwargs, &block)
+      dropdowns << [ kwargs, block ]
+    end
+
+  private
+
+    def dropdowns
+      @dropdowns ||= []
+    end
+
+    def before_render
+      Compass.config.layout.before_render_blocks.each do |block|
+        instance_exec(self, &block)
+      end
+    end
+  end
+end

data/app/components/concerns/compass/config_props.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module Compass
+  # Concern for components that need to access Compass configuration.
+  #
+  # @private
+  module ConfigProps
+    extend ActiveSupport::Concern
+
+    included do
+    private
+
+      def current_context_id = instance_exec(&Compass.config.context_id)
+
+      def current_backends = Compass.config.backends
+
+      def compass_props = { backends: current_backends, contextId: current_context_id }
+    end
+  end
+end

data/app/controllers/compass/application_controller.rb

@@ -6,16 +6,15 @@ module Compass
     etag { current_context_id }
     etag { context_modified_at }
 
-    before_action unless: :authenticate do
-      head(:forbidden)
-    end
+    before_action :authenticate
+    before_action :validate_context
 
-    before_action unless: :validate_context_id do
-      head(:bad_request)
+    def authenticate
+      head(:forbidden) unless instance_exec(&Compass.config.authenticate)
     end
 
-    def authenticate
-      instance_exec(&Compass.config.authenticate)
+    def validate_context
+      head(:bad_request) unless current_context_id.to_s.eql?(params[:context_id])
     end
 
     def current_context
@@ -30,10 +29,6 @@ module Compass
       instance_exec(&Compass.config.modified_at)
     end
 
-    def validate_context_id
-      current_context_id.to_s.eql?(params[:context_id])
-    end
-
     def set_cache_headers(config)
       if config
         expires_in(*Array(config))

data/app/controllers/compass/info_controller.rb

@@ -0,0 +1,12 @@
+module Compass
+  class InfoController < ApplicationController
+    skip_before_action :validate_context
+
+    def index
+      render json: {
+        version: Compass::VERSION,
+        backends: Compass.config.backends
+      }
+    end
+  end
+end

data/config/routes.rb

@@ -1,4 +1,6 @@
 Compass::Engine.routes.draw do
+  root to: "info#index", as: :root
+
   get ":context_id/menu", to: "menu#index", as: :menu
 
   get ":context_id/search", to: "search#index", as: :search

data/lib/compass/configuration.rb

@@ -35,6 +35,7 @@ module Compass
       config_accessor :authenticate, default: -> { false }
       config_accessor :context, default: -> { {} }
       config_accessor :context_id, default: -> { }
+      config_accessor :backends, default: Set.new
       config_accessor :modified_at, default: -> { }
 
       config_accessor :menu, default: Compass::Configuration::Menu

data/lib/compass/engine.rb

@@ -10,10 +10,41 @@ module Compass
     config.generators.api_only = true
     config.compass = Compass.config
 
+    config.try(:after_routes_loaded) do
+      Compass.config.backends << Compass::Engine.routes.url_helpers.root_path
+    end
+
+    config.paths["app"].skip_autoload!
+    config.paths["app"].skip_eager_load!
+    config.paths.add "app/components", autoload: true
+    config.paths.add "app/components/concerns", autoload: true
+
     initializer "compass.logger" do
       Compass.logger ||= Rails.logger.respond_to?(:tagged) ? Rails.logger.tagged("Compass") : Rails.logger
     end
 
+    initializer "compass.view_components", before: :set_autoload_paths do
+      unless defined?(ViewComponent::Base)
+        config.paths["app/components"].skip_autoload!
+        config.paths["app/components/concerns"].skip_autoload!
+      end
+    end
+
+    initializer "compass.assets" do |app|
+      if app.config.respond_to?(:assets)
+        if root.join("vendor", "assets", "stylesheets", "compass", "layout.css").exist?
+          Compass.logger.info "Using precompiled compass/layout.css"
+          app.config.assets.paths << root.join("vendor", "assets", "stylesheets")
+        else
+          Compass.logger.info "Compiling compass/layout.css from source"
+          app.config.assets.paths << root.join("app", "assets", "stylesheets")
+          app.config.sass.load_paths << root.join("app", "assets", "stylesheets")
+        end
+
+        app.config.assets.precompile += %w[compass/layout.css]
+      end
+    end
+
     initializer "compass.search.view_paths", after: "action_controller.set_configs" do |app|
       ActiveSupport.on_load(:action_controller) do
         Compass.config.search.view_paths = ActionController::Base.view_paths

data/lib/compass/search/provider.rb

@@ -89,10 +89,7 @@ module Compass
       end
 
       def search_options
-        {
-          keys: [ { name: "label", weight: 1 } ],
-          threshold: 0.2
-        }
+        {}
       end
 
       def fetch_records(query)

data/lib/compass/version.rb

@@ -1,3 +1,3 @@
 module Compass
-  VERSION = "0.2.2"
+  VERSION = "0.3.1"
 end