thredded 0.16.13 → 0.16.14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 34e83f36d097c95e1f03964b88a49e915ec18e82981667803a68668033adda9d
-  data.tar.gz: 19e36508e79ecf4a9dfa196e022a4c31b96607828843704ad236d55311067d03
+  metadata.gz: b96a82c0482d773cd074fdd77a4e67a408ba43e2e079bbbd2a4eefeb55085f37
+  data.tar.gz: 6949b12a03a39430340dbd8870cb6e5cc4dcddc583e093de576e2a3621becdb4
 SHA512:
-  metadata.gz: 2859851223d3889f78331303bdeb8eeb78b3eea60316b2dc40249a8e940fd9a79fa34219f264ebc4afe5b8bc947ab40fda25902cfb71e877f06a510bddda6e88
-  data.tar.gz: a67c187aa11cf3f4a900a2a7aa86da6245b73c221f367790dc111793fbafe531b56f082d105d9e03f07bae4f5818a99da00b69c6aa79889e4526602ee8dc9073
+  metadata.gz: 4403418748bbb9b7bdcf5a503908fb526d60ff0f6100d11be98d64f625da8e9479c2be127adb2b88435686371d58cb75c39d1e4c73789e5e8297eabf9d01198d
+  data.tar.gz: 154ddbcd92f7e8f705bf4fe27bbc32f03fff0e3af7fdb81aca82143783dfd389eed1cbd516802356288af0c839cd3ddc61087209037c60bc521bee072939efa6

data/README.md

