marked-abc 0.0.0 → 0.1.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "marked-abc",
-  "version": "0.0.0",
-  "description": "marked extension template",
+  "version": "0.1.1",
+  "description": "Render sheet music with ABCjs in Markdown documents using Marked.",
   "main": "./lib/index.esm.js",
   "module": "./lib/index.esm.js",
   "browser": "./lib/index.umd.js",

package/src/index.ts

@@ -68,6 +68,12 @@ export type MarkedAbcOptions = {
   sanitizer?: (text: string) => string,
 };
 
+type AbcToken = {
+  type: 'abcScore',
+  raw: string,
+  abc: string,
+};
+
 export default function(options: MarkedAbcOptions = {}): MarkedExtension {
   return {
     extensions: [{
@@ -83,7 +89,7 @@ export default function(options: MarkedAbcOptions = {}): MarkedExtension {
         }
         const endMatch = SCORE_CLOSE.exec(src);
         if (endMatch === null) {
-          throw Error('Unterminated <score lang="ABC"> block');
+          return undefined;
         }
         const end = endMatch.index + endMatch[0].length;
         const raw = src.slice(0, end);
@@ -92,7 +98,7 @@ export default function(options: MarkedAbcOptions = {}): MarkedExtension {
           type: 'abcScore',
           raw,
           abc,
-        };
+        } satisfies AbcToken;
       },
       renderer(token) {
         // Increment score counter for each score rendered to ensure ID uniqueness
@@ -103,12 +109,18 @@ export default function(options: MarkedAbcOptions = {}): MarkedExtension {
         // JS moment: the coverage ignore comment is not included in its own ignore meaning I need
         // to place it before this if statement, meaning the coverage of the if statement itself is
         // not measured.
-        /* node:coverage ignore next 6 */
+        /* node:coverage disable */
         if ('document' in globalThis) {
           waitForElement(`#${eleId}`).then((ele: Element) => {
-            abcjs.renderAbc(ele, token.abc, options.abcOptions);
+            abcjs.renderAbc(
+              ele,
+              // Trim all leading whitespace or ABCjs freaks out and fails to render it all
+              (token as AbcToken).abc.split('\n').map((line: string) => line.trim()).join(),
+              options.abcOptions,
+            );
           });
         }
+        /* node:coverage enable */
 
         return dedent`<div class="abc-score" id="${eleId}">
         ${indent(sanitize(token.abc), '  ')}