matestack-ui-bootstrap 1.4.0

data/app/helpers/matestack/ui/bootstrap/application_helper.rb

@@ -0,0 +1,13 @@
+#https://github.com/rails/webpacker/blob/5-x-stable/docs/engines.md
+
+require "webpacker/helper"
+
+module MyEngine
+  module ApplicationHelper
+    include ::Webpacker::Helper
+
+    def current_webpacker_instance
+      MyEngine.webpacker
+    end
+  end
+end

data/app/javascript/matestack-ui-bootstrap/index.js

@@ -0,0 +1,26 @@
+// This file is automatically compiled by Webpack, along with any other files
+// present in this directory. You're encouraged to place your actual application logic in
+// a relevant structure within javascript and only use these pack files to reference
+// that code so it'll be compiled.
+
+import "./stylesheets/matestack-ui-bootstrap.scss";
+
+import '../../concepts/matestack/ui/bootstrap/components/alert'
+import '../../concepts/matestack/ui/bootstrap/components/carousel'
+import '../../concepts/matestack/ui/bootstrap/components/chart'
+import '../../concepts/matestack/ui/bootstrap/components/collapse'
+import '../../concepts/matestack/ui/bootstrap/components/dropdown'
+import '../../concepts/matestack/ui/bootstrap/components/modal'
+import '../../concepts/matestack/ui/bootstrap/components/toast'
+import '../../concepts/matestack/ui/bootstrap/components/popover'
+import '../../concepts/matestack/ui/bootstrap/components/tooltip'
+import '../../concepts/matestack/ui/bootstrap/form/date'
+import '../../concepts/matestack/ui/bootstrap/layout/sidebar'
+import '../../concepts/matestack/ui/bootstrap/layout/sidebar.scss'
+import '../../concepts/matestack/ui/bootstrap/content/collection/collection.scss'
+
+const MatestackUiBootstrap = {}
+
+window.MatestackUiBootstrap = MatestackUiBootstrap
+
+export default MatestackUiBootstrap

data/app/javascript/matestack-ui-bootstrap/stylesheets/matestack-ui-bootstrap.scss

@@ -0,0 +1,65 @@
+// Page loading state
+.matestack-page-container{
+
+  .matestack-page-wrapper {
+    opacity: 1;
+    transition: opacity 0.2s ease-in-out;
+
+    &.loading {
+      opacity: 0;
+    }
+  }
+
+  .loading-state-element-wrapper{
+    opacity: 0;
+    transition: opacity 0.3s ease-in-out;
+
+    &.loading {
+      opacity: 1;
+    }
+  }
+
+}
+
+// Async loading state
+.matestack-async-component-container{
+
+  opacity: 1;
+  transition: opacity 0.2s ease-in-out;
+
+  &.loading {
+    opacity: 0;
+  }
+
+}
+
+// Isolated loading state
+.matestack-isolated-component-container{
+
+  opacity: 1;
+  transition: opacity 0.2s ease-in-out;
+
+  &.loading {
+    opacity: 0;
+  }
+
+}
+
+
+//Layouting
+
+.matestack-app-wrapper{
+  overflow-x: hidden;
+}
+
+.content-wrapper{
+  position: relative;
+  z-index: 1;
+  min-height: 101vh;
+  transition: 0.5s;
+  &.sidebar-open{
+    @media (max-width: 992px) {
+      margin-left: -300px;
+    }
+  }
+}

data/app/javascript/packs/matestack-ui-bootstrap.js

@@ -0,0 +1,2 @@
+import '../matestack-ui-bootstrap/index'
+export default MatestackUiBootstrap

data/config/routes.rb

@@ -0,0 +1,2 @@
+Matestack::Ui::Bootstrap::Engine.routes.draw do
+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,29 @@
+const { environment } = require('@rails/webpacker')
+
+environment.config.merge({
+  externals: {
+    "matestack-ui-core": "matestack-ui-core",
+    "chart.js": "chart.js",
+    "bootstrap": "bootstrap",
+    "flatpickr": "flatpickr"
+  }
+})
+
+// Remove the digest from the output js filename.
+// https://github.com/matestack/matestack-ui-core/issues/343#issuecomment-581149092
+//
+environment.config.set("output.filename", chunkData => {
+  return "[name].js"
+})
+
+// Remove the digest from the output css filename.
+// https://github.com/matestack/matestack-ui-core/issues/343#issuecomment-581149092
+//
+// Inspect with:
+//
+//     console.log(environment.plugins)
+//
+const miniCssExtractPlugin = environment.plugins.get('MiniCssExtract')
+miniCssExtractPlugin.options.filename = "[name].css"
+
+module.exports = environment

