npm - smoosic - Versions diffs - 1.0.8 → 1.0.10 - Mend

smoosic 1.0.8 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (55) hide show

package/build/html/loading-unittest.html +2 -4
package/build/html/smoosic.html +0 -1
package/build/smoosic.js +19 -19
package/package.json +2 -3
package/release/smoosic.js +19 -19
package/src/application/exports.ts +3 -2
package/{build → src/common}/midi-parser.js +1 -1
package/src/render/sui/scoreView.ts +8 -0
package/src/render/vex/vxMeasure.ts +1 -1
package/src/smo/data/measure.ts +8 -3
package/src/smo/data/noteModifiers.ts +3 -3
package/src/smo/data/score.ts +6 -0
package/src/ui/dialogs/fileDialogs.ts +1 -1
package/src/ui/dialogs/preferences.ts +8 -2
package/types/src/application/exports.d.ts +526 -525
package/types/src/application/exports.d.ts.map +1 -1
package/types/src/common/midi-parser.d.ts +39 -0
package/types/src/common/midi-parser.d.ts.map +1 -0
package/types/src/common/vex.d.ts +2 -0
package/types/src/common/vex.d.ts.map +1 -1
package/types/src/render/sui/scoreViewOperations.d.ts +3 -3
package/types/src/render/sui/scoreViewOperations.d.ts.map +1 -1
package/types/src/render/vex/smoAdapter.d.ts +46 -46
package/types/src/render/vex/vxMeasure.d.ts.map +1 -1
package/types/src/smo/data/measure.d.ts +1 -0
package/types/src/smo/data/measure.d.ts.map +1 -1
package/types/src/smo/data/tuplet.d.ts.map +1 -1
package/types/src/smo/xform/copypaste.d.ts.map +1 -1
package/types/src/smo/xform/operations.d.ts +7 -1
package/types/src/smo/xform/operations.d.ts.map +1 -1
package/types/src/smo/xform/tickDuration.d.ts +6 -0
package/types/src/smo/xform/tickDuration.d.ts.map +1 -1
package/types/src/smo/xform/undo.d.ts.map +1 -1
package/types/src/ui/dialogs/components/baseComponent.d.ts +4 -0
package/types/src/ui/dialogs/components/baseComponent.d.ts.map +1 -1
package/types/src/ui/dialogs/components/rocker.d.ts +4 -0
package/types/src/ui/dialogs/components/rocker.d.ts.map +1 -1
package/types/src/ui/dialogs/customTuplets.d.ts +26 -0
package/types/src/ui/dialogs/customTuplets.d.ts.map +1 -0
package/types/src/ui/menus/beams.d.ts.map +1 -1
package/types/src/ui/menus/manager.d.ts.map +1 -1
package/types/src/ui/menus/menu.d.ts +136 -136
package/types/src/ui/menus/tuplets.d.ts +14 -0
package/types/src/ui/menus/tuplets.d.ts.map +1 -0
package/types/src/ui/ribbonLayout/default/defaultRibbon.d.ts.map +1 -1
package/types/tests/file-load.d.ts +1 -1
package/types/tests/file-load.d.ts.map +1 -1
package/build/html/penLoadFile.html +0 -50
package/build/html/penLoadXml.html +0 -51
package/release/html/asyncPen.html +0 -230
package/release/html/penLoadFile.html +0 -50
package/release/html/penLoadXml.html +0 -51
package/release/html/syncPen.html +0 -149
package/tests/file-load.ts +0 -62
package/tests/types/qunit.d.ts +0 -76

package/release/html/penLoadFile.html DELETED Viewed

