breeze_cms 0.9.5

data/config/breeze/section_styles.yml

@@ -0,0 +1,199 @@
+---
+- :template: section_cards
+  :header: Section with Cards, 2-6 columns
+  :text: A header with text and column layout. Columns have a little gap, so
+    background color comes through. 2 - 6 columns. Cards freely choosable
+  :cards: true
+  :fields:
+    - header
+    - text
+  :options:
+    - background
+    - columns
+    - subheader
+    - text_color
+    - text_align
+- :template: section_slider
+  :header: Slider with optional header with text
+  :text: Slider slides any (number) of cards. Columns means how many
+    slides are visible on desktop.
+    Optional header text on top of the slider (like the section with header/text)
+  :cards: true
+  :fields:
+    - header
+    - text
+  :options:
+    - slider_columns
+    - background
+    - text_color
+    - margin
+    - subheader
+    - text_align
+    - item_align
+    - button_link
+    - button_text
+- :template: section_feature
+  :header: Feature section with 2 column,
+  :text: A split header with two column layout on the right.
+        Cards can be choosen freely but columns should be choosen to fit.
+        Look very much depends on card style and column number.
+  :cards: true
+  :fields:
+    - header
+    - text
+  :options:
+    - background
+    - columns
+    - subheader
+    - text_color
+    - text_align
+- :template: section_full_up
+  :header: Centered Header with text
+  :text: Full width header with centered headline and optional text
+  :fields:
+    - header
+    - text
+  :options:
+    - background
+    - text_color
+    - margin
+    - subheader
+    - text_align
+    - item_align
+    - button_link
+    - button_text
+- :template: section_news
+  :header: Showing latest news
+  :text: Always the latest available news section
+  :fields:
+    - header
+    - text
+  :options:
+    - background
+    - text_color
+    - text_align
+    - item_align
+- :template: section_text
+  :header: Newspaper style section for longer passages of text.
+  :text: Text may be markdown. The section may have one image than
+        can be embedded into the text by writing IMAGE (in caps)
+        where the image should be inserted. Not more than 200 words
+        or 1000 characters are best.
+        Image size depends on columms, 3 column should be 600 wide and 300
+        to 600 high.
+  :fields:
+    - header
+    - text
+  :options:
+    - text_columns
+    - background
+    - text_color
+    - margin
+    - subheader
+    - text_align
+    - button_link
+    - button_text
+- :template: section_half_image
+  :header: Split section with image left or right
+  :text: Image on one side, header and text on the other.
+    Order depends on order option. Optional button.
+    Image aspect ratio can be choosen and determines layout.
+    Wide image, narrow look. Square image big look. No portraits.
+  :fields:
+    - header
+    - text
+  :options:
+    - order
+    - background
+    - text_color
+    - subheader
+    - text_align
+    - button_link
+    - button_text
+- :template: section_full_image
+  :header: Full image header with adjustable text
+  :text: Large picture background with Header and text on top.
+    Adjustable text text alignment (left, center, right).
+    Text may be slightly shaded for readability,
+    text color can be changed too.
+    Image should be 1600 wide and can be between 400 and 900 for
+    different looks
+  :fields:
+    - header
+    - text
+  :options:
+    - fixed
+    - text_color
+    - text_align
+    - item_align
+    - image_align
+    - shade_color
+    - button_link
+    - button_text
+- :template: section_large_image
+  :header: Two third image header with adjustable text
+  :text: Large picture background with Header and text offset.
+    Adjustable text alignment (left, center, right).
+    Image size determines the look or layout. Images should be 1200 wide
+    and 300 - 600 high.
+  :fields:
+    - header
+    - text
+  :options:
+    - subheader
+    - margin
+    - order
+    - text_color
+    - text_align
+    - background
+    - button_link
+    - button_text
+- :template: section_small_image
+  :header: One third image header with larger text area text
+  :text: Smaller picture with Header and text offset that use more space.
+    Adjustable text alignment (left, center, right).
+    Text section may have background color.
+    Text color can be changed too
+  :fields:
+    - header
+    - text
+  :options:
+    - subheader
+    - margin
+    - order
+    - text_color
+    - text_align
+    - background
+    - button_link
+    - button_text
+- :template: section_spacer
+  :header: Spacer
+  :text: Just for extra padding
+  :fields:
+- :template: form_section
+  :header: Contact or other form
+  :text: Flexible form, with input fields as "cards". Only choose form_field
+        as contained in the form.
+  :cards: true
+  :fields:
+    - header
+    - text
+  :options:
+    - ok_message
+    - handler
+    - background
+    - text_color
+- :template: blog_header
+  :header: Start of blog, with image left or right
+  :text: Image on one side, header and text on the other.
+    Order depends on order option. Date is subheader.
+    Extra text possible under both text and picture, as markdown.
+    Image should be 600 wide and 400-900 high, depending on text.
+  :fields:
+    - header
+    - text
+  :options:
+    - order
+    - text_columns
+    - background
+    - text_color

