freesewing/packages/plugin-scalebox/src/index.js

import { version, name } from "../package.json";

export default {
  name: name,
  version: version,
  hooks: {
    preRender: function(svg) {
      svg.attributes.add("freesewing:plugin-scalebox", version);
    }
  },
  macros: {
    scalebox: function(so) {
      // Box points
      this.points.__scaleboxMetricTopLeft = new this.Point(
        so.at.x - 50,
        so.at.y - 25
      );
      this.points.__scaleboxMetricTopRight = new this.Point(
        so.at.x + 50,
        so.at.y - 25
      );
      this.points.__scaleboxMetricBottomLeft = new this.Point(
        so.at.x - 50,
        so.at.y + 25
      );
      this.points.__scaleboxMetricBottomRight = new this.Point(
        so.at.x + 50,
        so.at.y + 25
      );
      this.points.__scaleboxImperialTopLeft = new this.Point(
        so.at.x - 50.8,
        so.at.y - 25.4
      );
      this.points.__scaleboxImperialTopRight = new this.Point(
        so.at.x + 50.8,
        so.at.y - 25.4
      );
      this.points.__scaleboxImperialBottomLeft = new this.Point(
        so.at.x - 50.8,
        so.at.y + 25.4
      );
      this.points.__scaleboxImperialBottomRight = new this.Point(
        so.at.x + 50.8,
        so.at.y + 25.4
      );
      // Text anchor points
      this.points.__scaleboxLead = new this.Point(so.at.x - 45, so.at.y - 15);
      this.points.__scaleboxTitle = this.points.__scaleboxLead.shift(-90, 10);
      this.points.__scaleboxText = this.points.__scaleboxTitle.shift(-90, 8);
      this.points.__scaleboxLink = this.points.__scaleboxText.shift(-90, 8);
      this.points.__scaleboxMetric = new this.Point(so.at.x, so.at.y + 20);
      this.points.__scaleboxImperial = new this.Point(so.at.x, so.at.y + 24);
      // Rotation
      if (so.rotate) {
        let points = [
          "__scaleboxMetricTopLeft",
          "__scaleboxMetricTopRight",
          "__scaleboxMetricBottomLeft",
          "__scaleboxMetricBottomRight",
          "__scaleboxImperialTopLeft",
          "__scaleboxImperialTopRight",
          "__scaleboxImperialBottomLeft",
          "__scaleboxImperialBottomRight",
          "__scaleboxLead",
          "__scaleboxTitle",
          "__scaleboxText",
          "__scaleboxLink",
          "__scaleboxMetric",
          "__scaleboxImperial"
        ];
        for (let pid of points)
          this.points[pid] = this.points[pid].rotate(so.rotate, so.at);
        for (let pid of points.slice(8)) {
          this.points[pid].attributes.set(
            "data-text-transform",
            `rotate(${so.rotate * -1}, ${this.points[pid].x}, ${
              this.points[pid].y
            })`
          );
        }
      }
      // Paths
      this.paths.__scaleboxImperial = new this.Path()
        .move(this.points.__scaleboxImperialTopLeft)
        .line(this.points.__scaleboxImperialBottomLeft)
        .line(this.points.__scaleboxImperialBottomRight)
        .line(this.points.__scaleboxImperialTopRight)
        .close()
        .attr("style", "fill: #000; stroke: none;");
      this.paths.__scaleboxMetric = new this.Path()
        .move(this.points.__scaleboxMetricTopLeft)
        .line(this.points.__scaleboxMetricBottomLeft)
        .line(this.points.__scaleboxMetricBottomRight)
        .line(this.points.__scaleboxMetricTopRight)
        .close()
        .attr("style", "fill: #FFF; stroke: none;");
      // Lead
      this.points.__scaleboxLead = this.points.__scaleboxLead
        .attr("data-text", so.lead || "freesewing")
        .attr("data-text-class", "text-sm");
      // Title
      if (so.title)
        this.points.__scaleboxTitle.attributes.set("data-text", so.title);
      else {
        this.points.__scaleboxTitle = this.points.__scaleboxTitle
          .attr("data-text", this.context.config.name)
          .attr("data-text", "v" + this.context.config.version);
      }
      this.points.__scaleboxTitle.attributes.add("data-text-class", "text-lg");
      // Text
      if (typeof so.text === "string") {
        this.points.__scaleboxText.attr("data-text", so.text);
      } else {
        this.points.__scaleboxText
          .attr("data-text", "freesewingIsMadeByJoostDeCockAndContributors")
          .attr("data-text", "\n")
          .attr("data-text", "withTheFinancialSupportOfOurPatrons");
        this.points.__scaleboxLink = this.points.__scaleboxLink
          .attr("data-text", "freesewing.org/patrons/join")
          .attr("data-text-class", "text-xs fill-note");
      }
      this.points.__scaleboxText
        .attr("data-text-class", "text-xs")
        .attr("data-text-lineheight", 4);
      // Instructions
      this.points.__scaleboxMetric = this.points.__scaleboxMetric
        .attr("data-text", "theWhiteInsideOfThisBoxShouldMeasure")
        .attr("data-text", "10cm")
        .attr("data-text", "x")
        .attr("data-text", "5cm")
        .attr("data-text-class", "text-xs center");
      this.points.__scaleboxImperial = this.points.__scaleboxImperial
        .attr("data-text", "theBlackOutsideOfThisBoxShouldMeasure")
        .attr("data-text", '4"')
        .attr("data-text", "x")
        .attr("data-text", '2"')
        .attr("data-text-class", "text-xs center ");
    }
  }
};