@@ -1,50 +0,0 @@
-<!DOCTYPE HTML>
-<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
-<head>
-  <meta charset="utf-8">
-  <title>Smoosic Editor</title>
-  <link href="../styles/fonts.css" rel="stylesheet">
-  <link href="../styles/media.css" rel="stylesheet">
-  <link href="../styles/ribbon.css" rel="stylesheet">
-  <link href="../styles/dialogs.css" rel="stylesheet">
-  <link href="../styles/menus.css" rel="stylesheet">
-  <link href="../styles/piano.css" rel="stylesheet">
-  <link href="../styles/tree.css" rel="stylesheet">
-  <script type="text/javascript"
-    src="https://aarondavidnewman.github.io/vexflow_smoosic/releases/vexflow-debug.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.6.0/jszip.min.js"
-    integrity="sha512-uVSVjE7zYsGz4ag0HEzfugJ78oHCI1KhdkivjQro8ABL/PRiEO4ROwvrolYAcZnky0Fl/baWKYilQfWvESliRA=="
-    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-  <!-- script type="text/javascript" src="../../../vex_smoosic/vexflow_smoosic/build/vexflow-debug.js"></script  -->
-  <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.js"></script>
-  <script type="text/javascript" src="../smoosic.js"></script>
-  <script type="text/javascript">
-    document.addEventListener("DOMContentLoaded", function (event) {
-      // A simple music program using Smoosic in library mode.
-      // Load a Smoosic JSON file and render the score
-      const path = 'https://aarondavidnewman.github.io/Smoosic/release/library/hymns/Precious Lord.json';
-      Smo.SuiApplication.configure({
-                   mode: 'library',
-                   scoreDomContainer: 'outer-container',
-                   remoteScore: path
-      }).then((application) => {
-        console.log('done');
-      });
-    });
-  </script>
-</head>
-<body>
-  <sub id="link-hdr"><a href="https://github.com/Smoosic/smoosic">Github site</a> |
-    <a href="https://smoosic.github.io/Smoosic/release/docs/modules.html">source documentation</a> |
-    <a href="https://smoosic.github.io/Smoosic/changes.html">change notes</a> |
-     <a href="https://smoosic.github.io/Smoosic/release/html/smoosic.html">application</a><button class="close-header"><span class="icon icon-cross"></span></button></sub>
-  <div id="outer-container" style="overflow:auto">
-    <div id="container1">
-    </div>
-  </div>
-</body>
-</html>

package/release/html/penLoadXml.html DELETED Viewed

@@ -1,51 +0,0 @@
-<!DOCTYPE HTML>
-<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
-<head>
-  <meta charset="utf-8">
-  <title>Smoosic Editor</title>
-  <link href="../styles/fonts.css" rel="stylesheet">
-  <link href="../styles/media.css" rel="stylesheet">
-  <link href="../styles/ribbon.css" rel="stylesheet">
-  <link href="../styles/dialogs.css" rel="stylesheet">
-  <link href="../styles/menus.css" rel="stylesheet">
-  <link href="../styles/piano.css" rel="stylesheet">
-  <link href="../styles/tree.css" rel="stylesheet">
-  <script type="text/javascript"
-    src="https://aarondavidnewman.github.io/vexflow_smoosic/releases/vexflow-debug.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.6.0/jszip.min.js"
-    integrity="sha512-uVSVjE7zYsGz4ag0HEzfugJ78oHCI1KhdkivjQro8ABL/PRiEO4ROwvrolYAcZnky0Fl/baWKYilQfWvESliRA=="
-    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-  <!-- script type="text/javascript" src="../../../vex_smoosic/vexflow_smoosic/build/vexflow-debug.js"></script  -->
-  <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.js"></script>
-  <script type="text/javascript" src="../smoosic.js"></script>
-  <script type="text/javascript">
-    document.addEventListener("DOMContentLoaded", function (event) {
-      // A simple music program using Smoosic in library mode.
-      // Load a Music XML file (Finale) and render it
-      const path = 'https://aarondavidnewman.github.io/Smoosic/release/library/Beethoven_AnDieFerneGeliebte.xml';
-      Smo.SuiApplication.configure({
-                   mode: 'library',
-                   scoreDomContainer: 'outer-container',
-                   remoteScore: path
-      }).then((application) => {
-        console.log('done!');
-      });
-    });
-  </script>
-</head>
-<body>
-  <sub id="link-hdr"><a href="https://github.com/Smoosic/smoosic">Github site</a> |
-    <a href="https://smoosic.github.io/Smoosic/release/docs/modules.html">source documentation</a> |
-    <a href="https://smoosic.github.io/Smoosic/changes.html">change notes</a> |
-     <a href="https://smoosic.github.io/Smoosic/release/html/smoosic.html">application</a><button class="close-header"><span class="icon icon-cross"></span></button></sub>
-  <div id="outer-container" style="overflow:auto">
-    <div id="container1">
-    </div>
-  </div>
-</body>
-</html>

package/release/html/syncPen.html DELETED Viewed