data/config/initializers/breeze.rb

@@ -0,0 +1,13 @@
+require "breeze"
+
+# directory inside /app/assets/images where YOUR images are kept
+# if you change this and add own styles, you will still need a breeze directory
+#  for the previews (card_preview and section_preview)
+Breeze.images_dir = "breeze"
+
+# directory where data and styles are kept
+# Notice that the data is ALWAYS inside a breeze directory,
+# so in the default case Rails.root/breeze/*.yml
+Breeze.data_dir = "."
+
+Breeze.languages = ""

data/config/initializers/rabl.rb

@@ -0,0 +1,31 @@
+
+Rabl.configure do |config|
+  # objvioulsy non defaults
+  config.include_json_root = false
+  config.include_child_root = false
+
+  # Commented as these are defaults
+  # config.cache_all_output = false
+  # config.cache_sources = Rails.env != 'development' # Defaults to false
+  # config.cache_engine = Rabl::CacheEngine.new # Defaults to Rails cache
+  # config.perform_caching = false
+  # config.escape_all_output = false
+  # config.json_engine = nil # Class with #dump class method (defaults JSON)
+  # config.msgpack_engine = nil # Defaults to ::MessagePack
+  # config.bson_engine = nil # Defaults to ::BSON
+  # config.plist_engine = nil # Defaults to ::Plist::Emit
+  # config.include_msgpack_root = true
+  # config.include_bson_root = true
+  # config.include_plist_root = true
+  # config.include_xml_root  = false
+  # config.include_child_root = true
+  # config.enable_json_callbacks = false
+  # config.xml_options = { :dasherize  => true, :skip_types => false }
+  # config.view_paths = []
+  # config.raise_on_missing_attribute = true # Defaults to false
+  # config.replace_nil_values_with_empty_strings = true # Defaults to false
+  # config.replace_empty_string_values_with_nil_values = true # Defaults to false
+  # config.exclude_nil_values = true # Defaults to false
+  # config.exclude_empty_values_in_collections = true # Defaults to false
+  # config.camelize_keys = :upper # Defaults to false
+end

data/config/initializers/simple_form.rb

