decidim-notify 0.4 → 0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6cda9fb6f92d4c096fc00bbaa40545217339b862d51770f7be553b3ebef79751
-  data.tar.gz: b2bd1a84e145972173269768322bd013a9593adfb17a27bf71adf4ddfeeda8e4
+  metadata.gz: d826e0ee3d003b459cd85fd8a526d9ee0a6c14b8a984e98065e53a521b7a1851
+  data.tar.gz: a40f55f042d0de8df2b537c486d21df1460abee7ce1e0b11fe908431947e1c75
 SHA512:
-  metadata.gz: 86abc812ea0dc7143a1bbb874855b027ba4625c6b9891664ed8d4b8ff9ac034ff772bbf133c14260be036bb28362ed2ae2134056957202be50a2873c14570f87
-  data.tar.gz: a5ed9d3668593357e2d8ff0d7879caf2420af6e5c66a22f33153ac77d66aa19530870952c446e65dce2a36ed4fdb634ad85a77009b7d382c860a830cb2586922
+  metadata.gz: c0d093d1fb4edb338607a95c04790142df9814a8319535e9d2abd2f11405508a7f6450ba1d1e433b7861e561cebb647c76db7f9003598beefb256bb8ed6ea46d
+  data.tar.gz: 4df80371b49cb253fcb782e1f3e1a2d498bb819eb3398e23a6e04650fe98db25f4fad7684a2dd10dd35e8acb0f4b598d9630efb311fae86eee19b01e89bd9107

data/README.md

@@ -19,7 +19,7 @@ Space.
 Add this line to your application's Gemfile:
 
 ```ruby
-gem "decidim-notify", "~> 0.4.0"
+gem "decidim-notify"
 ```
 
 And then execute:
@@ -27,13 +27,48 @@ And then execute:
 ```bash
 bundle
 bundle exec rails decidim_notify:install:migrations
+bundle exec rails decidim_notify:webpacker:install
 bundle exec rails db:migrate
 ```
 
+> NOTE: the `decidim_notify:webpacker:install` is only necessary for Decidim versions starting at 0.25.
+
+> **IMPORTANT!** A Decidim application might not have activate `ActionCable` by default, which is needed by this plugin.
+> Check if your `config/application.rb` file has the line `require "action_cable/engine"` uncommented. Overall it should look something like this:
+>
+> ```ruby
+>  # frozen_string_literal: true
+> 
+> require_relative "boot"
+> 
+> 
+> require "decidim/rails"
+> # Add the frameworks used by your app that are not loaded by Decidim.
+> require "action_cable/engine"
+> # require "action_mailbox/engine"
+> # require "action_text/engine"
+> 
+> 
+> # Require the gems listed in Gemfile, including any gems
+> # you've limited to :test, :development, or :production.
+> Bundler.require(*Rails.groups)
+> 
+> module DecidimApp
+>   class Application < Rails::Application
+>      ...
+>   end
+> end
+> ```
+
+The correct version of Notify should resolved automatically by the Bundler.
+However you can force some specific version using `gem "decidim-notify", "~> 0.5.0"` in the Gemfile.
+
 Depending on your Decidim version, choose the corresponding Plugin version to ensure compatibility:
 
 | Notify version | Compatible Decidim versions |
 |---|---|
+| 0.5.x | 0.25.x, 0.26.x |
+| 0.4.x | 0.24.x |
 | 0.3.x | 0.21.x - 0.24.x |
 
 ### Configuration

data/Rakefile

@@ -9,6 +9,12 @@ def install_module(path)
   end
 end
 
+def override_webpacker_config_files(path)
+  Dir.chdir(path) do
+    system("bundle exec rake decidim_notify:webpacker:install")
+  end
+end
+
 def seed_db(path)
   Dir.chdir(path) do
     system("bundle exec rake db:seed")
@@ -19,6 +25,7 @@ desc "Generates a dummy app for testing"
 task test_app: "decidim:generate_external_test_app" do
   ENV["RAILS_ENV"] = "test"
   install_module("spec/decidim_dummy_app")
+  override_webpacker_config_files("spec/decidim_dummy_app")
 end
 
 desc "Generates a development app."
@@ -36,5 +43,6 @@ task :development_app do
   end
 
   install_module("development_app")
+  override_webpacker_config_files("development_app")
   seed_db("development_app")
 end

data/app/cells/decidim/notify/note/show.erb

@@ -9,7 +9,7 @@
   </div>
   <% if note_taker? %>
     <div class="media-object-section buttons">
