Skip to content

Commit d8b3b1b

Browse files
theletterftheletterf
committed
Prettify
1 parent 1de7b5e commit d8b3b1b

File tree

2 files changed

+304
-303
lines changed

2 files changed

+304
-303
lines changed

‎src/Elastic.Documentation.Site/Assets/main.ts‎

Lines changed: 161 additions & 160 deletions
Original file line numberDiff line numberDiff line change
@@ -1,177 +1,178 @@
1-
import { initAppliesSwitch } from './applies-switch'
2-
import { initCopyButton } from './copybutton'
3-
import { initHighlight } from './hljs'
4-
import { initImageCarousel } from './image-carousel'
5-
import './markdown/applies-to'
6-
import { openDetailsWithAnchor } from './open-details-with-anchor'
7-
import { initNav } from './pages-nav'
8-
import { initSmoothScroll } from './smooth-scroll'
9-
import { initTabs } from './tabs'
10-
import { initTocNav } from './toc-nav'
11-
import 'htmx-ext-head-support'
12-
import 'htmx-ext-preload'
13-
import { $, $$ } from 'select-dom'
14-
import { UAParser } from 'ua-parser-js'
15-
import katex from 'katex'
16-
import 'katex/dist/katex.min.css'
17-
18-
const { getOS } = new UAParser()
1+
import { initAppliesSwitch } from "./applies-switch";
2+
import { initCopyButton } from "./copybutton";
3+
import { initHighlight } from "./hljs";
4+
import { initImageCarousel } from "./image-carousel";
5+
import "./markdown/applies-to";
6+
import { openDetailsWithAnchor } from "./open-details-with-anchor";
7+
import { initNav } from "./pages-nav";
8+
import { initSmoothScroll } from "./smooth-scroll";
9+
import { initTabs } from "./tabs";
10+
import { initTocNav } from "./toc-nav";
11+
import "htmx-ext-head-support";
12+
import "htmx-ext-preload";
13+
import { $, $$ } from "select-dom";
14+
import { UAParser } from "ua-parser-js";
15+
import katex from "katex";
16+
import "katex/dist/katex.min.css";
17+
18+
const { getOS } = new UAParser();
1919
const isLazyLoadNavigationEnabled =
20-
$('meta[property="docs:feature:lazy-load-navigation"]')?.content === 'true'
20+
$('meta[property="docs:feature:lazy-load-navigation"]')?.content === "true";
2121