@@ -0,0 +1,212 @@
+require "simple_form"
+
+# frozen_string_literal: true
+#
+# Uncomment this and change the path if necessary to include your own
+# components.
+# See https://github.com/heartcombo/simple_form#custom-components to know
+# more about custom components.
+# Dir[Rails.root.join('lib/components/**/*.rb')].each { |f| require f }
+#
+# Use this setup block to configure all options available in SimpleForm.
+SimpleForm.setup do |config|
+  # Wrappers are used by the form builder to generate a
+  # complete input. You can remove any component from the
+  # wrapper, change the order or even add your own to the
+  # stack. The options given below are used to wrap the
+  # whole input.
+
+  config.wrappers :default, tag: 'div', class: 'mt-4', error_class: '', valid_class: '' do |b|
+    b.use :html5
+    b.use :placeholder
+    b.optional :maxlength
+    b.optional :minlength
+    b.optional :pattern
+    b.optional :min_max
+    b.optional :readonly
+
+    b.use :label, class: "block text-sm font-medium text-gray-700"
+    b.use :input,
+      class: 'appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm',
+      error_class: 'block w-full pr-10 border-red-300 text-red-900 placeholder-red-300 focus:outline-none focus:ring-red-500 focus:border-red-500 sm:text-sm rounded-md'
+    b.use :full_error, wrap_with: { tag: 'p', class: 'mt-2 text-sm text-red-600' }
+    b.use :hint,  wrap_with: { tag: :p, class: "mt-2 text-sm text-gray-500" }
+  end
+
+  config.wrappers :prepend_string, tag: 'div', class: '', error_class: '', valid_class: '' do |b|
+    b.use :html5
+    b.use :placeholder
+    b.optional :maxlength
+    b.optional :minlength
+    b.optional :pattern
+    b.optional :min_max
+    b.optional :readonly
+
+    b.use :label, class: "block text-sm font-medium text-gray-700"
+
+    b.wrapper tag: 'div', class: 'mt-1 flex rounded-md shadow-sm' do |d|
+      d.use :prepend
+      d.use :input,
+        class: "flex-1 min-w-0 block w-full px-3 py-2 rounded-none rounded-r-md focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-300",
+        error_class: "flex-1 min-w-0 block w-full px-3 py-2 rounded-none rounded-r-md focus:ring-red-500 focus:border-red-500 sm:text-sm border-red-300 text-red-900 placeholder-red-300"
+    end
+    b.use :full_error, wrap_with: { tag: "p", class: "mt-2 text-sm text-red-600" }
+    b.use :hint,  wrap_with: { tag: :p, class: "mt-2 text-sm text-gray-500" }
+  end
+
+  config.wrappers :append_string, tag: 'div', class: '', error_class: '', valid_class: '' do |b|
+    b.use :html5
+    b.use :placeholder
+    b.optional :maxlength
+    b.optional :minlength
+    b.optional :pattern
+    b.optional :min_max
+    b.optional :readonly
+
+    b.use :label, class: "block text-sm font-medium text-gray-700"
+
+    b.wrapper tag: 'div', class: 'mt-1 flex rounded-md shadow-sm' do |d|
+      d.use :input,
+        class: "flex-1 min-w-0 block w-full px-3 py-2 rounded-none rounded-l-md focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-300",
+        error_class: "flex-1 min-w-0 block w-full px-3 py-2 rounded-none rounded-l-md focus:ring-red-500 focus:border-red-500 sm:text-sm border-red-300 text-red-900 placeholder-red-300"
+      d.use :append
+    end
+    b.use :full_error, wrap_with: { tag: "p", class: "mt-2 text-sm text-red-600" }
+    b.use :hint,  wrap_with: { tag: :p, class: "mt-2 text-sm text-gray-500" }
+  end
+
+  config.wrappers :corner_hint, tag: :div do |b|
+    b.use :html5
+    b.use :placeholder
+    b.optional :maxlength
+    b.optional :minlength
+    b.optional :pattern
+    b.optional :min_max
+    b.optional :readonly
+
+    b.wrapper tag: :div, class: "flex justify-between", error_class: nil, valid_class: nil do |c|
+      c.use :label, class: "block text-sm font-medium text-gray-700"
+      c.use :hint,  wrap_with: { tag: :span, class: "text-sm text-gray-500" }
+    end
+
+    b.use :input,
+      class: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm",
+      error_class: "block w-full pr-10 border-red-300 text-red-900 placeholder-red-300 focus:outline-none focus:ring-red-500 focus:border-red-500 sm:text-sm rounded-md"
+    b.use :full_error, wrap_with: { tag: "p", class: "mt-2 text-sm text-red-600" }
+  end
+
+  # The default wrapper to be used by the FormBuilder.
+  config.default_wrapper = :default
+
+  # Define the way to render check boxes / radio buttons with labels.
+  # Defaults to :nested for bootstrap config.
+  #   inline: input + label
+  #   nested: label > input
+  config.boolean_style = :nested
+
+  # Default class for buttons
+  config.button_class = nil
+
+  # Method used to tidy up errors. Specify any Rails Array method.
+  # :first lists the first message for each field.
+  # Use :to_sentence to list all errors for each field.
+  # config.error_method = :first
+
+  # Default tag used for error notification helper.
+  config.error_notification_tag = :div
+
+  # CSS class to add for error notification helper.
+  config.error_notification_class = ''
+
+  # Series of attempts to detect a default label method for collection.
+  # config.collection_label_methods = [ :to_label, :name, :title, :to_s ]
+
+  # Series of attempts to detect a default value method for collection.
+  # config.collection_value_methods = [ :id, :to_s ]
+
+  # You can wrap a collection of radio/check boxes in a pre-defined tag, defaulting to none.
+  # config.collection_wrapper_tag = nil
+
+  # You can define the class to use on all collection wrappers. Defaulting to none.
+  # config.collection_wrapper_class = nil
+
+  # You can wrap each item in a collection of radio/check boxes with a tag,
+  # defaulting to :span.
+  # config.item_wrapper_tag = :span
+
+  # You can define a class to use in all item wrappers. Defaulting to none.
+  # config.item_wrapper_class = nil
+
+  # How the label text should be generated altogether with the required text.
+  config.label_text = lambda { |label, required, explicit_label| "#{label}" }
+
+  # You can define the class to use on all labels. Default is nil.
+  # config.label_class = nil
+
+  # You can define the default class to be used on forms. Can be overriden
+  # with `html: { :class }`. Defaulting to none.
+  config.default_form_class = nil
+  config.form_class = nil
+
+  # You can define which elements should obtain additional classes
+  config.generate_additional_classes_for = []
+
+  # Whether attributes are required by default (or not). Default is true.
+  # config.required_by_default = true
+
+  # Tell browsers whether to use the native HTML5 validations (novalidate form option).
+  # These validations are enabled in SimpleForm's internal config but disabled by default
+  # in this configuration, which is recommended due to some quirks from different browsers.
+  # To stop SimpleForm from generating the novalidate option, enabling the HTML5 validations,
+  # change this configuration to true.
+  config.browser_validations = false
+
+  # Custom mappings for input types. This should be a hash containing a regexp
+  # to match as key, and the input type that will be used when the field name
+  # matches the regexp as value.
+  # config.input_mappings = { /count/ => :integer }
+
+  # Custom wrappers for input types. This should be a hash containing an input
+  # type as key and the wrapper that will be used for all inputs with specified type.
+  config.wrapper_mappings = {
+    string: :default,
+    prepend_string: :prepend_string,
+    append_string: :append_string,
+  }
+
+  # Namespaces where SimpleForm should look for custom input classes that
+  # override default inputs.
+  # config.custom_inputs_namespaces << "CustomInputs"
+
+  # Default priority for time_zone inputs.
+  # config.time_zone_priority = nil
+
+  # Default priority for country inputs.
+  # config.country_priority = nil
+
+  # When false, do not use translations for labels.
+  # config.translate_labels = true
+
+  # Automatically discover new inputs in Rails' autoload path.
+  # config.inputs_discovery = true
+
+  # Cache SimpleForm inputs discovery
+  # config.cache_discovery = !Rails.env.development?
+
+  # Default class for inputs
+  # config.input_class = nil
+
+  # Define the default class of the input wrapper of the boolean input.
+  config.boolean_label_class = 'checkbox'
+
+  # Defines if the default input wrapper class should be included in radio
+  # collection wrappers.
+  # config.include_default_input_wrapper_class = true
+
+  # Defines which i18n scope will be used in Simple Form.
+  # config.i18n_scope = 'simple_form'
+
+  # Defines validation classes to the input_field. By default it's nil.
+  # config.input_field_valid_class = 'is-valid'
+  # config.input_field_error_class = 'is-invalid'
+end

