astro 4.1.2 → 4.1.3

package/dist/runtime/client/{dev-overlay/overlay.js → dev-toolbar/toolbar.js}

@@ -4,14 +4,14 @@ const WS_EVENT_NAME = "astro-dev-toolbar";
 const WS_EVENT_NAME_DEPRECATED = "astro-dev-overlay";
 const HOVER_DELAY = 2 * 1e3;
 const DEVBAR_HITBOX_ABOVE = 42;
-class AstroDevOverlay extends HTMLElement {
+class AstroDevToolbar extends HTMLElement {
   shadowRoot;
   delayedHideTimeout;
-  devOverlay;
-  plugins = [];
+  devToolbarContainer;
+  apps = [];
   hasBeenInitialized = false;
   // TODO: This should be dynamic based on the screen size or at least configurable, erika - 2023-11-29
-  customPluginsToShow = 3;
+  customAppsToShow = 3;
   constructor() {
     super();
     this.shadowRoot = this.attachShadow({ mode: "open" });
@@ -36,7 +36,7 @@ class AstroDevOverlay extends HTMLElement {
 				animation: none;
 			}
 
-			#dev-overlay {
+			#dev-toolbar-root {
 				position: fixed;
 				bottom: 0px;
 				left: 50%;
@@ -49,11 +49,11 @@ class AstroDevOverlay extends HTMLElement {
 				pointer-events: none;
 			}
 
-			#dev-overlay[data-hidden] {
+			#dev-toolbar-root[data-hidden] {
 				bottom: -40px;
 			}
 
-			#dev-overlay[data-hidden] #dev-bar .item {
+			#dev-toolbar-root[data-hidden] #dev-bar .item {
 				opacity: 0.2;
 			}
 
@@ -197,7 +197,7 @@ class AstroDevOverlay extends HTMLElement {
 				background: #B33E66;
 			}
 
-			#dev-overlay:not([data-no-notification]) #dev-bar .item .notification[data-active] {
+			#dev-toolbar-root:not([data-no-notification]) #dev-bar .item .notification[data-active] {
 				display: block;
 			}
 
@@ -211,44 +211,40 @@ class AstroDevOverlay extends HTMLElement {
 				width: 1px;
 			}
 		</style>
-		<div id="dev-overlay" data-hidden ${settings.config.disablePluginNotification ? "data-no-notification" : ""}>
+		<div id="dev-toolbar-root" data-hidden ${settings.config.disableAppNotification ? "data-no-notification" : ""}>
 			<div id="dev-bar-hitbox-above"></div>
 			<div id="dev-bar">
 				<div id="bar-container">