2222
/**
2323
* Initialize KaTeX math rendering for elements with class 'math'
2424
*/
2525
function initMath() {
26-
const mathElements = $$('.math')
27-
mathElements.forEach(element => {
28-
try {
29-
const content = element.textContent?.trim()
30-
if (!content) return
31-
32-
// Determine if this is display math based on content and element type
33-
const isDisplayMath = element.tagName === 'DIV' ||
34-
content.includes('\\[') ||
35-
content.includes('$$') ||
36-
content.includes('\\begin{') ||
37-
content.includes('\n')
38-
39-
// Clean up common LaTeX delimiters
40-
let cleanContent = content
41-
.replace(/^\$\$|\$\$$/g, '') // Remove $$ delimiters
42-
.replace(/^\\\[|\\\]$/g, '') // Remove \[ \] delimiters
43-
.trim()
44-
45-
// Clear the element content before rendering
46-
element.innerHTML = ''
47-
48-
katex.render(cleanContent, element, {
49-
throwOnError: false,
50-
displayMode: isDisplayMath,
51-
strict: false, // Allow some LaTeX extensions
52-
trust: false, // Security: don't trust arbitrary commands
53-
output: 'mathml', // Only render MathML, not HTML
54-
macros: {
55-
// Add common macros if needed
56-
}
57-
})
58-
} catch (error) {
59-
console.warn('KaTeX rendering error:', error)
60-
// Fallback: keep the original content
61-
element.innerHTML = element.textContent || ''
62-
}
63-
})
64-
}
26+
const mathElements = $$(".math");
27+
mathElements.forEach((element) => {
28+
try {
29+
const content = element.textContent?.trim();
30+
if (!content) return;
31+
32+
// Determine if this is display math based on content and element type
33+
const isDisplayMath =
34+
element.tagName === "DIV" ||
35+
content.includes("\\[") ||
36+
content.includes("$$") ||
37+
content.includes("\\begin{") ||
38+
content.includes("\n");
39+
40+
// Clean up common LaTeX delimiters
41+
let cleanContent = content
42+
.replace(/^\$\$|\$\$$/g, "") // Remove $$ delimiters
43+
.replace(/^\\\[|\\\]$/g, "") // Remove \[ \] delimiters
44+
.trim();
45+
46+
// Clear the element content before rendering
47+
element.innerHTML = "";
6548

66-
document.addEventListener('htmx:load', function (event) {
67-
initTocNav()
68-
initHighlight()
69-
initCopyButton()
70-
initTabs()
71-
initAppliesSwitch()
72-
initMath()
73-
74-
// We do this so that the navigation is not initialized twice
75-
if (isLazyLoadNavigationEnabled) {
76-
if (event.detail.elt.id === 'nav-tree') {
77-
initNav()
78-
}
79-
} else {
80-
initNav()
49+
katex.render(cleanContent, element, {
50+
throwOnError: false,
51+
displayMode: isDisplayMath,
52+
strict: false, // Allow some LaTeX extensions
53+
trust: false, // Security: don't trust arbitrary commands
54+
output: "mathml", // Only render MathML, not HTML
55+
macros: {
56+
// Add common macros if needed
57+
},
58+
});
59+
} catch (error) {
60+
console.warn("KaTeX rendering error:", error);
61+
// Fallback: keep the original content
62+
element.innerHTML = element.textContent || "";
8163
}
82-
initSmoothScroll()
83-
openDetailsWithAnchor()
84-
initImageCarousel()
85-
86-
const urlParams = new URLSearchParams(window.location.search)
87-
const editParam = urlParams.has('edit')
88-
if (editParam) {
89-
$('.edit-this-page.hidden')?.classList.remove('hidden')
64+
});
65+
}
66+
67+
document.addEventListener("htmx:load", function (event) {
68+
initTocNav();
69+
initHighlight();
70+
initCopyButton();
71+
initTabs();
72+
initAppliesSwitch();
73+
initMath();
74+
75+
// We do this so that the navigation is not initialized twice
76+
if (isLazyLoadNavigationEnabled) {
77+
if (event.detail.elt.id === "nav-tree") {
78+
initNav();
9079
}
91-
})
80+
} else {
81+
initNav();
82+
}
83+
initSmoothScroll();
84+
openDetailsWithAnchor();
85+
initImageCarousel();
86+
87+
const urlParams = new URLSearchParams(window.location.search);
88+
const editParam = urlParams.has("edit");
89+
if (editParam) {
90+
$(".edit-this-page.hidden")?.classList.remove("hidden");
91+
}
92+
});
9293

9394
// Don't remove style tags because they are used by the elastic global nav.
94-
document.addEventListener('htmx:removingHeadElement', function (event) {
95-
const tagName = event.detail.headElement.tagName
96-
if (tagName === 'STYLE') {
97-
event.preventDefault()
98-
}
99-
})
100-
101-
document.addEventListener('htmx:beforeRequest', function (event) {
102-
if (
103-
event.detail.requestConfig.verb === 'get' &&
104-
event.detail.requestConfig.triggeringEvent
105-
) {
106-
const { ctrlKey, metaKey, shiftKey }: PointerEvent =
107-
event.detail.requestConfig.triggeringEvent
108-
const { name: os } = getOS()
109-
const modifierKey: boolean = os === 'macOS' ? metaKey : ctrlKey
110-
if (shiftKey || modifierKey) {
111-
event.preventDefault()
112-
window.open(
113-
event.detail.requestConfig.path,
114-
'_blank',
115-
'noopener,noreferrer'
116-
)
117-
}
118-
}
119-
})
120-
121-
document.body.addEventListener('htmx:oobBeforeSwap', function (event) {
122-
// This is needed to scroll to the top of the page when the content is swapped
123-
if (
124-
event.target.id === 'main-container' ||
125-
event.target.id === 'markdown-content' ||
126-
event.target.id === 'content-container'
127-
) {
128-
window.scrollTo(0, 0)
129-
}
130-
})
131-
132-
document.body.addEventListener('htmx:pushedIntoHistory', function (event) {
133-
const pagesNav = $('#pages-nav')
134-
const currentNavItem = $$('.current', pagesNav)
135-
currentNavItem.forEach((el) => {
136-
el.classList.remove('current')
137-
})
138-
const navItems = $$('a[href="' + event.detail.path + '"]', pagesNav)
139-
navItems.forEach((navItem) => {
140-
navItem.classList.add('current')
141-
})
142-
})
143-
144-
document.body.addEventListener('htmx:responseError', function (event) {
145-
// If you get a 404 error while clicking on a hx-get link, actually open the link
146-
// This is needed because the browser doesn't update the URL when the response is a 404
147-
// In production, cloudfront handles serving the 404 page.
148-
// Locally, the DocumentationWebHost handles it.
149-
// On previews, a generic 404 page is shown.
150-
if (event.detail.xhr.status === 404) {
151-
window.location.assign(event.detail.pathInfo.requestPath)
95+
document.addEventListener("htmx:removingHeadElement", function (event) {
96+
const tagName = event.detail.headElement.tagName;
97+
if (tagName === "STYLE") {
98+
event.preventDefault();
99+
}
100+
});
101+
102+
document.addEventListener("htmx:beforeRequest", function (event) {
103+
if (
104+
event.detail.requestConfig.verb === "get" &&
105+
event.detail.requestConfig.triggeringEvent
106+
) {
107+
const { ctrlKey, metaKey, shiftKey }: PointerEvent =
108+
event.detail.requestConfig.triggeringEvent;
109+
const { name: os } = getOS();
110+
const modifierKey: boolean = os === "macOS" ? metaKey : ctrlKey;
111+
if (shiftKey || modifierKey) {
112+
event.preventDefault();
113+
window.open(
114+
event.detail.requestConfig.path,
115+
"_blank",
116+
"noopener,noreferrer",
117+
);
152118
}
153-
})
119+
}
120+
});
121+
122+
document.body.addEventListener("htmx:oobBeforeSwap", function (event) {
123+
// This is needed to scroll to the top of the page when the content is swapped
124+
if (
125+
event.target.id === "main-container" ||
126+
event.target.id === "markdown-content" ||
127+
event.target.id === "content-container"
128+
) {
129+
window.scrollTo(0, 0);
130+
}
131+
});
132+
133+
document.body.addEventListener("htmx:pushedIntoHistory", function (event) {
134+
const pagesNav = $("#pages-nav");
135+
const currentNavItem = $$(".current", pagesNav);
136+
currentNavItem.forEach((el) => {
137+
el.classList.remove("current");
138+
});
139+
const navItems = $$('a[href="' + event.detail.path + '"]', pagesNav);
140+
navItems.forEach((navItem) => {
141+
navItem.classList.add("current");
142+
});
143+
});
144+
145+
document.body.addEventListener("htmx:responseError", function (event) {
146+
// If you get a 404 error while clicking on a hx-get link, actually open the link
147+
// This is needed because the browser doesn't update the URL when the response is a 404
148+
// In production, cloudfront handles serving the 404 page.
149+
// Locally, the DocumentationWebHost handles it.
150+
// On previews, a generic 404 page is shown.
151+
if (event.detail.xhr.status === 404) {
152+
window.location.assign(event.detail.pathInfo.requestPath);
153+
}
154+
});
154155

155156
// We add a query string to the get request to make sure the requested page is up to date
156-
const docsBuilderVersion = $('body').dataset.docsBuilderVersion
157-
document.body.addEventListener('htmx:configRequest', function (event) {
158-
if (event.detail.verb === 'get') {
159-
event.detail.parameters['v'] = docsBuilderVersion
160-
}
161-
})
157+
const docsBuilderVersion = $("body").dataset.docsBuilderVersion;
158+
document.body.addEventListener("htmx:configRequest", function (event) {
159+
if (event.detail.verb === "get") {
160+
event.detail.parameters["v"] = docsBuilderVersion;
161+
}
162+
});
162163

163164
// Here we need to strip the v parameter from the URL so
164165
// that the browser doesn't show the v parameter in the address bar
165-
document.body.addEventListener('htmx:beforeHistoryUpdate', function (event) {
166-
const params = new URLSearchParams(
167-
event.detail.history.path.split('?')[1] ?? ''
168-
)
169-
params.delete('v')
170-
const pathWithoutQueryString = event.detail.history.path.split('?')[0]
171-
if (params.size === 0) {
172-
event.detail.history.path = pathWithoutQueryString
173-
} else {
174-
event.detail.history.path =
175-
pathWithoutQueryString + '?' + params.toString()
176-
}
177-
})
166+
document.body.addEventListener("htmx:beforeHistoryUpdate", function (event) {
167+
const params = new URLSearchParams(
168+
event.detail.history.path.split("?")[1] ?? "",
169+
);
170+
params.delete("v");
171+
const pathWithoutQueryString = event.detail.history.path.split("?")[0];
172+
if (params.size === 0) {
173+
event.detail.history.path = pathWithoutQueryString;
174+
} else {
175+
event.detail.history.path =
176+
pathWithoutQueryString + "?" + params.toString();
177+
}
178+
});

0 commit comments

Comments
 (0)