data/config/routes.rb

@@ -0,0 +1,40 @@
+Breeze::Engine.routes.draw do
+
+  get  'changes/index'
+  post 'changes/commit'
+  post 'changes/reset'
+  get "styles/index"
+
+  post 'form/sendit'
+
+
+  resources :pages , except: [:edit , :new] , shallow: true  do
+    resources :sections , except: [:new] do
+      post :new #new is post because it already create the section
+      get :set_image
+
+      get  :set_template ## ** wanted the selection to be a click,
+      post :select_template ## so getting to the selection is by form
+      ## so that the old rule of form means change sort of holds
+      get  :select_template # only for redirect, should be "private" **
+
+      get  :set_card_template  #same comments as above
+      post :select_card_template
+      get  :sselect_card_template
+
+      get :move
+      resources :cards , except: [:new] do
+        post :new # new is post as card is created immediately
+        get :set_image
+        get :move
+      end
+    end
+  end
+  resources :images do
+    post :copy
+    post :crop
+    post :scale
+  end
+
+  resources  :translations
+end

data/config/tailwind.config.js

@@ -0,0 +1,17 @@
+const defaultTheme = require('tailwindcss/defaultTheme')
+
+module.exports = {
+  content: [
+    './public/*.html',
+    './app/**/*.rb',
+    './lib/**/*.rb',
+    './config/initializers/breeze.rb' ,
+    './app/javascript/**/*.js',
+    './app/views/**/*.{erb,haml,html,slim}'
+  ],
+  plugins: [
+    require('@tailwindcss/forms'),
+    require('@tailwindcss/aspect-ratio'),
+    require('@tailwindcss/typography'),
+  ]
+}

data/config/tailwind.email.js

@@ -0,0 +1,14 @@
+const defaultTheme = require('tailwindcss/defaultTheme')
+
+module.exports = {
+  corePlugins: {
+    preflight: false,
+    opacity: false,
+  },
+  content: [
+    './app/views/breeze/view/**/*.haml',
+    './lib/**/*.rb'
+  ],
+  plugins: [
+  ]
+}

data/lib/breeze/engine.rb

