smoosic 1.0.8 → 1.0.10

package/types/src/ui/menus/menu.d.ts

@@ -1,137 +1,137 @@
-import { SuiTracker } from '../../render/sui/tracker';
-import { SmoScore } from '../../smo/data/score';
-import { CompleteNotifier } from '../common';
-import { SuiScoreViewOperations } from '../../render/sui/scoreViewOperations';
-import { BrowserEventSource } from '../eventSource';
-import { UndoBuffer } from '../../smo/xform/undo';
-/**
- * Data for a menu choice.  'value' indicates which options selected
- * @category SuiMenu
- * @param icon - .icon class will be added to the choice
- * @param text - text to describe the choice
- * @param value - the value received by the menu loop
- * @param hotkey - optional key binding, if not supplied one is selected
- */
-export interface MenuChoiceDefinition {
-    icon: string;
-    text: string;
-    value: string;
-    hotkey?: string;
-}
-/**
- * Menu just array of choices
- * @category SuiMenu
- * @param label - Not currently displayed
- * @param menuItems - list of choices
- */
-export interface MenuDefinition {
-    label: string;
-    menuItems: MenuChoiceDefinition[];
-}
-/**
- * @category SuiMenu
- */
-export interface MenuTranslation {
-    ctor: string;
-    label: string;
-    menuItems: MenuChoiceDefinition[];
-}
-export declare const MenuTranslations: MenuTranslation[];
-export declare const suiMenuTranslation: (menu: MenuDefinition, ctor: string) => {
-    ctor: string;
-    label: string;
-    menuItems: MenuChoiceDefinition[];
-};
-/**
- * All menus take the same options.  Menu choices can alter the score
- * directly, or call dialogs or even other menus
- * @category SuiMenu
- * @param ctor dialog constructor
- * @param position - menu position
- * @param view the MVVM object to change the score
- * @param score SmoScore, could also be read from the view
- * @param completeNotifier used to take over key/mouse control
- * @param closePromise resolved when the menu closes, used to syncronize with other modals
- * @param eventSource event source to register for additional events like mouseup
- * @param undoBuffer used to create undo
-*/
-export interface SuiMenuParams {
-    ctor: string;
-    tracker: SuiTracker;
-    score: SmoScore;
-    completeNotifier: CompleteNotifier;
-    closePromise: Promise<void> | null;
-    view: SuiScoreViewOperations;
-    eventSource: BrowserEventSource;
-    undoBuffer: UndoBuffer;
-    items?: MenuDefinition;
-}
-/**
- * Base class for menus, mostly for the interface and containing the
- * common parameters
- * @category SuiMenu
- */
-export declare abstract class SuiMenuBase {
-    label: string;
-    menuItems: MenuChoiceDefinition[];
-    ctor: string;
-    completeNotifier: CompleteNotifier;
-    score: SmoScore;
-    view: SuiScoreViewOperations;
-    eventSource: BrowserEventSource;
-    undoBuffer: UndoBuffer;
-    focusIndex: number;
-    closePromise: Promise<void> | null;
-    tracker: SuiTracker;
-    constructor(params: SuiMenuParams);
-    abstract selection(ev: any): Promise<void>;
-    abstract getDefinition(): MenuDefinition;
-    /**
-     * Base class can override this, called before display and event binding to
-     * add or remove options from the static list
-     */
-    preAttach(): void;
-    complete(): void;
-    keydown(): void;
-}
-/**
- * Function to handle dislay a menu
- * @category SuiMenu
- */
-export type SuiMenuHandler = (menu: SuiMenuBase) => Promise<void>;
-/**
- * boolean function to decide to display a dialog, based on selections.
- * @category SuiMenu
- */
-export type SuiMenuShowOption = (menu: SuiMenuBase) => boolean;
-/**
- * Convenience interface.  A menu option can be defined dynamically as a confiugured menu option,
- * and placed into an array.
- * @category SuiMenu
- */
-export interface SuiConfiguredMenuOption {
-    menuChoice: MenuChoiceDefinition;
-    handler: SuiMenuHandler;
-    display: SuiMenuShowOption;
-}
-export declare const suiConfiguredMenuTranslate: (options: SuiConfiguredMenuOption[], label: string, ctor: string) => MenuTranslation;
-export type customizeMenuOptionsFcn = (menu: SuiConfiguredMenu) => void;
-/**
- * A menu of configured options.
- * @category SuiMenu
- */
-export declare class SuiConfiguredMenu extends SuiMenuBase {
-    static menuCustomizations: Record<string, customizeMenuOptionsFcn | undefined>;
-    menuOptions: SuiConfiguredMenuOption[];
-    label: string;
-    constructor(params: SuiMenuParams, label: string, options: SuiConfiguredMenuOption[]);
-    selection(ev: any): Promise<void>;
-    static definitionFromOptions(label: string, options: SuiConfiguredMenuOption[]): {
-        label: string;
-        menuItems: MenuChoiceDefinition[];
-    };
-    getDefinition(): MenuDefinition;
-    preAttach(): void;
-}
-export declare const SuiMenuCustomizer: (fcn: customizeMenuOptionsFcn, ctor: string) => void;
+import { SuiTracker } from '../../render/sui/tracker';
+import { SmoScore } from '../../smo/data/score';
+import { CompleteNotifier } from '../common';
+import { SuiScoreViewOperations } from '../../render/sui/scoreViewOperations';
+import { BrowserEventSource } from '../eventSource';
+import { UndoBuffer } from '../../smo/xform/undo';
+/**
+ * Data for a menu choice.  'value' indicates which options selected
+ * @category SuiMenu
+ * @param icon - .icon class will be added to the choice
+ * @param text - text to describe the choice
+ * @param value - the value received by the menu loop
+ * @param hotkey - optional key binding, if not supplied one is selected
+ */
+export interface MenuChoiceDefinition {
+    icon: string;
+    text: string;
+    value: string;
+    hotkey?: string;
+}
+/**
+ * Menu just array of choices
+ * @category SuiMenu
+ * @param label - Not currently displayed
+ * @param menuItems - list of choices
+ */
+export interface MenuDefinition {
+    label: string;
+    menuItems: MenuChoiceDefinition[];
+}
+/**
+ * @category SuiMenu
+ */
+export interface MenuTranslation {
+    ctor: string;
+    label: string;
+    menuItems: MenuChoiceDefinition[];
+}
+export declare const MenuTranslations: MenuTranslation[];
+export declare const suiMenuTranslation: (menu: MenuDefinition, ctor: string) => {
+    ctor: string;
+    label: string;
+    menuItems: MenuChoiceDefinition[];
+};
+/**
+ * All menus take the same options.  Menu choices can alter the score
+ * directly, or call dialogs or even other menus
+ * @category SuiMenu
+ * @param ctor dialog constructor
+ * @param position - menu position
+ * @param view the MVVM object to change the score
+ * @param score SmoScore, could also be read from the view
+ * @param completeNotifier used to take over key/mouse control
+ * @param closePromise resolved when the menu closes, used to syncronize with other modals
+ * @param eventSource event source to register for additional events like mouseup
+ * @param undoBuffer used to create undo
+*/
+export interface SuiMenuParams {
+    ctor: string;
+    tracker: SuiTracker;
+    score: SmoScore;
+    completeNotifier: CompleteNotifier;
+    closePromise: Promise<void> | null;
+    view: SuiScoreViewOperations;
+    eventSource: BrowserEventSource;
+    undoBuffer: UndoBuffer;
+    items?: MenuDefinition;
+}
+/**
+ * Base class for menus, mostly for the interface and containing the
+ * common parameters
+ * @category SuiMenu
+ */
+export declare abstract class SuiMenuBase {
+    label: string;
+    menuItems: MenuChoiceDefinition[];
+    ctor: string;
+    completeNotifier: CompleteNotifier;
+    score: SmoScore;
+    view: SuiScoreViewOperations;
+    eventSource: BrowserEventSource;
+    undoBuffer: UndoBuffer;
+    focusIndex: number;
+    closePromise: Promise<void> | null;
+    tracker: SuiTracker;
+    constructor(params: SuiMenuParams);
+    abstract selection(ev: any): Promise<void>;
+    abstract getDefinition(): MenuDefinition;
+    /**
+     * Base class can override this, called before display and event binding to
+     * add or remove options from the static list
+     */
+    preAttach(): void;
+    complete(): void;
+    keydown(): void;
+}
+/**
+ * Function to handle dislay a menu
+ * @category SuiMenu
+ */
+export type SuiMenuHandler = (menu: SuiMenuBase) => Promise<void>;
+/**
+ * boolean function to decide to display a dialog, based on selections.
+ * @category SuiMenu
+ */
+export type SuiMenuShowOption = (menu: SuiMenuBase) => boolean;
+/**
+ * Convenience interface.  A menu option can be defined dynamically as a confiugured menu option,
+ * and placed into an array.
+ * @category SuiMenu
+ */
+export interface SuiConfiguredMenuOption {
+    menuChoice: MenuChoiceDefinition;
+    handler: SuiMenuHandler;
+    display: SuiMenuShowOption;
+}
+export declare const suiConfiguredMenuTranslate: (options: SuiConfiguredMenuOption[], label: string, ctor: string) => MenuTranslation;
+export type customizeMenuOptionsFcn = (menu: SuiConfiguredMenu) => void;
+/**
+ * A menu of configured options.
+ * @category SuiMenu
+ */
+export declare class SuiConfiguredMenu extends SuiMenuBase {
+    static menuCustomizations: Record<string, customizeMenuOptionsFcn | undefined>;
+    menuOptions: SuiConfiguredMenuOption[];
+    label: string;
+    constructor(params: SuiMenuParams, label: string, options: SuiConfiguredMenuOption[]);
+    selection(ev: any): Promise<void>;
+    static definitionFromOptions(label: string, options: SuiConfiguredMenuOption[]): {
+        label: string;
+        menuItems: MenuChoiceDefinition[];
+    };
+    getDefinition(): MenuDefinition;
+    preAttach(): void;
+}
+export declare const SuiMenuCustomizer: (fcn: customizeMenuOptionsFcn, ctor: string) => void;
 //# sourceMappingURL=menu.d.ts.map

