@eriese recommendations

plugins/plugin-annotations/src/buttons.mjs

@@ -1,4 +1,5 @@
-const defs = [
+// Export defs
+export const buttonsDefs = [
   {
     name: 'button',
     def: `
@@ -84,14 +85,3 @@ const defs = [
 </g>`,
   },
 ]
-
-// Export hooks
-export const buttonsHooks = {
-  preRender: [
-    function (svg) {
-      for (const def of defs) {
-        svg.defs.setIfUnset(def.name, def.def)
-      }
-    },
-  ],
-}

plugins/plugin-annotations/src/cutonfold.mjs

@@ -1,4 +1,5 @@
-const defs = [
+// Export defs
+export const cutonfoldDefs = [
   {
     name: 'cutonfoldFrom',
     def: `
@@ -15,16 +16,6 @@ const defs = [
   },
 ]
 
-// Export hooks
-export const cutonfoldHooks = {
-  preRender: [
-    function (svg) {
-      for (const def of defs) {
-        svg.defs.setIfUnset(def.name, def.def)
-      }
-    },
-  ],
-}
 // Export macros
 export const cutonfoldMacros = {
   cutonfold: function (so, { points, paths, Path, complete, setCutOnFold, setGrain, scale }) {

plugins/plugin-annotations/src/dimensions.mjs

@@ -1,4 +1,5 @@
-const defs = [
+// Export defs
+export const dimensionsDefs = [
   {
     name: 'dimensionFrom',
     def: `
@@ -79,16 +80,7 @@ function lleader(so, type, props, id) {
   return point
 }
 
-// Export hooks and macros
-export const dimensionsHooks = {
-  preRender: [
-    function (svg) {
-      for (const def of defs) {
-        svg.defs.setIfUnset(def.name, def.def)
-      }
-    },
-  ],
-}
+// Export macros
 export const dimensionsMacros = {
   // horizontal
   hd: function (so, props) {

plugins/plugin-annotations/src/grainline.mjs

@@ -1,4 +1,5 @@
-const defs = [
+// Export defs
+export const grainlineDefs = [
   {
     name: 'grainlineFrom',
     def: `
@@ -17,16 +18,7 @@ const defs = [
 
 const dflts = { text: 'grainline' }
 
-// Export hooks and macros
-export const grainlineHooks = {
-  preRender: [
-    function (svg) {
-      for (const def of defs) {
-        svg.defs.setIfUnset(def.name, def.def)
-      }
-    },
-  ],
-}
+// Export macros
 export const grainlineMacros = {
   grainline: function (so = {}, { points, paths, Path, complete, setGrain }) {
     if (so === false) {

plugins/plugin-annotations/src/index.mjs

@@ -1,8 +1,8 @@
 import { name, version } from '../data.mjs'
-// Hooks only
-import { buttonsHooks } from './buttons.mjs'
-import { logoHooks } from './logo.mjs'
-import { notchesHooks } from './notches.mjs'
+// Defs only
+import { buttonsDefs } from './buttons.mjs'
+import { logoDefs } from './logo.mjs'
+import { notchesDefs } from './notches.mjs'
 // Macros only
 import { bannerMacros } from './banner.mjs'
 import { bannerboxMacros } from './bannerbox.mjs'
@@ -10,26 +10,36 @@ import { bartackMacros } from './bartack.mjs'
 import { crossboxMacros } from './crossbox.mjs'
 import { scaleboxMacros } from './scalebox.mjs'
 import { titleMacros } from './title.mjs'
-// Hooks and Macros
-import { cutonfoldMacros, cutonfoldHooks } from './cutonfold.mjs'
-import { dimensionsMacros, dimensionsHooks } from './dimensions.mjs'
-import { grainlineMacros, grainlineHooks } from './grainline.mjs'
-import { pleatMacros, pleatHooks } from './pleat.mjs'
-import { sewtogetherMacros, sewtogetherHooks } from './sewtogether.mjs'
+// Defs and Macros
+import { cutonfoldMacros, cutonfoldDefs } from './cutonfold.mjs'
+import { dimensionsMacros, dimensionsDefs } from './dimensions.mjs'
+import { grainlineMacros, grainlineDefs } from './grainline.mjs'
+import { pleatMacros, pleatDefs } from './pleat.mjs'
+import { sewtogetherMacros, sewtogetherDefs } from './sewtogether.mjs'
 
 export const plugin = {
   name,
   version,
   hooks: {
     preRender: [
-      ...buttonsHooks.preRender,
-      ...logoHooks.preRender,
-      ...notchesHooks.preRender,
-      ...cutonfoldHooks.preRender,
-      ...dimensionsHooks.preRender,
-      ...grainlineHooks.preRender,
-      ...pleatHooks.preRender,
-      ...sewtogetherHooks.preRender,
+      function (svg) {
+        const defs = [
+          ...buttonsDefs,
+          ...cutonfoldDefs,
+          ...dimensionsDefs,
+          ...grainlineDefs,
+          ...logoDefs,
+          ...notchesDefs,
+          ...pleatDefs,
+          ...sewtogetherDefs,
+        ]
+        for (const def of defs) {
+          svg.defs.setIfUnset(
+            def.name,
+            typeof def.def === 'function' ? def.def(svg.pattern.settings[0].scale) : def.def
+          )
+        }
+      },
     ],
   },
   macros: {

plugins/plugin-annotations/src/notches.mjs

@@ -1,4 +1,5 @@
-const defs = [
+// Export hooks
+export const notchesDefs = [
   {
     name: 'notch',
     def: `
@@ -16,14 +17,3 @@ const defs = [
 </g>`,
   },
 ]
-
-// Export hooks
-export const notchesHooks = {
-  preRender: [
-    function (svg) {
-      for (const def of defs) {
-        svg.defs.setIfUnset(def.name, def.def)
-      }
-    },
-  ],
-}

plugins/plugin-annotations/src/pleat.mjs

@@ -1,17 +1,14 @@
-const markers = `
+// Export defs
+export const pleatDefs = [
+  {
+    name: 'notch',
+    def: `
 <marker id="pleatTo" markerWidth="12" markerHeight="8" orient="auto" refY="4" refX="12">
   <path class="note fill-note" d="M 12,4 L 0,0 C 2,2 2,6  0,8 z" />
 </marker>
-`
-
-// Export hooks
-export const pleatHooks = {
-  preRender: [
-    function (svg) {
-      svg.defs.setIfUnset('pleatTo', markers)
-    },
-  ],
-}
+`,
+  },
+]
 
 // Export macros
 export const pleatMacros = {

plugins/plugin-annotations/src/sewtogether.mjs

@@ -1,4 +1,5 @@
-const defs = [
+// Export defs
+export const sewtogetherDefs = [
   {
     name: 'sewTogetherStart',
     def: `
@@ -22,17 +23,6 @@ const defs = [
   },
 ]
 
-// Export hooks
-export const sewtogetherHooks = {
-  preRender: [
-    function (svg) {
-      for (const def of defs) {
-        svg.defs.setIfUnset(def.name, def.def)
-      }
-    },
-  ],
-}
-
 // Export macros
 export const sewtogetherMacros = {
   sewTogether: function (so, { points, paths, Path, complete, sa }) {