{lines.map((line, index) => {
- const lineNumber = index + 1
- const lineAnnotations = annotationsByLine.get(lineNumber) ?? []
+ const lineNumber = index + 1;
+ const lineAnnotations = annotationsByLine.get(lineNumber) ?? [];
return (
- {line || ' '}
+ {line || " "}
{lineAnnotations.length > 0 ? (
{lineAnnotations.map((annotation) => (
@@ -39,11 +39,11 @@ export default function AnnotatedCodeBlock({
) : null}
- )
+ );
})}
Thanks for the feedback.
} - {selection === 'improve' && ( + {selection === "helpful" && ( +Thanks for the feedback.
+ )} + {selection === "improve" && (- Thanks for the feedback. Help us improve this page by opening an issue in the{' '} - docs repo. + Thanks for the feedback. Help us improve this page by opening an issue + in the docs repo.
)} - ) + ); } diff --git a/src/components/InlineTooltip/index.jsx b/src/components/InlineTooltip/index.jsx index e0bec250..01aa96fe 100644 --- a/src/components/InlineTooltip/index.jsx +++ b/src/components/InlineTooltip/index.jsx @@ -1,40 +1,40 @@ -import React, { useEffect, useId, useState } from 'react' -import { createPortal } from 'react-dom' -import styles from './styles.module.css' +import React, { useEffect, useId, useState } from "react"; +import { createPortal } from "react-dom"; +import styles from "./styles.module.css"; export default function InlineTooltip({ label, tooltip }) { - const tooltipId = useId() - const [position, setPosition] = useState(null) + const tooltipId = useId(); + const [position, setPosition] = useState(null); function updatePosition(event) { - const rect = event.currentTarget.getBoundingClientRect() + const rect = event.currentTarget.getBoundingClientRect(); setPosition({ left: rect.left + rect.width / 2, top: rect.top - 10, - }) + }); } function hideTooltip() { - setPosition(null) + setPosition(null); } useEffect(() => { if (!position) { - return undefined + return undefined; } function dismissTooltip() { - setPosition(null) + setPosition(null); } - window.addEventListener('scroll', dismissTooltip, true) - window.addEventListener('resize', dismissTooltip) + window.addEventListener("scroll", dismissTooltip, true); + window.addEventListener("resize", dismissTooltip); return () => { - window.removeEventListener('scroll', dismissTooltip, true) - window.removeEventListener('resize', dismissTooltip) - } - }, [position]) + window.removeEventListener("scroll", dismissTooltip, true); + window.removeEventListener("resize", dismissTooltip); + }; + }, [position]); return ( <> @@ -49,7 +49,7 @@ export default function InlineTooltip({ label, tooltip }) { > {label} - {position && typeof document !== 'undefined' + {position && typeof document !== "undefined" ? createPortal( {tooltip} , - document.body + document.body, ) : null} - ) + ); } diff --git a/src/components/SiteConsent/index.jsx b/src/components/SiteConsent/index.jsx index 6ecc9ba6..557b6f4b 100644 --- a/src/components/SiteConsent/index.jsx +++ b/src/components/SiteConsent/index.jsx @@ -1,127 +1,142 @@ -import React, {useEffect, useMemo, useState} from 'react' -import useDocusaurusContext from '@docusaurus/useDocusaurusContext' -import {useLocation} from '@docusaurus/router' -import styles from './styles.module.css' +import React, { useEffect, useMemo, useState } from "react"; +import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; +import { useLocation } from "@docusaurus/router"; +import styles from "./styles.module.css"; -const CONSENT_KEY = 'maintainerr-docs-consent' -const MATOMO_SCRIPT_ID = 'maintainerr-matomo-script' +const CONSENT_KEY = "maintainerr-docs-consent"; +const MATOMO_SCRIPT_ID = "maintainerr-matomo-script"; function getStoredConsent() { - if (typeof window === 'undefined') { - return null + if (typeof window === "undefined") { + return null; } - return window.localStorage.getItem(CONSENT_KEY) + return window.localStorage.getItem(CONSENT_KEY); } -function loadMatomo({trackerUrl, siteId}) { +function loadMatomo({ trackerUrl, siteId }) { if ( - typeof window === 'undefined' || + typeof window === "undefined" || !trackerUrl || !siteId || document.getElementById(MATOMO_SCRIPT_ID) ) { - return + return; } - const normalizedTrackerUrl = trackerUrl.endsWith('/') + const normalizedTrackerUrl = trackerUrl.endsWith("/") ? trackerUrl - : `${trackerUrl}/` - - window._paq = window._paq || [] - window._paq.push(['disableCookies']) - window._paq.push(['trackPageView']) - window._paq.push(['enableLinkTracking']) - window._paq.push(['setTrackerUrl', `${normalizedTrackerUrl}matomo.php`]) - window._paq.push(['setSiteId', siteId]) - - const script = document.createElement('script') - script.id = MATOMO_SCRIPT_ID - script.async = true - script.src = `${normalizedTrackerUrl}matomo.js` - document.head.appendChild(script) + : `${trackerUrl}/`; + + window._paq = window._paq || []; + window._paq.push(["disableCookies"]); + window._paq.push(["trackPageView"]); + window._paq.push(["enableLinkTracking"]); + window._paq.push(["setTrackerUrl", `${normalizedTrackerUrl}matomo.php`]); + window._paq.push(["setSiteId", siteId]); + + const script = document.createElement("script"); + script.id = MATOMO_SCRIPT_ID; + script.async = true; + script.src = `${normalizedTrackerUrl}matomo.js`; + document.head.appendChild(script); } function trackPageView(location) { - if (typeof window === 'undefined' || !window._paq) { - return + if (typeof window === "undefined" || !window._paq) { + return; } - const fullPath = `${location.pathname}${location.search}${location.hash}` - window._paq.push(['setCustomUrl', fullPath]) - window._paq.push(['setDocumentTitle', document.title]) - window._paq.push(['trackPageView']) + const fullPath = `${location.pathname}${location.search}${location.hash}`; + window._paq.push(["setCustomUrl", fullPath]); + window._paq.push(["setDocumentTitle", document.title]); + window._paq.push(["trackPageView"]); } export function trackMatomoEvent(category, action, name) { - if (typeof window === 'undefined' || !window._paq) { - return + if (typeof window === "undefined" || !window._paq) { + return; } - window._paq.push(['trackEvent', category, action, name]) + window._paq.push(["trackEvent", category, action, name]); } export default function SiteConsent() { - const {siteConfig} = useDocusaurusContext() - const location = useLocation() - const [consent, setConsent] = useState(null) - const [isReady, setIsReady] = useState(false) - const matomoConfig = useMemo(() => siteConfig.customFields?.matomo ?? {}, [siteConfig]) + const { siteConfig } = useDocusaurusContext(); + const location = useLocation(); + const [consent, setConsent] = useState(null); + const [isReady, setIsReady] = useState(false); + const matomoConfig = useMemo( + () => siteConfig.customFields?.matomo ?? {}, + [siteConfig], + ); const privacyPolicyUrl = - siteConfig.customFields?.privacyPolicyUrl ?? 'https://maintainerr.info/privacy.html' + siteConfig.customFields?.privacyPolicyUrl ?? + "https://maintainerr.info/privacy.html"; useEffect(() => { - setConsent(getStoredConsent()) - setIsReady(true) - }, []) + setConsent(getStoredConsent()); + setIsReady(true); + }, []); useEffect(() => { - if (consent !== 'accepted' || !matomoConfig.enabled) { - return + if (consent !== "accepted" || !matomoConfig.enabled) { + return; } - loadMatomo(matomoConfig) - }, [consent, matomoConfig]) + loadMatomo(matomoConfig); + }, [consent, matomoConfig]); useEffect(() => { - if (consent !== 'accepted' || !matomoConfig.enabled) { - return + if (consent !== "accepted" || !matomoConfig.enabled) { + return; } - trackPageView(location) - }, [consent, location, matomoConfig.enabled]) + trackPageView(location); + }, [consent, location, matomoConfig.enabled]); function updateConsent(nextConsent) { - window.localStorage.setItem(CONSENT_KEY, nextConsent) - setConsent(nextConsent) + window.localStorage.setItem(CONSENT_KEY, nextConsent); + setConsent(nextConsent); - if (nextConsent === 'accepted') { - trackMatomoEvent('cookie-consent', 'accept', 'analytics') + if (nextConsent === "accepted") { + trackMatomoEvent("cookie-consent", "accept", "analytics"); } } if (!isReady || consent !== null) { - return null + return null; } return ( -Help us, help you.
- We use privacy-friendly analytics to understand which docs are useful and where people - get stuck. You can read the full policy at{' '} + We use privacy-friendly analytics to understand which docs are useful + and where people get stuck. You can read the full policy at{" "} Maintainerr Privacy Policy.