mirror of
https://github.com/skishore/makemeahanzi.git
synced 2025-10-30 02:18:16 +08:00
111 lines
3.2 KiB
JavaScript
111 lines
3.2 KiB
JavaScript
"use strict";
|
|
|
|
Session.set('editor.glyph', undefined);
|
|
|
|
const types = ['path', 'bridges', 'strokes', 'analysis', 'order', 'settled'];
|
|
let last_glyph = undefined;
|
|
let stage = new stages.AbstractStage;
|
|
|
|
const changeGlyph = (method, argument) => {
|
|
argument = argument || Session.get('editor.glyph');
|
|
Meteor.call(method, argument, function(error, data) {
|
|
assert(!error);
|
|
Session.set('editor.glyph', data);
|
|
window.location.hash = data.character;
|
|
});
|
|
}
|
|
|
|
const constructStage = (type) => {
|
|
const glyph = Session.get('editor.glyph');
|
|
stage = new stages[type](glyph);
|
|
stage.forceRefresh = forceRefresh;
|
|
stage.forceRefresh();
|
|
}
|
|
|
|
const forceRefresh = () => {
|
|
const glyph = Session.get('editor.glyph');
|
|
stage.refreshUI(glyph.character, glyph.metadata);
|
|
const output = stage.getStageOutput();
|
|
if (!_.isEqual(output, glyph.stages[stage.type])) {
|
|
glyph.stages[stage.type] = output;
|
|
for (let i = types.indexOf(stage.type) + 1; i < types.length; i++) {
|
|
glyph.stages[types[i]] = null;
|
|
}
|
|
Session.set('editor.glyph', glyph);
|
|
}
|
|
}
|
|
|
|
const incrementStage = (amount) => {
|
|
const index = types.indexOf(stage.type);
|
|
if (index < 0) return;
|
|
const new_index = index + amount;
|
|
if (new_index < 0 || new_index >= types.length) return;
|
|
constructStage(types[new_index]);
|
|
}
|
|
|
|
const loadCharacter = () => {
|
|
const character = window.location.hash[1];
|
|
const glyph = Session.get('editor.glyph');
|
|
if (!character) {
|
|
changeGlyph('getNextGlyph');
|
|
} else if (!glyph || glyph.character !== character) {
|
|
changeGlyph('getGlyph', character);
|
|
}
|
|
}
|
|
|
|
const bindings = {
|
|
a: () => changeGlyph('getPreviousGlyph'),
|
|
w: () => incrementStage(-1),
|
|
d: () => changeGlyph('getNextGlyph'),
|
|
s: () => incrementStage(1),
|
|
};
|
|
|
|
// We avoid arrow functions in this map so that this is bound to the template.
|
|
Template.editor.events({
|
|
'click svg .selectable': function(event) {
|
|
stage.handleEvent(event, this);
|
|
stage.forceRefresh();
|
|
}
|
|
});
|
|
|
|
Template.editor.helpers({
|
|
paths: () => Session.get('stage.paths'),
|
|
lines: () => Session.get('stage.lines'),
|
|
points: () => Session.get('stage.points'),
|
|
});
|
|
|
|
Template.status.helpers({
|
|
stage: () => Session.get('stage.type'),
|
|
template: () => `${Session.get('stage.type')}_stage`,
|
|
lines: () => Session.get('stage.status'),
|
|
});
|
|
|
|
Tracker.autorun(() => {
|
|
const glyph = Session.get('editor.glyph');
|
|
if (!glyph) return;
|
|
if (!last_glyph || glyph.character !== last_glyph.character) {
|
|
let last_completed_stage = types[0];
|
|
types.map((x) => { if (glyph.stages[x]) last_completed_stage = x; });
|
|
last_completed_stage = 'analysis';
|
|
constructStage(last_completed_stage);
|
|
} else if (!_.isEqual(glyph.metadata, last_glyph.metadata)) {
|
|
stage.refreshUI(glyph.character, glyph.metadata);
|
|
}
|
|
last_glyph = glyph;
|
|
});
|
|
|
|
Meteor.startup(() => {
|
|
$('body').on('keypress', (event) => {
|
|
const key = String.fromCharCode(event.which);
|
|
if (bindings.hasOwnProperty(key)) {
|
|
bindings[key]();
|
|
} else if ('1' <= key && key <= '9') {
|
|
const index = key.charCodeAt(0) - '1'.charCodeAt(0);
|
|
const href = $('.metadata .reference')[index].href;
|
|
window.open(href, '_blank').focus();
|
|
}
|
|
});
|
|
$(window).on('hashchange', loadCharacter);
|
|
cjklib.promise.then(loadCharacter).catch(console.error.bind(console));
|
|
});
|