-      <%= button_to edit_path, method: :delete, remote: true, class: "delete", data: { confirm: t("decidim.notify.conversations.destroy.sure") } do %>
+      <%= link_to edit_path, method: :delete, remote: true, class: "delete", data: { confirm: t("decidim.notify.conversations.destroy.sure") } do %>
         <%= icon "trash" %>
       <% end %>
       <%= link_to edit_path, class: "edit" do %>

data/app/cells/decidim/notify/participant_cell.rb

@@ -15,7 +15,8 @@ module Decidim
       end
 
       def avatar_url
-        model&.avatar_url(:profile)
+        path = model.attached_uploader(:avatar).path(variant: :profile) if model.respond_to?(:attached_uploader)
+        path.presence || ActionController::Base.helpers.asset_pack_path("media/images/default-avatar.svg")
       end
 
       def current_component

data/app/controllers/decidim/notify/conversations_controller.rb

@@ -75,7 +75,7 @@ module Decidim
               query = Author.for(current_component).joins(:user)
               query = query.where("decidim_notify_authors.code=:code OR decidim_users.name ILIKE :term OR decidim_users.nickname ILIKE :term", code: term.to_i, term: "%#{term}%")
 
-              render json: query.all.collect { |u| { id: u.code, name: u.name, avatar: u&.avatar_url, nickname: u.nickname, text: format_user_name(u) } }
+              render json: query.all.collect { |u| { id: u.code, name: u.name, avatar: u.attached_uploader(:avatar).path, nickname: u.nickname, text: format_user_name(u) } }
             else
               render json: []
             end

data/app/models/decidim/notify/author.rb

@@ -14,7 +14,7 @@ module Decidim
       validates :code, numericality: { greater_than_or_equal_to: 1 }, uniqueness: { scope: :decidim_component_id }
 
       delegate :name, :nickname, :organization, :avatar, to: :user
-      delegate :profile_url, :avatar_url, to: :user, allow_nil: true
+      delegate :profile_url, :attached_uploader, to: :user, allow_nil: true
 
       default_scope { order(code: :asc) }
 

data/app/packs/entrypoints/decidim_notify_component.js

@@ -0,0 +1,9 @@
+import "src/decidim/notify/notify.js"
+import "src/decidim/notify/notify_selects"
+import "src/decidim/notify/notify_channel"
+
+// Images
+require.context("../images", true)
+
+// CSS
+import "entrypoints/decidim_notify_component.scss";

data/app/packs/entrypoints/decidim_notify_component.scss

@@ -0,0 +1 @@
+@import "stylesheets/decidim/notify/notify";

data/app/packs/entrypoints/decidim_notify_selects.js

@@ -0,0 +1 @@
+import "src/decidim/notify/notify_selects.js"

data/app/packs/src/decidim/notify/consumer.js

@@ -0,0 +1,7 @@
+// app/javascript/channels/consumer.js
+// Action Cable provides the framework to deal with WebSockets in Rails.
+// You can generate new channels where WebSocket features live using the `bin/rails generate channel` command.
+
+import { createConsumer } from "@rails/actioncable"
+
+export default createConsumer((window.Notify && window.Notify.cableUrl) || "/notify_cable")

data/app/{assets/javascripts/decidim/notify/conversations.js.es6 → packs/src/decidim/notify/notify.js}

