diff --git a/src/docs/build.js b/src/docs/build.js index d4f8151af..60a6a3350 100644 --- a/src/docs/build.js +++ b/src/docs/build.js @@ -315,11 +315,11 @@ function generateDocsHTML (filePath, rootDir, page, isIndex = false) { `; // CSS - html += ''; + html += ``; html += ``; - html += ''; html += ``; // JS + html += ``; html += ` `; - html += ''; - html += ''; html += ''; html += ` `; html += ''; const relativeDir = path.relative(rootDir, path.dirname(filePath)); const newDir = path.join(rootDir, '..', 'dist', relativeDir, path.basename(filePath, '.md')); @@ -572,6 +569,13 @@ async function generateDocumentation (rootDir) { minify: true, sourcemap: true, allowOverwrite: true, + loader: { + '.woff': 'dataurl', + '.woff2': 'dataurl', + '.ttf': 'dataurl', + '.eot': 'dataurl', + '.svg': 'dataurl', + }, }); } catch ( error ) { console.error(error); diff --git a/src/docs/package.json b/src/docs/package.json index 14b402df2..64bbb24c5 100644 --- a/src/docs/package.json +++ b/src/docs/package.json @@ -14,8 +14,11 @@ "author": "", "license": "ISC", "dependencies": { + "@fontsource/inter": "^5.2.8", "fs-extra": "^11.2.0", + "highlight.js": "^11.11.1", "html-entities": "^2.3.3", + "jquery": "^4.0.0", "js-yaml": "^4.1.0", "jsdom": "^26.1.0", "marked": "^11.1.1" diff --git a/src/docs/src/assets/js/context-menu.js b/src/docs/src/assets/js/context-menu.js index 98fbb20c2..ab588d67b 100644 --- a/src/docs/src/assets/js/context-menu.js +++ b/src/docs/src/assets/js/context-menu.js @@ -1,4 +1,6 @@ -jQuery(document).ready(function () { +import $ from 'jquery'; + +$(document).ready(function () { // Dropdown toggle functionality $(document).on('click', '.dropdown-button', function (e) { e.preventDefault(); diff --git a/src/docs/src/assets/js/example.js b/src/docs/src/assets/js/example.js index de90ec9bf..987468c65 100644 --- a/src/docs/src/assets/js/example.js +++ b/src/docs/src/assets/js/example.js @@ -1,3 +1,5 @@ +import $ from 'jquery'; + const icons = { ai_outline: '', ai_active: '', @@ -11,7 +13,7 @@ const icons = { auth_active: '', }; -jQuery(document).ready(function () { +$(document).ready(function () { // add icons to .icon elements $('.example-group').each(function () { $(this).find('.icon').html(icons[$(this).data('icon')]); diff --git a/src/docs/src/assets/js/index.js b/src/docs/src/assets/js/index.js index b400435e3..9f8567cbd 100644 --- a/src/docs/src/assets/js/index.js +++ b/src/docs/src/assets/js/index.js @@ -1,5 +1,11 @@ +import hljs from 'highlight.js'; +import 'highlight.js/styles/default.css'; +import '@fontsource/inter'; + import './router.js'; import './search.js'; import './context-menu.js'; import './example.js'; import './sidebar.js'; + +window.hljs = hljs; \ No newline at end of file diff --git a/src/docs/src/assets/js/router.js b/src/docs/src/assets/js/router.js index f0b4bcc95..29ba580d8 100755 --- a/src/docs/src/assets/js/router.js +++ b/src/docs/src/assets/js/router.js @@ -1,4 +1,6 @@ -jQuery(document).ready(function () { +import $ from 'jquery'; + +$(document).ready(function () { //History API if ( window.history && window.history.pushState ) { // Initialize state for the first page diff --git a/src/docs/src/assets/js/search.js b/src/docs/src/assets/js/search.js index c6a4f62d6..0a340fe8c 100644 --- a/src/docs/src/assets/js/search.js +++ b/src/docs/src/assets/js/search.js @@ -1,3 +1,5 @@ +import $ from 'jquery'; + // Global search index let searchIndex = []; let searchTimeout = null; @@ -5,7 +7,7 @@ let selectedSearchResult = -1; const commandIcon = ''; -jQuery(document).ready(function () { +$(document).ready(function () { const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0; const shortcut = isMac ? `${commandIcon} K` : 'Ctrl K'; diff --git a/src/docs/src/assets/js/sidebar.js b/src/docs/src/assets/js/sidebar.js index 2b4dfd71b..bfe3e3b79 100644 --- a/src/docs/src/assets/js/sidebar.js +++ b/src/docs/src/assets/js/sidebar.js @@ -1,4 +1,6 @@ -jQuery(document).ready(function () { +import $ from 'jquery'; + +$(document).ready(function () { //when doc is loaded scroll side nav to active section $('#sidebar').scrollTop($('#sidebar').scrollTop() + $('#sidebar a.active').position()?.top - $('#sidebar').height() / 2 + $('#sidebar a.active').height() / 2);