@@ -43,7 +43,8 @@ Table of Contents
   * [Application layout](#application-layout)
     * [Reference your paths so that Thredded can find them](#reference-your-paths-so-that-thredded-can-find-them)
     * [Add Thredded styles](#add-thredded-styles)
-    * [Add Thredded JavaScripts](#add-thredded-javascripts)
+    * [Add Thredded JavaScripts (Sprockets)](#add-thredded-javascripts-sprockets)
+    * [Add Thredded JavaScripts (Webpack)](#add-thredded-javascripts-webpack)
   * [User profile page](#user-profile-page)
   * [Customizing views](#customizing-views)
     * [View hooks](#view-hooks)
@@ -95,7 +96,7 @@ Then, see the rest of this Readme for more information about using and customizi
 Add the gem to your Gemfile:
 
 ```ruby
-gem 'thredded', '~> 0.16.13'
+gem 'thredded', '~> 0.16.14'
 ```
 
 Add the Thredded [initializer] to your parent app by running the install generator.
@@ -210,7 +211,7 @@ from the Thredded one by adding this Sass snippet after `@import "thredded";`:
 
 See [below](#styles) for customizing the styles via Sass variables.
 
-#### Add Thredded JavaScripts
+#### Add Thredded JavaScripts (Sprockets)
 
 Include thredded JavaScripts in your `application.js`:
 
@@ -220,6 +221,28 @@ Include thredded JavaScripts in your `application.js`:
 
 Thredded is fully compatible with deferred and async script loading.
 
+#### Add Thredded JavaScripts (Webpack)
+
+You can also include Thredded JavaScript into your webpack pack.
+
+First, run `bundle exec rails webpacker:install:erb`.
+
+Then, add an `app/javascript/thredded_imports.js.erb` file with the following contents:
+
+```erb
+<%= Thredded::WebpackAssets.javascripts %>
+```
+
+Finally, add the following to your `app/javascript/packs/application.js`:
+
+```js
+require('thredded_imports.js');
+```
+
+Note that you must use `require` (not `import`) because Thredded JavaScript must be run after UJS/Turbolink `start()`
+has been called. This is because Webpack places `import` calls before the code in the same file (unlike `require`,
+which are placed in the same order as in the source).
+
 ##### Alternative JavaScript dependencies
 
 <details><summary><b>Rails UJS version</b></summary>
@@ -381,15 +404,27 @@ Here are the steps to ensure the best support for your language if it isn't Engl
 
 1. Add `rails-i18n` and `kaminari-i18n` to your Gemfile.
 
-2. Require the translations for timeago.js in your JavaScript. E.g. for Brazilian Portuguese:
+2. Require the translations for timeago.js in your JavaScript. E.g. if you want to add German and Brazilian Portuguese:
+
+   Sprockets:
 
    ```js
    //= require thredded/dependencies/timeago
+   //= require timeago/locales/de
    //= require timeago/locales/pt_BR
    //= require thredded
-   ```
-
-   Note that it is important that timeago and its locales are required *before* `//= require thredded`.
+   ```                 
+   
+   Webpack:
+   
+   ```erb
+   <% timeago_root = File.join(Gem.loaded_specs['timeago_js'].full_gem_path, 'assets', 'javascripts') %>
+   import "<%= File.join(timeago_root, 'timeago.js') %>";
+   <%= %w[de pt_BR].map { |locale| %(import "#{File.join(timeago_root, "timeago/locales/#{locale}.js")}";) } * "\n" %>
+   <%= Thredded::WebpackAssets.javascripts %>
+   ```   
+
+   Note that it is important that timeago and its locales are required *before* Thredded.
 
 3. To generate URL slugs for messageboards, categories, and topics with support for more language than English,
    you can use a gem like [babosa](https://github.com/norman/babosa).
@@ -601,13 +636,26 @@ First, to get started, migrate and seed the database (SQLite by default):
 ```bash
 bundle
 # Create, migrate, and seed the development database with fake forum users, topics, and posts:
-rake db:create db:migrate db:seed
+bin/rails db:create db:migrate db:seed
+```
+
+Install NPM dependencies for the dummy app:
+
+```bash
+cd spec/dummy && yarn && cd -
 ```
 
 Then, start the dummy app server:
 
 ```bash
-rake dev:server
+bin/rails s
+```
+
+By default, the dummy app server uses Webpack for JavaScript.
+To use Sprockets instead, run:
+
+```bash
+THREDDED_TESTAPP_WEBPACK=1 bin/rails s
 ```
 
 ### Testing

data/app/assets/config/thredded_manifest.js

@@ -0,0 +1,4 @@
+//= link thredded.js
+//= link thredded.css
+//= link_tree ../images/ .png
+//= link_tree ../images/ .svg

data/app/assets/javascripts/thredded/components/currently_online.es6

@@ -1,3 +1,4 @@
+//= require thredded/core/thredded
 //= require thredded/core/on_page_load
 
 (() => {

data/app/assets/javascripts/thredded/components/post_form.es6

@@ -1,3 +1,4 @@
+//= require thredded/core/thredded
 //= require thredded/dependencies/autosize
 //= require thredded/core/on_page_load
 //= require thredded/components/mention_autocompletion

data/app/assets/javascripts/thredded/components/preview_area.es6

@@ -1,3 +1,5 @@
+//= require thredded/core/thredded
+//= require thredded/core/debounce
 //= require thredded/core/serialize_form
 //= require thredded/components/spoilers
 

data/app/assets/javascripts/thredded/components/quote_post.es6

@@ -1,3 +1,4 @@
+//= require thredded/core/thredded
 //= require thredded/core/on_page_load
 
 (function() {

data/app/assets/javascripts/thredded/components/spoilers.es6

@@ -1,3 +1,4 @@
+//= require thredded/core/thredded
 //= require thredded/core/on_page_load
 
 (() => {

data/app/assets/javascripts/thredded/components/submit_hotkey.es6

@@ -1,3 +1,4 @@
+//= require thredded/core/thredded
 (function() {
   const Thredded = window.Thredded;
   Thredded.isSubmitHotkey = (evt) => {

data/app/assets/javascripts/thredded/components/time_stamps.es6

@@ -1,3 +1,4 @@
+//= require thredded/core/thredded
 (() => {
   const COMPONENT_SELECTOR = '#thredded--container [data-time-ago]';
   const Thredded = window.Thredded;

data/app/assets/javascripts/thredded/components/topic_form.es6

@@ -1,3 +1,4 @@
+//= require thredded/core/thredded
 //= require thredded/dependencies/autosize
 //= require thredded/core/on_page_load
 //= require thredded/components/mention_autocompletion

data/app/assets/javascripts/thredded/components/topics.es6

@@ -1,3 +1,4 @@
+//= require thredded/core/thredded
 //= require thredded/core/on_page_load
 //= require thredded/core/serialize_form
 

data/app/assets/javascripts/thredded/components/turboforms.es6

@@ -1,3 +1,4 @@
+//= require thredded/core/thredded
 //= require thredded/core/on_page_load
 //= require thredded/core/serialize_form
 
@@ -6,13 +7,6 @@
   const Thredded = window.Thredded;
   const Turbolinks = window.Turbolinks;
 
-  Thredded.onPageLoad(() => {
-    if (!Turbolinks || !Turbolinks.supported) return;
-    Array.prototype.forEach.call(document.querySelectorAll('[data-thredded-turboform]'), (form) => {
-      form.addEventListener('submit', handleSubmit);
-    });
-  });
-
   const handleSubmit = (evt) => {
     evt.preventDefault();
     const form = evt.currentTarget;
@@ -22,4 +16,11 @@
     // Turbolinks. Hide it:
     Thredded.hideSoftKeyboard();
   };
+
+  Thredded.onPageLoad(() => {
+    if (!Turbolinks || !Turbolinks.supported) return;
+    Array.prototype.forEach.call(document.querySelectorAll('[data-thredded-turboform]'), (form) => {
+      form.addEventListener('submit', handleSubmit);
+    });
+  });
 })();

data/app/assets/javascripts/thredded/components/user_preferences_form.es6

@@ -1,3 +1,4 @@
+//= require thredded/core/thredded
 //= require thredded/core/on_page_load
 
 // Reflects the logic of user preference settings by enabling/disabling certain inputs.

data/app/assets/javascripts/thredded/components/user_textcomplete.es6

@@ -1,5 +1,6 @@
 //= require thredded/core/thredded
 //= require thredded/core/escape_html
+//= require thredded/dependencies/textcomplete
 
 (() => {
   const Thredded = window.Thredded;

data/app/assets/javascripts/thredded/components/users_select.es6

@@ -1,3 +1,4 @@
+//= require thredded/core/thredded
 //= require thredded/core/on_page_load
 //= require thredded/components/user_textcomplete
 //= require thredded/dependencies/autosize

data/app/assets/javascripts/thredded/dependencies/autosize.js

@@ -1 +1 @@
-//= require autosize.min
+//= require autosize

data/app/controllers/thredded/messageboard_groups_controller.rb

@@ -20,6 +20,14 @@ module Thredded
       end
     end
 
+    def show
+      @group = Thredded::MessageboardGroup.where(id: params[:id])
+      @groups = Thredded::MessageboardGroupView.grouped(
+        policy_scope(Thredded::Messageboard.where(group: params[:id])),
+        user: thredded_current_user
+      )
+    end
+
     private
 
     def messageboard_group_params

data/app/models/thredded/messageboard.rb

@@ -12,6 +12,7 @@ module Thredded
                     admin
                     autocomplete-users
                     messageboards
+                    messageboard-groups
                     posts
                     preferences
                     private-posts

data/app/view_hooks/thredded/all_view_hooks.rb

@@ -10,6 +10,8 @@ module Thredded
     attr_reader :post_form
     # @return [MessageboardsIndex]
     attr_reader :messageboards_index
+    # @return [MessageboardGroupShow]
+    attr_reader :messageboard_group_show
     # @return [ModerationUserPage]
     attr_reader :moderation_user_page
     # @return [TopicPage]
@@ -33,6 +35,7 @@ module Thredded
       @post_form = PostForm.new
       @moderation_user_page = ModerationUserPage.new
       @messageboards_index = MessageboardsIndex.new
+      @messageboard_group_show = MessageboardGroupShow.new
       @topic_page = TopicPage.new
     end
 
@@ -95,6 +98,24 @@ module Thredded
       end
     end
 
+    class MessageboardGroupShow
+      # @return [Thredded::AllViewHooks::ViewHook]
+      attr_reader :container
+      # @return [Thredded::AllViewHooks::ViewHook]
+      attr_reader :list
+      # @return [Thredded::AllViewHooks::ViewHook]
+      attr_reader :group
+      # @return [Thredded::AllViewHooks::ViewHook]
+      attr_reader :messageboard
+
+      def initialize
+        @container = ViewHook.new
+        @list = ViewHook.new
+        @group = ViewHook.new
+        @messageboard = ViewHook.new
+      end
+    end
+
     class ModerationUserPage
       # @return [Thredded::AllViewHooks::ViewHook]
       attr_reader :user_title

data/app/view_models/thredded/messageboard_group_view.rb

@@ -3,7 +3,7 @@
 module Thredded
   # A view model for a page of MessageboardGroupViews.
   class MessageboardGroupView
-    delegate :name, to: :@group, allow_nil: true
+    delegate :name, :id, to: :@group, allow_nil: true
     attr_reader :group, :messageboards
 
     # @param [ActiveRecord::Relation<Thredded::Messageboard>] messageboards_scope

data/app/views/thredded/messageboard_groups/show.html.erb

@@ -0,0 +1,41 @@
+<% content_for :thredded_page_title, t('thredded.messageboard_group.show.page_title', name: @group.name) %>
+<% content_for :thredded_page_id, 'thredded--messageboard-groups--index' %>
+<% content_for :thredded_breadcrumbs, render('thredded/shared/breadcrumbs') %>
+<%= thredded_page do %>
+  <%= define_svg_icons('thredded/follow.svg', 'thredded/lock.svg') %>
+  <%= view_hooks.messageboard_group_show.container.render self, groups: @groups do %>
+    <section class="thredded--main-section thredded--messageboards">
+      <%= view_hooks.messageboard_group_show.list.render self, groups: @groups do %>
+        <% @groups.each do |group| %>
+          <% if group.name.present? %>
+            <h3 class="thredded--messageboards-group--title">
+              <%= link_to group.name,
+                          show_messageboard_group_path(group.id),
+                          class: 'thredded--link' %>
+            </h3>
+          <% end %>
+          <div class="thredded--messageboards-group">
+            <%= view_hooks.messageboard_group_show.group.render self, group: group do %>
+              <%= render partial: 'thredded/messageboards/messageboard',
+                         collection: group.messageboards %>
+            <% end %>
+            <%= render partial: 'thredded/messageboards/grid_sizers' %>
+          </div>
+        <% end %>
+      <% end %>
+
+      <div class="thredded--messageboards--actions">
+        <% if policy(Thredded::Messageboard.new).create? %>
+          <a class="thredded--button" href="<%= new_messageboard_path %>" rel="nofollow">
+            <%= t('thredded.messageboard.create') %>
+          </a>
+        <% end %>
+        <% if policy(Thredded::MessageboardGroup.new).create? %>
+          <a class="thredded--button" href="<%= new_messageboard_group_path %>" rel="nofollow">
+            <%= t('thredded.messageboard_group.create') %>
+          </a>
+        <% end %>
+      </div>
+    </section>
+  <% end %>
+<% end %>

data/app/views/thredded/messageboards/index.html.erb

@@ -8,7 +8,12 @@
       <%= view_hooks.messageboards_index.list.render self, groups: @groups do %>
         <% @groups.each do |group| %>
           <% if group.name.present? %>
-            <h3 class="thredded--messageboards-group--title"><%= group.name %></h3>
+            <h3 class="thredded--messageboards-group--title">
+              <%= link_to_if Thredded.show_messageboard_group_page,
+                            group.name,
+                            show_messageboard_group_path(group.id),
+                            class: 'thredded--link' %>
+            </h3>
           <% end %>
           <div class="thredded--messageboards-group">
             <%= view_hooks.messageboards_index.group.render self, group: group do %>

data/config/locales/de.yml

@@ -90,6 +90,8 @@ de:
       form:
         create_btn_submitting: :thredded.form.create_btn_submitting
       saved: Die Gruppe %{name} wurde erstellt
+      show:
+        page_title: 'Messageboard-Gruppe: %{name}'
     moderation:
       approve_btn: Erlauben
       block_btn: Blockieren

data/config/locales/en.yml

@@ -89,6 +89,8 @@ en:
       form:
         create_btn_submitting: :thredded.form.create_btn_submitting
       saved: Messageboard Group %{name} created
+      show:
+        page_title: 'Messageboard Group: %{name}'
     moderation:
       approve_btn: Approve
       block_btn: Block

data/config/locales/es.yml

@@ -91,6 +91,8 @@ es:
       form:
         create_btn_submitting: :thredded.form.create_btn_submitting
       saved: Sección %{name} creada
+      show:
+        page_title: 'Grupo de tablero de mensajes: %{name}'
     moderation:
       approve_btn: Aprobar
       block_btn: Rechazar

data/config/locales/fr.yml

@@ -89,6 +89,8 @@ fr:
       form:
         create_btn_submitting: :thredded.form.create_btn_submitting
       saved: Le Groupe %{name} a été créé
+      show:
+        page_title: 'Groupe de babillard: %{name}'
     moderation:
       approve_btn: Approuver
       block_btn: Bloqué

data/config/locales/it.yml

@@ -89,6 +89,8 @@ it:
       form:
         create_btn_submitting: :thredded.form.create_btn_submitting
       saved: Creato il gruppo di bacheche %{name}
+      show:
+        page_title: 'Gruppo di messaggi: %{name}'
     moderation:
       approve_btn: Approva
       block_btn: Blocca

data/config/locales/pl.yml

@@ -89,6 +89,8 @@ pl:
       form:
         create_btn_submitting: :thredded.form.create_btn_submitting
       saved: Grupa %{name} została utworzona
+      show:
+        page_title: 'Grupa forów: %{name}'
     moderation:
       approve_btn: Zaakceptuj
       block_btn: Zablokuj

data/config/locales/pt-BR.yml

@@ -91,6 +91,8 @@ pt-BR:
       form:
         create_btn_submitting: :thredded.form.create_btn_submitting
       saved: Grupo de mensagens %{name} criado
+      show:
+        page_title: 'Grupo de Messageboard: %{name}'
     moderation:
       approve_btn: Aprovar
       block_btn: Bloquear

data/config/locales/ru.yml

@@ -88,6 +88,8 @@ ru:
       form:
         create_btn_submitting: :thredded.form.create_btn_submitting
       saved: Группа форумов %{name} создана
+      show:
+        page_title: 'Группа досок объявлений: %{name}'
     moderation:
       approve_btn: Одобрить
       block_btn: Заблокировать

data/config/locales/zh-CN.yml

@@ -84,6 +84,8 @@ zh-CN:
       form:
         create_btn_submitting: :thredded.form.create_btn_submitting
       saved: 板块分组 %{name} 已创建
+      show:
+        page_title: 留言板组：%{name}
     moderation:
       approve_btn: 通过
       block_btn: 锁定

data/config/routes.rb

@@ -59,6 +59,7 @@ Thredded::Engine.routes.draw do # rubocop:disable Metrics/BlockLength
 
   resource :preferences, only: %i[edit update], as: :global_preferences
   resource :messageboard, path: 'messageboards', only: [:new]
+  get '/messageboard-groups/:id', action: :show, controller: 'messageboard_groups', as: :show_messageboard_group
   resources :messageboards, only: %i[edit update destroy]
   resources :messageboards, only: %i[index create], path: '' do
     resource :preferences, only: %i[edit update]

data/lib/generators/thredded/install/templates/initializer.rb

@@ -58,6 +58,9 @@ Thredded.messageboards_order = :position
 # Whether admin users see button to delete entire messageboards on the messageboard edit page.
 Thredded.show_messageboard_delete_button = false
 
+# Whether MessageboardGroup show page is enabled.
+Thredded.show_messageboard_group_page = true
+
 # Whether users that are following a topic are listed on the topic page.
 Thredded.show_topic_followers = false
 

data/lib/thredded.rb

@@ -46,6 +46,8 @@ require 'thredded/base_notifier'
 require 'thredded/arel_compat'
 require 'thredded/collection_to_strings_with_cache_renderer'
 
+require 'thredded/webpack_assets'
+
 if Rails::VERSION::MAJOR < 5
   begin
     require 'where-or'
@@ -132,6 +134,9 @@ module Thredded # rubocop:disable Metrics/ModuleLength
     # @return [Number] Minimum length to trigger username auto-completion for @-mentions and private message recipients.
     attr_accessor :autocomplete_min_length
 
+    # @return [Boolean] Whether MessageboardGroup show page is enabled.
+    attr_accessor :show_messageboard_group_page
+
     # @return [Thredded::AllViewHooks] View hooks configuration.
     def view_hooks
       Thredded::AllViewHooks.instance ||
@@ -282,6 +287,7 @@ module Thredded # rubocop:disable Metrics/ModuleLength
   self.messageboards_order = :position
   self.topics_per_page = 50
   self.autocomplete_min_length = 2
+  self.show_messageboard_group_page = true
 
   self.auto_follow_when_creating_topic = true
   self.auto_follow_when_posting_in_topic = true

data/lib/thredded/engine.rb

@@ -17,9 +17,7 @@ module Thredded
 
     initializer 'thredded.setup_assets' do
       Thredded::Engine.config.assets.precompile += %w[
-        thredded.js
-        thredded.css
-        thredded/*.svg
+        thredded_manifest.js
       ]
     end
   end

data/lib/thredded/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Thredded
-  VERSION = '0.16.13'
+  VERSION = '0.16.14'
 end

data/lib/thredded/webpack_assets.rb

@@ -0,0 +1,110 @@
+# frozen_string_literal: true
+
+require 'pathname'
+require 'set'
+
+module Thredded
+  # Lets you include Thredded JavaScripts into your Webpack "pack".
+  #
+  # To use this, first run `bundle exec rails webpacker:install:erb`.
+  # Then, rename `app/javascript/packs/application.js` to `app/javascript/packs/application.js.erb`
+  # Finally, add this line to `app/javascript/packs/application.js.erb`:
+  #
+  # <%= Thredded::WebpackAssets.javascripts %>
+  #
+  # To include additional timeago locales, add this *before* `Thredded::WebpackAssets.javascripts`:
+  #
+  # <% timeago_root = File.join(Gem.loaded_specs['timeago_js'].full_gem_path, 'assets', 'javascripts') %>
+  #   import "<%= File.join(timeago_root, 'timeago.js') %>";
+  # <%= %w[de pt_BR].map { |locale| %(import "#{File.join(timeago_root, "timeago/locales/#{locale}.js")}";) } * "\n" %>
+  module WebpackAssets
+    JAVASCRIPT_EXTS = %w[.es6 .js].freeze
+
+    def self.javascripts
+      @javascripts ||= JavaScriptsResolver.new.resolve('thredded.es6')
+    end
+
+    class JavaScriptsResolver
+      def resolve(entry_point)
+        resolve_full_paths(entry_point).map do |dep|
+          %(import "#{dep}";)
+        end.join("\n")
+      end
+
+      private
+
+      def resolve_full_paths(entry_point)
+        deps = []
+        seen = Set.new
+        queue = [[:start, dep_to_path(entry_point)]]
+        until queue.empty?
+          state, path = queue.pop
+          if state == :visiting
+            deps << path
+            next
+          end
+          next unless seen.add?(path)
+          queue << [:visiting, path]
+          next if path.to_s.start_with?('@')
+          src = File.read(path)
+          src.scan(%r{//= require (\S+)}).each do |m|
+            queue << [:start, dep_to_path(m[0])]
+          end
+          tree_root = Pathname.new(File.dirname(path))
+          src.scan(%r{//= require_tree (\S+)}).each do |m|
+            tree_root.join(m[0]).each_child do |pn|
+              next unless JAVASCRIPT_EXTS.include?(pn.extname)
+              queue << [:start, pn.cleanpath.to_s]
+            end
+          end
+        end
+        deps
+      end
+
+      def engine_js_root
+        @engine_js_root ||= Pathname.new(engine_js_prefix)
+      end
+
+      def engine_js_prefix
+        @engine_js_prefix ||=
+          File.expand_path('app/assets/javascripts', File.join(__dir__, '../..'))
+      end
+
+      def engine_vendor_js_prefix
+        @engine_vendor_js_prefix ||=
+          File.expand_path('vendor/assets/javascripts', File.join(__dir__, '../..'))
+      end
+
+      def engine_dep?(dep)
+        dep.start_with?('thredded/')
+      end
+
+      def engine_dep_to_path(dep)
+        find_dep_in_path(engine_js_prefix, dep) ||
+          find_dep_in_path(engine_vendor_js_prefix, dep) ||
+          fail("Failed to find #{dep}")
+      end
+
+      def find_dep_in_path(dir, dep)
+        path = File.join(dir, dep)
+        return path if File.file?(path)
+        JAVASCRIPT_EXTS.each do |ext|
+          path_with_ext = "#{path}#{ext}"
+          return path_with_ext if File.file?(path_with_ext)
+        end
+        nil
+      end
+
+      def dep_to_path(dep)
+        if dep == 'timeago'
+          path = File.join(Gem.loaded_specs['timeago_js'].full_gem_path, 'assets', 'javascripts', "#{dep}.js")
+          fail "Failed to find #{dep}" unless File.file?(path)
+          return path
+        elsif dep == 'rails-ujs'
+          return '@rails/ujs'
+        end
+        engine_dep_to_path(dep)
+      end
+    end
+  end
+end

data/vendor/assets/javascripts/autosize.js

@@ -0,0 +1,280 @@
+/** https://unpkg.com/autosize@4.0.2/dist/autosize.js **/
+// Modified to always define the autosize global.
+// This allows Thredded code to be compatible with both Webpack and Sprockets.
+(function (global, factory) {
+  var mod = {
+    exports: {}
+  };
+  factory(mod, mod.exports);
+  global.autosize = mod.exports;
+})(window, function (module, exports) {
+  'use strict';
+
+  var map = typeof Map === "function" ? new Map() : function () {
+    var keys = [];
+    var values = [];
+
+    return {
+      has: function has(key) {
+        return keys.indexOf(key) > -1;
+      },
+      get: function get(key) {
+        return values[keys.indexOf(key)];
+      },
+      set: function set(key, value) {
+        if (keys.indexOf(key) === -1) {
+          keys.push(key);
+          values.push(value);
+        }
+      },
+      delete: function _delete(key) {
+        var index = keys.indexOf(key);
+        if (index > -1) {
+          keys.splice(index, 1);
+          values.splice(index, 1);
+        }
+      }
+    };
+  }();
+
+  var createEvent = function createEvent(name) {
+    return new Event(name, { bubbles: true });
+  };
+  try {
+    new Event('test');
+  } catch (e) {
+    // IE does not support `new Event()`
+    createEvent = function createEvent(name) {
+      var evt = document.createEvent('Event');
+      evt.initEvent(name, true, false);
+      return evt;
+    };
+  }
+
+  function assign(ta) {
+    if (!ta || !ta.nodeName || ta.nodeName !== 'TEXTAREA' || map.has(ta)) return;
+
+    var heightOffset = null;
+    var clientWidth = null;
+    var cachedHeight = null;
+
+    function init() {
+      var style = window.getComputedStyle(ta, null);
+
+      if (style.resize === 'vertical') {
+        ta.style.resize = 'none';
+      } else if (style.resize === 'both') {
+        ta.style.resize = 'horizontal';
+      }
+
+      if (style.boxSizing === 'content-box') {
+        heightOffset = -(parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));
+      } else {
+        heightOffset = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
+      }
+      // Fix when a textarea is not on document body and heightOffset is Not a Number
+      if (isNaN(heightOffset)) {
+        heightOffset = 0;
+      }
+
+      update();
+    }
+
+    function changeOverflow(value) {
+      {
+        // Chrome/Safari-specific fix:
+        // When the textarea y-overflow is hidden, Chrome/Safari do not reflow the text to account for the space
+        // made available by removing the scrollbar. The following forces the necessary text reflow.
+        var width = ta.style.width;
+        ta.style.width = '0px';
+        // Force reflow:
+        /* jshint ignore:start */
+        ta.offsetWidth;
+        /* jshint ignore:end */
+        ta.style.width = width;
+      }
+
+      ta.style.overflowY = value;
+    }
+
+    function getParentOverflows(el) {
+      var arr = [];
+
+      while (el && el.parentNode && el.parentNode instanceof Element) {
+        if (el.parentNode.scrollTop) {
+          arr.push({
+            node: el.parentNode,
+            scrollTop: el.parentNode.scrollTop
+          });
+        }
+        el = el.parentNode;
+      }
+
+      return arr;
+    }
+
+    function resize() {
+      if (ta.scrollHeight === 0) {
+        // If the scrollHeight is 0, then the element probably has display:none or is detached from the DOM.
+        return;
+      }
+
+      var overflows = getParentOverflows(ta);
+      var docTop = document.documentElement && document.documentElement.scrollTop; // Needed for Mobile IE (ticket #240)
+
+      ta.style.height = '';
+      ta.style.height = ta.scrollHeight + heightOffset + 'px';
+
+      // used to check if an update is actually necessary on window.resize
+      clientWidth = ta.clientWidth;
+
+      // prevents scroll-position jumping
+      overflows.forEach(function (el) {
+        el.node.scrollTop = el.scrollTop;
+      });
+
+      if (docTop) {
+        document.documentElement.scrollTop = docTop;
+      }
+    }
+
+    function update() {
+      resize();
+
+      var styleHeight = Math.round(parseFloat(ta.style.height));
+      var computed = window.getComputedStyle(ta, null);
+
+      // Using offsetHeight as a replacement for computed.height in IE, because IE does not account use of border-box
+      var actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(computed.height)) : ta.offsetHeight;
+
+      // The actual height not matching the style height (set via the resize method) indicates that
+      // the max-height has been exceeded, in which case the overflow should be allowed.
+      if (actualHeight < styleHeight) {
+        if (computed.overflowY === 'hidden') {
+          changeOverflow('scroll');
+          resize();
+          actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(window.getComputedStyle(ta, null).height)) : ta.offsetHeight;
+        }
+      } else {
+        // Normally keep overflow set to hidden, to avoid flash of scrollbar as the textarea expands.
+        if (computed.overflowY !== 'hidden') {
+          changeOverflow('hidden');
+          resize();
+          actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(window.getComputedStyle(ta, null).height)) : ta.offsetHeight;
+        }
+      }
+
+      if (cachedHeight !== actualHeight) {
+        cachedHeight = actualHeight;
+        var evt = createEvent('autosize:resized');
+        try {
+          ta.dispatchEvent(evt);
+        } catch (err) {
+          // Firefox will throw an error on dispatchEvent for a detached element
+          // https://bugzilla.mozilla.org/show_bug.cgi?id=889376
+        }
+      }
+    }
+
+    var pageResize = function pageResize() {
+      if (ta.clientWidth !== clientWidth) {
+        update();
+      }
+    };
+
+    var destroy = function (style) {
+      window.removeEventListener('resize', pageResize, false);
+      ta.removeEventListener('input', update, false);
+      ta.removeEventListener('keyup', update, false);
+      ta.removeEventListener('autosize:destroy', destroy, false);
+      ta.removeEventListener('autosize:update', update, false);
+
+      Object.keys(style).forEach(function (key) {
+        ta.style[key] = style[key];
+      });
+
+      map.delete(ta);
+    }.bind(ta, {
+      height: ta.style.height,
+      resize: ta.style.resize,
+      overflowY: ta.style.overflowY,
+      overflowX: ta.style.overflowX,
+      wordWrap: ta.style.wordWrap
+    });
+
+    ta.addEventListener('autosize:destroy', destroy, false);
+
+    // IE9 does not fire onpropertychange or oninput for deletions,
+    // so binding to onkeyup to catch most of those events.
+    // There is no way that I know of to detect something like 'cut' in IE9.
+    if ('onpropertychange' in ta && 'oninput' in ta) {
+      ta.addEventListener('keyup', update, false);
+    }
+
+    window.addEventListener('resize', pageResize, false);
+    ta.addEventListener('input', update, false);
+    ta.addEventListener('autosize:update', update, false);
+    ta.style.overflowX = 'hidden';
+    ta.style.wordWrap = 'break-word';
+
+    map.set(ta, {
+      destroy: destroy,
+      update: update
+    });
+
+    init();
+  }
+
+  function destroy(ta) {
+    var methods = map.get(ta);
+    if (methods) {
+      methods.destroy();
+    }
+  }
+
+  function update(ta) {
+    var methods = map.get(ta);
+    if (methods) {
+      methods.update();
+    }
+  }
+
+  var autosize = null;
+
+  // Do nothing in Node.js environment and IE8 (or lower)
+  if (typeof window === 'undefined' || typeof window.getComputedStyle !== 'function') {
+    autosize = function autosize(el) {
+      return el;
+    };
+    autosize.destroy = function (el) {
+      return el;
+    };
+    autosize.update = function (el) {
+      return el;
+    };
+  } else {
+    autosize = function autosize(el, options) {
+      if (el) {
+        Array.prototype.forEach.call(el.length ? el : [el], function (x) {
+          return assign(x, options);
+        });
+      }
+      return el;
+    };
+    autosize.destroy = function (el) {
+      if (el) {
+        Array.prototype.forEach.call(el.length ? el : [el], destroy);
+      }
+      return el;
+    };
+    autosize.update = function (el) {
+      if (el) {
+        Array.prototype.forEach.call(el.length ? el : [el], update);
+      }
+      return el;
+    };
+  }
+
+  exports.default = autosize;
+  module.exports = exports['default'];
+});

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: thredded
 version: !ruby/object:Gem::Version
-  version: 0.16.13
+  version: 0.16.14
 platform: ruby
 authors:
 - Joel Oliveira
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-08-17 00:00:00.000000000 Z
+date: 2019-10-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: active_record_union
@@ -295,14 +295,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 3.0.2.2
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 3.0.2.2
 - !ruby/object:Gem::Dependency
   name: capybara
   requirement: !ruby/object:Gem::Requirement
@@ -623,6 +623,7 @@ extra_rdoc_files: []
 files:
 - MIT-LICENSE
 - README.md
+- app/assets/config/thredded_manifest.js
 - app/assets/images/favicons/README.md
 - app/assets/images/favicons/amazon.png
 - app/assets/images/favicons/github.png
@@ -845,6 +846,7 @@ files:
 - app/views/thredded/kaminari/_paginator.html.erb
 - app/views/thredded/kaminari/_prev_page.html.erb
 - app/views/thredded/messageboard_groups/new.html.erb
+- app/views/thredded/messageboard_groups/show.html.erb
 - app/views/thredded/messageboards/_form.html.erb
 - app/views/thredded/messageboards/_grid_sizers.html.erb
 - app/views/thredded/messageboards/_messageboard.html.erb
@@ -1013,7 +1015,8 @@ files:
 - lib/thredded/version.rb
 - lib/thredded/view_hooks/config.rb
 - lib/thredded/view_hooks/renderer.rb
-- vendor/assets/javascripts/autosize.min.js
+- lib/thredded/webpack_assets.rb
+- vendor/assets/javascripts/autosize.js
 - vendor/assets/javascripts/textcomplete.min.js
 homepage: https://thredded.org
 licenses:
@@ -1034,7 +1037,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.3
+rubygems_version: 3.0.6
 signing_key: 
 specification_version: 4
 summary: The best Rails forums engine ever.

data/vendor/assets/javascripts/autosize.min.js

@@ -1,2 +0,0 @@
-/** https://unpkg.com/autosize@4.0.2/dist/autosize.min.js **/
-!function(e,t){if("function"==typeof define&&define.amd)define(["module","exports"],t);else if("undefined"!=typeof exports)t(module,exports);else{var n={exports:{}};t(n,n.exports),e.autosize=n.exports}}(this,function(e,t){"use strict";var n,o,p="function"==typeof Map?new Map:(n=[],o=[],{has:function(e){return-1<n.indexOf(e)},get:function(e){return o[n.indexOf(e)]},set:function(e,t){-1===n.indexOf(e)&&(n.push(e),o.push(t))},delete:function(e){var t=n.indexOf(e);-1<t&&(n.splice(t,1),o.splice(t,1))}}),c=function(e){return new Event(e,{bubbles:!0})};try{new Event("test")}catch(e){c=function(e){var t=document.createEvent("Event");return t.initEvent(e,!0,!1),t}}function r(r){if(r&&r.nodeName&&"TEXTAREA"===r.nodeName&&!p.has(r)){var e,n=null,o=null,i=null,d=function(){r.clientWidth!==o&&a()},l=function(t){window.removeEventListener("resize",d,!1),r.removeEventListener("input",a,!1),r.removeEventListener("keyup",a,!1),r.removeEventListener("autosize:destroy",l,!1),r.removeEventListener("autosize:update",a,!1),Object.keys(t).forEach(function(e){r.style[e]=t[e]}),p.delete(r)}.bind(r,{height:r.style.height,resize:r.style.resize,overflowY:r.style.overflowY,overflowX:r.style.overflowX,wordWrap:r.style.wordWrap});r.addEventListener("autosize:destroy",l,!1),"onpropertychange"in r&&"oninput"in r&&r.addEventListener("keyup",a,!1),window.addEventListener("resize",d,!1),r.addEventListener("input",a,!1),r.addEventListener("autosize:update",a,!1),r.style.overflowX="hidden",r.style.wordWrap="break-word",p.set(r,{destroy:l,update:a}),"vertical"===(e=window.getComputedStyle(r,null)).resize?r.style.resize="none":"both"===e.resize&&(r.style.resize="horizontal"),n="content-box"===e.boxSizing?-(parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)):parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth),isNaN(n)&&(n=0),a()}function s(e){var t=r.style.width;r.style.width="0px",r.offsetWidth,r.style.width=t,r.style.overflowY=e}function u(){if(0!==r.scrollHeight){var e=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}(r),t=document.documentElement&&document.documentElement.scrollTop;r.style.height="",r.style.height=r.scrollHeight+n+"px",o=r.clientWidth,e.forEach(function(e){e.node.scrollTop=e.scrollTop}),t&&(document.documentElement.scrollTop=t)}}function a(){u();var e=Math.round(parseFloat(r.style.height)),t=window.getComputedStyle(r,null),n="content-box"===t.boxSizing?Math.round(parseFloat(t.height)):r.offsetHeight;if(n<e?"hidden"===t.overflowY&&(s("scroll"),u(),n="content-box"===t.boxSizing?Math.round(parseFloat(window.getComputedStyle(r,null).height)):r.offsetHeight):"hidden"!==t.overflowY&&(s("hidden"),u(),n="content-box"===t.boxSizing?Math.round(parseFloat(window.getComputedStyle(r,null).height)):r.offsetHeight),i!==n){i=n;var o=c("autosize:resized");try{r.dispatchEvent(o)}catch(e){}}}}function i(e){var t=p.get(e);t&&t.destroy()}function d(e){var t=p.get(e);t&&t.update()}var l=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?((l=function(e){return e}).destroy=function(e){return e},l.update=function(e){return e}):((l=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],function(e){return r(e)}),e}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],i),e},l.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],d),e}),t.default=l,e.exports=t.default});