@@ -1,149 +0,0 @@
-<!DOCTYPE HTML>
-<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
-<head>
-  <meta charset="utf-8">
-  <title>Smoosic Editor</title>
-  <link href="../styles/fonts.css" rel="stylesheet">
-  <link href="../styles/media.css" rel="stylesheet">
-  <link href="../styles/ribbon.css" rel="stylesheet">
-  <link href="../styles/dialogs.css" rel="stylesheet">
-  <link href="../styles/menus.css" rel="stylesheet">
-  <link href="../styles/piano.css" rel="stylesheet">
-  <link href="../styles/tree.css" rel="stylesheet">
-  <script type="text/javascript"
-    src="https://aarondavidnewman.github.io/vexflow_smoosic/releases/vexflow-debug.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.6.0/jszip.min.js"
-    integrity="sha512-uVSVjE7zYsGz4ag0HEzfugJ78oHCI1KhdkivjQro8ABL/PRiEO4ROwvrolYAcZnky0Fl/baWKYilQfWvESliRA=="
-    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-  <!-- script type="text/javascript" src="../../../vex_smoosic/vexflow_smoosic/build/vexflow-debug.js"></script  -->
-  <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.js"></script>
-  <script type="text/javascript" src="../smoosic.js"></script>
-  <script type="text/javascript">
-    document.addEventListener("DOMContentLoaded", function (event) {
-      // @@@@@@
-      // A simple music program using Smoosic in library mode.  We add the music
-      // to the score by creating SMO objects directly.  Since we are not using async mode,
-      // we need to create our own selections, since tracker will not be aware of music changes
-      // made before the item renders.
-      // convienience function to create a SmoNote from letter name (smoosic pitches are json triples: letter, accidental, octave).
-      const notesFromLetters = Smo.SmoMusic.notesFromLetters;
-      // Create an empty score.  'Empty' score actually has a single treble-clef measure of rests.
-      const score = Smo.SmoScore.getDefaultScore(Smo.SmoScore.defaults, null);
-      // create a new measure - we are going to replace the default measure with it.
-      // Most SMO objects have defaults that you can use to construct a generic version
-      let measure = new Smo.SmoMeasure(Smo.SmoMeasure.defaults);
-      let voice = { notes: [] };
-      // create the first 8 16th notes
-      notesFromLetters(Smo.SmoMeasure.defaultPitchForClef['treble'], 'treble', 'c', '16', 'ccdefdec').forEach((note) => {
-        note.pitches[0].octave -= 1; // adjust octave
-        voice.notes.push(note);
-      });
-      // first note is a rest
-      voice.notes[0].noteType = 'r';
-      // create next 4 1/8 notes
-      notesFromLetters(Smo.SmoMeasure.defaultPitchForClef['treble'], 'treble', 'c', '8', 'gcbc').forEach((note) => {
-        note.beamBeats = 4096 * 2; // beam 4 1/8 notes, default is 2
-        voice.notes.push(note);
-      });
-      // adjust the beams the way we want it.
-      voice.notes[3].endBeam = true;
-      // You would not want to do this in an interactive app, because the tracker and UI don't won't know about the new voice
-      // until it's been rendered.  But since we're doing this all without rendering the score, it's OK.
-      measure.voices[0] = voice;
-      // Add ornament to the note.  A common pattern is to create the defaults object and make changes to it
-      // for your object
-      const orn1 = Smo.SmoOrnament.defaults;
-      orn1.ornament = Smo.SmoOrnament.downmordent;
-      voice.notes[10].toggleOrnament(new Smo.SmoOrnament(orn1));
-      score.staves[0].measures = [measure];
-      // Now create the second line.  We want bass clef so create a bass clef instrument
-      const instDefs = Smo.SmoInstrument.defaults;
-      instDefs.clef = 'bass';
-      const instMap = {};
-      // map measure '0' to this instrument, which is currently the only measure we have
-      instMap[0] = instDefs;
-      // Use the defaults, but add the bass clef instrument to the constructor parameters
-      const staveDefs = Smo.SmoSystemStaff.defaults;
-      staveDefs.measureInstrumentMap = instMap;
-      score.addStaff(staveDefs);
-      // now fill in those notes
-      voice = { notes: [] };
-      notesFromLetters(Smo.SmoMeasure.defaultPitchForClef['bass'], 'bass', 'c', 'h', 'd').forEach((note) => voice.notes.push(note));
-      voice.notes[0].noteType = 'r';
-      notesFromLetters(Smo.SmoMeasure.defaultPitchForClef['bass'], 'bass', 'c', '16', 'ccdefdec').forEach((note) => voice.notes.push(note));
-      voice.notes[1].noteType = 'r';
-      voice.notes[4].endBeam = true;
-      // Add the notes to the measure we just created.
-      score.staves[1].measures[0].voices = [voice];
-      // create a staff group, so the notes are justified
-      const systemParams = Smo.SmoSystemGroup.defaults;
-      // A selector is a single point in the music (a 'tickable')
-      const endSelector = Smo.SmoSelector.default;
-      endSelector.staff = 1;
-      systemParams.leftConnector = Smo.SmoSystemGroup.connectorTypes.brace;
-      systemParams.rightConnector = Smo.SmoSystemGroup.connectorTypes.single;
-      systemParams.endSelector = endSelector;
-      score.addOrReplaceSystemGroup(new Smo.SmoSystemGroup(systemParams));
-      // measure 2:
-      score.addMeasure(1);
-      voice = { notes: [] };
-      notesFromLetters(Smo.SmoMeasure.defaultPitchForClef['treble'], 'treble', 'c', '16', 'dgabcabg').forEach((note) => voice.notes.push(note));
-      for (var i = 1; i <= 7; ++i) {
-        voice.notes[i].pitches[0].octave -= 1;
-      }
-      notesFromLetters(Smo.SmoMeasure.defaultPitchForClef['treble'], 'treble', 'c', '8', 'dgfg')
-        .forEach((note) => {
-          note.beamBeats = 4096 * 2;
-          voice.notes.push(note);
-        });
-      voice.notes[10].toggleOrnament(new Smo.SmoOrnament(orn1));
-      score.staves[0].measures[1].voices = [voice];
-      voice = { notes: [] };
-      notesFromLetters(Smo.SmoMeasure.defaultPitchForClef['treble'], 'treble', 'c', '8', 'gg').forEach((note) => voice.notes.push(note));
-      notesFromLetters(Smo.SmoMeasure.defaultPitchForClef['bass'], 'bass', 'c', '4', 'd').forEach((note) => voice.notes.push(note));
-      notesFromLetters(Smo.SmoMeasure.defaultPitchForClef['bass'], 'bass', 'c', '16', 'ggabcabg').forEach((note) => voice.notes.push(note));
-      voice.notes[0].pitches[0].octave += 1;
-      voice.notes[2].noteType = 'r';
-      voice.notes[3].noteType = 'r';
-      voice.notes[6].endBeam = true;
-      score.staves[1].measures[1].voices = [voice];
-      // scale so it fits within a pen
-      score.layoutManager.globalLayout.svgScale = 0.55;
-      Smo.SuiApplication.configure({
-        mode: 'library',
-        initialScore: score,
-        scoreDomContainer: document.getElementById('outer-container')
-      });
-      // Create the renderer that renderer, view, and start the engine which renders the score.
-    });
-  </script>
-</head>
-<body>
-  <sub id="link-hdr"><a href="https://github.com/Smoosic/smoosic">Github site</a> |
-    <a href="https://smoosic.github.io/Smoosic/changes.md">change notes</a> |
-     <a href="https://smoosic.github.io/Smoosic/release/html/smoosic.html">application</a><button class="close-header"><span class="icon icon-cross"></span></button></sub>
-  <div id="outer-container">
-    <div id="container1">
-    </div>
-  </div>
-</body>
-</html>

