Make structured content extraction for glossary-plain recursive to more easily ensure correct ordering

<rikaitan.link>ZjI3MWZjMGRhM2U1NWE5OGZhOTFjOTgzNGQ3NWZjY2M5NmRlYWUyNwo=</rikaitan.link>

Author: jason-ojisan

ext/js/templates/anki-template-renderer.js

@@ -781,28 +781,40 @@ export class AnkiTemplateRenderer {
     }
 
     /**
-     * @param {import('dictionary-data').TermGlossaryStructuredContent} content
-     * @param {StructuredContentGenerator} structuredContentGenerator
-     * @returns {string[]}
+     * @param {import('structured-content.js').Content[]} content
+     * @returns {import('structured-content.js').Content[]}
      */
-    _extractGlossaryData(content, structuredContentGenerator) {
+    _extractGlossaryStructuredContentRecursive(content) {
         /** @type {import('structured-content.js').Content[]} */
-        const glossaryContentQueue = [];
-        const structuredContentQueue = [content.content];
-        while (structuredContentQueue.length > 0) {
-            const structuredContent = structuredContentQueue.shift();
+        const extractedContent = [];
+        while (content.length > 0) {
+            const structuredContent = content.shift();
             if (Array.isArray(structuredContent)) {
-                structuredContentQueue.push(...structuredContent);
-            } else if (typeof structuredContent === 'object' && structuredContent.content) {
+                extractedContent.push(...this._extractGlossaryStructuredContentRecursive(structuredContent));
+            } else if (typeof structuredContent === 'object' && structuredContent) {
                 // @ts-expect-error - Checking if `data` exists
                 if (structuredContent.data?.content === 'glossary') {
-                    glossaryContentQueue.push(structuredContent);
+                    extractedContent.push(structuredContent);
                     continue;
                 }
-                structuredContentQueue.push(structuredContent.content);
+                if (structuredContent.content) {
+                    extractedContent.push(...this._extractGlossaryStructuredContentRecursive([structuredContent.content]));
+                }
             }
         }
 
+        return extractedContent;
+    }
+
+    /**
+     * @param {import('dictionary-data').TermGlossaryStructuredContent} content
+     * @param {StructuredContentGenerator} structuredContentGenerator
+     * @returns {string[]}
+     */
+    _extractGlossaryData(content, structuredContentGenerator) {
+        /** @type {import('structured-content.js').Content[]} */
+        const glossaryContentQueue = this._extractGlossaryStructuredContentRecursive([content.content]);
+
         /** @type {string[]} */
         const rawGlossaryContent = [];
         while (glossaryContentQueue.length > 0) {