data/config/webpack/production.js

@@ -0,0 +1,33 @@
+process.env.NODE_ENV = process.env.NODE_ENV || 'production'
+
+const environment = require('./environment')
+
+// Add `.min` to the production versions of the output files.
+// https://github.com/matestack/matestack-ui-core/issues/343#issuecomment-580246554
+// https://github.com/matestack/matestack-ui-core/issues/343#issuecomment-581149092
+//
+environment.config.set("output.filename", chunkData => {
+  return "[name].min.js"
+})
+const miniCssExtractPlugin = environment.plugins.get('MiniCssExtract')
+miniCssExtractPlugin.options.filename = "[name].min.css"
+
+// In order to have babel's es5 (ie11) transpiling be applied to all of the
+// js code, it needs to be included in the loader paths.
+// https://github.com/rails/webpacker/blob/master/docs/webpack.md
+// https://github.com/matestack/matestack-ui-core/issues/238
+//
+const babelLoader = environment.loaders.get('babel')
+delete babelLoader.exclude
+const path = require('path')
+const matestackUiBootstrapRootPath = path.resolve(__dirname, '../..')
+babelLoader.include.push(path.resolve(matestackUiBootstrapRootPath, 'app/concepts/matestack/ui/bootstrap'))
+babelLoader.include.push(path.resolve(matestackUiBootstrapRootPath, 'node_modules'))
+
+// We also need to tell babel where to find matestack-ui-material if we are using `npm link`.
+// Otherwise, it won't follow the symlink to `node_modules/matestack-ui-core`.
+//
+// const matestackUiCoreRootPath = path.resolve(require.resolve('matestack-ui-core'), '../../../')
+// babelLoader.include.push(matestackUiCoreRootPath)
+
+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,96 @@
+# 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: vendor/assets/javascripts
+  public_output_path: dist
+  cache_path: tmp/cache/webpacker
+  check_yarn_integrity: false
+  webpack_compile_output: true
+
+  # Additional paths webpack should lookup modules
+  # ['app/assets', 'engine/foo/app/assets']
+  additional_paths: ['node_modules']
+
+  # 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 correct packages and versions are installed by inspecting package.json, yarn.lock, and node_modules
+  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
+    pretty: 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
+
+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/lib/matestack/ui/bootstrap.rb

@@ -0,0 +1,27 @@
+# require 'trailblazer'
+# require 'trailblazer/rails'
+# require 'trailblazer/cell'
+# require 'cell/rails'
+# require 'cell/haml'
+
+require "matestack/ui/core"
+require "matestack/ui/bootstrap/engine"
+
+module Matestack
+  module Ui
+    module Bootstrap
+      # https://github.com/rails/webpacker/blob/5-x-stable/docs/engines.md
+      # ROOT_PATH = Pathname.new(File.expand_path("../../../../", Pathname.new(__FILE__).realpath))
+      ROOT_PATH = Pathname.new(File.join(__dir__, "../../../"))
+
+      class << self
+        def webpacker
+          @webpacker ||= ::Webpacker::Instance.new(
+            root_path: ROOT_PATH,
+            config_path: ROOT_PATH.join("config/webpacker.yml")
+          )
+        end
+      end
+    end
+  end
+end

data/lib/matestack/ui/bootstrap/engine.rb

@@ -0,0 +1,26 @@
+module Matestack
+  module Ui
+    module Bootstrap
+      class Engine < ::Rails::Engine
+        isolate_namespace Matestack::Ui::Bootstrap
+
+        # https://github.com/rails/webpacker/blob/5-x-stable/docs/engines.md
+        initializer "webpacker.proxy" do |app|
+          insert_middleware = begin
+                              MyEngine.webpacker.config.dev_server.present?
+                            rescue
+                              nil
+                            end
+          next unless insert_middleware
+
+          app.middleware.insert_before(
+            0, Webpacker::DevServerProxy, # "Webpacker::DevServerProxy" if Rails version < 5
+            ssl_verify_none: true,
+            webpacker: MyEngine.webpacker
+          )
+        end
+
+      end
+    end
+  end
+end

