admin/tool/componentlibrary/amd/src/jsrunner.js

  1. // This file is part of Moodle - http://moodle.org/
  2. //
  3. // Moodle is free software: you can redistribute it and/or modify
  4. // it under the terms of the GNU General Public License as published by
  5. // the Free Software Foundation, either version 3 of the License, or
  6. // (at your option) any later version.
  7. //
  8. // Moodle is distributed in the hope that it will be useful,
  9. // but WITHOUT ANY WARRANTY; without even the implied warranty of
  10. // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  11. // GNU General Public License for more details.
  12. //
  13. // You should have received a copy of the GNU General Public License
  14. // along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
  16. /**
  17.  * Run the JS required for example code to work in the library.
  18.  *
  19.  * @module     tool_componentlibrary/jsrunner
  20.  * @copyright  2021 Bas Brands <bas@moodle.com>
  21.  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  22.  */
  24. import selectors from 'tool_componentlibrary/selectors';
  26. /**
  27.  * The Hugo shortcodes changes the JavaScript in markdownfiles from
  28.  * the Moodle mustache {{js}} code... {{/js}} syntax into a div with
  29.  * attribute data-action='runjs'. See hugo/site/layouts/shortcodes/example.html.
  30.  * This code fetches and runs the JavaScript content.
  31.  *
  32.  * @method
  33.  */
  34. export const jsRunner = () => {
  35.     const compLib = document.querySelector(selectors.componentlibrary);
  36.     compLib.querySelectorAll(selectors.jscode).forEach(runjs => {
  37.         const script = document.createElement('script');
  38.         script.type = 'text/javascript';
  39.         script.innerHTML = runjs.textContent;
  40.         document.head.appendChild(script);
  41.     });
  42. };