From 9f248ecb139fe90067d83e1d8e7bc2464fe1ef19 Mon Sep 17 00:00:00 2001
From: Joost De Cock <joost@joost.at>
Date: Tue, 11 Apr 2023 19:25:41 +0200
Subject: [PATCH] wip(plugintest): Work on updating plugintest design

---
 designs/plugintest/src/plugin-annotations.mjs | 4 ++--
 designs/plugintest/src/plugin-flip.mjs        | 5 +++++
 designs/plugintest/src/plugin-gore.mjs        | 5 +++++
 designs/plugintest/src/plugin-i18n.mjs        | 9 ++++++---
 designs/plugintest/src/plugin-logo.mjs        | 9 ++++++---
 5 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/designs/plugintest/src/plugin-annotations.mjs b/designs/plugintest/src/plugin-annotations.mjs
index d9b6722aee1..94ca8d78df9 100644
--- a/designs/plugintest/src/plugin-annotations.mjs
+++ b/designs/plugintest/src/plugin-annotations.mjs
@@ -309,7 +309,7 @@ const pluginAnnotations = ({
     })
 
     // macro = scalebox
-    x = 50
+    x = 45
     y += margin * 4.5
     points.scalebox = new Point(x, y)
     const scaleboxOptions = {
@@ -321,7 +321,7 @@ const pluginAnnotations = ({
     macro('scalebox', scaleboxOptions)
     macro('bannerbox', {
       topLeft: new Point(0, y - 20),
-      bottomRight: new Point(110, y + 30),
+      bottomRight: new Point(95, y + 20),
       title: 'macro = scalebox',
       margin,
     })
diff --git a/designs/plugintest/src/plugin-flip.mjs b/designs/plugintest/src/plugin-flip.mjs
index b589fe83529..c42ee38e9cc 100644
--- a/designs/plugintest/src/plugin-flip.mjs
+++ b/designs/plugintest/src/plugin-flip.mjs
@@ -29,6 +29,11 @@ const pluginFlip = ({ points, Point, paths, Path, snippets, Snippet, options, ma
     paths.b = new Path().move(points.e).curve(points.a, points.d, points.c)
 
     macro('flip', { axis: options.flipAxis })
+    macro('bannerbox', {
+      topLeft: new Point(-45, 5),
+      bottomRight: new Point(-5, 40),
+      title: 'macro = flip',
+    })
   }
 
   return part
diff --git a/designs/plugintest/src/plugin-gore.mjs b/designs/plugintest/src/plugin-gore.mjs
index 242cb60f9d4..d26dd8f3ac1 100644
--- a/designs/plugintest/src/plugin-gore.mjs
+++ b/designs/plugintest/src/plugin-gore.mjs
@@ -10,6 +10,11 @@ const pluginGore = ({ points, Point, options, macro, part }) => {
       gores: options.goreGoreNumber,
       extraLength: options.goreExtraLength,
     })
+    macro('bannerbox', {
+      topLeft: new Point(15, 5),
+      bottomRight: new Point(45, 5),
+      title: 'macro = gore',
+    })
   }
   return part
 }
diff --git a/designs/plugintest/src/plugin-i18n.mjs b/designs/plugintest/src/plugin-i18n.mjs
index 80a15b49ef0..20a75e28ef6 100644
--- a/designs/plugintest/src/plugin-i18n.mjs
+++ b/designs/plugintest/src/plugin-i18n.mjs
@@ -1,12 +1,15 @@
 // Not importing i18n since it's a run-time plugin loaded by workbench
 //import { i18nPlugin } from '@freesewing/plugin-i18n'
 
-const pluginI18n = ({ points, Point, paths, Path, options, part }) => {
+const pluginI18n = ({ points, Point, paths, Path, options, part, macro }) => {
   if (['i18n', 'all'].indexOf(options.plugin) !== -1) {
     points.a = new Point(0, 0).attr('data-text', 'cutTwoStripsToFinishTheArmholes')
 
-    // Prevent clipping of text
-    paths.box = new Path().move(new Point(0, -10)).line(new Point(130, 0)).attr('class', 'hidden')
+    macro('bannerbox', {
+      topLeft: new Point(0, 0),
+      bottomRight: new Point(105, 0),
+      title: 'plugin = i18n',
+    })
   }
 
   return part
diff --git a/designs/plugintest/src/plugin-logo.mjs b/designs/plugintest/src/plugin-logo.mjs
index e5ce570c922..933d468e93c 100644
--- a/designs/plugintest/src/plugin-logo.mjs
+++ b/designs/plugintest/src/plugin-logo.mjs
@@ -1,14 +1,17 @@
 import { base } from './base.mjs'
 
-const pluginLogo = ({ points, Point, paths, Path, snippets, Snippet, options, part }) => {
+const pluginLogo = ({ points, Point, paths, Path, snippets, Snippet, options, part, macro }) => {
   if (['logo', 'all'].indexOf(options.plugin) !== -1) {
     points.a = new Point(40, 40)
     snippets.a = new Snippet('logo', points.a)
       .attr('data-scale', options.logoScale)
       .attr('data-rotate', options.logoRotate)
 
-    // Prevent clipping of text
-    paths.box = new Path().move(new Point(0, 0)).line(new Point(80, 60)).attr('class', 'hidden')
+    macro('bannerbox', {
+      topLeft: new Point(25, 10),
+      bottomRight: new Point(60, 45),
+      title: 'snippet = logo',
+    })
   }
 
   return part