data/lib/matestack/ui/bootstrap/version.rb

@@ -0,0 +1,7 @@
+module Matestack
+  module Ui
+    module Bootstrap
+      VERSION = '1.4.0'
+    end
+  end
+end

data/lib/tasks/matestack/ui/bootstrap_tasks.rake

@@ -0,0 +1,66 @@
+# desc "Explaining what the task does"
+# task :matestack_ui_bootstrap do
+#   # Task goes here
+# end
+
+# https://github.com/rails/webpacker/blob/5-x-stable/docs/engines.md
+
+def ensure_log_goes_to_stdout
+  old_logger = Webpacker.logger
+  Webpacker.logger = ActiveSupport::Logger.new(STDOUT)
+  yield
+ensure
+  Webpacker.logger = old_logger
+end
+
+
+namespace :matestack_ui_bootstrap do
+  namespace :webpacker do
+    desc "Install deps with yarn"
+    task :yarn_install do
+      Dir.chdir(File.join(__dir__, "../../../../")) do
+        system "yarn install --no-progress --production"
+      end
+    end
+
+    desc "Compile JavaScript packs using webpack for production with digests"
+    task compile: [:yarn_install, :environment] do
+      Webpacker.with_node_env("production") do
+        ensure_log_goes_to_stdout do
+          if Matestack::Ui::Bootstrap.webpacker.commands.compile
+            # Successful compilation!
+          else
+            # Failed compilation
+            exit!
+          end
+        end
+      end
+    end
+  end
+end
+
+def yarn_install_available?
+  rails_major = Rails::VERSION::MAJOR
+  rails_minor = Rails::VERSION::MINOR
+
+  rails_major > 5 || (rails_major == 5 && rails_minor >= 1)
+end
+
+def enhance_assets_precompile
+  # yarn:install was added in Rails 5.1
+  deps = yarn_install_available? ? [] : ["my_engine:webpacker:yarn_install"]
+  Rake::Task["assets:precompile"].enhance(deps) do
+    Rake::Task["my_engine:webpacker:compile"].invoke
+  end
+end
+
+# Compile packs after we've compiled all other assets during precompilation
+skip_webpacker_precompile = %w(no false n f).include?(ENV["WEBPACKER_PRECOMPILE"])
+
+unless skip_webpacker_precompile
+  if Rake::Task.task_defined?("assets:precompile")
+    enhance_assets_precompile
+  else
+    Rake::Task.define_task("assets:precompile" => "my_engine:webpacker:compile")
+  end
+end

metadata

