@stringsync/vexml
Version:
MusicXML to Vexflow
152 lines (151 loc) • 6.65 kB
JavaScript
"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || (function () {
var ownKeys = function(o) {
ownKeys = Object.getOwnPropertyNames || function (o) {
var ar = [];
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
return ar;
};
return ownKeys(o);
};
return function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
__setModuleDefault(result, mod);
return result;
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
exports.System = void 0;
const util = __importStar(require("../util"));
const spatial_1 = require("../spatial");
const measure_1 = require("./measure");
const pen_1 = require("./pen");
class System {
config;
log;
document;
key;
width;
position;
constructor(config, log, document, key, width, position) {
this.config = config;
this.log = log;
this.document = document;
this.key = key;
this.width = width;
this.position = position;
}
render() {
const pen = new pen_1.Pen(this.position);
const measureRenders = this.renderMeasures(pen);
const rect = spatial_1.Rect.merge(measureRenders.map((measure) => measure.rect));
return {
type: 'system',
key: this.key,
rect,
measureRenders,
};
}
renderMeasures(pen) {
const measureRenders = new Array();
const measureCount = this.document.getMeasures(this.key).length;
const measureWidths = this.getMeasureWidths();
let multiRestCount = 0;
for (let measureIndex = 0; measureIndex < measureCount; measureIndex++) {
const measureKey = { ...this.key, measureIndex };
const width = measureWidths?.at(measureIndex) || null;
if (multiRestCount === 0) {
const measure = new measure_1.Measure(this.config, this.log, this.document, measureKey, pen.position(), width);
const measureRender = measure.render();
measureRenders.push(measureRender);
multiRestCount = Math.max(0, measureRender.multiRestCount - 1);
pen.moveBy({ dx: measureRender.rect.w });
}
else {
multiRestCount--;
}
}
return measureRenders;
}
getMeasureWidths() {
// If there is no width, we should use the minimum required widths by returning null.
if (!this.width) {
return null;
}
// If there is only one measure, stretch it to the configured width.
const isLastSystem = this.document.isLastSystem(this.key);
const measureCount = this.document.getMeasureCount(this.key);
if (!isLastSystem && measureCount === 1) {
return [this.width];
}
// Otherwise, we need to determine the minimum required widths of each measure by rendering it.
const minRequiredMeasureWidths = new Array();
// Collect the absolute measure indexes to reflow as a single system. This will allow us to account for contextual
// widths such as part labels (for first system and first measure) and stave connectors (for first measure entry in
// any system).
let document = this.document;
if (measureCount > 0) {
const from = this.document.getAbsoluteMeasureIndex({ ...this.key, measureIndex: 0 });
const to = this.document.getAbsoluteMeasureIndex({ ...this.key, measureIndex: measureCount - 1 });
document = this.document.clone();
this.sliceMeasures(document, from, to);
if (this.key.systemIndex > 0) {
this.removePartLabels(document);
}
}
let multiRestCount = 0;
for (let measureIndex = 0; measureIndex < measureCount; measureIndex++) {
// In here, we're not going to use `this.document`. We're going to use the modified document that only has a
// single system. We also need to update the key to reflect this.
const key = { systemIndex: 0, measureIndex };
if (multiRestCount === 0) {
const measureRender = new measure_1.Measure(this.config, this.log, document, key, spatial_1.Point.origin(), null).render();
minRequiredMeasureWidths.push(measureRender.rect.w);
multiRestCount = Math.max(0, measureRender.multiRestCount - 1);
}
else {
minRequiredMeasureWidths.push(0);
multiRestCount--;
}
}
const totalMinRequiredSystemWidth = util.sum(minRequiredMeasureWidths);
const systemFraction = totalMinRequiredSystemWidth / this.width;
if (this.document.isLastSystem(this.key) && systemFraction < this.config.LAST_SYSTEM_WIDTH_STRETCH_THRESHOLD) {
return minRequiredMeasureWidths;
}
const measureWidths = new Array();
for (let measureIndex = 0; measureIndex < measureCount; measureIndex++) {
const minRequiredMeasureWidth = minRequiredMeasureWidths.at(measureIndex) ?? 0;
const measureFraction = minRequiredMeasureWidth / totalMinRequiredSystemWidth;
measureWidths.push(measureFraction * this.width);
}
return measureWidths;
}
sliceMeasures(document, from, to) {
const measures = document.getSystems().flatMap((system) => system.measures);
const slice = measures.slice(from, to + 1);
document.getScore().systems = [{ type: 'system', measures: slice }];
}
removePartLabels(document) {
document.getScore().partLabels = [];
}
}
exports.System = System;