@@ -0,0 +1,97 @@
+require "ruby2js"
+require "ruby2js/es2015"
+require "ruby2js/filter/functions"
+require "ruby2js/haml"
+require "ruby2js/filter/vue"
+require "breeze/shared_helper"
+require "simple_form"
+require "simple_form_tailwind_css"
+require "haml-rails"
+require "opal-rails"
+require "opal-jquery"
+require "jquery-rails"
+require 'sprockets/railtie'
+require "tailwindcss-rails"
+require "rabl"
+
+module Breeze
+  class Engine < ::Rails::Engine
+    isolate_namespace Breeze
+    config.breeze = Breeze
+
+    initializer "breeze.assets.precompile" do |app|
+      app.config.assets.precompile += %w( breeze/breeze.css breeze/breeze.email.css
+                        breeze/home breeze/breeze_logo breeze_application.js)
+      add_image_assets(app.config , "section_preview")
+      add_image_assets(app.config , "card_preview")
+    end
+
+    initializer "after_initialize" do |app|
+      ActiveSupport::Reloader.to_prepare do
+        [Translation, Section, Card, Page, Image, PageStyle,
+          SectionStyle, CardStyle, OptionDefinition].each do |clazz|
+          clazz.reload
+        end
+      end
+    end
+
+    private
+    def add_image_assets(config ,  sub_dir )
+      dir = Dir.new(Engine.root.join("app/assets/images/breeze/" , sub_dir))
+      dir.children.each do |file|
+        kid = "breeze/" + sub_dir + "/" + file
+        config.assets.precompile << kid
+      end
+    end
+  end
+end
+
+module ActionDispatch::Routing
+  class Mapper
+
+    # breeze_routes will draw neccessary routes and possibly mount engine
+    # This includes:
+    # post  /form for form processing
+    # get   /news/:id for any news posts
+    # get   /:id      for any pages
+    # get   /:lang/:id      for every language and page
+    # redirects from any renamed page
+    # root to /index unless options[:root] == false
+    # mount the engine (make editing possible) unless production
+    #                  or oprions[:production] == true  (not recommended)
+    def breeze_routes options = {}
+      Rails.application.routes.draw do
+        begin
+          if options[:root]
+            root "breeze/view#page" , id: 'index'
+          end
+          Breeze.language_strings.each do |lang|
+            get "/#{lang}/:id" , to: "breeze/view#page" , lang: lang , id: :id
+            get "/#{lang}" , to: "breeze/view#page" , lang: lang , id: 'index'
+          end
+
+          Breeze::Page.all.each do |page|
+            next unless page.redirects
+            page.redirects.split.each do |old|
+              next if old == page.name
+              get "/#{old}" => redirect("/#{page.name}")
+            end
+          end
+
+          post "/form" , to: "breeze/form#post" , as: :post_form
+          get "/news/:id" , to: "breeze/view#page" , id: :id , as: :view_blog
+          get ":id" , to: "breeze/view#page" , id: :id , as: :view_page
+
+          engine_path = options[:path] || "/breeze"
+          if ! Rails.env.production? or options[:production].present?
+            mount Breeze::Engine => engine_path
+          end
+
+        rescue => e
+          puts e.backtrace
+          raise e
+        end
+      end
+    end
+  end
+end

data/lib/breeze/shared_helper.rb

@@ -0,0 +1,44 @@
+require "redcarpet"
+
+module Breeze
+  module SharedHelper
+
+    def renderer
+      options = {hard_wrap: true , autolink: true, no_intra_emphasis: true ,
+          safe_links_only: true, no_styles: true , fenced_code_blocks: true,
+          link_attributes: { target: '_blank' }}
+      html = Redcarpet::Render::HTML.new(options)
+      Redcarpet::Markdown.new(html, options)
+    end
+
+    def prose_classes
+      classes  = "prose md:prose-lg lg:prose-xl max-w-none "
+      classes += "prose-headings:text-inherit "
+      { class: classes }
+    end
+
+    def markdown_image(section, lang = "")
+      return "" unless section.text
+      down = self.renderer.render(section.text_text(lang))
+      image = image_for(section)
+      down.gsub("IMAGE" , image).html_safe
+    end
+
+    def markdown(text , lang = "")
+      text = text.text_text(lang) unless text.is_a?(String)
+      return "" if text.blank?
+      self.renderer.render(text).html_safe
+    end
+
+    def rows( text )
+      return 5 if text.blank?
+      text = text.text unless text.is_a?(String)
+      return 5 if text.blank?
+      rows = (text.length / 50).to_i
+      rows += text.count("\n")
+      return 5 if rows < 5
+      rows
+    end
+
+  end
+end

data/lib/breeze/version.rb

@@ -0,0 +1,3 @@
+module Breeze
+  VERSION = "0.9.5"
+end