From 86aa7b0d4d258f0ac7ca54656f8b55b98e6a838f Mon Sep 17 00:00:00 2001
From: John Dillick <john@dillick.us>
Date: Mon, 20 Mar 2023 11:53:53 -0400
Subject: [PATCH] Make it possibe to have image assets flow into sass partials
 from different domains

---
 .core/gulp.tasks.js | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/.core/gulp.tasks.js b/.core/gulp.tasks.js
index d6e7e43..1a2d963 100644
--- a/.core/gulp.tasks.js
+++ b/.core/gulp.tasks.js
@@ -486,12 +486,15 @@ const reactium = (gulp, config, webpackConfig) => {
 
     const pluginAssetsTemplate = data => {
         const template = handlebars.compile(`
+@use "sass:map";
+
+$assets: () !default;
+
 // Generated Data URLs from plugin-assets.json
-$assets: (
-    {{#each this}}
-    '{{key}}': '{{{dataURL}}}',
-    {{/each}}
-);`);
+{{#each this}}
+$assets: map.set($assets, "{{key}}", "{{{dataURL}}}");
+{{/each}}
+`);
 
         return template(data);
     };
@@ -501,7 +504,6 @@ $assets: (
         for (const file of files) {
             const manifest = path.resolve(file);
             const base = path.dirname(manifest);
-
             try {
                 let assets = fs.readFileSync(manifest);
                 assets = JSON.parse(assets);
@@ -510,6 +512,15 @@ $assets: (
                 const mappings = [];
                 for (const entry of entries) {
                     const [key, fileName] = entry;
+                    console.log(
+                        `Adding ${key}: ${path.resolve(
+                            base,
+                            fileName,
+                        )} to partial at ${path.resolve(
+                            base,
+                            '_plugin-assets.scss',
+                        )}`,
+                    );
                     const dataURL = await fileReader(
                         new File(path.resolve(base, fileName)),
                     );