radiant-docs 0.1.38 → 0.1.40

package/template/src/components/SidebarSegmented.astro

@@ -3,6 +3,7 @@ import Icon from "./ui/Icon.astro";
 import { getConfig, type NavMenu } from "../lib/validation";
 import SidebarMenu from "./SidebarMenu.astro";
 import { slugify } from "../lib/utils";
+import { prependBasePath, stripBasePath } from "../lib/base-path";
 import { getAllRoutes } from "../lib/routes";
 
 interface Props {
@@ -12,9 +13,9 @@ interface Props {
 
 const { menu, parentSlug = "" } = Astro.props;
 
-const pathname = Astro.url.pathname;
+const pathname = stripBasePath(Astro.url.pathname);
 const config = await getConfig();
-const routes = await getAllRoutes();
+const routes = (await getAllRoutes()).filter((route) => !route.hidden);
 
 let currentMenuIndex = menu.items.findIndex(
   (i) => slugify(i.label) === pathname.split("/")[1],
@@ -52,8 +53,8 @@ for (const route of routes) {
     seen.add(topLevel);
     const href =
       route.type === "mdx" && config.home && route.filePath === config.home
-        ? "/"
-        : `/${slug}`;
+        ? prependBasePath("/")
+        : prependBasePath(`/${slug}`);
     firstHrefOfMenuItems.push(href);
   }
 }
@@ -82,7 +83,7 @@ const currentPrefix = parentSlug
                 ? "bg-white dark:bg-neutral-700/30 border-neutral-200/70 dark:border-neutral-700/40 dark:border-b shadow-sm shadow-neutral-200/80 dark:shadow-neutral-950/20 text-neutral-900 dark:text-white"
                 : "text-neutral-600 dark:text-neutral-300 border-transparent hover:text-primary dark:hover:text-primary",
             ]}
-            href={firstHrefOfMenuItems[index] ?? "/"}
+            href={firstHrefOfMenuItems[index] ?? prependBasePath("/")}
           >
             {item.icon && <Icon class="mr-2 size-4" name={item.icon} />}
             {item.label}

package/template/src/components/TableOfContents.astro