package/types/src/ui/menus/tuplets.d.ts

@@ -0,0 +1,14 @@
+import { SuiMenuParams, SuiConfiguredMenuOption, SuiConfiguredMenu } from './menu';
+/**
+ * stuff you can do to beams
+ * @category SuiMenu
+ */
+export declare class SuiTupletMenu extends SuiConfiguredMenu {
+    constructor(params: SuiMenuParams);
+}
+/**
+ * Stuff you can do to tuplets
+ * @category SuiMenu
+ */
+export declare const SuiTupletMenuOptions: SuiConfiguredMenuOption[];
+//# sourceMappingURL=tuplets.d.ts.map

package/types/src/ui/menus/tuplets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tuplets.d.ts","sourceRoot":"","sources":["../../../../src/ui/menus/tuplets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,aAAa,EAC/B,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAK/D;;;GAGG;AACH,qBAAa,aAAc,SAAQ,iBAAiB;gBACpC,MAAM,EAAE,aAAa;CAGpC;AAyHD;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,uBAAuB,EAEzD,CAAC"}

package/types/src/ui/ribbonLayout/default/defaultRibbon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultRibbon.d.ts","sourceRoot":"","sources":["../../../../../src/ui/ribbonLayout/default/defaultRibbon.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C;;GAEG;AACH,qBAAa,mBAAmB;IAC9B,MAAM,KAAK,OAAO,IAAI,YAAY,CAQjC;IAED,MAAM,KAAK,aAAa,IAAI,gBAAgB,EAAE,CAE7C;IAED,MAAM,KAAK,aAAa,aAKvB;IACD,MAAM,KAAK,QAAQ,aAElB;IACD,MAAM,KAAK,UAAU,aAEpB;IACD,MAAM,KAAK,cAAc,IAAI,gBAAgB,EAAE,CAgG9C;IAED,MAAM,KAAK,kBAAkB,IAAI,gBAAgB,EAAE,CAoBlD;IAED,MAAM,KAAK,iBAAiB,IAAI,gBAAgB,EAAE,CA4HjD;CACF"}
+{"version":3,"file":"defaultRibbon.d.ts","sourceRoot":"","sources":["../../../../../src/ui/ribbonLayout/default/defaultRibbon.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C;;GAEG;AACH,qBAAa,mBAAmB;IAC9B,MAAM,KAAK,OAAO,IAAI,YAAY,CAQjC;IAED,MAAM,KAAK,aAAa,IAAI,gBAAgB,EAAE,CAE7C;IAED,MAAM,KAAK,aAAa,aAKvB;IACD,MAAM,KAAK,QAAQ,aAElB;IACD,MAAM,KAAK,UAAU,aAEpB;IACD,MAAM,KAAK,cAAc,IAAI,gBAAgB,EAAE,CAgG9C;IAED,MAAM,KAAK,kBAAkB,IAAI,gBAAgB,EAAE,CAoBlD;IAED,MAAM,KAAK,iBAAiB,IAAI,gBAAgB,EAAE,CAsIjD;CACF"}

package/types/tests/file-load.d.ts

@@ -1,2 +1,2 @@
-export declare function createLoadTests(): void;
+export declare function createLoadTests(): Promise<void>;
 //# sourceMappingURL=file-load.d.ts.map

package/types/tests/file-load.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-load.d.ts","sourceRoot":"","sources":["../../tests/file-load.ts"],"names":[],"mappings":"AASA,wBAAgB,eAAe,IAAI,IAAI,CAoDtC"}
+{"version":3,"file":"file-load.d.ts","sourceRoot":"","sources":["../../tests/file-load.ts"],"names":[],"mappings":"AAWA,wBAAsB,eAAe,kBAwEpC"}

package/build/html/penLoadFile.html

@@ -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/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>
-  <!-- audio crossOrigin="anonymous" id="sample" src="https://aarondavidnewman.github.io/Smoosic/build/sound/piano_middle_C.mp3" / -->
-  <div id="outer-container" style="overflow:auto">
-    <div id="container1">
-
-    </div>
-  </div>
-</body>
-
-</html>

package/build/html/penLoadXml.html

@@ -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/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>
-  <!-- audio crossOrigin="anonymous" id="sample" src="https://aarondavidnewman.github.io/Smoosic/build/sound/piano_middle_C.mp3" / -->
-  <div id="outer-container" style="overflow:auto">
-    <div id="container1">
-
-    </div>
-  </div>
-</body>
-
-</html>

package/release/html/asyncPen.html

@@ -1,230 +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://smoosic.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.
-               // 
-               // Music is rendered in the background, and during the rendering tracker/mapper maps 
-               // the location of the music for the UI.  If you don't wait for the music to be rendered, you will end up
-               // acting on the wrong notes.
-               //
-               // If you want to manipulate the music objects directly, check out the syncPen 
-               var app = async (Smo, application) => {
-                 // create the app in library mode (no UI)
-                 // Create an empty score (1 measure rests)
-                 const view = application.view;
-                 const score = Smo.SmoScore.getDefaultScore(Smo.SmoScore.defaults, null);
-                 score.preferences.autoPlay = false; // kind of annoying for this demo
-                 const renderer = view.renderer;
-                 // Create and start the view object.
-                 // The outer container DOM is for scrolling
-                 renderer.stepMode = true;
-
-                 // Convienence object that sends a command to the view object, and
-                 // returns a promise that is resolved when the change is rendered
-                 const t = ((action, repetition) => {
-                   return view.waitableAction(action, repetition);
-                 });
-                 // render the initial score (1 empty measure)
-                 await renderer.renderPromise();
-                 await view.changeScore(score);
-                 await renderer.renderPromise();
-                 await view.growSelectionRight();
-
-                 // Select 1st 2 quarters and make them into 16ths by 1/2 their duration twice
-                 await view.batchDurationOperation('halveDuration');
-                 await view.batchDurationOperation('halveDuration');
-                 await view.moveSelectionLeft();
-                 await view.moveSelectionRight();
-
-                 // Set some pitches.  Auto-advance moves the cursor to the left
-                 // SmoScore.preferences can toggle auto-advance and auto-play
-                 // setPitch sets the key-appropriate note for the given letter.
-                 await view.setPitchesPromise('cdefdec');
-
-                 // Set the notes we just made down the octave by selecting them
-                 // Transpose works relative to the pitch and does not auto-advance
-                 await view.moveSelectionLeft();
-                 // same as await view.growSelectionLeft() 6 times...
-                 await t(() => view.growSelectionLeft(), 6);
-                 await view.transposeSelections(-12);
-
-                 // Create 4 1/8 note at end
-                 await view.moveSelectionRight();
-                 await view.growSelectionRight();
-                 await view.batchDurationOperation('halveDuration');
-                 await view.moveSelectionLeft();
-                 await view.moveSelectionRight();
-                 await view.setPitchesPromise('gcbc');
-
-                 await view.moveSelectionLeft();
-                 // Add a turn on the next tick
-                 await view.toggleArticulation('mordent_inverted', 'SmoOrnament');
-                 await view.moveSelectionRight();
-
-                 // Beam the 8th notes and the 16th notes
-                 await t(() => view.growSelectionLeft(), 3);
-                 await view.transposeSelections(12);
-                 await view.beamSelections();
-                 await view.moveSelectionLeft();
-                 await t(() => view.growSelectionLeft(), 3);
-                 await view.beamSelections();
-
-                 // Add measure after this one
-                 await view.addMeasure(true);
-                 await t(() => view.moveSelectionRight(), 5);
-                 await view.growSelectionRight();
-                 await t(() => view.batchDurationOperation('halveDuration'),  2);
-                 await view.moveSelectionLeft();
-                 await view.moveSelectionRight();
-                 await view.moveSelectionLeft();
-                 await view.moveSelectionRight();
-                 await view.setPitchesPromise('dgabcabg');
-                 await view.growSelectionRight();
-                 await view.batchDurationOperation('halveDuration');
-                 await view.moveSelectionLeft();
-                 await view.moveSelectionRight();
-                 await view.setPitchesPromise('dgfg');
-
-                 await view.moveSelectionLeft();
-                 // Add a turn on the next tick
-                 await view.toggleArticulation('mordent_inverted', 'SmoOrnament');
-                 await view.moveSelectionRight();
-                 await t(() => view.growSelectionLeft(), 3);
-                 await t(() => view.beamSelections());
-                 await view.moveSelectionLeft();
-                 await t(() => view.growSelectionLeft(), 6);
-                 await view.transposeSelections(-12);
-                 await view.moveSelectionLeftMeasure();
-
-                 // Add the bass cleff staff.  It automatically adds
-                 // all the measures
-                 await view.addStaffSimple({
-                     "instrumentName": "Bass Clef Staff",
-                     "keyOffset": 0,
-                     "clef": "bass"
-                   
-                 });
-                 await view.moveSelectionDown();
-                 await view.batchDurationOperation('doubleDuration');
-                 await view.moveSelectionRight();
-                 await view.growSelectionRight();
-                 await t(() => view.batchDurationOperation('halveDuration'), 2);
-                 await view.moveSelectionLeft();
-                 await t(() => view.moveSelectionRight(), 2);
-                 await view.setPitchesPromise('cdefdec');
-                 await view.moveSelectionLeft();
-                 await t(() => view.growSelectionLeft(), 3);
-                 await view.beamSelections();
-                 await view.moveSelectionRight();
-                 await view.batchDurationOperation('halveDuration');
-                 await view.setPitchesPromise('g');
-                 await t(() => view.moveSelectionLeft(), 3);
-                 await view.transposeSelections(12);
-                 await view.moveSelectionRight();
-                 await view.toggleArticulation('staccato','SmoArticulation');
-                 // select notes to slur
-                 await view.growSelectionLeft();
-                 // slur applies to selection
-                 await view.slur();
-
-                 await t(() => view.moveSelectionRight(), 2);
-                 await t(() => view.growSelectionRight(), 2);
-                 await t(() => view.batchDurationOperation('halveDuration'), 2);
-                 await view.moveSelectionLeft();
-                 await t(() => view.moveSelectionRight(), 2);
-                 await view.setPitchesPromise('gabcabg');
-                 await t(() => view.growSelectionLeft(), 3);
-                 await view.beamSelections();
-
-                 // Add measure after this one.  Both staffs get the new measure
-                 // and it is populated with rests
-                 await view.addMeasure(true);
-                 await view.moveSelectionUp();
-                 await view.moveSelectionRightMeasure();
-                 await t(() => view.growSelectionRight(), 3);
-                 await t(() => view.batchDurationOperation('halveDuration'), 2);
-                 await view.moveSelectionLeft();
-                 await view.moveSelectionRight();
-                 await view.setPitchesPromise('eagfegfagfedcedf');
-                 await view.moveSelectionDown();
-                 await t(() => view.growSelectionRight(), 3);
-                 await view.batchDurationOperation('halveDuration');
-                 await view.moveSelectionLeft();
-                 await view.moveSelectionRight();
-                 await view.setPitchesPromise('cbcdegab');
-                 await t(() => view.growSelectionLeft(), 3);
-                 await view.beamSelections();
-
-                 await view.moveSelectionLeft();
-                 await t(() => view.growSelectionLeft(), 3);
-                 await view.beamSelections();
-                 await view.moveSelectionRight();
-                 await t(() => view.growSelectionLeft(), 3);
-                 await view.slur();
-                 await view.moveSelectionRight();
-                 await t(() => view.growSelectionRight(), 2);
-                 await view.slur();
-                 await view.transposeSelections(-12);
-
-                 // It's starting to get kind of crowded.  Set the svgScale to 60%
-                 // to make the notes smaller.
-                 await view.setGlobalLayout({
-                     "leftMargin": 30,
-                     "rightMargin": 30,
-                     "topMargin": 40,
-                     "bottomMargin": 40,
-                     "pageWidth": 816,
-                     "pageHeight": 1056,
-                     "orientation": 0,
-                     "interGap": 30,
-                     "intraGap": 10,
-                     "svgScale": 0.6,
-                     "zoomScale": 2.1,
-                     "zoomMode": 0,
-                     "noteSpacing": 1,
-                     "pages": 1
-                   });
-
-               };
-                 Smo.SuiApplication.configure({
-                   mode: 'library',
-                   idleRedrawTime: 1,
-                   demonPollTime: 1,
-                   initialScore: Smo.emptyScoreJson,
-                   scoreDomContainer: 'outer-container',
-                 }).then((application) => {
-                  app(Smo, application);
-                 });
-           });
-       </script>
-</head>
-<body>
-  <sub id="link-hdr"><a href="https://github.com/AaronDavidNewman/smoosic">Github site</a> | 
-    <a href="https://aarondavidnewman.github.io/Smoosic/release/docs/modules.html">source documentation</a> | 
-    <a href="https://aarondavidnewman.github.io/Smoosic/changes.html">change notes</a> |
-     <a href="https://aarondavidnewman.github.io/Smoosic/release/html/smoosic.html">application</a><button class="close-header"><span class="icon icon-cross"></span></button></sub>
-  <!-- audio crossOrigin="anonymous" id="sample" src="https://aarondavidnewman.github.io/Smoosic/build/sound/piano_middle_C.mp3" / -->
-  <div id="outer-container" style="overflow:auto">
-    <div id="container1">
-
-    </div>
-  </div>
-</body>
-</html>