makemeahanzi/client/lib/strokes.js

"use strict";

const getStatusLine = (actual, expected) => {
  const actual_text = `Extracted ${actual} stroke${actual === 1 ? '' : 's'}`;
  if (expected === undefined || expected === null) {
    return {cls: 'error', message: `${actual_text}. True number unknown.`};
  } else if (actual !== expected) {
    return {cls: 'error', message: `${actual_text}, but expected ${expected}.`};
  }
  return {cls: 'success', message: `${actual_text}.`};
}

const getStrokePaths = (strokes, include, colors) => {
  const result = [];
  for (let i = 0; i < strokes.length; i++) {
    const stroke = strokes[i];
    const color = include[stroke] ? colors[i % colors.length] : 'gray';
    result.push({cls: 'selectable', d: stroke, fill: color, stroke: 'black'});
  }
  return result;
}

stages.strokes = class StrokesStage extends stages.AbstractStage {
  constructor(glyph) {
    super(glyph);
    Session.set('stage.type', 'strokes');
    Session.set('stage.instructions',
                'Choose paths to include in the glyph by clicking on them. ' +
                'The final number of paths must agree with the stroke count ' +
                'in the character metadata.');
    const include = this.include = {};
    this.strokes = glyph.stages.strokes;
    this.strokes.map((stroke) => include[stroke] = true);
    this.refresh();
  }
  handleEvent(event, template) {
    assert(this.include.hasOwnProperty(template.d));
    this.include[template.d] = !this.include[template.d];
    this.refresh();
  }
  refresh(glyph) {
    this.glyph = glyph || this.glyph;
    this.glyph.stages.strokes = this.strokes.filter((x) => this.include[x]);
    Session.set('editor.glyph', this.glyph);
    Session.set('stage.paths',
                getStrokePaths(this.strokes, this.include, super.getColors()));
    const data = cjklib.getCharacterData(this.glyph.character);
    const actual = this.glyph.stages.strokes.length;
    const expected = this.glyph.metadata.strokes || data.strokes;
    Session.set('stage.status', [getStatusLine(actual, expected)]);
  }
}