astro 4.1.2 → 4.1.3

package/components/ViewTransitions.astro

@@ -53,6 +53,9 @@ const { fallback = 'animate' } = Astro.props;
 	if (supportsViewTransitions || getFallback() !== 'none') {
 		document.addEventListener('click', (ev) => {
 			let link = ev.target;
+			if (ev.composed) {
+				link = ev.composedPath()[0];
+			}
 			if (link instanceof Element) {
 				link = link.closest('a, area');
 			}
@@ -106,7 +109,9 @@ const { fallback = 'animate' } = Astro.props;
 
 			// the "dialog" method is a special keyword used within <dialog> elements
 			// https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fs-method
-			if (method === 'dialog') {
+			if (method === 'dialog' || location.origin !== new URL(action, location.href).origin) {
+				// No page transitions in these cases,
+				// Let the browser standard action handle this
 				return;
 			}
 

package/dist/@types/astro.d.ts

@@ -15,9 +15,9 @@ import type { TSConfig } from '../core/config/tsconfig.js';
 import type { AstroCookies } from '../core/cookies/index.js';
 import type { AstroIntegrationLogger, Logger, LoggerLevel } from '../core/logger/core.js';
 import type { AstroPreferences } from '../preferences/index.js';
-import type { AstroDevOverlay, DevOverlayCanvas } from '../runtime/client/dev-overlay/overlay.js';
-import type { Icon } from '../runtime/client/dev-overlay/ui-library/icons.js';
-import type { DevOverlayBadge, DevOverlayButton, DevOverlayCard, DevOverlayHighlight, DevOverlayIcon, DevOverlayToggle, DevOverlayTooltip, DevOverlayWindow } from '../runtime/client/dev-overlay/ui-library/index.js';
+import type { AstroDevToolbar, DevToolbarCanvas } from '../runtime/client/dev-toolbar/toolbar.js';
+import type { Icon } from '../runtime/client/dev-toolbar/ui-library/icons.js';
+import type { DevToolbarBadge, DevToolbarButton, DevToolbarCard, DevToolbarHighlight, DevToolbarIcon, DevToolbarToggle, DevToolbarTooltip, DevToolbarWindow } from '../runtime/client/dev-toolbar/ui-library/index.js';
 import type { AstroComponentFactory, AstroComponentInstance } from '../runtime/server/index.js';
 import type { DeepPartial, OmitIndexSignature, Simplify } from '../type-utils.js';
 import type { SUPPORTED_MARKDOWN_FILE_EXTENSIONS } from './../core/constants.js';
@@ -2082,6 +2082,7 @@ export interface AstroIntegration {
             addClientDirective: (directive: ClientDirectiveConfig) => void;
             /**
              * @deprecated Use `addDevToolbarApp` instead.
+             * TODO: Fully remove in Astro 5.0
              */
             addDevOverlayPlugin: (entrypoint: string) => void;
             addDevToolbarApp: (entrypoint: string) => void;
@@ -2302,8 +2303,8 @@ export interface DevToolbarApp {
     beforeTogglingOff?(canvas: ShadowRoot): boolean | Promise<boolean>;
 }
 export type DevOverlayPlugin = DevToolbarApp;
-export type DevOverlayMetadata = Window & typeof globalThis & {
-    __astro_dev_overlay__: {
+export type DevToolbarMetadata = Window & typeof globalThis & {
+    __astro_dev_toolbar__: {
         root: string;
         version: string;
         debugInfo: string;
@@ -2311,25 +2312,25 @@ export type DevOverlayMetadata = Window & typeof globalThis & {
 };
 declare global {
     interface HTMLElementTagNameMap {
-        'astro-dev-toolbar': AstroDevOverlay;
-        'astro-dev-toolbar-window': DevOverlayWindow;
-        'astro-dev-toolbar-plugin-canvas': DevOverlayCanvas;
-        'astro-dev-toolbar-tooltip': DevOverlayTooltip;
-        'astro-dev-toolbar-highlight': DevOverlayHighlight;
-        'astro-dev-toolbar-toggle': DevOverlayToggle;
-        'astro-dev-toolbar-badge': DevOverlayBadge;
-        'astro-dev-toolbar-button': DevOverlayButton;
-        'astro-dev-toolbar-icon': DevOverlayIcon;
-        'astro-dev-toolbar-card': DevOverlayCard;
-        'astro-dev-overlay': AstroDevOverlay;
-        'astro-dev-overlay-window': DevOverlayWindow;
-        'astro-dev-overlay-plugin-canvas': DevOverlayCanvas;
-        'astro-dev-overlay-tooltip': DevOverlayTooltip;
-        'astro-dev-overlay-highlight': DevOverlayHighlight;
-        'astro-dev-overlay-toggle': DevOverlayToggle;
-        'astro-dev-overlay-badge': DevOverlayBadge;
-        'astro-dev-overlay-button': DevOverlayButton;
-        'astro-dev-overlay-icon': DevOverlayIcon;
-        'astro-dev-overlay-card': DevOverlayCard;
+        'astro-dev-toolbar': AstroDevToolbar;
+        'astro-dev-toolbar-window': DevToolbarWindow;
+        'astro-dev-toolbar-app-canvas': DevToolbarCanvas;
+        'astro-dev-toolbar-tooltip': DevToolbarTooltip;
+        'astro-dev-toolbar-highlight': DevToolbarHighlight;
+        'astro-dev-toolbar-toggle': DevToolbarToggle;
+        'astro-dev-toolbar-badge': DevToolbarBadge;
+        'astro-dev-toolbar-button': DevToolbarButton;
+        'astro-dev-toolbar-icon': DevToolbarIcon;
+        'astro-dev-toolbar-card': DevToolbarCard;
+        'astro-dev-overlay': AstroDevToolbar;
+        'astro-dev-overlay-window': DevToolbarWindow;
+        'astro-dev-overlay-plugin-canvas': DevToolbarCanvas;
+        'astro-dev-overlay-tooltip': DevToolbarTooltip;
+        'astro-dev-overlay-highlight': DevToolbarHighlight;
+        'astro-dev-overlay-toggle': DevToolbarToggle;
+        'astro-dev-overlay-badge': DevToolbarBadge;
+        'astro-dev-overlay-button': DevToolbarButton;
+        'astro-dev-overlay-icon': DevToolbarIcon;
+        'astro-dev-overlay-card': DevToolbarCard;
     }
 }

package/dist/assets/internal.js

@@ -41,6 +41,7 @@ async function getImage(options, imageConfig) {
     ...options,
     src: typeof options.src === "object" && "then" in options.src ? (await options.src).default ?? await options.src : options.src
   };
+  const originalPath = isESMImportedImage(resolvedOptions.src) ? resolvedOptions.src.fsPath : resolvedOptions.src;
   const clonedSrc = isESMImportedImage(resolvedOptions.src) ? (
     // @ts-expect-error - clone is a private, hidden prop
     resolvedOptions.src.clone ?? resolvedOptions.src
@@ -59,10 +60,10 @@ async function getImage(options, imageConfig) {
   );
   if (isLocalService(service) && globalThis.astroAsset.addStaticImage && !(isRemoteImage(validatedOptions.src) && imageURL === validatedOptions.src)) {
     const propsToHash = service.propertiesToHash ?? DEFAULT_HASH_PROPS;
-    imageURL = globalThis.astroAsset.addStaticImage(validatedOptions, propsToHash);
+    imageURL = globalThis.astroAsset.addStaticImage(validatedOptions, propsToHash, originalPath);
     srcSets = srcSetTransforms.map((srcSet) => ({
       transform: srcSet.transform,
-      url: globalThis.astroAsset.addStaticImage(srcSet.transform, propsToHash),
+      url: globalThis.astroAsset.addStaticImage(srcSet.transform, propsToHash, originalPath),
       descriptor: srcSet.descriptor,
       attributes: srcSet.attributes
     }));

package/dist/assets/services/noop.js

@@ -1,10 +1,7 @@
 import { baseService } from "./service.js";
 const noopService = {
+  ...baseService,
   propertiesToHash: ["src"],
-  validateOptions: baseService.validateOptions,
-  getURL: baseService.getURL,
-  parseURL: baseService.parseURL,
-  getHTMLAttributes: baseService.getHTMLAttributes,
   async transform(inputBuffer, transformOptions) {
     return {
       data: inputBuffer,

package/dist/assets/types.d.ts

@@ -15,7 +15,7 @@ export type AssetsGlobalStaticImagesList = Map<string, {
 declare global {
     var astroAsset: {
         imageService?: ImageService;
-        addStaticImage?: ((options: ImageTransform, hashProperties: string[]) => string) | undefined;
+        addStaticImage?: ((options: ImageTransform, hashProperties: string[], fsPath: string) => string) | undefined;
         staticImages?: AssetsGlobalStaticImagesList;
         referencedImages?: Set<string>;
     };

package/dist/assets/utils/emitAsset.js

@@ -22,7 +22,7 @@ async function emitESMImage(id, watchMode, fileEmitter) {
   Object.defineProperty(emittedImage, "fsPath", {
     enumerable: false,
     writable: false,
-    value: url
+    value: id
   });
   if (!watchMode) {
     const pathname = decodeURI(url.pathname);

package/dist/assets/utils/proxy.d.ts

@@ -1 +1,2 @@
-export declare function getProxyCode(options: Record<string, any>, isSSR: boolean): string;
+import type { ImageMetadata } from '../types.js';
+export declare function getProxyCode(options: ImageMetadata, isSSR: boolean): string;

package/dist/assets/utils/proxy.js

@@ -1,11 +1,15 @@
 function getProxyCode(options, isSSR) {
+  const stringifiedFSPath = JSON.stringify(options.fsPath);
   return `
 						new Proxy(${JSON.stringify(options)}, {
 						get(target, name, receiver) {
 							if (name === 'clone') {
 								return structuredClone(target);
 							}
-							${!isSSR ? "globalThis.astroAsset.referencedImages.add(target.fsPath);" : ""}
+							if (name === 'fsPath') {
+								return ${stringifiedFSPath};
+							}
+							${!isSSR ? `globalThis.astroAsset.referencedImages.add(${stringifiedFSPath});` : ""}
 							return target[name];
 						}
 					})

package/dist/assets/vite-plugin-assets.js

@@ -15,7 +15,8 @@ import { isESMImportedImage } from "./utils/imageKind.js";
 import { getProxyCode } from "./utils/proxy.js";
 import { hashTransform, propsToFilename } from "./utils/transformToPath.js";
 const resolvedVirtualModuleId = "\0" + VIRTUAL_MODULE_ID;
-const assetRegex = new RegExp(`\\.(${VALID_INPUT_FORMATS.join("|")})$`, "i");
+const assetRegex = new RegExp(`\\.(${VALID_INPUT_FORMATS.join("|")})`, "i");
+const assetRegexEnds = new RegExp(`\\.(${VALID_INPUT_FORMATS.join("|")})$`, "i");
 function assets({
   settings,
   mode
@@ -67,12 +68,11 @@ function assets({
         if (mode != "build") {
           return;
         }
-        globalThis.astroAsset.addStaticImage = (options, hashProperties) => {
+        globalThis.astroAsset.addStaticImage = (options, hashProperties, originalPath) => {
           if (!globalThis.astroAsset.staticImages) {
             globalThis.astroAsset.staticImages = /* @__PURE__ */ new Map();
           }
           const finalOriginalImagePath = (isESMImportedImage(options.src) ? options.src.src : options.src).replace(settings.config.build.assetsPrefix || "", "");
-          const originalSrcPath = isESMImportedImage(options.src) ? options.src.fsPath : options.src;
           const hash = hashTransform(
             options,
             settings.config.image.service.entrypoint,
@@ -89,7 +89,7 @@ function assets({
             );
             if (!transformsForPath) {
               globalThis.astroAsset.staticImages.set(finalOriginalImagePath, {
-                originalSrcPath,
+                originalSrcPath: originalPath,
                 transforms: /* @__PURE__ */ new Map()
               });
               transformsForPath = globalThis.astroAsset.staticImages.get(finalOriginalImagePath);
@@ -137,24 +137,31 @@ function assets({
         resolvedConfig = viteConfig;
       },
       async load(id, options) {
-        if (id !== removeQueryString(id)) {
-          return;
-        }
         if (assetRegex.test(id)) {
-          const meta = await emitESMImage(id, this.meta.watchMode, this.emitFile);
-          if (!meta) {
+          if (!globalThis.astroAsset.referencedImages)
+            globalThis.astroAsset.referencedImages = /* @__PURE__ */ new Set();
+          if (id !== removeQueryString(id)) {
+            globalThis.astroAsset.referencedImages.add(removeQueryString(id));
+            return;
+          }
+          if (!assetRegexEnds.test(id)) {
+            return;
+          }
+          const imageMetadata = await emitESMImage(id, this.meta.watchMode, this.emitFile);
+          if (!imageMetadata) {
             throw new AstroError({
               ...AstroErrorData.ImageNotFound,
               message: AstroErrorData.ImageNotFound.message(id)
             });
           }
           if (options?.ssr) {
-            return `export default ${getProxyCode(meta, isServerLikeOutput(settings.config))}`;
+            return `export default ${getProxyCode(
+              imageMetadata,
+              isServerLikeOutput(settings.config)
+            )}`;
           } else {
-            if (!globalThis.astroAsset.referencedImages)
-              globalThis.astroAsset.referencedImages = /* @__PURE__ */ new Set();
-            globalThis.astroAsset.referencedImages.add(meta.fsPath);
-            return `export default ${JSON.stringify(meta)}`;
+            globalThis.astroAsset.referencedImages.add(imageMetadata.fsPath);
+            return `export default ${JSON.stringify(imageMetadata)}`;
           }
         }
       }

package/dist/content/runtime-assets.d.ts

@@ -1,7 +1,7 @@
 import type { PluginContext } from 'rollup';
 import { z } from 'zod';
 export declare function createImage(pluginContext: PluginContext, entryFilePath: string): () => z.ZodEffects<z.ZodString, z.ZodNever | {
-    ASTRO_ASSET: boolean;
+    ASTRO_ASSET: string;
     src: string;
     width: number;
     height: number;

package/dist/content/runtime-assets.js

@@ -17,7 +17,7 @@ function createImage(pluginContext, entryFilePath) {
         });
         return z.never();
       }
-      return { ...metadata, ASTRO_ASSET: true };
+      return { ...metadata, ASTRO_ASSET: metadata.fsPath };
     });
   };
 }

package/dist/content/vite-plugin-content-imports.js

@@ -268,6 +268,7 @@ function stringifyEntryData(data, isSSR) {
       }
       if (typeof value === "object" && "ASTRO_ASSET" in value) {
         const { ASTRO_ASSET, ...asset } = value;
+        asset.fsPath = ASTRO_ASSET;
         return getProxyCode(asset, isSSR);
       }
     });

package/dist/core/config/vite-load.js

@@ -4,7 +4,7 @@ import loadFallbackPlugin from "../../vite-plugin-load-fallback/index.js";
 import { debug } from "../logger/core.js";
 async function createViteServer(root, fs) {
   const viteServer = await createServer({
-    server: { middlewareMode: true, hmr: false, watch: { ignored: ["**"] } },
+    server: { middlewareMode: true, hmr: false, watch: null },
     optimizeDeps: { disabled: true },
     clearScreen: false,
     appType: "custom",

package/dist/core/constants.js

@@ -1,4 +1,4 @@
-const ASTRO_VERSION = "4.1.2";
+const ASTRO_VERSION = "4.1.3";
 const SUPPORTED_MARKDOWN_FILE_EXTENSIONS = [
   ".markdown",
   ".mdown",

package/dist/core/create-vite.js

@@ -15,8 +15,9 @@ import astroPostprocessVitePlugin from "../vite-plugin-astro-postprocess/index.j
 import { vitePluginAstroServer } from "../vite-plugin-astro-server/index.js";
 import astroVitePlugin from "../vite-plugin-astro/index.js";
 import configAliasVitePlugin from "../vite-plugin-config-alias/index.js";
-import astroDevOverlay from "../vite-plugin-dev-overlay/vite-plugin-dev-overlay.js";
+import astroDevToolbar from "../vite-plugin-dev-toolbar/vite-plugin-dev-toolbar.js";
 import envVitePlugin from "../vite-plugin-env/index.js";
+import vitePluginFileURL from "../vite-plugin-fileurl/index.js";
 import astroHeadPlugin from "../vite-plugin-head/index.js";
 import htmlVitePlugin from "../vite-plugin-html/index.js";
 import { astroInjectEnvTsPlugin } from "../vite-plugin-inject-env-ts/index.js";
@@ -31,7 +32,6 @@ import { vitePluginSSRManifest } from "../vite-plugin-ssr-manifest/index.js";
 import { createViteLogger } from "./logger/vite.js";
 import { vitePluginMiddleware } from "./middleware/vite-plugin.js";
 import { joinPaths } from "./path.js";
-import vitePluginFileURL from "../vite-plugin-fileurl/index.js";
 const ALWAYS_NOEXTERNAL = [
   // This is only because Vite's native ESM doesn't resolve "exports" correctly.
   "astro",
@@ -113,7 +113,7 @@ async function createVite(commandConfig, { settings, logger, mode, command, fs =
       astroAssetsPlugin({ settings, logger, mode }),
       astroPrefetch({ settings }),
       astroTransitions({ settings }),
-      astroDevOverlay({ settings, logger }),
+      astroDevToolbar({ settings, logger }),
       vitePluginFileURL({}),
       !!settings.config.i18n && astroInternationalization({ settings })
     ],

package/dist/core/dev/dev.js

@@ -23,7 +23,7 @@ async function dev(inlineConfig) {
       base: restart.container.settings.config.base
     })
   );
-  const currentVersion = "4.1.2";
+  const currentVersion = "4.1.3";
   if (currentVersion.includes("-")) {
     logger.warn("SKIP_FORMAT", msg.prerelease({ currentVersion }));
   }

package/dist/core/errors/errors-data.d.ts

@@ -893,6 +893,11 @@ export declare const MissingLocale: {
     title: string;
     message: (locale: string) => string;
 };
+export declare const MissingIndexForInternationalization: {
+    name: string;
+    title: string;
+    message: (src: string) => string;
+};
 /**
  * @docs
  * @description

package/dist/core/errors/errors-data.js

@@ -313,6 +313,12 @@ const MissingLocale = {
   title: "The provided locale does not exist.",
   message: (locale) => `The locale/path \`${locale}\` does not exist in the configured \`i18n.locales\`.`
 };
+const MissingIndexForInternationalization = {
+  name: "MissingIndexForInternationalizationError",
+  title: "Index page not found.",
+  message: (src) => `Astro couldn't find the index URL. This index page is required to create a redirect from the index URL to the index URL of the default locale. 
+Create an index page in \`${src}\``
+};
 const CantRenderPage = {
   name: "CantRenderPage",
   title: "Astro can't render the route.",
@@ -502,6 +508,7 @@ export {
   MiddlewareNoDataOrNextCalled,
   MiddlewareNotAResponse,
   MissingImageDimension,
+  MissingIndexForInternationalization,
   MissingLocale,
   MissingMediaQueryDirective,
   MissingSharp,

package/dist/core/messages.js

@@ -36,7 +36,7 @@ function serverStart({
   host,
   base
 }) {
-  const version = "4.1.2";
+  const version = "4.1.3";
   const localPrefix = `${dim("\u2503")} Local    `;
   const networkPrefix = `${dim("\u2503")} Network  `;
   const emptyPrefix = " ".repeat(11);
@@ -258,7 +258,7 @@ function printHelp({
     message.push(
       linebreak(),
       `  ${bgGreen(black(` ${commandName} `))} ${green(
-        `v${"4.1.2"}`
+        `v${"4.1.3"}`
       )} ${headline}`
     );
   }

package/dist/core/routing/manifest/create.js

@@ -8,6 +8,8 @@ import { SUPPORTED_MARKDOWN_FILE_EXTENSIONS } from "../../constants.js";
 import { removeLeadingForwardSlash, slash } from "../../path.js";
 import { resolvePages } from "../../util.js";
 import { getRouteGenerator } from "./generator.js";
+import { AstroError } from "../../errors/index.js";
+import { MissingIndexForInternationalization } from "../../errors/errors-data.js";
 const require2 = createRequire(import.meta.url);
 function countOccurrences(needle, haystack) {
   let count = 0;
@@ -362,6 +364,19 @@ This route collides with: "${collision.component}".`
   });
   const i18n = settings.config.i18n;
   if (i18n) {
+    if (i18n.routing === "prefix-always") {
+      let index = routes.find((route) => route.route === "/");
+      if (!index) {
+        let relativePath = path.relative(
+          fileURLToPath(settings.config.root),
+          fileURLToPath(new URL("pages", settings.config.srcDir))
+        );
+        throw new AstroError({
+          ...MissingIndexForInternationalization,
+          message: MissingIndexForInternationalization.message(relativePath)
+        });
+      }
+    }
     const routesByLocale = /* @__PURE__ */ new Map();
     const setRoutes = new Set(routes.filter((route) => route.type === "page"));
     const filteredLocales = i18n.locales.filter((loc) => {

package/dist/core/sync/index.js

@@ -34,7 +34,7 @@ async function syncInternal(settings, { logger, fs }) {
   const tempViteServer = await createServer(
     await createVite(
       {
-        server: { middlewareMode: true, hmr: false, watch: { ignored: ["**"] } },
+        server: { middlewareMode: true, hmr: false, watch: null },
         optimizeDeps: { disabled: true },
         ssr: { external: [] },
         logLevel: "silent"

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

@@ -291,7 +291,7 @@ var astro_default = {
 			<header>
 				<section>
 				${astroLogo}
-				<astro-dev-toolbar-badge badge-style="gray" size="large">${window.__astro_dev_overlay__.version}</astro-dev-toolbar-badge>
+				<astro-dev-toolbar-badge badge-style="gray" size="large">${window.__astro_dev_toolbar__.version}</astro-dev-toolbar-badge>
 				</section>
 				<astro-dev-toolbar-button id="copy-debug-button">Copy debug info <astro-dev-toolbar-icon icon="copy" /></astro-dev-toolbar-button>
 			</header>
@@ -321,7 +321,7 @@ var astro_default = {
       const copyDebugButton = windowComponent.querySelector("#copy-debug-button");
       copyDebugButton?.addEventListener("click", () => {
         navigator.clipboard.writeText(
-          "```\n" + window.__astro_dev_overlay__.debugInfo + "\n```"
+          "```\n" + window.__astro_dev_toolbar__.debugInfo + "\n```"
         );
         copyDebugButton.textContent = "Copied to clipboard!";
         setTimeout(() => {

package/dist/runtime/client/{dev-overlay/plugins → dev-toolbar/apps}/audit/index.js

@@ -37,7 +37,7 @@ var audit_default = {
       if (target.closest("astro-dev-toolbar"))
         return;
       eventTarget.dispatchEvent(
-        new CustomEvent("toggle-plugin", {
+        new CustomEvent("toggle-app", {
           detail: {
             state: false
           }
@@ -132,7 +132,7 @@ var audit_default = {
     function refreshLintPositions() {
       const noAuditBlock = canvas.getElementById("no-audit");
       if (noAuditBlock) {
-        const devOverlayRect = document.querySelector("astro-dev-toolbar")?.shadowRoot.querySelector("#dev-overlay")?.getBoundingClientRect();
+        const devOverlayRect = document.querySelector("astro-dev-toolbar")?.shadowRoot.querySelector("#dev-toolbar-root")?.getBoundingClientRect();
         noAuditBlock.style.top = `${(devOverlayRect?.top ?? 0) - (devOverlayRect?.height ?? 0) - 16}px`;
       }
       audits.forEach(({ highlightElement, auditedElement }) => {
@@ -178,7 +178,7 @@ var audit_default = {
         const elementFileWithPosition = elementFile + (elementPosition ? ":" + elementPosition : "");
         tooltip.sections.push({
           content: elementFileWithPosition.slice(
-            window.__astro_dev_overlay__.root.length - 1
+            window.__astro_dev_toolbar__.root.length - 1
             // We want to keep the final slash, so minus one.
           ),
           clickDescription: "Click to go to file",

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

@@ -5,22 +5,22 @@ const settingsRows = [
     name: "Disable notifications",
     description: "Hide notification badges in the toolbar.",
     input: "checkbox",
-    settingKey: "disablePluginNotification",
+    settingKey: "disableAppNotification",
     changeEvent: (evt) => {
       if (evt.currentTarget instanceof HTMLInputElement) {
-        const devOverlay = document.querySelector("astro-dev-toolbar");
-        if (devOverlay) {
-          devOverlay.setNotificationVisible(!evt.currentTarget.checked);
+        const devToolbar = document.querySelector("astro-dev-toolbar");
+        if (devToolbar) {
+          devToolbar.setNotificationVisible(!evt.currentTarget.checked);
         }
-        settings.updateSetting("disablePluginNotification", evt.currentTarget.checked);
+        settings.updateSetting("disableAppNotification", evt.currentTarget.checked);
         const action = evt.currentTarget.checked ? "disabled" : "enabled";
-        settings.log(`Plugin notification badges ${action}`);
+        settings.log(`App notification badges ${action}`);
       }
     }
   },
   {
     name: "Verbose logging",
-    description: "Logs dev overlay events in the browser console.",
+    description: "Logs dev toolbar events in the browser console.",
     input: "checkbox",
     settingKey: "verbose",
     changeEvent: (evt) => {

package/dist/runtime/client/dev-toolbar/apps/utils/highlight.d.ts

@@ -0,0 +1,8 @@
+import type { DevToolbarHighlight } from '../../ui-library/highlight.js';
+import type { Icon } from '../../ui-library/icons.js';
+export declare function createHighlight(rect: DOMRect, icon?: Icon): DevToolbarHighlight;
+export declare function getElementsPositionInDocument(el: Element): {
+    isFixed: boolean;
+};
+export declare function positionHighlight(highlight: DevToolbarHighlight, rect: DOMRect): void;
+export declare function attachTooltipToHighlight(highlight: DevToolbarHighlight, tooltip: HTMLElement, originalElement: Element): void;

package/dist/runtime/client/{dev-overlay/plugins → dev-toolbar/apps}/utils/window.d.ts

@@ -1 +1 @@
-export declare function createWindowElement(content: string): import("../../ui-library/window.js").DevOverlayWindow;
+export declare function createWindowElement(content: string): import("../../ui-library/window.js").DevToolbarWindow;

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

@@ -26,7 +26,7 @@ var xray_default = {
       event.preventDefault();
       event.stopPropagation();
       eventTarget.dispatchEvent(
-        new CustomEvent("toggle-plugin", {
+        new CustomEvent("toggle-app", {
           detail: {
             state: false
           }
@@ -52,7 +52,7 @@ var xray_default = {
 						header {
 							display: flex;
 						}
-	
+
 						h1 {
 							display: flex;
 							align-items: center;
@@ -62,7 +62,7 @@ var xray_default = {
 							margin: 0;
 							font-size: 22px;
 						}
-	
+
 						astro-dev-toolbar-icon {
 							width: 1em;
 						   height: 1em;
@@ -142,7 +142,7 @@ var xray_default = {
           async clickAction() {
             await fetch(
               "/__open-in-editor?file=" + encodeURIComponent(
-                window.__astro_dev_overlay__.root + islandComponentPath.slice(1)
+                window.__astro_dev_toolbar__.root + islandComponentPath.slice(1)
               )
             );
           }