decidim-friendly_signup 0.1

data/README.md

@@ -0,0 +1,155 @@
+# Decidim::FriendlySignup
+
+[![[CI] Test](https://github.com/OpenSourcePolitics/decidim-module-friendly_signup/actions/workflows/test.yml/badge.svg)](https://github.com/OpenSourcePolitics/decidim-module-friendly_signup/actions/workflows/test.yml)
+[![Maintainability](https://api.codeclimate.com/v1/badges/46c261f70f7f49a8f385/maintainability)](https://codeclimate.com/github/OpenSourcePolitics/decidim-module-friendly_signup/maintainability)
+[![Test Coverage](https://codecov.io/gh/OpenSourcePolitics/decidim-module-friendly_signup/branch/main/graph/badge.svg?token=1lrOiLdy9P)](https://codecov.io/gh/OpenSourcePolitics/decidim-module-friendly_signup)
+---
+A more user friendly approach for the user registration process.
+
+## Usage
+
+This module simply substitutes some pages to ease up the registration process in Decidim.
+
+Features:
+
+- [x] Simplify the password field and add a button with a "show password". ![Show/hide password](examples/passwords.png)
+ 
+- [ ] Remove the nickname field from the registration process and automatically create one on registering
+- [ ] Instant validate parameters when registering without having to send it for backend validation
+- [ ] Use checkout codes to validate the email instead of a link
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem "decidim-friendly_signup"
+```
+
+For a bleeding edge version (or while developing) please use instead:
+
+```ruby
+gem "decidim-friendly_signup", git: "https://github.com/OpenSourcePolitics/decidim-module-friendly_signup", branch: "main"
+```
+
+And then execute:
+
+```bash
+bundle
+```
+
+## Configuration
+
+Customize your integration by creating an initializer (ie: `config/initializes/friendly_signup.rb`) and set some of the variables:
+
+```ruby
+# config/initializers/friendly_signup.rb
+
+Decidim::FriendlySignup.configure do |config|
+  # Override password views or leave the originals (default is true):
+  config.override_passwords = false
+end
+
+```
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/OpenSourcePolitics/decidim-module-friendly_signup.
+
+### Developing
+
+To start contributing to this project, first:
+
+- Install the basic dependencies (such as Ruby and PostgreSQL)
+- Clone this repository
+
+Decidim's main repository also provides a Docker configuration file if you
+prefer to use Docker instead of installing the dependencies locally on your
+machine.
+
+You can create the development app by running the following commands after
+cloning this project:
+
+```bash
+$ bundle
+$ DATABASE_USERNAME=<username> DATABASE_PASSWORD=<password> bundle exec rake development_app
+```
+
+Note that the database user has to have rights to create and drop a database in
+order to create the dummy test app database.
+
+Then to test how the module works in Decidim, start the development server:
+
+```bash
+$ cd development_app
+$ DATABASE_USERNAME=<username> DATABASE_PASSWORD=<password> bundle exec rails s
+```
+
+In case you are using [rbenv](https://github.com/rbenv/rbenv) and have the
+[rbenv-vars](https://github.com/rbenv/rbenv-vars) plugin installed for it, you
+can add the environment variables to the root directory of the project in a file
+named `.rbenv-vars`. If these are defined for the environment, you can omit
+defining these in the commands shown above.
+
+#### Code Styling
+
+Please follow the code styling defined by the different linters that ensure we
+are all talking with the same language collaborating on the same project. This
+project is set to follow the same rules that Decidim itself follows.
+
+[Rubocop](https://rubocop.readthedocs.io/) linter is used for the Ruby language.
+
+You can run the code styling checks by running the following commands from the
+console:
+
+```
+$ bundle exec rubocop
+```
+
+To ease up following the style guide, you should install the plugin to your
+favorite editor, such as:
+
+- Sublime Text - [Sublime RuboCop](https://github.com/pderichs/sublime_rubocop)
+- Visual Studio Code - [Rubocop for Visual Studio Code](https://github.com/misogi/vscode-ruby-rubocop)
+
+### Testing
+
+To run the tests run the following in the gem development path:
+
+```bash
+$ bundle
+$ DATABASE_USERNAME=<username> DATABASE_PASSWORD=<password> bundle exec rake test_app
+$ DATABASE_USERNAME=<username> DATABASE_PASSWORD=<password> bundle exec rspec
+```
+
+Note that the database user has to have rights to create and drop a database in
+order to create the dummy test app database.
+
+In case you are using [rbenv](https://github.com/rbenv/rbenv) and have the
+[rbenv-vars](https://github.com/rbenv/rbenv-vars) plugin installed for it, you
+can add these environment variables to the root directory of the project in a
+file named `.rbenv-vars`. In this case, you can omit defining these in the
+commands shown above.
+
+### Test code coverage
+
+If you want to generate the code coverage report for the tests, you can use
+the `SIMPLECOV=1` environment variable in the rspec command as follows:
+
+```bash
+$ SIMPLECOV=1 bundle exec rspec
+```
+
+This will generate a folder named `coverage` in the project root which contains
+the code coverage report.
+
+### Localization
+
+If you would like to see this module in your own language, you can help with its
+translation at Crowdin:
+
+https://crowdin.com/project/decidim-friendly-signup
+
+## License
+
+See [LICENSE-AGPLv3.txt](LICENSE-AGPLv3.txt).

data/Rakefile

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+require "decidim/dev/common_rake"
+
+desc "Generates a dummy app for testing"
+task test_app: "decidim:generate_external_test_app"
+
+desc "Generates a development app."
+task development_app: "decidim:generate_external_development_app"

data/app/controllers/concerns/decidim/friendly_signup/needs_header_snippets.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+require "active_support/concern"
+
+module Decidim
+  module FriendlySignup
+    module NeedsHeaderSnippets
+      extend ActiveSupport::Concern
+
+      included do
+        helper_method :snippets, :friendly_override_activated?
+      end
+
+      def snippets
+        @snippets ||= Decidim::Snippets.new
+
+        unless @snippets.any?(:friendly_signup_snippets)
+          @snippets.add(:friendly_signup_snippets, ActionController::Base.helpers.javascript_pack_tag("decidim_friendly_signup"))
+          @snippets.add(:friendly_signup_snippets, ActionController::Base.helpers.stylesheet_pack_tag("decidim_friendly_signup"))
+          @snippets.add(:head, @snippets.for(:friendly_signup_snippets))
+        end
+
+        @snippets
+      end
+
+      def friendly_override_activated?(type)
+        case type
+        when :override_passwords
+          Decidim::FriendlySignup.override_passwords.present?
+        end
+      end
+    end
+  end
+end

data/app/packs/entrypoints/decidim_friendly_signup.js

@@ -0,0 +1,7 @@
+import "src/decidim/friendly_signup/password_helper"
+
+// CSS
+import "entrypoints/decidim_friendly_signup.scss";
+
+// Images
+require.context("../images", true)

data/app/packs/entrypoints/decidim_friendly_signup.scss

@@ -0,0 +1,2 @@
+/* css for decidim_friendly_signup */
+@import "stylesheets/decidim/friendly_signup/input-groups";

data/app/packs/images/decidim/friendly_signup/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35"><path d="M17.5 35A17.5 17.5 0 1 1 35 17.5 17.52 17.52 0 0 1 17.5 35zm0-33.06A15.56 15.56 0 1 0 33.06 17.5 15.57 15.57 0 0 0 17.5 1.94zm9.5 13.7H8a1 1 0 0 1 0-1.94h19a1 1 0 0 1 0 1.94zm0 3.68H8a1 1 0 0 1 0-1.94h19a1 1 0 0 1 0 1.94zM22.26 23H8a1 1 0 0 1 0-1.94h14.26a1 1 0 0 1 0 1.94z"/></svg>

data/app/packs/src/decidim/friendly_signup/password_helper.js

@@ -0,0 +1,7 @@
+import PasswordToggler from "src/decidim/friendly_signup/password_toggler";
+
+$(() => {
+  window.Decidim = window.Decidim || {};
+  window.Decidim.passwordToggler = new PasswordToggler($(".user-password"), $(".user-password-confirmation"));
+  window.Decidim.passwordToggler.init();
+});

data/app/packs/src/decidim/friendly_signup/password_toggler.js

@@ -0,0 +1,85 @@
+import icon from "src/decidim/icon"
+
+export default class PasswordToggler {
+  constructor($password, $confirmation) {
+    this.$password = $password.first();
+    this.$confirmation = $confirmation.first();
+    this.$input = this.$password.find('input[type="password"]');
+    this.$inputConfirmation = this.$confirmation.find('input[type="password"]');
+    this.$form = this.$input.closest("form");
+    this.texts = {
+      showPassword: this.$password.data("showPassword") || "Show password",
+      hidePassword: this.$password.data("hidePassword") || "Hide password",
+      hiddenPassword: this.$password.data("hiddenPassword") || "Your password is hidden",
+      shownPassword: this.$password.data("shownPassword") || "Your password is shown"
+    }
+    this.icons = {
+      show: icon("eye", {title: this.texts.showPassword})
+    }
+  }
+
+  // Call init() to hide the password confirmation and add a "view password" inline button
+  init() {
+    this.createControls();
+    this.$confirmation.hide();
+    this.$button.on("click.password_toggler", (evt) => this.toggleVisibiliy(evt));
+    this.$input.on("change.password_toggler", () => {
+      this.$inputConfirmation.val(this.$input.val());
+    });
+    // to prevent browsers trying to use autocomplete, turn the type back to password before submitting
+    this.$form.on("submit.password_toggler", () => {
+      this.$inputConfirmation.val(this.$input.val());
+      this.hidePassword();
+    });
+  }
+
+  // Call destroy() to switch back to the original password/password confirmation boxes
+  destroy() {
+    this.$button.off("click.password_toggler");
+    this.$input.off("change.password_toggler");
+    this.$form.off("submit.password_toggler");
+    const $input = this.$input.detach();
+    this.$inputGroup.replaceWith($input);
+    this.$confirmation.show();
+  }
+
+  createControls() {
+    this.$button = $(`<button type="button"
+                            aria-controls="${this.$input.attr("id")}"
+                            aria-label="${this.texts.showPassword}">${this.icons.show}</button>`);
+    this.$buttonGroup = $('<span class="input-group"/>');
+    this.$statusText = $(`<span class="show-for-sr" aria-live="polite">${this.texts.hiddenPassword}</span>`);
+    // ensure error message is handled by foundation abide
+    this.$input.next(".form-error").attr("data-form-error-for", this.$input.attr("id"));
+    this.$buttonGroup.html(this.$button);
+    this.$input.wrap('<span class="input-inline-group"/>').
+      after(this.$statusText).
+      after(this.$buttonGroup);
+    this.$inputGroup = this.$input.parent();
+  }
+
+  toggleVisibiliy(evt) {
+    evt.preventDefault();
+    if (this.isText()) {
+      this.hidePassword();
+    } else {
+      this.showPassword();
+    }
+  }
+
+  showPassword() {
+    this.$statusText.text(this.texts.shownPassword);
+    this.$button.attr("aria-label", this.texts.hidePassword).addClass("crossed");
+    this.$input.attr("type", "text");
+  }
+
+  hidePassword() {
+    this.$statusText.text(this.texts.hiddenPassword);
+    this.$button.attr("aria-label", this.texts.showPassword).removeClass("crossed")
+    this.$input.attr("type", "password");
+  }
+
+  isText() {
+    return this.$input.attr("type") === "text"
+  }
+}

data/app/packs/stylesheets/decidim/friendly_signup/_input-groups.scss

@@ -0,0 +1,52 @@
+@import "stylesheets/decidim/variables";
+@import "stylesheets/decidim/utils/settings";
+
+.input-inline-group {
+  position: relative;
+  display: block;
+
+  .input-group {
+    position: absolute;
+    top: 0;
+    right: 0;
+    margin-right: 1em;
+    margin-top: .5em;
+    width: 1%;
+
+    button {
+      .icon {
+        width: 1.125em;
+        height: 1.125em;
+        margin: 5px;
+        color: $black;
+      }
+
+      &.crossed {
+        position: relative;
+
+        &::before {
+          content: "";
+          position: absolute;
+          top: 5px;
+          left: 5px;
+          background:
+            linear-gradient(
+              to right bottom,
+              transparent calc(50% - 1px),
+              black calc(50% - 1px),
+              black calc(50% + 1px),
+              transparent calc(50% + 1px)
+            ) no-repeat 0 0 / 100% 100%;
+          width: calc(100% - 10px);
+          height: calc(100% - 10px);
+        }
+      }
+    }
+  }
+}
+
+.register-form {
+  .input-group {
+    margin-top: .75em;
+  }
+}

data/app/views/decidim/account/_password_fields.html.erb

@@ -0,0 +1,16 @@
+<% if friendly_override_activated?(:override_passwords) %>
+  <span class="user-password"
+    data-show-password="<%= t "show_password", scope: "decidim.friendly_signup.shared.password_fields" %>"
+    data-hide-password="<%= t "hide_password", scope: "decidim.friendly_signup.shared.password_fields" %>"
+    data-hidden-password="<%= t "hidden_password", scope: "decidim.friendly_signup.shared.password_fields" %>"
+    data-shown-password="<%= t "shown_password", scope: "decidim.friendly_signup.shared.password_fields" %>">
+    <%= form.password_field :password, value: form.object.password, autocomplete: "off", help_text: t("devise.passwords.edit.password_help", minimun_characters: ::PasswordValidator::MINIMUM_LENGTH) %>
+  </span>
+
+  <span class="user-password-confirmation">
+    <%= form.password_field :password_confirmation, value: form.object.password_confirmation, autocomplete: "off" %>
+  </span>
+<% else %>
+  <%= form.password_field :password, value: form.object.password, autocomplete: "off", help_text: t("devise.passwords.edit.password_help", minimun_characters: ::PasswordValidator::MINIMUM_LENGTH) %>
+  <%= form.password_field :password_confirmation, value: form.object.password_confirmation, autocomplete: "off" %>
+<% end %>

data/app/views/decidim/devise/invitations/edit.html.erb

@@ -0,0 +1,76 @@
+<div class="wrapper">
+<div class="row collapse">
+  <div class="row collapse">
+    <div class="columns large-8 large-centered text-center page-title">
+      <h1><%= t "devise.invitations.edit.header" %></h1>
+
+      <p><%= t("devise.invitations.edit.subtitle").html_safe %></p>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="columns large-6 medium-10 medium-centered">
+      <%= decidim_form_for resource, namespace: "invitation", as: resource_name, url: invitation_path(resource_name, invite_redirect: params[:invite_redirect]), html: { method: :put, class: "register-form new_user" } do |f| %>
+        <div class="card">
+          <div class="card__content">
+            <legend><%= t("sign_up_as.legend", scope: "decidim.devise.registrations.new") %></legend>
+
+            <%= form_required_explanation %>
+
+            <%= f.hidden_field :invitation_token %>
+
+            <div class="user-nickname">
+              <div class="field">
+                <%= f.text_field :nickname, help_text: t("devise.invitations.edit.nickname_help", organization: current_organization.name), required: "required", prefix: { value: "@", small: 1, large: 1 } %>
+              </div>
+            </div>
+
+            <% if f.object.class.require_password_on_accepting %>
+              <%= render("decidim/friendly_signup/shared/password_fields", form: f, options: { required: "required", minlength: ::PasswordValidator::MINIMUM_LENGTH, maxlength: ::PasswordValidator::MAX_LENGTH }) %>
+            <% end %>
+          </div>
+        </div>
+
+        <div class="card" id="card__tos">
+          <div class="card__content">
+            <fieldset>
+              <legend><%= t("tos_title", scope: "decidim.devise.registrations.new") %></legend>
+              <p class="tos-text"><%= strip_tags(translated_attribute(terms_and_conditions_page.content)) %></p>
+            </fieldset>
+
+            <div class="field">
+              <% link = link_to t("terms", scope: "decidim.devise.registrations.new"), page_path("terms-and-conditions"), target: "_blank" %>
+              <% label = t("tos_agreement", scope: "decidim.devise.registrations.new", link: link) %>
+              <%= f.check_box :tos_agreement, label: label, required: "required" %>
+            </div>
+          </div>
+        </div>
+
+        <div class="card" id="card__newsletter">
+          <div class="card__content">
+
+            <fieldset>
+              <legend><%= t("newsletter_title", scope: "decidim.devise.registrations.new") %></legend>
+              <div class="field">
+                <%= label_tag :"#{resource_name}[newsletter_notifications]" do %>
+                  <%= check_box_tag :"#{resource_name}[newsletter_notifications]" %>
+                  <%= t("newsletter", scope: "decidim.devise.registrations.new") %>
+                <% end %>
+              </div>
+            </fieldset>
+          </div>
+        </div>
+
+        <div class="card">
+          <div class="card__content">
+            <div class="actions">
+              <%= f.submit t("devise.invitations.edit.submit_button"), class: "button expanded" %>
+            </div>
+          </div>
+        </div>
+
+      <% end %>
+    </div>
+  </div>
+</div>
+</div>

data/app/views/decidim/devise/passwords/edit.html.erb

@@ -0,0 +1,31 @@
+<div class="wrapper">
+<div class="row collapse">
+  <div class="row collapse">
+    <div class="columns large-8 large-centered text-center page-title">
+      <h1><%= t("devise.passwords.edit.change_your_password") %></h1>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="columns medium-7 large-5 medium-centered">
+      <div class="card">
+        <div class="card__content">
+          <%= decidim_form_for(resource, namespace: "password", as: resource_name, url: password_path(resource_name), html: { method: :put, class: "register-form new_user" }) do |f| %>
+            <%= form_required_explanation %>
+
+            <%= f.hidden_field :reset_password_token %>
+
+            <%= render("decidim/friendly_signup/shared/password_fields", form: f, options: { autocomplete: "off", help_text: t("devise.passwords.edit.password_help", minimun_characters: ::PasswordValidator::MINIMUM_LENGTH) }) %>
+
+            <div class="actions">
+              <%= f.submit t("devise.passwords.edit.change_my_password"), class: "button expanded" %>
+            </div>
+          <% end %>
+
+          <%= render "decidim/devise/shared/links" %>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</div>

data/app/views/decidim/devise/registrations/new.html.erb

@@ -0,0 +1,91 @@
+<% add_decidim_page_title(t(".sign_up")) %>
+
+<% content_for :devise_links do %>
+  <%= render "decidim/devise/shared/links" %>
+<% end %>
+
+<div class="wrapper">
+<div class="row collapse">
+  <div class="row collapse">
+    <div class="columns large-8 large-centered text-center page-title">
+      <h1><%= t(".sign_up") %></h1>
+      <p>
+        <%= t(".subtitle") %>
+      </p>
+      <p>
+        <%= t(".already_have_an_account?") %>
+        <%= link_to t(".sign_in"), new_user_session_path %>
+      </p>
+    </div>
+  </div>
+
+  <% cache current_organization do %>
+    <%= render "decidim/devise/shared/omniauth_buttons" %>
+  <% end %>
+
+  <div class="row">
+    <div class="columns large-6 medium-10 medium-centered">
+
+      <%= decidim_form_for(@form, namespace: "registration", as: resource_name, url: registration_path(resource_name), html: { class: "register-form new_user", id: "register-form" }) do |f| %>
+        <%= invisible_captcha %>
+        <div class="card">
+          <div class="card__content">
+            <%= form_required_explanation %>
+
+            <div class="user-person">
+              <div class="field">
+                <%= f.text_field :name, help_text: t(".username_help") %>
+              </div>
+            </div>
+
+            <div class="user-nickname">
+              <div class="field">
+                <%= f.text_field :nickname, help_text: t(".nickname_help", organization: current_organization.name), prefix: { value: "@", small: 1, large: 1 } %>
+              </div>
+            </div>
+
+            <div class="field">
+              <%= f.email_field :email %>
+            </div>
+
+            <%= render("decidim/friendly_signup/shared/password_fields", form: f, options: { help_text: t(".password_help", minimun_characters: ::PasswordValidator::MINIMUM_LENGTH), autocomplete: "off" }) %>
+          </div>
+        </div>
+
+        <div class="card" id="card__tos">
+          <div class="card__content">
+            <h3><%= t(".tos_title") %></h3>
+
+            <p class="tos-text">
+              <%= strip_tags(translated_attribute(terms_and_conditions_page.content)) %>
+            </p>
+
+            <div class="field">
+              <%= f.check_box :tos_agreement, label: t(".tos_agreement", link: link_to(t(".terms"), page_path("terms-and-conditions"))) %>
+            </div>
+          </div>
+        </div>
+
+        <div class="card" id="card__newsletter">
+          <div class="card__content">
+            <h3><%= t(".newsletter_title") %></h3>
+              <div class="field">
+                <%= f.check_box :newsletter, label: t(".newsletter"), checked: @form.newsletter %>
+              </div>
+          </div>
+        </div>
+
+        <div class="card">
+          <div class="card__content">
+            <div class="actions">
+              <%= f.submit t("devise.registrations.new.sign_up"), class: "button expanded" %>
+            </div>
+            <%= yield :devise_links %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>
+</div>
+<%= render "decidim/devise/shared/newsletter_modal" %>

data/app/views/decidim/friendly_signup/shared/_password_fields.html.erb

@@ -0,0 +1,25 @@
+<% if friendly_override_activated?(:override_passwords) %>
+  <div class="user-password"
+    data-show-password="<%= t ".show_password" %>"
+    data-hide-password="<%= t ".hide_password" %>"
+    data-hidden-password="<%= t ".hidden_password" %>"
+    data-shown-password="<%= t ".shown_password" %>">
+    <div class="field">
+      <%= form.password_field :password, options %>
+    </div>
+  </div>
+
+  <div class="user-password-confirmation">
+    <div class="field">
+      <%= form.password_field :password_confirmation, options.except(:help_text, :autocomplete) %>
+    </div>
+  </div>
+<% else %>
+  <div class="field">
+    <%= form.password_field :password, options %>
+  </div>
+
+  <div class="field">
+    <%= form.password_field :password_confirmation %>
+  </div>
+<% end %>

data/config/assets.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+base_path = File.expand_path("..", __dir__)
+
+Decidim::Webpacker.register_path("#{base_path}/app/packs")
+Decidim::Webpacker.register_entrypoints(
+  decidim_friendly_signup: "#{base_path}/app/packs/entrypoints/decidim_friendly_signup.js"
+)

data/config/i18n-tasks.yml

@@ -0,0 +1,14 @@
+---
+
+base_locale: en
+locales: [en]
+
+data:
+  external:
+    - "<%= %x[bundle info decidim-core --path].chomp %>/config/locales/%{locale}.yml"
+
+ignore_unused:
+  - "decidim.components.friendly_signup.name"
+
+ignore_missing:
+  - decidim.participatory_processes.scopes.global

data/config/locales/en.yml

@@ -0,0 +1,10 @@
+---
+en:
+  decidim:
+    friendly_signup:
+      shared:
+        password_fields:
+          hidden_password: Your password is hidden
+          hide_password: Hide password
+          show_password: Show password
+          shown_password: Your password is shown

data/lib/decidim/friendly_signup/engine.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+require "rails"
+require "decidim/core"
+
+module Decidim
+  module FriendlySignup
+    # This is the engine that runs on the public interface of friendly_signup.
+    class Engine < ::Rails::Engine
+      isolate_namespace Decidim::FriendlySignup
+
+      # Prepare a zone to create overrides
+      # https://edgeguides.rubyonrails.org/engines.html#overriding-models-and-controllers
+      # overrides
+      config.after_initialize do
+        Decidim::Devise::RegistrationsController.include(Decidim::FriendlySignup::NeedsHeaderSnippets)
+        Decidim::Devise::InvitationsController.include(Decidim::FriendlySignup::NeedsHeaderSnippets)
+        Decidim::Devise::PasswordsController.include(Decidim::FriendlySignup::NeedsHeaderSnippets)
+        Decidim::AccountController.include(Decidim::FriendlySignup::NeedsHeaderSnippets)
+      end
+
+      initializer "FriendlySignup.webpacker.assets_path" do
+        Decidim.register_assets_path File.expand_path("app/packs", root)
+      end
+    end
+  end
+end