-					${this.plugins.filter(
-      (plugin) => plugin.builtIn && !["astro:settings", "astro:more"].includes(plugin.id)
-    ).map((plugin) => this.getPluginTemplate(plugin)).join("")}
-					${this.plugins.filter((plugin) => !plugin.builtIn).length > 0 ? `<div class="separator"></div>${this.plugins.filter((plugin) => !plugin.builtIn).slice(0, this.customPluginsToShow).map((plugin) => this.getPluginTemplate(plugin)).join("")}` : ""}
-					${this.plugins.filter((plugin) => !plugin.builtIn).length > this.customPluginsToShow ? this.getPluginTemplate(
-      this.plugins.find((plugin) => plugin.builtIn && plugin.id === "astro:more")
+					${this.apps.filter((app) => app.builtIn && !["astro:settings", "astro:more"].includes(app.id)).map((app) => this.getAppTemplate(app)).join("")}
+					${this.apps.filter((app) => !app.builtIn).length > 0 ? `<div class="separator"></div>${this.apps.filter((app) => !app.builtIn).slice(0, this.customAppsToShow).map((app) => this.getAppTemplate(app)).join("")}` : ""}
+					${this.apps.filter((app) => !app.builtIn).length > this.customAppsToShow ? this.getAppTemplate(
+      this.apps.find((app) => app.builtIn && app.id === "astro:more")
     ) : ""}
 					<div class="separator"></div>
-					${this.getPluginTemplate(
-      this.plugins.find((plugin) => plugin.builtIn && plugin.id === "astro:settings")
-    )}
+					${this.getAppTemplate(this.apps.find((app) => app.builtIn && app.id === "astro:settings"))}
 				</div>
 			</div>
 			<div id="dev-bar-hitbox-below"></div>
 		</div>`;
-    this.devOverlay = this.shadowRoot.querySelector("#dev-overlay");
+    this.devToolbarContainer = this.shadowRoot.querySelector("#dev-toolbar-root");
     this.attachEvents();
-    this.plugins.forEach(async (plugin) => {
+    this.apps.forEach(async (app) => {
       if (settings.config.verbose)
-        console.log(`Creating plugin canvas for ${plugin.id}`);
-      const pluginCanvas = document.createElement("astro-dev-toolbar-plugin-canvas");
-      pluginCanvas.dataset.pluginId = plugin.id;
-      this.shadowRoot?.append(pluginCanvas);
+        console.log(`Creating app canvas for ${app.id}`);
+      const appCanvas = document.createElement("astro-dev-toolbar-app-canvas");
+      appCanvas.dataset.appId = app.id;
+      this.shadowRoot?.append(appCanvas);
     });
     if ("requestIdleCallback" in window) {
       window.requestIdleCallback(
         async () => {
-          this.plugins.map((plugin) => this.initPlugin(plugin));
+          this.apps.map((app) => this.initApp(app));
         },
         { timeout: 300 }
       );
     } else {
       setTimeout(async () => {
-        this.plugins.map((plugin) => this.initPlugin(plugin));
+        this.apps.map((app) => this.initApp(app));
       }, 300);
     }
   }
@@ -260,8 +256,8 @@ class AstroDevOverlay extends HTMLElement {
       this.init();
       this.hasBeenInitialized = true;
     }
-    this.plugins.forEach(async (plugin) => {
-      await this.setPluginStatus(plugin, plugin.active);
+    this.apps.forEach(async (app) => {
+      await this.setAppStatus(app, app.active);
     });
   }
   attachEvents() {
@@ -271,28 +267,28 @@ class AstroDevOverlay extends HTMLElement {
         const target = event.currentTarget;
         if (!target || !(target instanceof HTMLElement))
           return;
-        const id = target.dataset.pluginId;
+        const id = target.dataset.appId;
         if (!id)
           return;
-        const plugin = this.getPluginById(id);
-        if (!plugin)
+        const app = this.getAppById(id);
+        if (!app)
           return;
         event.stopPropagation();
-        await this.togglePluginStatus(plugin);
+        await this.toggleAppStatus(app);
       });
     });
     ["mouseenter", "focusin"].forEach((event) => {
-      this.devOverlay.addEventListener(event, () => {
+      this.devToolbarContainer.addEventListener(event, () => {
         this.clearDelayedHide();
         if (this.isHidden()) {
-          this.setOverlayVisible(true);
+          this.setToolbarVisible(true);
         }
       });
     });
     ["mouseleave", "focusout"].forEach((event) => {
-      this.devOverlay.addEventListener(event, () => {
+      this.devToolbarContainer.addEventListener(event, () => {
         this.clearDelayedHide();
-        if (this.getActivePlugin() || this.isHidden()) {
+        if (this.getActiveApp() || this.isHidden()) {
           return;
         }
         this.triggerDelayedHide();
@@ -303,112 +299,113 @@ class AstroDevOverlay extends HTMLElement {
         return;
       if (this.isHidden())
         return;
-      const activePlugin = this.getActivePlugin();
-      if (activePlugin) {
-        this.togglePluginStatus(activePlugin);
+      const activeApp = this.getActiveApp();
+      if (activeApp) {
+        this.toggleAppStatus(activeApp);
       } else {
-        this.setOverlayVisible(false);
+        this.setToolbarVisible(false);
       }
     });
   }
-  async initPlugin(plugin) {
-    const shadowRoot = this.getPluginCanvasById(plugin.id).shadowRoot;
-    plugin.status = "loading";
+  async initApp(app) {
+    const shadowRoot = this.getAppCanvasById(app.id).shadowRoot;
+    app.status = "loading";
     try {
       if (settings.config.verbose)
-        console.info(`Initializing plugin ${plugin.id}`);
-      await plugin.init?.(shadowRoot, plugin.eventTarget);
-      plugin.status = "ready";
+        console.info(`Initializing app ${app.id}`);
+      await app.init?.(shadowRoot, app.eventTarget);
+      app.status = "ready";
       if (import.meta.hot) {
-        import.meta.hot.send(`${WS_EVENT_NAME}:${plugin.id}:initialized`);
-        import.meta.hot.send(`${WS_EVENT_NAME_DEPRECATED}:${plugin.id}:initialized`);
+        import.meta.hot.send(`${WS_EVENT_NAME}:${app.id}:initialized`);
+        import.meta.hot.send(`${WS_EVENT_NAME_DEPRECATED}:${app.id}:initialized`);
       }
     } catch (e) {
-      console.error(`Failed to init plugin ${plugin.id}, error: ${e}`);
-      plugin.status = "error";
+      console.error(`Failed to init app ${app.id}, error: ${e}`);
+      app.status = "error";
     }
   }
-  getPluginTemplate(plugin) {
-    return `<button class="item" data-plugin-id="${plugin.id}">
-				<div class="icon">${getPluginIcon(plugin.icon)}<div class="notification"></div></div>
-				<span class="item-tooltip">${plugin.name}</span>
+  getAppTemplate(app) {
+    return `<button class="item" data-app-id="${app.id}">
+				<div class="icon">${getAppIcon(app.icon)}<div class="notification"></div></div>
+				<span class="item-tooltip">${app.name}</span>
 			</button>`;
   }
-  getPluginById(id) {
-    return this.plugins.find((plugin) => plugin.id === id);
+  getAppById(id) {
+    return this.apps.find((app) => app.id === id);
   }
-  getPluginCanvasById(id) {
+  getAppCanvasById(id) {
     return this.shadowRoot.querySelector(
-      `astro-dev-toolbar-plugin-canvas[data-plugin-id="${id}"]`
+      `astro-dev-toolbar-app-canvas[data-app-id="${id}"]`
     );
   }
-  async togglePluginStatus(plugin) {
-    const activePlugin = this.getActivePlugin();
-    if (activePlugin) {
-      const closePlugin = await this.setPluginStatus(activePlugin, false);
-      if (!closePlugin)
+  async toggleAppStatus(app) {
+    const activeApp = this.getActiveApp();
+    if (activeApp) {
+      const closeApp = await this.setAppStatus(activeApp, false);
+      if (!closeApp)
         return;
     }
-    if (plugin.status !== "ready")
+    if (app.status !== "ready")
       return;
-    if (plugin !== activePlugin) {
-      await this.setPluginStatus(plugin, true);
+    if (app !== activeApp) {
+      await this.setAppStatus(app, true);
     }
   }
-  async setPluginStatus(plugin, newStatus) {
-    const pluginCanvas = this.getPluginCanvasById(plugin.id);
-    if (!pluginCanvas)
+  async setAppStatus(app, newStatus) {
+    const appCanvas = this.getAppCanvasById(app.id);
+    if (!appCanvas)
       return false;
-    if (plugin.active && !newStatus && plugin.beforeTogglingOff) {
-      const shouldToggleOff = await plugin.beforeTogglingOff(pluginCanvas.shadowRoot);
+    if (app.active && !newStatus && app.beforeTogglingOff) {
+      const shouldToggleOff = await app.beforeTogglingOff(appCanvas.shadowRoot);
       if (!shouldToggleOff)
         return false;
     }
-    plugin.active = newStatus ?? !plugin.active;
-    const mainBarButton = this.shadowRoot.querySelector(`[data-plugin-id="${plugin.id}"]`);
-    const moreBarButton = this.getPluginCanvasById("astro:more")?.shadowRoot?.querySelector(
-      `[data-plugin-id="${plugin.id}"]`
+    app.active = newStatus ?? !app.active;
+    const mainBarButton = this.shadowRoot.querySelector(`[data-app-id="${app.id}"]`);
+    const moreBarButton = this.getAppCanvasById("astro:more")?.shadowRoot?.querySelector(
+      `[data-app-id="${app.id}"]`
     );
     if (mainBarButton) {
-      mainBarButton.classList.toggle("active", plugin.active);
+      mainBarButton.classList.toggle("active", app.active);
     }
     if (moreBarButton) {
-      moreBarButton.classList.toggle("active", plugin.active);
+      moreBarButton.classList.toggle("active", app.active);
     }
-    if (plugin.active) {
-      pluginCanvas.style.display = "block";
-      pluginCanvas.setAttribute("data-active", "");
+    if (app.active) {
+      appCanvas.style.display = "block";
+      appCanvas.setAttribute("data-active", "");
     } else {
-      pluginCanvas.style.display = "none";
-      pluginCanvas.removeAttribute("data-active");
+      appCanvas.style.display = "none";
+      appCanvas.removeAttribute("data-active");
     }
     [
       "app-toggled",
       // Deprecated
+      // TODO: Remove in Astro 5.0
       "plugin-toggled"
     ].forEach((eventName) => {
-      plugin.eventTarget.dispatchEvent(
+      app.eventTarget.dispatchEvent(
         new CustomEvent(eventName, {
           detail: {
-            state: plugin.active,
-            plugin
+            state: app.active,
+            app
           }
         })
       );
     });
     if (import.meta.hot) {
-      import.meta.hot.send(`${WS_EVENT_NAME}:${plugin.id}:toggled`, { state: plugin.active });
-      import.meta.hot.send(`${WS_EVENT_NAME_DEPRECATED}:${plugin.id}:toggled`, {
-        state: plugin.active
+      import.meta.hot.send(`${WS_EVENT_NAME}:${app.id}:toggled`, { state: app.active });
+      import.meta.hot.send(`${WS_EVENT_NAME_DEPRECATED}:${app.id}:toggled`, {
+        state: app.active
       });
     }
     return true;
   }
   isHidden() {
-    return this.devOverlay?.hasAttribute("data-hidden") ?? true;
+    return this.devToolbarContainer?.hasAttribute("data-hidden") ?? true;
   }
-  getActivePlugin() {
-    return this.plugins.find((plugin) => plugin.active);
+  getActiveApp() {
+    return this.apps.find((app) => app.active);
   }
   clearDelayedHide() {
     window.clearTimeout(this.delayedHideTimeout);
@@ -417,16 +414,16 @@ class AstroDevOverlay extends HTMLElement {
   triggerDelayedHide() {
     this.clearDelayedHide();
     this.delayedHideTimeout = window.setTimeout(() => {
-      this.setOverlayVisible(false);
+      this.setToolbarVisible(false);
       this.delayedHideTimeout = void 0;
     }, HOVER_DELAY);
   }
-  setOverlayVisible(newStatus) {
+  setToolbarVisible(newStatus) {
     const barContainer = this.shadowRoot.querySelector("#bar-container");
     const devBar = this.shadowRoot.querySelector("#dev-bar");
     const devBarHitboxAbove = this.shadowRoot.querySelector("#dev-bar-hitbox-above");
     if (newStatus === true) {
-      this.devOverlay?.removeAttribute("data-hidden");
+      this.devToolbarContainer?.removeAttribute("data-hidden");
       barContainer?.removeAttribute("inert");
       devBar?.removeAttribute("tabindex");
       if (devBarHitboxAbove)
@@ -434,7 +431,7 @@ class AstroDevOverlay extends HTMLElement {
       return;
     }
     if (newStatus === false) {
-      this.devOverlay?.setAttribute("data-hidden", "");
+      this.devToolbarContainer?.setAttribute("data-hidden", "");
       barContainer?.setAttribute("inert", "");
       devBar?.setAttribute("tabindex", "0");
       if (devBarHitboxAbove)
@@ -443,13 +440,12 @@ class AstroDevOverlay extends HTMLElement {
     }
   }
   setNotificationVisible(newStatus) {
-    const devOverlayElement = this.shadowRoot.querySelector("#dev-overlay");
-    devOverlayElement?.toggleAttribute("data-no-notification", !newStatus);
-    const moreCanvas = this.getPluginCanvasById("astro:more");
+    this.devToolbarContainer?.toggleAttribute("data-no-notification", !newStatus);
+    const moreCanvas = this.getAppCanvasById("astro:more");
     moreCanvas?.shadowRoot?.querySelector("#dropdown")?.toggleAttribute("data-no-notification", !newStatus);
   }
 }
-class DevOverlayCanvas extends HTMLElement {
+class DevToolbarCanvas extends HTMLElement {
   shadowRoot;
   constructor() {
     super();
@@ -466,14 +462,14 @@ class DevOverlayCanvas extends HTMLElement {
 		</style>`;
   }
 }
-function getPluginIcon(icon) {
+function getAppIcon(icon) {
   if (isDefinedIcon(icon)) {
     return getIconElement(icon).outerHTML;
   }
   return icon;
 }
 export {
-  AstroDevOverlay,
-  DevOverlayCanvas,
-  getPluginIcon
+  AstroDevToolbar,
+  DevToolbarCanvas,
+  getAppIcon
 };

package/dist/runtime/client/{dev-overlay → dev-toolbar}/ui-library/badge.d.ts

@@ -1,6 +1,6 @@
 type BadgeSize = 'small' | 'large';
 type BadgeStyle = 'purple' | 'gray' | 'red' | 'green' | 'yellow';
-export declare class DevOverlayBadge extends HTMLElement {
+export declare class DevToolbarBadge extends HTMLElement {
     size: BadgeSize;
     badgeStyle: BadgeStyle;
     shadowRoot: ShadowRoot;

package/dist/runtime/client/{dev-overlay → dev-toolbar}/ui-library/badge.js

@@ -1,4 +1,4 @@
-class DevOverlayBadge extends HTMLElement {
+class DevToolbarBadge extends HTMLElement {
   size = "small";
   badgeStyle = "purple";
   shadowRoot;
@@ -63,5 +63,5 @@ class DevOverlayBadge extends HTMLElement {
   }
 }
 export {
-  DevOverlayBadge
+  DevToolbarBadge
 };

package/dist/runtime/client/{dev-overlay → dev-toolbar}/ui-library/button.d.ts

@@ -1,6 +1,6 @@
 type ButtonSize = 'small' | 'medium' | 'large';
 type ButtonStyle = 'ghost' | 'outline' | 'purple' | 'gray' | 'red';
-export declare class DevOverlayButton extends HTMLElement {
+export declare class DevToolbarButton extends HTMLElement {
     size: ButtonSize;
     buttonStyle: ButtonStyle;
     shadowRoot: ShadowRoot;

package/dist/runtime/client/{dev-overlay → dev-toolbar}/ui-library/button.js

@@ -1,4 +1,4 @@
-class DevOverlayButton extends HTMLElement {
+class DevToolbarButton extends HTMLElement {
   size = "small";
   buttonStyle = "purple";
   shadowRoot;
@@ -64,6 +64,7 @@ class DevOverlayButton extends HTMLElement {
 					border-color: rgba(249, 196, 215, 0.33);
 				}
 
+				/* TODO: Remove "astro-dev-overlay-icon" in Astro 5.0 */
 				::slotted(astro-dev-overlay-icon),
 				::slotted(astro-dev-toolbar-icon) {
 					display: inline-block;
@@ -80,5 +81,5 @@ class DevOverlayButton extends HTMLElement {
   }
 }
 export {
-  DevOverlayButton
+  DevToolbarButton
 };

package/dist/runtime/client/{dev-overlay → dev-toolbar}/ui-library/card.d.ts

@@ -1,4 +1,4 @@
-export declare class DevOverlayCard extends HTMLElement {
+export declare class DevToolbarCard extends HTMLElement {
     link?: string | undefined | null;
     clickAction?: () => void | (() => Promise<void>);
     shadowRoot: ShadowRoot;

package/dist/runtime/client/{dev-overlay → dev-toolbar}/ui-library/card.js

@@ -1,4 +1,4 @@
-class DevOverlayCard extends HTMLElement {
+class DevToolbarCard extends HTMLElement {
   link;
   clickAction;
   shadowRoot;
@@ -57,5 +57,5 @@ class DevOverlayCard extends HTMLElement {
   }
 }
 export {
-  DevOverlayCard
+  DevToolbarCard
 };

package/dist/runtime/client/{dev-overlay → dev-toolbar}/ui-library/highlight.d.ts

@@ -1,5 +1,5 @@
 import { type Icon } from './icons.js';
-export declare class DevOverlayHighlight extends HTMLElement {
+export declare class DevToolbarHighlight extends HTMLElement {
     icon?: Icon | undefined | null;
     shadowRoot: ShadowRoot;
     constructor();

package/dist/runtime/client/{dev-overlay → dev-toolbar}/ui-library/highlight.js

@@ -1,5 +1,5 @@
 import { getIconElement, isDefinedIcon } from "./icons.js";
-class DevOverlayHighlight extends HTMLElement {
+class DevToolbarHighlight extends HTMLElement {
   icon;
   shadowRoot;
   constructor() {
@@ -58,5 +58,5 @@ class DevOverlayHighlight extends HTMLElement {
   }
 }
 export {
-  DevOverlayHighlight
+  DevToolbarHighlight
 };

package/dist/runtime/client/{dev-overlay → dev-toolbar}/ui-library/icon.d.ts

@@ -1,5 +1,5 @@
 import { type Icon } from './icons.js';
-export declare class DevOverlayIcon extends HTMLElement {
+export declare class DevToolbarIcon extends HTMLElement {
     _icon: Icon | undefined;
     shadowRoot: ShadowRoot;
     get icon(): Icon | undefined;

package/dist/runtime/client/{dev-overlay → dev-toolbar}/ui-library/icon.js

@@ -1,5 +1,5 @@
 import { getIconElement, isDefinedIcon } from "./icons.js";
-class DevOverlayIcon extends HTMLElement {
+class DevToolbarIcon extends HTMLElement {
   _icon = void 0;
   shadowRoot;
   get icon() {
@@ -42,5 +42,5 @@ ${this.getIconHTML(this._icon)}`;
   }
 }
 export {
-  DevOverlayIcon
+  DevToolbarIcon
 };

package/dist/runtime/client/dev-toolbar/ui-library/index.d.ts

@@ -0,0 +1,8 @@
+export { DevToolbarBadge } from './badge.js';
+export { DevToolbarButton } from './button.js';
+export { DevToolbarCard } from './card.js';
+export { DevToolbarHighlight } from './highlight.js';
+export { DevToolbarIcon } from './icon.js';
+export { DevToolbarToggle } from './toggle.js';
+export { DevToolbarTooltip } from './tooltip.js';
+export { DevToolbarWindow } from './window.js';

package/dist/runtime/client/dev-toolbar/ui-library/index.js

@@ -0,0 +1,18 @@
+import { DevToolbarBadge } from "./badge.js";
+import { DevToolbarButton } from "./button.js";
+import { DevToolbarCard } from "./card.js";
+import { DevToolbarHighlight } from "./highlight.js";
+import { DevToolbarIcon } from "./icon.js";
+import { DevToolbarToggle } from "./toggle.js";
+import { DevToolbarTooltip } from "./tooltip.js";
+import { DevToolbarWindow } from "./window.js";
+export {
+  DevToolbarBadge,
+  DevToolbarButton,
+  DevToolbarCard,
+  DevToolbarHighlight,
+  DevToolbarIcon,
+  DevToolbarToggle,
+  DevToolbarTooltip,
+  DevToolbarWindow
+};

package/dist/runtime/client/{dev-overlay → dev-toolbar}/ui-library/toggle.d.ts

@@ -1,4 +1,4 @@
-export declare class DevOverlayToggle extends HTMLElement {
+export declare class DevToolbarToggle extends HTMLElement {
     shadowRoot: ShadowRoot;
     input: HTMLInputElement;
     constructor();

package/dist/runtime/client/{dev-overlay → dev-toolbar}/ui-library/toggle.js

@@ -1,4 +1,4 @@
-class DevOverlayToggle extends HTMLElement {
+class DevToolbarToggle extends HTMLElement {
   shadowRoot;
   input;
   constructor() {
@@ -61,5 +61,5 @@ class DevOverlayToggle extends HTMLElement {
   }
 }
 export {
-  DevOverlayToggle
+  DevToolbarToggle
 };

package/dist/runtime/client/{dev-overlay → dev-toolbar}/ui-library/tooltip.d.ts

@@ -1,5 +1,5 @@
 import { type Icon } from './icons.js';
-export interface DevOverlayTooltipSection {
+export interface DevToolbarTooltipSection {
     title?: string;
     inlineTitle?: string;
     icon?: Icon;
@@ -7,8 +7,8 @@ export interface DevOverlayTooltipSection {
     clickAction?: () => void | Promise<void>;
     clickDescription?: string;
 }
-export declare class DevOverlayTooltip extends HTMLElement {
-    sections: DevOverlayTooltipSection[];
+export declare class DevToolbarTooltip extends HTMLElement {
+    sections: DevToolbarTooltipSection[];
     shadowRoot: ShadowRoot;
     constructor();
     connectedCallback(): void;

package/dist/runtime/client/{dev-overlay → dev-toolbar}/ui-library/tooltip.js

@@ -1,5 +1,5 @@
 import { getIconElement, isDefinedIcon } from "./icons.js";
-class DevOverlayTooltip extends HTMLElement {
+class DevToolbarTooltip extends HTMLElement {
   sections = [];
   shadowRoot;
   constructor() {
@@ -139,5 +139,5 @@ class DevOverlayTooltip extends HTMLElement {
   }
 }
 export {
-  DevOverlayTooltip
+  DevToolbarTooltip
 };

package/dist/runtime/client/{dev-overlay → dev-toolbar}/ui-library/window.d.ts

@@ -1,4 +1,4 @@
-export declare class DevOverlayWindow extends HTMLElement {
+export declare class DevToolbarWindow extends HTMLElement {
     shadowRoot: ShadowRoot;
     constructor();
     connectedCallback(): Promise<void>;

package/dist/runtime/client/{dev-overlay → dev-toolbar}/ui-library/window.js

@@ -1,4 +1,4 @@
-class DevOverlayWindow extends HTMLElement {
+class DevToolbarWindow extends HTMLElement {
   shadowRoot;
   constructor() {
     super();
@@ -32,7 +32,7 @@ class DevOverlayWindow extends HTMLElement {
 						background: white;
 					}
 				}
-				
+
 				@media (max-width: 640px) {
 					:host {
 						border-radius: 0;
@@ -79,5 +79,5 @@ class DevOverlayWindow extends HTMLElement {
   }
 }
 export {
-  DevOverlayWindow
+  DevToolbarWindow
 };

package/dist/vite-plugin-astro/index.js

@@ -12,6 +12,7 @@ import { getAstroMetadata } from "./metadata.js";
 function astro({ settings, logger }) {
   const { config } = settings;
   let resolvedConfig;
+  let server;
   const srcRootWeb = config.srcDir.pathname.slice(config.root.pathname.length - 1);
   const isBrowserPath = (path) => path.startsWith(srcRootWeb) && srcRootWeb !== "/";
   const prePlugin = {
@@ -21,6 +22,9 @@ function astro({ settings, logger }) {
     configResolved(_resolvedConfig) {
       resolvedConfig = _resolvedConfig;
     },
+    configureServer(_server) {
+      server = _server;
+    },
     async load(id, opts) {
       const parsedId = parseAstroRequest(id);
       const query = parsedId.query;
@@ -28,9 +32,15 @@ function astro({ settings, logger }) {
         return null;
       }
       const filename = normalizePath(normalizeFilename(parsedId.filename, config.root));
-      const compileResult = getCachedCompileResult(config, filename);
+      let compileResult = getCachedCompileResult(config, filename);
       if (!compileResult) {
-        return null;
+        if (server) {
+          await server.transformRequest("/@fs" + filename);
+          compileResult = getCachedCompileResult(config, filename);
+        }
+        if (!compileResult) {
+          throw new Error("No cached compile result found for " + id);
+        }
       }
       switch (query.type) {
         case "style": {