marked-abc 0.1.3 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marked-abc",
-  "version": "0.1.3",
+  "version": "0.2.1",
   "description": "Render sheet music with ABCjs in Markdown documents using Marked.",
   "main": "./lib/index.esm.js",
   "module": "./lib/index.esm.js",

package/src/index.ts

@@ -74,8 +74,25 @@ type AbcToken = {
   abc: string,
 };
 
-export default function(options: MarkedAbcOptions = {}): MarkedExtension {
-  return {
+export default function(
+  options: MarkedAbcOptions = {},
+): { extension: MarkedExtension, forceRenderAll: () => void } {
+  // Can only be run in browser.
+  /* node:coverage disable */
+  /**
+   * Re-render all known abc scores.
+   *
+   * While this should be done automatically in most cases, it may be need to be called on element
+   * mount if the markdown was originally rendered server-side (where ABCjs will not run).
+   */
+  function forceRenderAll() {
+    for (const match of document.querySelectorAll('.abc-score')) {
+      abcjs.renderAbc(match, match.textContent, options.abcOptions);
+    }
+  }
+  /* node:coverage enable */
+
+  const extension: MarkedExtension = {
     extensions: [{
       name: 'abcScore',
       level: 'block',
@@ -93,6 +110,7 @@ export default function(options: MarkedAbcOptions = {}): MarkedExtension {
         }
         const end = endMatch.index + endMatch[0].length;
         const raw = src.slice(0, end);
+        // Trim all leading whitespace or ABCjs freaks out and fails to render it all
         const abc = raw
           .replace(SCORE_OPEN_BEGIN, '')
           .replace(SCORE_CLOSE, '')
@@ -100,7 +118,7 @@ export default function(options: MarkedAbcOptions = {}): MarkedExtension {
           .split('\n')
           .map((line) => line.trim())
           .join('\n');
-        console.log(abc);
+
         return {
           type: 'abcScore',
           raw,
@@ -121,7 +139,6 @@ export default function(options: MarkedAbcOptions = {}): MarkedExtension {
           waitForElement(`#${eleId}`).then((ele: Element) => {
             abcjs.renderAbc(
               ele,
-              // Trim all leading whitespace or ABCjs freaks out and fails to render it all
               (token as AbcToken).abc,
               options.abcOptions,
             );
@@ -136,4 +153,9 @@ export default function(options: MarkedAbcOptions = {}): MarkedExtension {
       },
     }],
   };
+
+  return {
+    extension,
+    forceRenderAll,
+  };
 }