@@ -1,8 +1,7 @@
-//= require decidim/notify/select2
 
 $(() => {
   const $info = $(".form-conversations-submit .info");
-  const $form = $('form#new_note');
+  const $form = $("form#new_note");
   const originalAction = $form.attr("action");
 
   const resetForm = () => {
@@ -13,45 +12,45 @@ $(() => {
   };
 
   // reset button
-  $form.find('[type="reset"]').on('click', resetForm);
+  $form.find('[type="reset"]').on("click", resetForm);
 
   // edit button in notes
-  $('#notify-chapters').on('click', 'a.edit', (e) => {
+  $("#notify-chapters").on("click", "a.edit", (e) => {
     e.preventDefault();
     const $a = $(e.currentTarget);
-    const code = $a.closest('.notify-note').data('author-code');
-    const chapter = $a.closest('.notify-note').data('chapter');
-    const name = $a.closest('.notify-note').find('.note-name').text();
-    const body = $a.closest('.notify-note').find('.note-body').text();
+    const code = $a.closest(".notify-note").data("author-code");
+    const chapter = $a.closest(".notify-note").data("chapter");
+    const name = $a.closest(".notify-note").find(".note-name").text();
+    const body = $a.closest(".notify-note").find(".note-body").text();
 
     $form.find('[name="_method"]').val("patch");
-    $form.attr("action", $(e.currentTarget).attr('href'));
+    $form.attr("action", $(e.currentTarget).attr("href"));
     $("#note_body").val(body);
     $("#note_chapter").val(chapter);
-    $('#note_chapter').trigger('change');
+    $("#note_chapter").trigger("change");
 
-    if(code) {
+    if (code) {
       $("#note_code").append(`<option value="${code}" selected>${name}</option>`);
       $("#note_body").select();
     } else {
       $("#note_code").select2("open");
     }
 
-    $("html, body").animate({ scrollTop: $('#new_note').offset().top }, 400);
+    $("html, body").animate({ scrollTop: $("#new_note").offset().top }, 400);
     // location = "#new_note";
 
     // console.log("edit",$(e.currentTarget).attr('href'),code,body)
   });
 
   // Keypress CTRL-Enter sends form
-  $("#note_body").keypress(function(e){
-    if(e.ctrlKey && (e.which === 10 || e.which === 13 )) {
-      Rails.fire($form[0], 'submit');
+  $("#note_body").keypress(function(e) {
+    if (e.ctrlKey && (e.which === 10 || e.which === 13)) {
+      Rails.fire($form[0], "submit");
     }
   });
 
   const showInfo = (text, speed) => {
-    $info.stop(true,true).html(text).show();
+    $info.stop(true, true).html(text).show();
     setTimeout(() => {
       $info.fadeOut("slow");
     }, speed);
@@ -59,12 +58,12 @@ $(() => {
   };
 
   // Rails AJAX events
-  document.body.addEventListener('ajax:error', (responseText) => {
-    showInfo(responseText.detail[0].message || responseText.detail[0], 5000).removeClass('text-success').addClass('text-alert');
+  document.body.addEventListener("ajax:error", (responseText) => {
+    showInfo(responseText.detail[0].message || responseText.detail[0], 5000).removeClass("text-success").addClass("text-alert");
   });
-  document.body.addEventListener('ajax:success', () => {
-    showInfo("✔", 1000).removeClass('text-alert').addClass('text-success');
+  document.body.addEventListener("ajax:success", () => {
+    showInfo("✔", 1000).removeClass("text-alert").addClass("text-success");
     resetForm();
-    $('.dropdown-pane').foundation('close');
+    $(".dropdown-pane").foundation("close");
   });
 });

data/app/packs/src/decidim/notify/notify_channel.js

@@ -0,0 +1,100 @@
+import consumer from "./consumer"
+
+const App = window.App = {
+  id: window.Notify && window.Notify.id,
+  consumer: consumer
+}
+
+jQuery.fn.reverse = [].reverse;
+
+const updateEmptyStatus = (selector) => {
+  $(selector).each(function() {
+    if ($(this).children().length == 0) {
+      $(this).addClass("empty");
+    } else {
+      $(this).removeClass("empty");
+    }
+  });
+};
+
+App.notifyNotesChannel = App.consumer.subscriptions.create({ channel: "Decidim::Notify::NotesChannel", id: App.id }, {
+  received(data) {
+    // console.log("note received",data);
+
+    if (data.create) {
+      $(`#notify-chapter-notes-${data.chapterId || "unclassified"}`).prepend(data.create);
+    }
+    if (data.update) {
+      let $note = $(`#notify-note-${data.id}`);
+      let $old = $note.closest(".notify-chapter-notes");
+      let $new = $(`#notify-chapter-notes-${data.chapterId || "unclassified"}`);
+      if ($old[0] != $new[0]) {
+        /* eslint-disable */
+        // FIXME: put it in the right place by time of creation
+        /* eslint-enable */
+        $note.detach().prependTo($new);
+      }
+      $note.replaceWith(data.update);
+    }
+    if (data.destroy) {
+      $(`#notify-note-${data.destroy}`).remove();
+    }
+
+    updateEmptyStatus(".notify-chapter-notes");
+  }
+});
+
+
+App.notifyParticipantsChannel = App.consumer.subscriptions.create({ channel: "Decidim::Notify::ParticipantsChannel", id: App.id }, {
+  received(data) {
+    // console.log("participants received",data);
+
+    $("#notify-note_takers").html(data.noteTakers);
+    $("#notify-participants").html(data.participants);
+  }
+});
+
+App.notifyChaptersChannel = App.consumer.subscriptions.create({ channel: "Decidim::Notify::ChaptersChannel", id: App.id }, {
+  received(data) {
+    // console.log("chapter received",data);
+    if (data.create) {
+      $("#notify-chapters").prepend(data.create);
+      $(document).foundation();
+      if (!$(`#note_chapter [value="${data.title}"]`).length) {
+        let newOption = new Option(data.title, data.title, true, true);
+        $("#note_chapter").append(newOption).trigger("change");
+      }
+    }
+
+    if (data.update) {
+      let $chapter = $(`#notify-chapter-${data.id} .chapter-title`);
+      if ($chapter.length) {
+        let old = $chapter.text();
+        $chapter.text(data.update);
+        if (data.active) {
+          $(".notify-chapter h3").removeClass("active");
+          $(`.toggle-chapter-active .switch-input:not(#chapter_active-${data.id})`).prop("checked", false);
+          $chapter.closest("h3").addClass("active");
+        }
+        let activate = $("#note_body").val() == "" && data.active;
+        let newOption = new Option(data.update, data.update, activate, activate);
+        $(`#note_chapter [value="${old}"]`).remove();
+        $("#note_chapter").append(newOption).trigger("change");
+      } else {
+        console.error("Chapter not found", data);
+      }
+    }
+
+    if (data.destroy) {
+      // Move notes to the unclassified
+      let $unclassified = $("#notify-chapter-notes-unclassified");
+      $(`#notify-chapter-notes-${data.destroy} .notify-note`).reverse().each(function() {
+        $(this).detach().prependTo($unclassified);
+      });
+
+      $(`#notify-chapter-${data.destroy}`).remove();
+    }
+
+    updateEmptyStatus(".notify-chapter-notes");
+  }
+});

data/app/{assets/javascripts/decidim/notify/select2.js.es6 → packs/src/decidim/notify/notify_selects.js}

@@ -1,7 +1,9 @@
-// = require select2
+// I haven't found a way to include jquery plugins without making webpack repeat jQuery itself
+// the workaround is to use CDN providers and include them via standard <script> before any javascript_pack_tag
+// require("select2/src/js/jquery.select2.js")
 
 $(() => {
-  $('select.multiusers-select').each(function() {
+  $("select.multiusers-select").each(function() {
     const url = $(this).attr("data-url");
     $(this).select2({
       ajax: {
@@ -21,10 +23,9 @@ $(() => {
     });
   });
 
-  $('select.user-select').each(function() {
+  $("select.user-select").each(function() {
     const url = $(this).attr("data-url");
     const placeholder = $(this).attr("placeholder");
-
     $(this).select2({
       ajax: {
         url: url,
@@ -43,9 +44,10 @@ $(() => {
       selectOnClose: true,
       escapeMarkup: (markup) => markup,
       templateSelection: (item) => `<b>${item.id}</b> - ${item.text}`,
-      templateResult: function(item) {
+      templateResult: (item) => {
+        console.log(item)
         return `<div class="select2-result-repository">
-        <div class="select2-result-repository__avatar" style="background-image:url(${item.avatar})">
+        <div class="select2-result-repository__avatar" style="background-image:url(${item.avatar || window.Notify.defaultAvatar})">
         <div class="hex1"></div><div class="hex2"></div>
         </div>
         <div class="select2-result-repository__meta">
@@ -55,7 +57,8 @@ $(() => {
       }
     });
 
-    $(this).on('select2:close', () => $('#note_body').select());
+    $(this).on("select2:open", () => $(".select2-search__field").select());
+    $(this).on("select2:close", () => $("#note_body").select());
     $(this).on("select2:clear", function () {
       $(this).on("select2:opening.cancelOpen", function (evt) {
         evt.preventDefault();
@@ -65,7 +68,7 @@ $(() => {
     });
   });
 
-  $('select.chapter-select').each(function() {
+  $("select.chapter-select").each(function() {
     const placeholder = $(this).attr("placeholder");
 
     $(this).select2({
@@ -75,12 +78,12 @@ $(() => {
       theme: "foundation",
       placeholder: placeholder,
       createTag: function (params) {
-        var term = $.trim(params.term);
+        let term = $.trim(params.term);
 
-        if (term === '') {
+        if (term === "") {
           return null;
         }
-        var n = {
+        let n = {
           id: term,
           text: term
         }
@@ -88,7 +91,7 @@ $(() => {
       }
     });
 
-    $(this).on('select2:close', () => $('#note_body').select());
+    $(this).on("select2:close", () => $("#note_body").select());
     $(this).on("select2:clear", function () {
       $(this).on("select2:opening.cancelOpen", function (evt) {
         evt.preventDefault();

data/app/{assets → packs}/stylesheets/decidim/notify/notify.scss

@@ -1,5 +1,7 @@
-@import 'decidim/variables';
-@import 'decidim/utils/settings';
+// From Decidicim core
+@import 'stylesheets/decidim/variables';
+@import 'stylesheets/decidim/utils/settings';
+// From npm package
 @import "select2";
 @import "select2-foundation-theme";
 @import "hexagon";
@@ -202,7 +204,8 @@
   }
 
   .notify-note {
-    button {
+    .buttons a{
+      display: block;
       &.tiny {
         padding-left: 0.5rem;
         padding-right: 0.5rem;

data/app/views/decidim/notify/admin/conversations/index.html.erb

@@ -24,4 +24,5 @@
   </div>
 </div>
 
-<%= javascript_include_tag "decidim/notify/select2" %>
+<%= javascript_include_tag "https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js" %>
+<%= javascript_pack_tag "decidim_notify_selects" %>

data/app/views/decidim/notify/conversations/_script.js.erb

@@ -1,7 +1,9 @@
 <script type="text/javascript">
   window.Notify = window.Notify || {};
   window.Notify.id = <%= id %>;
+  window.Notify.cableUrl = "<%= Decidim::Notify.config.cable_mount_path %>";
+  window.Notify.defaultAvatar = '<%= ActionController::Base.helpers.asset_pack_path("media/images/default-avatar.svg") %>';
 </script>
 
-<%= javascript_include_tag "decidim/notify/conversations" %>
-<%= javascript_include_tag "channels/decidim/notify/conversations" %>
+<%= javascript_include_tag "https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js" %>
+<%= javascript_pack_tag "decidim_notify_component" %>

data/app/views/decidim/notify/conversations/index.html.erb

@@ -30,18 +30,18 @@
     </div>
   </div>
   <div class="columns smallmedium-3">
-    <h5><%= t ".note_takers" %></h5>
-    <div class="card">
-      <div class="card-section by-note-taker" id="notify-note_takers">
-        <%= render partial: "participant", collection: @note_takers %>
-      </div>
-    </div>
     <h5><%= t ".participants" %></h5>
     <div class="card">
       <div class="card-section" id="notify-participants">
         <%= render partial: "participant", collection: @participants %>
       </div>
     </div>
+    <h5><%= t ".note_takers" %></h5>
+    <div class="card">
+      <div class="card-section by-note-taker" id="notify-note_takers">
+        <%= render partial: "participant", collection: @note_takers %>
+      </div>
+    </div>
   </div>
 </div>
 

data/config/assets.rb

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+# This file is located at `config/assets.rb` of your module.
+
+# Define the base path of your module. Please note that `Rails.root` may not be
+# used because we are not inside the Rails environment when this file is loaded.
+base_path = File.expand_path("..", __dir__)
+
+# Register an additional load path for webpack. All the assets within these
+# directories will be available for inclusion within the Decidim assets. For
+# example, if you have `app/packs/src/decidim/foo.js`, you can include that file
+# in your JavaScript entrypoints (or other JavaScript files within Decidim)
+# using `import "src/decidim/foo"` after you have registered the additional path
+# as follows.
+Decidim::Webpacker.register_path("#{base_path}/app/packs")
+
+# Register the entrypoints for your module. These entrypoints can be included
+# within your application using `javascript_pack_tag` and if you include any
+# SCSS files within the entrypoints, they become available for inclusion using
+# `stylesheet_pack_tag`.
+Decidim::Webpacker.register_entrypoints(
+  decidim_notify_component: "#{base_path}/app/packs/entrypoints/decidim_notify_component.js",
+  decidim_notify_selects: "#{base_path}/app/packs/entrypoints/decidim_notify_selects.js",
+  decidim_notify_component_css: "#{base_path}/app/packs/entrypoints/decidim_notify_component.scss"
+)
+
+# If you want to import some extra SCSS files in the Decidim main SCSS file
+# without adding any extra stylesheet inclusion tags, you can use the following
+# method to register the stylesheet import for the main application.
+Decidim::Webpacker.register_stylesheet_import("stylesheets/decidim/notify/notify")
+
+# If you want to do the same but include the SCSS file for the admin panel's
+# main SCSS file, you can use the following method.
+Decidim::Webpacker.register_stylesheet_import("stylesheets/decidim/notify/admin", group: :admin)
+
+# If you want to override some SCSS variables/settings for Foundation from the
+# module, you can add the following registered import.
+# Decidim::Webpacker.register_stylesheet_import("stylesheets/decidim/foo/settings", type: :settings)
+
+# If you want to do the same but override the SCSS variables of the admin
+# panel's styles, you can use the following method.
+# Decidim::Webpacker.register_stylesheet_import("stylesheets/decidim/foo/admin_settings", type: :settings, group: :admin)

data/config/i18n-tasks.yml

@@ -27,6 +27,7 @@ ignore_unused:
   - decidim.notify.chapter.update.*
   - decidim.notify.conversations.private.*
   - decidim.pages.home.statistics.*
+  - decidim.statistics.*
   - decidim.participatory_processes.statistics.*
 
 # keys reused from decidim-core

data/config/locales/ca.yml

@@ -107,3 +107,8 @@ ca:
         notify_chapters_count: Temes de la conversa
         notify_conversations_count: Converses
         notify_notes_count: Notes de la conversa
+    statistics:
+      notify_authors_count: Autors de notes
+      notify_chapters_count: Capítols en les notes
+      notify_conversations_count: Converses
+      notify_notes_count: Notes

data/config/locales/cs.yml

@@ -107,3 +107,8 @@ cs:
         notify_chapters_count: Témata konverzací
         notify_conversations_count: Konverzace
         notify_notes_count: Poznámky ke konverzaci
+    statistics:
+      notify_authors_count: Oznámení autorů
+      notify_chapters_count: Oznámení kapitol
+      notify_conversations_count: Oznámení konverzací
+      notify_notes_count: Oznámení poznámek

data/config/locales/en.yml

@@ -108,3 +108,8 @@ en:
         notify_chapters_count: Conversation topics
         notify_conversations_count: Conversations
         notify_notes_count: Conversation notes
+    statistics:
+      notify_authors_count: Notify authors
+      notify_chapters_count: Notify chapters
+      notify_conversations_count: Notify conversations
+      notify_notes_count: Notify notes

data/config/locales/es.yml

@@ -107,3 +107,8 @@ es:
         notify_chapters_count: Temas de la conversación
         notify_conversations_count: Conversaciones
         notify_notes_count: Notas de la conversación
+    statistics:
+      notify_authors_count: Autores de notas
+      notify_chapters_count: Capítulos en las notas
+      notify_conversations_count: Conversaciones
+      notify_notes_count: Notas

data/lib/decidim/notify/component.rb

@@ -6,12 +6,12 @@ Decidim.register_component(:notify) do |component|
   component.engine = Decidim::Notify::Engine
   component.admin_engine = Decidim::Notify::AdminEngine
   component.icon = "decidim/notify/icon.svg"
-  component.stylesheet = "decidim/notify/notify"
-  component.admin_stylesheet = "decidim/notify/admin"
+  # component.stylesheet = "decidim/notify/notify"
+  # component.admin_stylesheet = "decidim/notify/admin"
 
   component.on(:before_destroy) do |instance|
     # Code executed before removing the component
-    raise StandardEerror, "Can't remove this component, there's notes in it!" if Decidim::Notify::Note.for(instance).any?
+    raise StandardError, "Can't remove this component, there's notes in it!" if Decidim::Notify::Note.for(instance).any?
   end
 
   # These actions permissions can be configured in the admin panel
@@ -112,7 +112,7 @@ Decidim.register_component(:notify) do |component|
     participants = [admin_user] + Decidim::User.where(organization: component.organization).sample(3)
     # add avatars and create participants
     participants.each.with_index(1) do |user, index|
-      user.avatar = File.new(File.join(__dir__, "seeds", "avatar#{index}.png"))
+      user.avatar = Rack::Test::UploadedFile.new(File.expand_path(File.join(__dir__, "seeds", "avatar#{index}.png")))
       user.save!
       # create author
       author = Decidim::Notify::Author.find_or_create_by(

data/lib/decidim/notify/engine.rb

@@ -17,8 +17,8 @@ module Decidim
         root to: "conversations#index"
       end
 
-      initializer "decidim_notify.assets" do |app|
-        app.config.assets.precompile += %w(decidim_notify_manifest.js decidim_notify_manifest.css)
+      initializer "decidim_notify.webpacker.assets_path" do
+        Decidim.register_assets_path File.expand_path("app/packs", root)
       end
 
       initializer "decidim_notify.cable" do |_app|