spec-up-t 1.1.13 → 1.1.14

package/assets/js/search.js

@@ -17,13 +17,14 @@ function inPageSearch() {
    /*****************/
    /* CONFIGURATION */
 
-   const domInjectAfter = document.querySelector('span[issue-count]');// Inject the search bar after this element
+   const terminologySectionUtilityContainer = document.getElementById("terminology-section-utility-container");
+
    const matchesStyle = specConfig.searchHighlightStyle || 'ssi';
    const antiNameCollisions = 'search-h7vc6omi2hr2880';// random string to be added to classes, id's etc, to prevent name collisions in the global space
    const debounceTime = 600;
    const matches = 'matches';// What text to display after the number of matches
    const searchBarPlaceholder = '🔍';
-   const searchableContent = document.querySelector('main article');
+   const searchableContent = document.querySelector('.terms-and-definitions-list');
 
    /* END CONFIGURATION */
    /*********************/
@@ -44,7 +45,7 @@ function inPageSearch() {
    let searchContainer = document.createElement("div");
    searchContainer.setAttribute("id", "container-" + antiNameCollisions);
    searchContainer.setAttribute("class", "container-" + antiNameCollisions);
-   domInjectAfter.after(searchContainer);
+   terminologySectionUtilityContainer.appendChild(searchContainer);
 
    // Add an input element (for search)
    let searchInput = document.createElement("input");

package/assets/js/token-input.js

@@ -10,7 +10,7 @@ function tokenInput() {
    buttonTokenInput.classList.add("button-token-input");
    buttonTokenInput.classList.add("btn");
    buttonTokenInput.innerHTML = "🔑";
-   document.querySelector('#container-search-h7vc6omi2hr2880').appendChild(buttonTokenInput);
+   document.querySelector('#repo_issues').insertAdjacentElement('afterend', buttonTokenInput);
    buttonTokenInput.addEventListener('click', () => {
       const token = prompt('Please enter your GitHub token:');
 

package/index.js

@@ -265,7 +265,7 @@ module.exports = async function (options = {}) {
               const termsIndex = (spec.markdown_paths || ['spec.md']).indexOf('terms-and-definitions-intro.md');
               if (termsIndex !== -1) {
                 // Append the HTML string to the content of terms-and-definitions-intro.md. This string is used to create a div that is used to insert an alphabet index, and a div that is used as the starting point of the terminology index. The newlines are essential for the correct rendering of the markdown.
-                docs[termsIndex] += '\n\n<div id="alphabet-index-h7vc6omi2hr2880"></div>\n\n<div id="terminology-section-start-h7vc6omi2hr2880"></div>\n\n<hr>\n\n';
+                docs[termsIndex] += '\n\n<div id="terminology-section-utility-container"></div>\n\n<div id="terminology-section-start-h7vc6omi2hr2880"></div>\n\n<hr>\n\n';
               }
 
               let doc = docs.join("\n");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spec-up-t",
-  "version": "1.1.13",
+  "version": "1.1.14",
   "description": "Technical specification drafting tool that generates rich specification documents from markdown. Forked from https://github.com/decentralized-identity/spec-up by Daniel Buchner (https://github.com/csuwildcat)",
   "main": "./index",
   "repository": {

package/src/asset-map.json

@@ -34,6 +34,7 @@
       "assets/js/tippy.js",
       "assets/js/diff.min.js",
       "assets/js/edit-term-buttons.js",
+      "assets/js/create-alphabet-index.js",
       "assets/js/search.js",
       "assets/js/highlightMenuItems.js",
       "assets/js/backToTop.js",
@@ -45,7 +46,6 @@
       "assets/js/token-input.js",
       "assets/js/pdf-download.js",
       "assets/js/help-buttons.js",
-      "assets/js/create-alphabet-index.js",
       "assets/js/collapse-definitions.js",
       "assets/js/collapse-meta-info.js",
       "assets/js/add-href-to-snapshot-link.js",

package/templates/template.html

@@ -30,7 +30,7 @@
             <a id="logo" href="${specLogoLink}">
                 <img src="${specLogo}" />
             </a>
-            <span issue-count animate panel-toggle="repo_issues">
+            <span id="repo_issues" issue-count animate panel-toggle="repo_issues">
                 <svg icon>
                     <use xlink:href="#svg-github"></use>
                 </svg>