import { name, version } from '../data.mjs'

const markers = `
<marker orient="auto" refY="4.0" refX="0.0" id="cutonfoldFrom" style="overflow:visible;" markerWidth="12" markerHeight="8">
	<path class="note fill-note" d="M 0,4 L 12,0 C 10,2 10,6  12,8 z" />
</marker>
<marker orient="auto" refY="4.0" refX="12.0" id="cutonfoldTo" style="overflow:visible;" markerWidth="12" markerHeight="8">
	<path class="note fill-note" d="M 12,4 L 0,0 C 2,2 2,6  0,8 z" />
</marker>
`

export const cutonfold = {
  name,
  version,
  hooks: {
    preRender: (svg) => {
      if (svg.defs.indexOf(markers) === -1) svg.defs += markers
    },
  },
  macros: {
    cutonfold: function (so, { points, paths, Path, complete, setCutOnFold, setGrain, scale }) {
      if (so === false) {
        delete points.cutonfoldFrom
        delete points.cutonfoldTo
        delete points.cutonfoldVia1
        delete points.cutonfoldVia2
        delete paths.cutonfold
        // setCutOnFold relies on plugin-cutlist
        if (typeof setCutOnFold === 'function') {
          setCutOnFold(false) // Restore default
        }
        return true
      }
      so = {
        offset: 15,
        margin: 5,
        prefix: 'cutonfold',
        ...so,
      }
      if (typeof setCutOnFold === 'function') {
        setCutOnFold(so.from, so.to)
        if (so.grainline) setGrain(so.from.angle(so.to))
      }
      if (complete) {
        points[so.prefix + 'From'] = so.from.shiftFractionTowards(so.to, so.margin / 100)
        points[so.prefix + 'To'] = so.to.shiftFractionTowards(so.from, so.margin / 100)
        points[so.prefix + 'Via1'] = points[so.prefix + 'From']
          .shiftTowards(so.from, so.offset * scale)
          .rotate(-90, points[so.prefix + 'From'])
        points[so.prefix + 'Via2'] = points[so.prefix + 'To']
          .shiftTowards(so.to, so.offset * scale)
          .rotate(90, points[so.prefix + 'To'])
        const text = so.grainline ? 'cutOnFoldAndGrainline' : 'cutOnFold'
        paths[so.prefix + 'Cutonfold'] = new Path()
          .move(points[so.prefix + 'From'])
          .line(points[so.prefix + 'Via1'])
          .line(points[so.prefix + 'Via2'])
          .line(points[so.prefix + 'To'])
          .attr('class', 'note')
          .attr('marker-start', 'url(#cutonfoldFrom)')
          .attr('marker-end', 'url(#cutonfoldTo)')
          .attr('data-text', text)
          .attr('data-text-class', 'center fill-note')
      }
    },
  },
}

// More specifically named exports
// export const cutonfoldPlugin = cutonfold
// export const pluginCutonfold = cutonfold