content: linkContribution: add preventWrapping slot

3 files changed, 29 insertions, 1 deletions

diff --git a/src/content/dependencies/linkContribution.js b/src/content/dependencies/linkContribution.js
index f4c05388..2219ae1d 100644
--- a/src/content/dependencies/linkContribution.js
+++ b/src/content/dependencies/linkContribution.js
@@ -36,6 +36,7 @@ export default {
   slots: {
     showContribution: {type: 'boolean', default: false},
     showIcons: {type: 'boolean', default: false},
+    preventWrapping: {type: 'boolean', default: true},
   },
 
   generate(data, relations, slots, {html, language}) {
@@ -63,7 +64,7 @@ export default {
     const content = language.formatString(parts.join('.'), options);
 
     return (
-      (parts.length > 1
+      (parts.length > 1 && slots.preventWrapping
         ? html.tag('span',
             {[html.noEdgeWhitespace]: true, class: 'nowrap'},
             content)
diff --git a/tap-snapshots/test/snapshot/linkContribution.js.test.cjs b/tap-snapshots/test/snapshot/linkContribution.js.test.cjs
index dd796898..7124ad18 100644
--- a/tap-snapshots/test/snapshot/linkContribution.js.test.cjs
+++ b/tap-snapshots/test/snapshot/linkContribution.js.test.cjs
@@ -35,6 +35,27 @@ exports[`test/snapshot/linkContribution.js TAP linkContribution (snapshot) > no
 <a href="artist/toby-fox/">Toby Fox</a>
 `
 
+exports[`test/snapshot/linkContribution.js TAP linkContribution (snapshot) > no preventWrapping 1`] = `
+<a href="artist/clark-powell/">Clark Powell</a> (<span class="icons"><a href="https://soundcloud.com/plazmataz" class="icon">
+        <svg>
+            <title>SoundCloud</title>
+            <use href="static/icons.svg#icon-soundcloud"></use>
+        </svg>
+    </a></span>)
+<a href="artist/the-big-baddies/">Grounder & Scratch</a> (Snooping)
+<a href="artist/toby-fox/">Toby Fox</a> (Arrangement) (<span class="icons"><a href="https://tobyfox.bandcamp.com/" class="icon">
+        <svg>
+            <title>Bandcamp</title>
+            <use href="static/icons.svg#icon-bandcamp"></use>
+        </svg>
+    </a>, <a href="https://toby.fox/" class="icon">
+        <svg>
+            <title>External (toby.fox)</title>
+            <use href="static/icons.svg#icon-globe"></use>
+        </svg>
+    </a></span>)
+`
+
 exports[`test/snapshot/linkContribution.js TAP linkContribution (snapshot) > only showContribution 1`] = `
 <a href="artist/clark-powell/">Clark Powell</a>
 <span class="nowrap"><a href="artist/the-big-baddies/">Grounder & Scratch</a> (Snooping)</span>
diff --git a/test/snapshot/linkContribution.js b/test/snapshot/linkContribution.js
index 10b1bd08..ccb74674 100644
--- a/test/snapshot/linkContribution.js
+++ b/test/snapshot/linkContribution.js
@@ -64,4 +64,10 @@ testContentFunctions(t, 'linkContribution (snapshot)', async (t, evaluate) => {
     ],
     slots: {showIcons: true},
   });
+
+  quickSnapshot('no preventWrapping', {
+    showContribution: true,
+    showIcons: true,
+    preventWrapping: false,
+  });
 });