beyond_canvas 0.13.1.pre → 0.14.0.pre

data/lib/generators/beyond_canvas/webpacker/plugins/jquery.js

@@ -0,0 +1,7 @@
+const webpack = require('webpack')
+
+module.exports = new webpack.ProvidePlugin({
+  "$":"jquery",
+  "jQuery":"jquery",
+  "window.jQuery":"jquery"
+});

data/lib/generators/beyond_canvas/webpacker/templates/beyond_canvas.js

@@ -0,0 +1,3 @@
+import '../stylesheets/beyond_canvas';
+
+import '@epages/beyond_canvas';

data/lib/generators/beyond_canvas/webpacker/templates/beyond_canvas.scss

@@ -0,0 +1 @@
+@import "~@epages/beyond_canvas/src/scss/base";

data/lib/generators/beyond_canvas/webpacker/webpacker_generator.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module BeyondCanvas
+  module Generators
+    class WebpackerGenerator < Rails::Generators::Base # :nodoc:
+      source_root File.expand_path('templates', __dir__)
+
+      def install_assets
+        template 'beyond_canvas.js', 'app/javascript/packs/beyond_canvas.js'
+        template 'beyond_canvas.scss', 'app/javascript/stylesheets/beyond_canvas.scss'
+
+        copy_file "#{__dir__}/plugins/jquery.js", Rails.root.join('config/webpack/plugins/jquery.js').to_s
+
+        insert_into_file Rails.root.join('config/webpack/environment.js').to_s,
+                         "const jquery = require('./plugins/jquery')\n",
+                         after: %r{require\(('|")@rails/webpacker\1\);?\n}
+
+        insert_into_file Rails.root.join('config/webpack/environment.js').to_s,
+                         "environment.plugins.prepend('jquery', jquery)\n",
+                         before: 'module.exports'
+
+        run 'yarn add @epages/beyond_canvas'
+      end
+    end
+  end
+end

metadata

@@ -1,43 +1,43 @@
 --- !ruby/object:Gem::Specification
 name: beyond_canvas
 version: !ruby/object:Gem::Version
-  version: 0.13.1.pre
+  version: 0.14.0.pre
 platform: ruby
 authors:
 - Unai Abrisketa
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-05-07 00:00:00.000000000 Z
+date: 2020-05-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: beyond_api
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '0.8'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '0.8'
 - !ruby/object:Gem::Dependency
   name: bourbon
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '5.1'
+        version: '7.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '5.1'
+        version: '7.0'
 - !ruby/object:Gem::Dependency
   name: colorize
   requirement: !ruby/object:Gem::Requirement
@@ -81,81 +81,81 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '1.5'
 - !ruby/object:Gem::Dependency
-  name: rails
+  name: jquery-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 6.0.2
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 6.0.2.1
+        version: '4.4'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 6.0.2
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 6.0.2.1
+        version: '4.4'
 - !ruby/object:Gem::Dependency
-  name: sassc-rails
+  name: premailer-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.1'
+        version: '1.11'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.1'
+        version: '1.11'
 - !ruby/object:Gem::Dependency
-  name: slim-rails
+  name: sassc-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.2'
+        version: '2.1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.2'
+        version: '2.1'
 - !ruby/object:Gem::Dependency
-  name: premailer-rails
+  name: sprockets
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.11'
+        version: '3.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '4.1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.11'
+        version: '3.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '4.1'
 - !ruby/object:Gem::Dependency
-  name: rubocop
+  name: rubocop-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.80.0
+        version: '2.5'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.80.0
+        version: '2.5'
 description: |2
       Beyond Canvas is an open-source framework that provides CSS styles for apps
       designed and developed for the online shop software Beyond
@@ -169,33 +169,36 @@ files:
 - README.md
 - Rakefile
 - app/assets/config/beyond_canvas_manifest.js
-- app/assets/javascripts/beyond_canvas.js
-- app/assets/javascripts/beyond_canvas/buttons.js
-- app/assets/javascripts/beyond_canvas/flash.js
-- app/assets/javascripts/beyond_canvas/inputs.js
-- app/assets/stylesheets/beyond_canvas.sass
-- app/assets/stylesheets/beyond_canvas/components/_actions.sass
-- app/assets/stylesheets/beyond_canvas/components/_buttons.sass
-- app/assets/stylesheets/beyond_canvas/components/_cards.sass
-- app/assets/stylesheets/beyond_canvas/components/_comments.sass
-- app/assets/stylesheets/beyond_canvas/components/_flash.sass
-- app/assets/stylesheets/beyond_canvas/components/_forms.sass
-- app/assets/stylesheets/beyond_canvas/components/_inputs.sass
-- app/assets/stylesheets/beyond_canvas/components/_layouts.sass
-- app/assets/stylesheets/beyond_canvas/components/_links.sass
-- app/assets/stylesheets/beyond_canvas/components/_main.sass
-- app/assets/stylesheets/beyond_canvas/components/_margins.sass
-- app/assets/stylesheets/beyond_canvas/components/_markdown.sass
-- app/assets/stylesheets/beyond_canvas/components/_notices.sass
-- app/assets/stylesheets/beyond_canvas/components/_relative.sass
-- app/assets/stylesheets/beyond_canvas/components/_spinner.sass
-- app/assets/stylesheets/beyond_canvas/components/_tables.sass
-- app/assets/stylesheets/beyond_canvas/components/_texts.sass
-- app/assets/stylesheets/beyond_canvas/mailer.sass
-- app/assets/stylesheets/beyond_canvas/settings/_reset_css.sass
-- app/assets/stylesheets/beyond_canvas/settings/_typography.sass
-- app/assets/stylesheets/beyond_canvas/settings/_variables.sass
-- app/assets/stylesheets/beyond_canvas/utilities/_mixins.sass
+- app/assets/images/icons/file.svg
+- app/assets/images/icons/flash_checkbox.svg
+- app/assets/images/icons/flash_close.svg
+- app/assets/images/icons/flash_error.svg
+- app/assets/images/icons/flash_info.svg
+- app/assets/images/icons/flash_warning.svg
+- app/assets/javascripts/beyond_canvas/base.js
+- app/assets/stylesheets/beyond_canvas/base.scss
+- app/assets/stylesheets/beyond_canvas/components/_actions.scss
+- app/assets/stylesheets/beyond_canvas/components/_buttons.scss
+- app/assets/stylesheets/beyond_canvas/components/_cards.scss
+- app/assets/stylesheets/beyond_canvas/components/_comments.scss
+- app/assets/stylesheets/beyond_canvas/components/_flash.scss
+- app/assets/stylesheets/beyond_canvas/components/_forms.scss
+- app/assets/stylesheets/beyond_canvas/components/_inputs.scss
+- app/assets/stylesheets/beyond_canvas/components/_layouts.scss
+- app/assets/stylesheets/beyond_canvas/components/_links.scss
+- app/assets/stylesheets/beyond_canvas/components/_main.scss
+- app/assets/stylesheets/beyond_canvas/components/_margins.scss
+- app/assets/stylesheets/beyond_canvas/components/_markdown.scss
+- app/assets/stylesheets/beyond_canvas/components/_notices.scss
+- app/assets/stylesheets/beyond_canvas/components/_relative.scss
+- app/assets/stylesheets/beyond_canvas/components/_spinner.scss
+- app/assets/stylesheets/beyond_canvas/components/_tables.scss
+- app/assets/stylesheets/beyond_canvas/components/_texts.scss
+- app/assets/stylesheets/beyond_canvas/mailer.scss
+- app/assets/stylesheets/beyond_canvas/settings/_reset_css.scss
+- app/assets/stylesheets/beyond_canvas/settings/_typography.scss
+- app/assets/stylesheets/beyond_canvas/settings/_variables.scss
+- app/assets/stylesheets/beyond_canvas/utilities/_mixins.scss
 - app/controllers/beyond_canvas/application_controller.rb
 - app/controllers/beyond_canvas/system_controller.rb
 - app/controllers/concerns/beyond_canvas/locale_management.rb
@@ -204,28 +207,41 @@ files:
 - app/form_builders/beyond_canvas/form_builder.rb
 - app/helpers/beyond_canvas/application_helper.rb
 - app/helpers/beyond_canvas/locale_switch_helper.rb
-- app/views/beyond_canvas/custom/_public_head.html.slim
-- app/views/beyond_canvas/locales/_edit.html.slim
+- app/javascript/beyond_canvas/base.js
+- app/javascript/beyond_canvas/initializers/buttons.js
+- app/javascript/beyond_canvas/initializers/flash.js
+- app/javascript/beyond_canvas/initializers/inputs.js
+- app/views/beyond_canvas/custom/_public_head.html.erb
+- app/views/beyond_canvas/locales/_edit.html.erb
 - app/views/beyond_canvas/mailer/_button.html.erb
 - app/views/beyond_canvas/mailer/_footer.html.erb
 - app/views/beyond_canvas/mailer/_header.html.erb
 - app/views/beyond_canvas/mailer/_text.html.erb
-- app/views/beyond_canvas/shared/_flash.html.slim
-- app/views/beyond_canvas/shared/_head.html.slim
-- app/views/beyond_canvas/shared/_logo.html.slim
+- app/views/beyond_canvas/shared/_flash.html.erb
+- app/views/beyond_canvas/shared/_head.html.erb
+- app/views/beyond_canvas/shared/_logo.html.erb
 - app/views/layouts/beyond_canvas/mailer.html.erb
-- app/views/layouts/beyond_canvas/public.html.slim
-- config/initializers/beyond_canvas/assets.rb
+- app/views/layouts/beyond_canvas/public.html.erb
 - config/initializers/beyond_canvas/filter_parameter_logging.rb
 - config/initializers/beyond_canvas/form_utils.rb
 - config/routes.rb
 - lib/beyond_canvas.rb
+- lib/beyond_canvas/asset_registration.rb
+- lib/beyond_canvas/configuration.rb
 - lib/beyond_canvas/engine.rb
 - lib/beyond_canvas/version.rb
-- lib/generators/beyond_canvas/custom_styles_generator.rb
-- lib/generators/beyond_canvas/install_generator.rb
-- lib/generators/templates/beyond_canvas.rb
-- lib/generators/templates/beyond_canvas_custom_styles.sass
+- lib/generators/beyond_canvas/assets/assets_generator.rb
+- lib/generators/beyond_canvas/assets/templates/beyond_canvas.js
+- lib/generators/beyond_canvas/assets/templates/beyond_canvas.scss
+- lib/generators/beyond_canvas/beyond_api/beyond_api_generator.rb
+- lib/generators/beyond_canvas/custom_styles/custom_styles_generator.rb
+- lib/generators/beyond_canvas/custom_styles/templates/beyond_canvas_custom_styles.sass
+- lib/generators/beyond_canvas/install/install_generator.rb
+- lib/generators/beyond_canvas/install/templates/beyond_canvas.rb.erb
+- lib/generators/beyond_canvas/webpacker/plugins/jquery.js
+- lib/generators/beyond_canvas/webpacker/templates/beyond_canvas.js
+- lib/generators/beyond_canvas/webpacker/templates/beyond_canvas.scss
+- lib/generators/beyond_canvas/webpacker/webpacker_generator.rb
 homepage: https://github.com/ePages-de/beyond_canvas
 licenses:
 - MIT
@@ -238,7 +254,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '0'
+      version: '2.5'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">"

data/app/assets/javascripts/beyond_canvas.js

@@ -1,3 +0,0 @@
-//= require beyond_canvas/buttons
-//= require beyond_canvas/flash
-//= require beyond_canvas/inputs

data/app/assets/javascripts/beyond_canvas/inputs.js

@@ -1,28 +0,0 @@
-(function($) {
-  $(document).on('ready page:load turbolinks:load', function() {
-    $('input[type="file"]').each(function() {
-      var $input = $(this),
-          $label = $(`.input__file__text.${$input.attr('id')}`),
-          labelVal = $label.html();
-
-      $input.on('change', function(e) {
-        var fileName = '';
-
-        if (this.files && this.files.length > 1)
-          fileName = (this.getAttribute('data-multiple-caption') || '').replace('{count}', this.files.length);
-        else if (e.target.value)
-          fileName = e.target.value.split('\\').pop();
-
-        if (fileName)
-          $label.html(`<i class="far fa-file input__file__icon"></i>${fileName}`);
-        else
-          $label.html(labelVal);
-      });
-
-      // Firefox bug fix
-      $input
-        .on('focus', function() { $input.addClass('has-focus'); })
-        .on('blur', function() { $input.removeClass('has-focus'); });
-    });
-  });
-})(jQuery);

data/app/assets/stylesheets/beyond_canvas.sass

@@ -1,25 +0,0 @@
-@import 'bourbon'
-
-@import 'beyond_canvas/settings/variables'
-@import 'beyond_canvas/settings/reset_css'
-@import 'beyond_canvas/settings/typography'
-
-@import 'beyond_canvas/utilities/mixins'
-
-@import 'beyond_canvas/components/actions'
-@import 'beyond_canvas/components/buttons'
-@import 'beyond_canvas/components/cards'
-@import 'beyond_canvas/components/comments'
-@import 'beyond_canvas/components/flash'
-@import 'beyond_canvas/components/forms'
-@import 'beyond_canvas/components/inputs'
-@import 'beyond_canvas/components/layouts'
-@import 'beyond_canvas/components/links'
-@import 'beyond_canvas/components/main'
-@import 'beyond_canvas/components/margins'
-@import 'beyond_canvas/components/notices'
-@import 'beyond_canvas/components/relative'
-@import 'beyond_canvas/components/tables'
-@import 'beyond_canvas/components/spinner'
-@import 'beyond_canvas/components/texts'
-@import 'beyond_canvas/components/markdown'

data/app/assets/stylesheets/beyond_canvas/components/_actions.sass

@@ -1,5 +0,0 @@
-.actions
-
-  &--disabled
-    cursor: not-allowed
-    pointer-events: none

data/app/assets/stylesheets/beyond_canvas/components/_buttons.sass

@@ -1,86 +0,0 @@
-%button
-  +padding($button-padding)
-  @if $button-box-shadow != true
-    padding-top: 7px
-  align-items: center
-  border-radius: $button-border-radius
-  border-width: 1px
-  border-style: solid
-  cursor: pointer
-  display: flex
-  font-weight: $button-font-weight
-  justify-content: flex-end
-  line-height: 1
-  outline: none
-  transition: $main-transition
-
-@mixin button-solid($background, $color)
-  +background-color-darken($background, 10%)
-  color: $color
-
-  .spinner
-    display: none
-
-    > div
-      background-color: $color
-
-  &:hover
-    border-color: darken($background, 10%)
-
-@mixin button-transparent($background)
-  background-color: transparent
-  border-color: $background
-  color: $background
-
-  .spinner
-    display: none
-
-    > div
-      background-color: $background
-
-  &:hover
-    background-color: lighten($background, 40%)
-
-@mixin button-border($background)
-  border-color: $background
-
-  @if $button-box-shadow == true
-    border-bottom-width: 2px
-    border-bottom-color: darken($background, 10%)
-
-
-.button
-
-  &__solid
-
-    &--primary
-      @extend %button
-      +button-solid($button-primary-background, $button-primary-color)
-      +button-border($button-primary-background)
-
-    &--secondary
-      @extend %button
-      +button-solid($button-secondary-background, $button-secondary-color)
-      +button-border($button-secondary-background)
-
-    &--danger
-      @extend %button
-      +button-solid($button-danger-background, $button-danger-color)
-      +button-border($button-danger-background)
-
-  &__transparent
-
-    &--primary
-      @extend %button
-      +button-transparent($button-primary-background)
-      +button-border($button-primary-background)
-
-    &--secondary
-      @extend %button
-      +button-transparent($button-secondary-background)
-      +button-border($button-secondary-background)
-
-    &--danger
-      @extend %button
-      +button-transparent($button-danger-background)
-      +button-border($button-danger-background)