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

const style = `
text.title-nr {
  font-size: 24pt;
  font-weight: 700;
  text-anchor: middle;
  dominant-baseline: reset-size;
}
text.title-name {
      font-size: 7pt;
      font-weight: 500;
      text-anchor: middle;
      dominant-baseline: reset-size;
}
text.title-pattern {
      font-size: 4pt;
      font-weight: 500;
      dominant-baseline: reset-size;
      text-anchor: middle;
      font-style: italic;
}
`

export const plugin = {
  name,
  version,
  hooks: {
    preRender: (svg) => {
      if (svg.style.indexOf(`test.title-nr`) === -1) svg.style += style
    },
  },
  macros: {
    title: function (so, { points, scale, locale, store, part, getCutOnFold }) {
      const prefix = so.prefix || ''
      let overwrite = !so.append

      // Passing `false` will remove the title
      if (so === false || overwrite) {
        Object.keys(points).forEach((p) => {
          if (p.startsWith(`_${prefix}_title`) || p === `_${prefix}_exportDate`) delete points[p]
        })

        if (so === false) return true
      }

      const transform = function (anchor) {
        const cx = anchor.x - so.scale * anchor.x
        const cy = anchor.y - so.scale * anchor.y

        return `matrix(${so.scale}, 0, 0, ${so.scale}, ${cx}, ${cy}) rotate(${so.rotation} ${anchor.x} ${anchor.y})`
      }
      let shift = 8
      const nextPoint = (text, textClass, shiftAmt = shift) => {
        const newPoint = so.at.shift(-90 - so.rotation, shiftAmt * so.scale)
        newPoint.attr('data-text-transform', transform(newPoint)).addText(text, textClass)
        return newPoint
      }
      const defaults = {
        scale: 1,
        rotation: 0,
        cutlist: true,
      }

      so = { ...defaults, ...so }
      so.scale = so.scale * scale

      points[`_${prefix}_titleNr`] = so.at
        .clone()
        .attr('data-text', so.nr, overwrite)
        .attr('data-text-class', 'text-4xl fill-note font-bold')
        .attr('data-text-transform', transform(so.at))

      if (so.title) {
        points[`_${prefix}_titleName`] = nextPoint(so.title, 'text-lg fill-current font-bold')
        shift += 8
      }

      const partCutlist = store.get(['cutlist', part.name])
      if (so.cutlist && partCutlist?.materials) {
        for (const material in partCutlist.materials) {
          const matCut = partCutlist.materials[material]
          const cutPoint = nextPoint('plugin:cut', 'text-md fill-current')
          cutPoint.addText(matCut.cut)
          if (!matCut.indentical && matCut.cut > 1) cutPoint.addText('plugin:paired')
          if (typeof getCutOnFold(material) === 'number') cutPoint.addText('plugin:onFoldLower')
          cutPoint.addText('plugin:from').addText('plugin:' + material)

          points[`_${prefix}_titleCut_${material}`] = cutPoint
          shift += 8
        }
      }

      let name = store.data?.name || 'No Name'
      name = name.replace('@freesewing/', '')
      name += 'v' + (store.data?.version || 'No Version')
      points[`_${prefix}_titlePattern`] = nextPoint(name, 'fill-note')

      if (store.data.for) {
        shift += 8
        points[`_${prefix}_titleFor`] = nextPoint(`( ${store.data.for} )`, 'fill-current font-bold')
      }
      shift += 6
      const now = new Date()
      let hours = now.getHours()
      let mins = now.getMinutes()
      if (hours < 10) hours = `0${hours}`
      if (mins < 10) mins = `0${mins}`
      const exportDate = now.toLocaleDateString(locale || 'en', {
        weekday: 'long',
        year: 'numeric',
        month: 'short',
        day: 'numeric',
      })
      points[`_${prefix}_exportDate`] = nextPoint(`${exportDate}@ ${hours}:${mins}`, 'text-sm')
    },
  },
}

// More specifically named exports
export const titlePlugin = plugin
export const pluginTitle = plugin