package/tests/file-load.ts DELETED Viewed

@@ -1,62 +0,0 @@
-import { SuiApplication } from '../src/application/application';
-import { SmoToXml } from '../src/smo/mxml/smoToXml';
-import { XmlToSmo } from '../src/smo/mxml/xmlToSmo';
-import { SuiXhrLoader } from '../src/ui/fileio/xhrLoader';
-import { MidiToSmo } from '../src/smo/midi/midiToSmo';
-declare var $: any;
-declare var parseMidi: any;
-export function createLoadTests(): void {
-  const jsonPath = 'https://aarondavidnewman.github.io/Smoosic/release/library/hymns/Precious Lord.json';
-  const midiTiesPath = 'https://aarondavidnewman.github.io/Smoosic/release/library/miditest/ties.mid';
-  const midiTripletPath = 'https://aarondavidnewman.github.io/Smoosic/release/library/miditest/triplet.mid';
-  const midiKeyPath = 'https://aarondavidnewman.github.io/Smoosic/release/library/miditest/keytime.mid';
-  var app = async (application: SuiApplication) => {
-    const view = application.view!;
-    await view.loadRemoteScore(jsonPath);
-    await view.renderPromise();
-    QUnit.test('loaded', assert => {
-      assert.equal(view.score.staves[0].measures.length, 17);
-      assert.equal($('#boo .vf-annotation').length, 82);
-    });
-    const xml = SmoToXml.convert(view.score);
-    const newScore = XmlToSmo.convert(xml);
-    await view.changeScore(newScore);
-    QUnit.test('loadXml', assert => {
-      assert.equal(view.score.staves[0].measures.length, 17);
-      assert.equal($('#boo .vf-annotation').length, 82);
-    });
-    let midiData = new SuiXhrLoader(midiTiesPath);
-    await midiData.loadAsync();
-    let midiScore = (new MidiToSmo(parseMidi(midiData.value), 1024)).convert();
-    await view.changeScore(midiScore);
-    QUnit.test('loadMidi1', assert => {
-      assert.equal(midiScore.staves[0].getTiesEndingAt({ staff: 0, measure: 1, voice: 0, tick: 0, pitches: [] }).length, 1);
-    });
-    midiData = new SuiXhrLoader(midiTripletPath);
-    await midiData.loadAsync();
-    midiScore = (new MidiToSmo(parseMidi(midiData.value), 1024)).convert();
-    await view.changeScore(midiScore);
-    QUnit.test('loadMidi2', assert => {
-      assert.equal(midiScore.staves[0].measures[0].tupletTrees.length, 1);
-    });
-    midiData = new SuiXhrLoader(midiKeyPath);
-    await midiData.loadAsync();
-    midiScore = (new MidiToSmo(parseMidi(midiData.value), 1024)).convert();
-    await view.changeScore(midiScore);
-    QUnit.test('loadMidi2', assert => {
-      assert.equal(midiScore.staves.length, 2);
-      assert.equal(midiScore.staves[0].measures[0].keySignature, 'eb');
-    });
-    // console.log('measures ' + view.score.staves[0].measures.length);
-  };
-  SuiApplication.configure({
-    mode: 'library',
-    idleRedrawTime: 5,
-    scoreDomContainer: 'outer-container'
-  }).then((application) => {
-    app(application)
-  });
-}