@@ -50,7 +50,8 @@ for (const heading of headings) {
         d=""
         stroke-width="1.4"
         vector-effect="non-scaling-stroke"
-        class="stroke-neutral-700/70 dark:stroke-neutral-300/80 transition-[stroke-dasharray] duration-200"
+        class="transition-[stroke-dasharray] duration-200"
+        style="stroke: var(--color-theme);"
         fill="none"
         stroke-linecap="round"
         stroke-linejoin="round"></path>
@@ -329,20 +330,10 @@ for (const heading of headings) {
         circles?.forEach((circle) => {
           const slug = (circle as SVGCircleElement).dataset.slug;
           if (slug && visibleSlugs.has(slug)) {
-            circle.classList.remove("fill-neutral-300", "dark:fill-neutral-600");
-            circle.classList.add(
-              "fill-neutral-700",
-              "dark:fill-neutral-200",
-              "delay-100"
-            );
+            (circle as SVGCircleElement).style.fill = "var(--color-theme)";
             circle.setAttribute("r", "2.75");
           } else {
-            circle.classList.remove(
-              "fill-neutral-700",
-              "dark:fill-neutral-200",
-              "delay-100"
-            );
-            circle.classList.add("fill-neutral-300", "dark:fill-neutral-600");
+            (circle as SVGCircleElement).style.fill = "";
             circle.setAttribute("r", "2.25");
           }
         });

package/template/src/components/chat/AskAiWidget.tsx

@@ -82,7 +82,7 @@ type PersistedWidgetState = {
 const STORAGE_KEY = "radiant-docs:ask-ai-widget:v1";
 const DESKTOP_MIN_WIDTH_PX = 320;
 const DESKTOP_MAX_WIDTH_PX = 768 + 12 + 12;
-const DESKTOP_DEFAULT_WIDTH_PX = 384;
+const DESKTOP_DEFAULT_WIDTH_PX = 448;
 const DESKTOP_MIN_HEIGHT_PX = 320;
 const DESKTOP_DEFAULT_HEIGHT_PX = 448;
 const DESKTOP_MAX_HEIGHT_OFFSET_PX = 20 + 4 + 8;
@@ -148,7 +148,7 @@ function getDefaultPersistedState(): PersistedWidgetState {
     messages: [],
     input: "",
     desktopWidth: DESKTOP_DEFAULT_WIDTH_PX,
-    desktopHeight: DESKTOP_DEFAULT_HEIGHT_PX,
+    desktopHeight: getDesktopMaxHeightPx(),
     threadScrollTop: 0,
   };
 }
@@ -201,7 +201,7 @@ function readPersistedState(): PersistedWidgetState {
         typeof parsed.desktopHeight === "number" &&
         Number.isFinite(parsed.desktopHeight)
           ? parsed.desktopHeight
-          : DESKTOP_DEFAULT_HEIGHT_PX,
+          : getDesktopMaxHeightPx(),
       threadScrollTop:
         typeof parsed.threadScrollTop === "number" &&
         Number.isFinite(parsed.threadScrollTop) &&
@@ -1045,11 +1045,16 @@ export default function AskAiWidget({
     const codeBlockPre = eventTargetElement?.closest(
       ".ask-ai-markdown pre",
     ) as HTMLPreElement | null;
+    const codeBlockScroller =
+      (eventTargetElement?.closest(
+        ".ask-ai-markdown pre > code",
+      ) as HTMLElement | null) ??
+      (codeBlockPre?.querySelector(":scope > code") as HTMLElement | null);
 
-    if (codeBlockPre) {
+    if (codeBlockScroller) {
       const maxScrollLeft = Math.max(
         0,
-        codeBlockPre.scrollWidth - codeBlockPre.clientWidth,
+        codeBlockScroller.scrollWidth - codeBlockScroller.clientWidth,
       );
       const horizontalIntentDelta =
         Math.abs(event.deltaX) > 0.01
@@ -1062,8 +1067,8 @@ export default function AskAiWidget({
         event.preventDefault();
 
         if (maxScrollLeft > 0) {
-          codeBlockPre.scrollLeft = clamp(
-            codeBlockPre.scrollLeft + horizontalIntentDelta,
+          codeBlockScroller.scrollLeft = clamp(
+            codeBlockScroller.scrollLeft + horizontalIntentDelta,
             0,
             maxScrollLeft,
           );
@@ -1422,7 +1427,7 @@ export default function AskAiWidget({
                 >
                   <div
                     className={[
-                      "ask-ai-markdown prose-rules max-w-full min-w-0 wrap-break-word prose-pre:bg-neutral-50! prose-pre:shadow-xs prose-pre:text-neutral-700! prose-pre:border prose-pre:border-neutral-200 prose-pre:rounded-xl!",
+                      "ask-ai-markdown prose-rules max-w-full min-w-0 wrap-break-word prose-code:text-neutral-700 dark:prose-code:text-neutral-200 prose-pre:shadow-xs prose-pre:text-neutral-700! dark:prose-pre:text-neutral-100! prose-pre:border prose-pre:border-neutral-200 dark:prose-pre:border-neutral-800 prose-pre:rounded-xl!",
                       isUser
                         ? "inline-block px-3 py-2 rounded-3xl rounded-br-sm bg-neutral-100 text-neutral-700 dark:bg-neutral-800 dark:text-neutral-100 *:text-left"
                         : "block w-full bg-transparent text-neutral-900 dark:text-neutral-100",
@@ -1466,7 +1471,7 @@ export default function AskAiWidget({
               void handleSubmit(event);
             }}
           >
-            <div className="bg-white flex gap-2 border border-border rounded-[24px]">
+            <div className="bg-white dark:bg-(--rd-code-surface) flex gap-2 border border-neutral-200 dark:border-neutral-800 rounded-[24px] shadow-xs">
               <textarea
                 ref={chatInputTextareaRef}
                 value={input}
@@ -1482,12 +1487,12 @@ export default function AskAiWidget({
               <div class="p-1 pl-0 mt-auto">
                 <button
                   type="submit"
-                  className="flex items-center justify-center rounded-full bg-neutral-900 size-10 disabled:opacity-90 dark:bg-white dark:text-neutral-900 cursor-pointer"
+                  className="flex items-center justify-center rounded-full size-10 bg-linear-to-b from-[var(--color-theme-top)] to-[var(--color-theme-bottom)] text-white disabled:opacity-90 hover:opacity-95 cursor-pointer"
                   disabled={isBusy || input.trim().length === 0}
                 >
                   <Icon
                     icon="lucide:arrow-up"
-                    className="size-5 invert dark:invert-0"
+                    className="size-5 text-white"
                     aria-hidden="true"
                   />
                 </button>
@@ -1543,12 +1548,15 @@ export default function AskAiWidget({
           min-width: 0;
           box-sizing: border-box;
           padding-top: 2.25rem;
-          overflow-x: auto;
+          background: var(--color-neutral-50) !important;
+          overflow-x: hidden;
           overflow-y: hidden;
           white-space: pre;
-          -webkit-overflow-scrolling: touch;
-          scrollbar-width: thin;
-          scrollbar-color: var(--color-neutral-300) var(--color-neutral-100);
+        }
+
+        .dark .ask-ai-markdown pre {
+          background: var(--rd-code-surface) !important;
+          border-color: var(--color-neutral-800) !important;
         }
 
         .ask-ai-markdown pre[data-language]::before {
@@ -1571,6 +1579,10 @@ export default function AskAiWidget({
           user-select: none;
         }
 
+        .dark .ask-ai-markdown pre[data-language]::before {
+          background-color: var(--color-neutral-400);
+        }
+
         .ask-ai-markdown pre[data-language]::after {
           content: attr(data-language);
           position: absolute;
@@ -1585,20 +1597,26 @@ export default function AskAiWidget({
           user-select: none;
         }
 
+        .dark .ask-ai-markdown pre[data-language]::after {
+          color: var(--color-neutral-400);
+        }
+
         .ask-ai-markdown .ask-ai-copy-code-button {
           position: absolute;
           top: 0.3rem;
           right: 0.46rem;
           z-index: 2;
+          appearance: none;
           display: inline-flex;
           align-items: center;
           justify-content: center;
           width: 1.75rem;
           height: 1.75rem;
-          border: 0;
+          border: 1px solid
+            color-mix(in oklab, var(--color-neutral-200) 80%, transparent);
           background: color-mix(
             in oklab,
-            var(--color-neutral-50) 80%,
+            #fff 80%,
             transparent
           );
           backdrop-filter: blur(4px);
@@ -1607,15 +1625,32 @@ export default function AskAiWidget({
             var(--color-neutral-500) 80%,
             transparent
           );
-          border-radius: 8px;
+          border-radius: 0.375rem;
+          outline: none;
+          box-shadow: none;
           cursor: pointer;
-          transition: background-color 120ms ease, color 120ms ease,
-            transform 120ms ease;
+          transition: background-color 150ms ease, color 150ms ease,
+            border-color 150ms ease, transform 120ms ease;
+        }
+
+        .dark .ask-ai-markdown .ask-ai-copy-code-button {
+          border-color: color-mix(
+            in oklab,
+            var(--color-neutral-700) 50%,
+            transparent
+          );
+          background: var(--rd-code-surface);
+          color: var(--color-neutral-400);
         }
 
         .ask-ai-markdown .ask-ai-copy-code-button:hover {
-          background: var(--color-neutral-100);
-          color: var(--color-neutral-700);
+          background: var(--color-neutral-50);
+          color: var(--color-neutral-600);
+        }
+
+        .dark .ask-ai-markdown .ask-ai-copy-code-button:hover {
+          background: var(--color-neutral-800);
+          color: var(--color-neutral-200);
         }
 
         .ask-ai-markdown .ask-ai-copy-code-button:active {
@@ -1623,8 +1658,13 @@ export default function AskAiWidget({
         }
 
         .ask-ai-markdown .ask-ai-copy-code-button:focus-visible {
-          outline: 2px solid var(--color-neutral-300);
-          outline-offset: 1px;
+          outline: none;
+          box-shadow: none;
+        }
+
+        .dark .ask-ai-markdown .ask-ai-copy-code-button:focus-visible {
+          outline: none;
+          box-shadow: none;
         }
 
         .ask-ai-markdown .ask-ai-copy-icon,
@@ -1669,6 +1709,14 @@ export default function AskAiWidget({
           mask-size: contain;
         }
 
+        .dark .ask-ai-markdown .ask-ai-copy-check-icon {
+          background-color: color-mix(
+            in oklab,
+            var(--color-green-400) 90%,
+            transparent
+          );
+        }
+
         .ask-ai-markdown .ask-ai-copy-code-button[data-copied="true"] .ask-ai-copy-icon {
           opacity: 0;
           transform: scale(0.5) rotate(-6deg);
@@ -1681,36 +1729,222 @@ export default function AskAiWidget({
 
         .ask-ai-markdown pre > code {
           display: block;
-          min-width: max-content;
+          width: 100%;
+          min-width: 100%;
+          background: transparent !important;
           white-space: inherit;
           word-break: normal;
           overflow-wrap: normal;
+          overflow-x: auto;
+          overflow-y: hidden;
+          -webkit-overflow-scrolling: touch;
+          scrollbar-width: none;
+          -ms-overflow-style: none;
         }
 
-        .ask-ai-markdown pre::-webkit-scrollbar {
-          height: 10px;
+        .dark .ask-ai-markdown pre > code {
+          scrollbar-width: none;
         }
 
-        .ask-ai-markdown pre::-webkit-scrollbar-track {
+        .ask-ai-markdown pre[class*="language-"] {
+          background: var(--color-neutral-50) !important;
+        }
+
+        .ask-ai-markdown pre[class*="language-"] > code[class*="language-"] {
+          background: transparent !important;
+        }
+
+        .ask-ai-markdown :not(pre) > code[class*="language-"] {
           background: var(--color-neutral-100);
-          border-radius: 999px;
         }
 
-        .ask-ai-markdown pre::-webkit-scrollbar-thumb {
-          background: var(--color-neutral-300);
-          border-radius: 999px;
-          border: 2px solid var(--color-neutral-100);
+        .dark .ask-ai-markdown pre[class*="language-"] {
+          background: var(--rd-code-surface) !important;
+          border-color: var(--color-neutral-800) !important;
+        }
+
+        .dark .ask-ai-markdown pre[class*="language-"] > code[class*="language-"] {
+          background: transparent !important;
+        }
+
+        .dark .ask-ai-markdown pre[class*="language-"],
+        .dark .ask-ai-markdown code[class*="language-"] {
+          color: var(--color-neutral-100);
+        }
+
+        .dark .ask-ai-markdown :not(pre) > code[class*="language-"] {
+          background: var(--color-neutral-800);
+        }
+
+        .dark .ask-ai-markdown .token.comment,
+        .dark .ask-ai-markdown .token.prolog,
+        .dark .ask-ai-markdown .token.doctype,
+        .dark .ask-ai-markdown .token.cdata {
+          color: #7f848e;
+        }
+
+        .dark .ask-ai-markdown .token.punctuation {
+          color: #abb2bf;
+        }
+
+        .dark .ask-ai-markdown .token.property,
+        .dark .ask-ai-markdown .token.tag,
+        .dark .ask-ai-markdown .token.boolean,
+        .dark .ask-ai-markdown .token.number,
+        .dark .ask-ai-markdown .token.constant,
+        .dark .ask-ai-markdown .token.symbol,
+        .dark .ask-ai-markdown .token.deleted {
+          color: #d19a66;
+        }
+
+        .dark .ask-ai-markdown .token.selector,
+        .dark .ask-ai-markdown .token.attr-name,
+        .dark .ask-ai-markdown .token.string,
+        .dark .ask-ai-markdown .token.char,
+        .dark .ask-ai-markdown .token.builtin,
+        .dark .ask-ai-markdown .token.inserted {
+          color: #98c379;
+        }
+
+        .dark .ask-ai-markdown .token.operator,
+        .dark .ask-ai-markdown .token.entity,
+        .dark .ask-ai-markdown .token.url,
+        .dark .ask-ai-markdown .language-css .token.string,
+        .dark .ask-ai-markdown .style .token.string {
+          color: #56b6c2;
+        }
+
+        .dark .ask-ai-markdown .token.atrule,
+        .dark .ask-ai-markdown .token.attr-value,
+        .dark .ask-ai-markdown .token.keyword {
+          color: #c678dd;
+        }
+
+        .dark .ask-ai-markdown .token.function,
+        .dark .ask-ai-markdown .token.class-name {
+          color: #e5c07b;
+        }
+
+        .dark .ask-ai-markdown .token.regex,
+        .dark .ask-ai-markdown .token.important,
+        .dark .ask-ai-markdown .token.variable {
+          color: #e06c75;
+        }
+
+        .dark .ask-ai-markdown .token.attr-value > .token.punctuation.attr-equals,
+        .dark
+          .ask-ai-markdown
+          .token.special-attr
+          > .token.attr-value
+          > .token.value.css {
+          color: #abb2bf;
+        }
+
+        .dark .ask-ai-markdown .language-css .token.selector {
+          color: #d19a66;
+        }
+
+        .dark .ask-ai-markdown .language-css .token.property {
+          color: #abb2bf;
+        }
+
+        .dark .ask-ai-markdown .language-css .token.function,
+        .dark .ask-ai-markdown .language-css .token.url > .token.function {
+          color: #56b6c2;
+        }
+
+        .dark .ask-ai-markdown .language-css .token.url > .token.string.url {
+          color: #98c379;
+        }
+
+        .dark .ask-ai-markdown .language-css .token.important,
+        .dark .ask-ai-markdown .language-css .token.atrule .token.rule {
+          color: #c678dd;
+        }
+
+        .dark .ask-ai-markdown .language-javascript .token.operator {
+          color: #c678dd;
+        }
+
+        .dark
+          .ask-ai-markdown
+          .language-javascript
+          .token.template-string
+          > .token.interpolation
+          > .token.interpolation-punctuation.punctuation {
+          color: #e06c75;
+        }
+
+        .dark .ask-ai-markdown .language-json .token.operator {
+          color: #abb2bf;
+        }
+
+        .dark .ask-ai-markdown .language-json .token.null.keyword {
+          color: #d19a66;
+        }
+
+        .dark .ask-ai-markdown .language-markdown .token.url,
+        .dark .ask-ai-markdown .language-markdown .token.url > .token.operator,
+        .dark
+          .ask-ai-markdown
+          .language-markdown
+          .token.url-reference.url
+          > .token.string {
+          color: #abb2bf;
+        }
+
+        .dark .ask-ai-markdown .language-markdown .token.url > .token.content {
+          color: #56b6c2;
+        }
+
+        .dark .ask-ai-markdown .language-markdown .token.url > .token.url,
+        .dark .ask-ai-markdown .language-markdown .token.url-reference.url {
+          color: #98c379;
+        }
+
+        .dark .ask-ai-markdown .language-markdown .token.blockquote.punctuation,
+        .dark .ask-ai-markdown .language-markdown .token.hr.punctuation {
+          color: #7f848e;
+        }
+
+        .dark .ask-ai-markdown .language-markdown .token.code-snippet {
+          color: #98c379;
+        }
+
+        .dark .ask-ai-markdown .language-markdown .token.bold .token.content {
+          color: #e5c07b;
+        }
+
+        .dark .ask-ai-markdown .language-markdown .token.italic .token.content {
+          color: #c678dd;
+        }
+
+        .dark .ask-ai-markdown .language-markdown .token.strike .token.content,
+        .dark
+          .ask-ai-markdown
+          .language-markdown
+          .token.strike
+          .token.punctuation,
+        .dark .ask-ai-markdown .language-markdown .token.list.punctuation,
+        .dark
+          .ask-ai-markdown
+          .language-markdown
+          .token.title.important
+          > .token.punctuation {
+          color: #e06c75;
         }
 
-        .ask-ai-markdown pre::-webkit-scrollbar-thumb:hover {
-          background: var(--color-neutral-400);
+        .ask-ai-markdown pre > code::-webkit-scrollbar {
+          width: 0;
+          height: 0;
+          display: none;
         }
       `}</style>
       {!isOpen ? (
         <div className="fixed bottom-5 right-5 size-12 z-40 bg-background rounded-full hover:scale-105 transition duration-300 ease-in-out">
           <button
             type="button"
-            className="w-full h-full inline-flex items-center justify-center gap-2 rounded-full bg-linear-to-b from-neutral-900/85 to-neutral-900 dark:from-neutral-100 dark:to-neutral-200 shadow-xl dark:shadow-white/5 cursor-pointer"
+            className="w-full h-full inline-flex items-center justify-center gap-2 rounded-full bg-linear-to-b from-[var(--color-theme-top)] to-[var(--color-theme-bottom)] text-[var(--color-theme-foreground)] shadow-xl dark:shadow-white/5 hover:opacity-95 cursor-pointer"
             onClick={() => handleOpenChange(true)}
             data-pagefind-ignore
           >
@@ -1718,7 +1952,8 @@ export default function AskAiWidget({
               src={sparkleIcon}
               alt=""
               aria-hidden="true"
-              className="size-4 invert dark:invert-0"
+              className="size-4"
+              style={{ filter: "var(--color-theme-icon-filter)" }}
             />
           </button>
         </div>
@@ -1744,12 +1979,12 @@ export default function AskAiWidget({
         </Drawer.Root>
       ) : isOpen ? (
         <div
-          className="fixed bottom-4 right-4 z-50"
+          className="fixed bottom-4 right-4 z-50 dark:bg-neutral-800 rounded-2xl"
           data-pagefind-ignore
           onWheelCapture={handleDesktopWheelCapture}
         >
           <div
-            className="relative flex flex-col overflow-hidden rounded-2xl border border-border bg-background shadow-[0_6px_20px_rgba(0,0,0,0.2)] shadow-neutral-300. shadow-black/15"
+            className="relative flex flex-col overflow-hidden rounded-2xl border border-border bg-background dark:bg-neutral-900/80 shadow-[0_6px_20px_rgba(0,0,0,0.2)] shadow-neutral-300. shadow-black/15"
             style={{
               width: `${desktopPanelWidth}px`,
               height: `${desktopPanelHeight}px`,

package/template/src/components/endpoint/PlaygroundForm.astro

@@ -1,5 +1,6 @@
 ---
 import { Icon } from "astro-icon/components";
+import { withBasePath } from "../../lib/base-path";
 import type { OpenApiRoute } from "../../lib/routes";
 import { getConfig } from "../../lib/validation";
 import { renderMarkdown } from "../../lib/utils";
@@ -37,7 +38,7 @@ const configuredProxyUrl =
   typeof import.meta.env.PUBLIC_PROXY_URL === "string"
     ? import.meta.env.PUBLIC_PROXY_URL.trim()
     : "";
-const proxyUrl = configuredProxyUrl || "/_platform/proxy";
+const proxyUrl = configuredProxyUrl || withBasePath("/_platform/proxy");
 const proxyEnabled = config.playground?.proxy !== false && proxyUrl.length > 0;
 const formattedBodyDescription = bodyDescription
   ? await renderMarkdown(bodyDescription)

package/template/src/components/user/CodeBlock.astro

@@ -256,8 +256,8 @@ const renderedCodeLinesHtml = normalizedTokenLines
 
 <div
   class:list={[
-    "group/prose-code not-prose relative w-full max-w-full min-w-0",
-    parsedInCodeGroup ? "my-0" : "my-6",
+    "group/prose-code not-prose relative w-full max-w-full min-w-0 rounded-xl",
+    parsedInCodeGroup ? "my-0" : "my-6 shadow-xs",
   ]}
   data-rd-code-block-root="true"
   data-rd-collapsed-lines={collapsedLinesValue}
@@ -271,7 +271,7 @@ const renderedCodeLinesHtml = normalizedTokenLines
 >
   <div
     class:list={[
-      "w-full max-w-full min-w-0 overflow-hidden border border-neutral-200 bg-white shadow-xs dark:border-neutral-800 dark:bg-(--rd-code-surface)",
+      "w-full max-w-full min-w-0 overflow-hidden border border-neutral-200 bg-white dark:border-neutral-800 dark:bg-(--rd-code-surface)",
       parsedInCodeGroup ? "rounded-t-none rounded-b-xl" : "rounded-xl",
     ]}
   >
@@ -322,7 +322,10 @@ const renderedCodeLinesHtml = normalizedTokenLines
       ) : null
     }
 
-    <div class="relative min-w-0">
+    <div
+      class="relative min-w-0"
+      data-rd-code-group-panel={parsedInCodeGroup ? "true" : undefined}
+    >
       {
         !parsedInCodeGroup && !parsedShowFilename ? (
           <div class="pointer-events-none absolute right-2 top-2 z-20">
@@ -373,7 +376,7 @@ const renderedCodeLinesHtml = normalizedTokenLines
       </div>
     </div>
   </div>
-  <script is:inline>
+  <script is:inline data-astro-rerun>
     (() => {
       const script = document.currentScript;
       if (!(script instanceof HTMLScriptElement)) return;