@@ -0,0 +1,137 @@
+--- !ruby/object:Gem::Specification
+name: matestack-ui-bootstrap
+version: !ruby/object:Gem::Version
+  version: 1.4.0
+platform: ruby
+authors:
+- Jonas Jabari
+- Nils Henning
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2021-02-11 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: matestack-ui-core
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.4.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.4.0
+description: Bootstrap v5 components for Matestack UI
+email:
+- jonas@matestack.io
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- Rakefile
+- app/assets/images/avatar-placeholder.png
+- app/assets/images/icons/bootstrap-icons.svg
+- app/concepts/matestack/ui/bootstrap/apps/admin_template.rb
+- app/concepts/matestack/ui/bootstrap/components/accordion.rb
+- app/concepts/matestack/ui/bootstrap/components/alert.js
+- app/concepts/matestack/ui/bootstrap/components/alert.rb
+- app/concepts/matestack/ui/bootstrap/components/avatar.rb
+- app/concepts/matestack/ui/bootstrap/components/badge.rb
+- app/concepts/matestack/ui/bootstrap/components/breadcrumb.rb
+- app/concepts/matestack/ui/bootstrap/components/button.rb
+- app/concepts/matestack/ui/bootstrap/components/button_group.rb
+- app/concepts/matestack/ui/bootstrap/components/card.rb
+- app/concepts/matestack/ui/bootstrap/components/carousel.js
+- app/concepts/matestack/ui/bootstrap/components/carousel.rb
+- app/concepts/matestack/ui/bootstrap/components/chart.js
+- app/concepts/matestack/ui/bootstrap/components/chart.rb
+- app/concepts/matestack/ui/bootstrap/components/close.rb
+- app/concepts/matestack/ui/bootstrap/components/collapse.js
+- app/concepts/matestack/ui/bootstrap/components/collapse.rb
+- app/concepts/matestack/ui/bootstrap/components/dropdown.js
+- app/concepts/matestack/ui/bootstrap/components/dropdown.rb
+- app/concepts/matestack/ui/bootstrap/components/icon.rb
+- app/concepts/matestack/ui/bootstrap/components/list_group.rb
+- app/concepts/matestack/ui/bootstrap/components/modal.js
+- app/concepts/matestack/ui/bootstrap/components/modal.rb
+- app/concepts/matestack/ui/bootstrap/components/navbar.rb
+- app/concepts/matestack/ui/bootstrap/components/page_heading.rb
+- app/concepts/matestack/ui/bootstrap/components/pagination.rb
+- app/concepts/matestack/ui/bootstrap/components/popover.js
+- app/concepts/matestack/ui/bootstrap/components/popover.rb
+- app/concepts/matestack/ui/bootstrap/components/progress.rb
+- app/concepts/matestack/ui/bootstrap/components/scrollspy.rb
+- app/concepts/matestack/ui/bootstrap/components/section_card.rb
+- app/concepts/matestack/ui/bootstrap/components/spinner.rb
+- app/concepts/matestack/ui/bootstrap/components/tab_nav.rb
+- app/concepts/matestack/ui/bootstrap/components/tab_nav_content.rb
+- app/concepts/matestack/ui/bootstrap/components/toast.js
+- app/concepts/matestack/ui/bootstrap/components/toast.rb
+- app/concepts/matestack/ui/bootstrap/components/tooltip.js
+- app/concepts/matestack/ui/bootstrap/components/tooltip.rb
+- app/concepts/matestack/ui/bootstrap/content/collection/collection.rb
+- app/concepts/matestack/ui/bootstrap/content/collection/collection.scss
+- app/concepts/matestack/ui/bootstrap/content/collection/content.rb
+- app/concepts/matestack/ui/bootstrap/content/collection/filter.rb
+- app/concepts/matestack/ui/bootstrap/content/collection/paginate.rb
+- app/concepts/matestack/ui/bootstrap/content/figure.rb
+- app/concepts/matestack/ui/bootstrap/form/checkbox.rb
+- app/concepts/matestack/ui/bootstrap/form/date.js
+- app/concepts/matestack/ui/bootstrap/form/date.rb
+- app/concepts/matestack/ui/bootstrap/form/input.rb
+- app/concepts/matestack/ui/bootstrap/form/radio.rb
+- app/concepts/matestack/ui/bootstrap/form/select.haml
+- app/concepts/matestack/ui/bootstrap/form/select.rb
+- app/concepts/matestack/ui/bootstrap/form/submit.rb
+- app/concepts/matestack/ui/bootstrap/form/switch.rb
+- app/concepts/matestack/ui/bootstrap/layout/column.rb
+- app/concepts/matestack/ui/bootstrap/layout/container.rb
+- app/concepts/matestack/ui/bootstrap/layout/row.rb
+- app/concepts/matestack/ui/bootstrap/layout/sidebar.js
+- app/concepts/matestack/ui/bootstrap/layout/sidebar.rb
+- app/concepts/matestack/ui/bootstrap/layout/sidebar.scss
+- app/concepts/matestack/ui/bootstrap/pages/devise/sign_in.rb
+- app/concepts/matestack/ui/bootstrap/registry.rb
+- app/helpers/matestack/ui/bootstrap/application_helper.rb
+- app/javascript/matestack-ui-bootstrap/index.js
+- app/javascript/matestack-ui-bootstrap/stylesheets/matestack-ui-bootstrap.scss
+- app/javascript/packs/matestack-ui-bootstrap.js
+- config/routes.rb
+- config/webpack/development.js
+- config/webpack/environment.js
+- config/webpack/production.js
+- config/webpack/test.js
+- config/webpacker.yml
+- lib/matestack/ui/bootstrap.rb
+- lib/matestack/ui/bootstrap/engine.rb
+- lib/matestack/ui/bootstrap/version.rb
+- lib/tasks/matestack/ui/bootstrap_tasks.rake
+homepage: https://matestack.org
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.0.3
+signing_key: 
+specification_version: 4
+summary: Bootstrap v5 components for Matestack UI
+test_files: []