package/tests/types/qunit.d.ts DELETED Viewed

@@ -1,76 +0,0 @@
-// [VexFlow](https://vexflow.com) - Copyright (c) Mohit Muthanna 2010.
-// MIT License
-//
-/* eslint-disable */
-// Declarations to interface with qunit.js
-// We are currently using QUnit 1.19.0.
-//
-// QUnit 2 no longer uses global functions. The assertion methods
-// are exposed through an assert object that is bound to each test.
-// See: https://qunitjs.com/upgrade-guide-2.x/
-//
-// However, we stick with the global methods for readability.
-// Let the TS compiler know that QUnit and its related functions are available globally.
-// https://www.typescriptlang.org/docs/handbook/declaration-merging.html#global-augmentation
-declare global {
-  // See: https://api.qunitjs.com/QUnit/
-  const QUnit: {
-    module: (name: string) => void;
-    test: typeof test;
-    // generate_png_images.js and vexflow_test_helpers.ts
-    // use these two fields to pass the name of the current module and test.
-    current_module: string;
-    current_test: string;
-  };
-  const test: (name: string, callback: (assert: Assert) => void) => void;
-  const expect: (amount: number) => void;
-  const ok: (state: any, message?: string) => void;
-  const notOk: (state: any, message?: string) => void;
-  const equal: (actual: any, expected: any, message?: string) => void;
-  const notEqual: (actual: any, expected: any, message?: string) => void;
-  const deepEqual: (actual: any, expected: any, message?: string) => void;
-  const notDeepEqual: (actual: any, expected: any, message?: string) => void;
-  const strictEqual: (actual: any, expected: any, message?: string) => void;
-  const notStrictEqual: (actual: any, expected: any, message?: string) => void;
-  const propEqual: (actual: any, expected: any, message?: string) => void;
-  const notPropEqual: (actual: any, expected: any, message?: string) => void;
-  const throws: (blockFn: () => any, expectedMatcher?: any, message?: string) => void;
-  const raises: (blockFn: () => any, expectedMatcher?: any, message?: string) => void; // alias for throws
-  const step: (message?: string) => void;
-  const verifySteps: (steps: string[], message?: string) => void;
-}
-/**
- * QUnit.test(name, callback) passes an Assert object to the callback.
- * This object contains the testContext and also provides access to
- * all the QUnit assertion methods (See: https://api.qunitjs.com/assert/).
- */
-export interface Assert {
-  /**
-   * The current testContext. See line 1238 of qunit.js.
-   * It has properties like module, testName, assert, and more.
-   * `vexflow_test_helpers.ts` stores the module name into this object.
-   */
-  test: any;
-  expect: typeof expect;
-  ok: typeof ok;
-  notOk: typeof notOk;
-  equal: typeof equal;
-  notEqual: typeof notEqual;
-  deepEqual: typeof deepEqual;
-  notDeepEqual: typeof notDeepEqual;
-  strictEqual: typeof strictEqual;
-  notStrictEqual: typeof notStrictEqual;
-  propEqual: typeof propEqual;
-  notPropEqual: typeof notPropEqual;
-  throws: typeof throws;
-  raises: typeof raises;
-  step: typeof step;
-  verifySteps: typeof verifySteps;
-}