Apply the latests changes between 1.7.0-rc.2 ands 1.7.6

Author: gcauchon

.gitignore

@@ -3,8 +3,10 @@
 /db
 /deps
 /*.ez
-/cover
+
+# Temporary files
 /tmp
+/cover
 
 # Generated on crash by the VM
 erl_crash.dump

Makefile

@@ -8,6 +8,7 @@ DOCKER_IMAGE_TAG ?= $(APP_VERSION)
 DOCKER_REGISTRY ?=
 DOCKER_LOCAL_IMAGE:= $(APP_NAME):$(DOCKER_IMAGE_TAG)
 DOCKER_REMOTE_IMAGE:= $(DOCKER_REGISTRY)/$(DOCKER_LOCAL_IMAGE)
+HEROICONS_VERSION := 2.0.18
 
 # Linter and formatter configuration
 # ----------------------------------
@@ -90,6 +91,13 @@ sync-translations: ## Synchronize translations with Accent
 test: ## Run the test suite
 	mix test
 
+.PHONY: update-heroicons
+update-heroicons: ## Update Heroicons assets
+	cd assets/vendor && \
+	curl -L "https://github.com/tailwindlabs/heroicons/archive/refs/tags/v${HEROICONS_VERSION}.tar.gz" | \
+  tar -xvz --strip-components=1 heroicons-${HEROICONS_VERSION}/optimized
+	
+
 # Check, lint and format targets
 # ------------------------------
 

assets/tailwind.config.js

@@ -4,6 +4,8 @@
 // https://tailwindcss.com/docs/configuration
 
 const plugin = require('tailwindcss/plugin');
+const fs = require('fs');
+const path = require('path');
 
 module.exports = {
   content: ['./js/**/*.js', '../lib/*_web.ex', '../lib/*_web/**/*.*ex'],
@@ -16,6 +18,11 @@ module.exports = {
   },
   plugins: [
     require('@tailwindcss/forms'),
+    // Allows prefixing tailwind classes with LiveView classes to add rules
+    // only when LiveView classes are applied, for example:
+    //
+    //     <div class="phx-click-loading:animate-ping">
+    //
     plugin(({addVariant}) =>
       addVariant('phx-no-feedback', ['.phx-no-feedback&', '.phx-no-feedback &'])
     ),
@@ -36,6 +43,52 @@ module.exports = {
         '.phx-change-loading&',
         '.phx-change-loading &'
       ])
-    )
+    ),
+    plugin(({addVariant}) =>
+      addVariant('phx-change-loading', [
+        '.phx-change-loading&',
+        '.phx-change-loading &'
+      ])
+    ),
+
+    // Embeds Heroicons (https://heroicons.com) into your app.css bundle
+    // See your `CoreComponents.icon/1` for more information.
+    plugin(function ({matchComponents, theme}) {
+      let iconsDir = path.join(__dirname, './vendor/heroicons/optimized');
+      let values = {};
+      let icons = [
+        ['', '/24/outline'],
+        ['-solid', '/24/solid'],
+        ['-mini', '/20/solid']
+      ];
+      icons.forEach(([suffix, dir]) => {
+        fs.readdirSync(path.join(iconsDir, dir)).map((file) => {
+          let name = path.basename(file, '.svg') + suffix;
+          values[name] = {name, fullPath: path.join(iconsDir, dir, file)};
+        });
+      });
+      matchComponents(
+        {
+          hero: ({name, fullPath}) => {
+            let content = fs
+              .readFileSync(fullPath)
+              .toString()
+              .replace(/\r?\n|\r/g, '');
+            return {
+              [`--hero-${name}`]: `url('data:image/svg+xml;utf8,${content}')`,
+              '-webkit-mask': `var(--hero-${name})`,
+              mask: `var(--hero-${name})`,
+              'mask-repeat': 'no-repeat',
+              'background-color': 'currentColor',
+              'vertical-align': 'middle',
+              display: 'inline-block',
+              width: theme('spacing.5'),
+              height: theme('spacing.5')
+            };
+          }
+        },
+        {values}
+      );
+    })
   ]
 };

assets/vendor/heroicons/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Refactoring UI Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

assets/vendor/heroicons/UPGRADE.md

@@ -0,0 +1,6 @@
+You are running heroicons v2.0.18. To upgrade in place, you can run the following command,
+where your `HERO_VSN` export is your desired version:
+
+    export HERO_VSN="2.0.18" ; \
+      curl -L "https://github.com/tailwindlabs/heroicons/archive/refs/tags/v${HERO_VSN}.tar.gz" | \
+      tar -xvz --strip-components=1 heroicons-${HERO_VSN}/optimized