astro 4.5.16 → 4.5.18

package/astro-jsx.d.ts

@@ -873,6 +873,8 @@ declare namespace astroHTML.JSX {
 		playsinline?: boolean | string | undefined | null;
 		preload?: string | undefined | null;
 		src?: string | undefined | null;
+		// https://www.w3.org/TR/remote-playback/#the-disableremoteplayback-attribute
+		disableRemotePlayback?: boolean | string | undefined | null;
 	}
 
 	interface MetaHTMLAttributes extends HTMLAttributes {

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

@@ -2330,9 +2330,9 @@ export interface AstroRenderer {
     clientEntrypoint?: string;
     /** Import entrypoint for the server/build/ssr renderer. */
     serverEntrypoint: string;
-    /** JSX identifier (e.g. 'react' or 'solid-js') */
+    /** @deprecated Vite plugins should transform the JSX instead */
     jsxImportSource?: string;
-    /** Babel transform options */
+    /** @deprecated Vite plugins should transform the JSX instead */
     jsxTransformOptions?: JSXTransformFn;
 }
 export interface SSRLoadedRenderer extends AstroRenderer {

package/dist/cli/add/babel.d.ts

@@ -11,7 +11,7 @@ export declare const visit: {
     node: (node: traverse.Node, opts: traverse.TraverseOptions<traverse.Node>, scope?: traverse.Scope | undefined, state?: any, path?: traverse.NodePath<traverse.Node> | undefined, skipKeys?: Record<string, boolean> | undefined) => void;
     clearNode: (node: traverse.Node, opts?: traverse.RemovePropertiesOptions | undefined) => void;
     removeProperties: (tree: traverse.Node, opts?: traverse.RemovePropertiesOptions | undefined) => traverse.Node;
-    hasType: (tree: traverse.Node, type: "CatchClause" | "ClassBody" | "Identifier" | "Program" | "SpreadElement" | "Super" | "SwitchCase" | "TemplateElement" | "VariableDeclarator" | "ArrayExpression" | "ArrowFunctionExpression" | "AssignmentExpression" | "AwaitExpression" | "BinaryExpression" | "CallExpression" | "ClassExpression" | "ConditionalExpression" | "FunctionExpression" | "ImportExpression" | "LogicalExpression" | "MemberExpression" | "MetaProperty" | "NewExpression" | "ObjectExpression" | "SequenceExpression" | "TaggedTemplateExpression" | "TemplateLiteral" | "ThisExpression" | "UnaryExpression" | "UpdateExpression" | "YieldExpression" | "ClassDeclaration" | "FunctionDeclaration" | "ImportDeclaration" | "ExportNamedDeclaration" | "ExportDefaultDeclaration" | "ExportAllDeclaration" | "ImportSpecifier" | "ImportDefaultSpecifier" | "ImportNamespaceSpecifier" | "ExportSpecifier" | "ObjectPattern" | "ArrayPattern" | "RestElement" | "AssignmentPattern" | "ExpressionStatement" | "BlockStatement" | "StaticBlock" | "EmptyStatement" | "DebuggerStatement" | "WithStatement" | "ReturnStatement" | "LabeledStatement" | "BreakStatement" | "ContinueStatement" | "IfStatement" | "SwitchStatement" | "ThrowStatement" | "TryStatement" | "WhileStatement" | "DoWhileStatement" | "ForStatement" | "ForInStatement" | "ForOfStatement" | "VariableDeclaration" | "File" | "AnyTypeAnnotation" | "ArgumentPlaceholder" | "ArrayTypeAnnotation" | "BigIntLiteral" | "BindExpression" | "BooleanLiteral" | "BooleanLiteralTypeAnnotation" | "BooleanTypeAnnotation" | "ClassAccessorProperty" | "ClassImplements" | "ClassMethod" | "ClassPrivateMethod" | "ClassPrivateProperty" | "ClassProperty" | "DecimalLiteral" | "DeclareClass" | "DeclareExportAllDeclaration" | "DeclareExportDeclaration" | "DeclareFunction" | "DeclareInterface" | "DeclareModule" | "DeclareModuleExports" | "DeclareOpaqueType" | "DeclareTypeAlias" | "DeclareVariable" | "DeclaredPredicate" | "Decorator" | "Directive" | "DirectiveLiteral" | "DoExpression" | "EmptyTypeAnnotation" | "EnumBooleanBody" | "EnumBooleanMember" | "EnumDeclaration" | "EnumDefaultedMember" | "EnumNumberBody" | "EnumNumberMember" | "EnumStringBody" | "EnumStringMember" | "EnumSymbolBody" | "ExistsTypeAnnotation" | "ExportDefaultSpecifier" | "ExportNamespaceSpecifier" | "FunctionTypeAnnotation" | "FunctionTypeParam" | "GenericTypeAnnotation" | "Import" | "ImportAttribute" | "IndexedAccessType" | "InferredPredicate" | "InterfaceDeclaration" | "InterfaceExtends" | "InterfaceTypeAnnotation" | "InterpreterDirective" | "IntersectionTypeAnnotation" | "JSXAttribute" | "JSXClosingElement" | "JSXClosingFragment" | "JSXElement" | "JSXEmptyExpression" | "JSXExpressionContainer" | "JSXFragment" | "JSXIdentifier" | "JSXMemberExpression" | "JSXNamespacedName" | "JSXOpeningElement" | "JSXOpeningFragment" | "JSXSpreadAttribute" | "JSXSpreadChild" | "JSXText" | "MixedTypeAnnotation" | "ModuleExpression" | "Noop" | "NullLiteral" | "NullLiteralTypeAnnotation" | "NullableTypeAnnotation" | "NumberLiteral" | "NumberLiteralTypeAnnotation" | "NumberTypeAnnotation" | "NumericLiteral" | "ObjectMethod" | "ObjectProperty" | "ObjectTypeAnnotation" | "ObjectTypeCallProperty" | "ObjectTypeIndexer" | "ObjectTypeInternalSlot" | "ObjectTypeProperty" | "ObjectTypeSpreadProperty" | "OpaqueType" | "OptionalCallExpression" | "OptionalIndexedAccessType" | "OptionalMemberExpression" | "ParenthesizedExpression" | "PipelineBareFunction" | "PipelinePrimaryTopicReference" | "PipelineTopicExpression" | "Placeholder" | "PrivateName" | "QualifiedTypeIdentifier" | "RecordExpression" | "RegExpLiteral" | "RegexLiteral" | "RestProperty" | "SpreadProperty" | "StringLiteral" | "StringLiteralTypeAnnotation" | "StringTypeAnnotation" | "SymbolTypeAnnotation" | "TSAnyKeyword" | "TSArrayType" | "TSAsExpression" | "TSBigIntKeyword" | "TSBooleanKeyword" | "TSCallSignatureDeclaration" | "TSConditionalType" | "TSConstructSignatureDeclaration" | "TSConstructorType" | "TSDeclareFunction" | "TSDeclareMethod" | "TSEnumDeclaration" | "TSEnumMember" | "TSExportAssignment" | "TSExpressionWithTypeArguments" | "TSExternalModuleReference" | "TSFunctionType" | "TSImportEqualsDeclaration" | "TSImportType" | "TSIndexSignature" | "TSIndexedAccessType" | "TSInferType" | "TSInstantiationExpression" | "TSInterfaceBody" | "TSInterfaceDeclaration" | "TSIntersectionType" | "TSIntrinsicKeyword" | "TSLiteralType" | "TSMappedType" | "TSMethodSignature" | "TSModuleBlock" | "TSModuleDeclaration" | "TSNamedTupleMember" | "TSNamespaceExportDeclaration" | "TSNeverKeyword" | "TSNonNullExpression" | "TSNullKeyword" | "TSNumberKeyword" | "TSObjectKeyword" | "TSOptionalType" | "TSParameterProperty" | "TSParenthesizedType" | "TSPropertySignature" | "TSQualifiedName" | "TSRestType" | "TSSatisfiesExpression" | "TSStringKeyword" | "TSSymbolKeyword" | "TSThisType" | "TSTupleType" | "TSTypeAliasDeclaration" | "TSTypeAnnotation" | "TSTypeAssertion" | "TSTypeLiteral" | "TSTypeOperator" | "TSTypeParameter" | "TSTypeParameterDeclaration" | "TSTypeParameterInstantiation" | "TSTypePredicate" | "TSTypeQuery" | "TSTypeReference" | "TSUndefinedKeyword" | "TSUnionType" | "TSUnknownKeyword" | "TSVoidKeyword" | "ThisTypeAnnotation" | "TopicReference" | "TupleExpression" | "TupleTypeAnnotation" | "TypeAlias" | "TypeAnnotation" | "TypeCastExpression" | "TypeParameter" | "TypeParameterDeclaration" | "TypeParameterInstantiation" | "TypeofTypeAnnotation" | "UnionTypeAnnotation" | "V8IntrinsicIdentifier" | "Variance" | "VoidTypeAnnotation", denylistTypes?: string[] | undefined) => boolean;
+    hasType: (tree: traverse.Node, type: "CatchClause" | "ClassBody" | "Identifier" | "Program" | "SpreadElement" | "Super" | "SwitchCase" | "TemplateElement" | "VariableDeclarator" | "ArrayExpression" | "ArrowFunctionExpression" | "AssignmentExpression" | "AwaitExpression" | "BinaryExpression" | "CallExpression" | "ClassExpression" | "ConditionalExpression" | "FunctionExpression" | "ImportExpression" | "LogicalExpression" | "MemberExpression" | "MetaProperty" | "NewExpression" | "ObjectExpression" | "SequenceExpression" | "TaggedTemplateExpression" | "TemplateLiteral" | "ThisExpression" | "UnaryExpression" | "UpdateExpression" | "YieldExpression" | "ClassDeclaration" | "FunctionDeclaration" | "ImportDeclaration" | "ExportNamedDeclaration" | "ExportDefaultDeclaration" | "ExportAllDeclaration" | "ImportSpecifier" | "ImportDefaultSpecifier" | "ImportNamespaceSpecifier" | "ExportSpecifier" | "ObjectPattern" | "ArrayPattern" | "RestElement" | "AssignmentPattern" | "ExpressionStatement" | "BlockStatement" | "StaticBlock" | "EmptyStatement" | "DebuggerStatement" | "WithStatement" | "ReturnStatement" | "LabeledStatement" | "BreakStatement" | "ContinueStatement" | "IfStatement" | "SwitchStatement" | "ThrowStatement" | "TryStatement" | "WhileStatement" | "DoWhileStatement" | "ForStatement" | "ForInStatement" | "ForOfStatement" | "VariableDeclaration" | "File" | "JSXAttribute" | "JSXSpreadAttribute" | "JSXIdentifier" | "JSXNamespacedName" | "JSXElement" | "JSXOpeningElement" | "JSXMemberExpression" | "AnyTypeAnnotation" | "ArgumentPlaceholder" | "ArrayTypeAnnotation" | "BigIntLiteral" | "BindExpression" | "BooleanLiteral" | "BooleanLiteralTypeAnnotation" | "BooleanTypeAnnotation" | "ClassAccessorProperty" | "ClassImplements" | "ClassMethod" | "ClassPrivateMethod" | "ClassPrivateProperty" | "ClassProperty" | "DecimalLiteral" | "DeclareClass" | "DeclareExportAllDeclaration" | "DeclareExportDeclaration" | "DeclareFunction" | "DeclareInterface" | "DeclareModule" | "DeclareModuleExports" | "DeclareOpaqueType" | "DeclareTypeAlias" | "DeclareVariable" | "DeclaredPredicate" | "Decorator" | "Directive" | "DirectiveLiteral" | "DoExpression" | "EmptyTypeAnnotation" | "EnumBooleanBody" | "EnumBooleanMember" | "EnumDeclaration" | "EnumDefaultedMember" | "EnumNumberBody" | "EnumNumberMember" | "EnumStringBody" | "EnumStringMember" | "EnumSymbolBody" | "ExistsTypeAnnotation" | "ExportDefaultSpecifier" | "ExportNamespaceSpecifier" | "FunctionTypeAnnotation" | "FunctionTypeParam" | "GenericTypeAnnotation" | "Import" | "ImportAttribute" | "IndexedAccessType" | "InferredPredicate" | "InterfaceDeclaration" | "InterfaceExtends" | "InterfaceTypeAnnotation" | "InterpreterDirective" | "IntersectionTypeAnnotation" | "JSXClosingElement" | "JSXClosingFragment" | "JSXEmptyExpression" | "JSXExpressionContainer" | "JSXFragment" | "JSXOpeningFragment" | "JSXSpreadChild" | "JSXText" | "MixedTypeAnnotation" | "ModuleExpression" | "Noop" | "NullLiteral" | "NullLiteralTypeAnnotation" | "NullableTypeAnnotation" | "NumberLiteral" | "NumberLiteralTypeAnnotation" | "NumberTypeAnnotation" | "NumericLiteral" | "ObjectMethod" | "ObjectProperty" | "ObjectTypeAnnotation" | "ObjectTypeCallProperty" | "ObjectTypeIndexer" | "ObjectTypeInternalSlot" | "ObjectTypeProperty" | "ObjectTypeSpreadProperty" | "OpaqueType" | "OptionalCallExpression" | "OptionalIndexedAccessType" | "OptionalMemberExpression" | "ParenthesizedExpression" | "PipelineBareFunction" | "PipelinePrimaryTopicReference" | "PipelineTopicExpression" | "Placeholder" | "PrivateName" | "QualifiedTypeIdentifier" | "RecordExpression" | "RegExpLiteral" | "RegexLiteral" | "RestProperty" | "SpreadProperty" | "StringLiteral" | "StringLiteralTypeAnnotation" | "StringTypeAnnotation" | "SymbolTypeAnnotation" | "TSAnyKeyword" | "TSArrayType" | "TSAsExpression" | "TSBigIntKeyword" | "TSBooleanKeyword" | "TSCallSignatureDeclaration" | "TSConditionalType" | "TSConstructSignatureDeclaration" | "TSConstructorType" | "TSDeclareFunction" | "TSDeclareMethod" | "TSEnumDeclaration" | "TSEnumMember" | "TSExportAssignment" | "TSExpressionWithTypeArguments" | "TSExternalModuleReference" | "TSFunctionType" | "TSImportEqualsDeclaration" | "TSImportType" | "TSIndexSignature" | "TSIndexedAccessType" | "TSInferType" | "TSInstantiationExpression" | "TSInterfaceBody" | "TSInterfaceDeclaration" | "TSIntersectionType" | "TSIntrinsicKeyword" | "TSLiteralType" | "TSMappedType" | "TSMethodSignature" | "TSModuleBlock" | "TSModuleDeclaration" | "TSNamedTupleMember" | "TSNamespaceExportDeclaration" | "TSNeverKeyword" | "TSNonNullExpression" | "TSNullKeyword" | "TSNumberKeyword" | "TSObjectKeyword" | "TSOptionalType" | "TSParameterProperty" | "TSParenthesizedType" | "TSPropertySignature" | "TSQualifiedName" | "TSRestType" | "TSSatisfiesExpression" | "TSStringKeyword" | "TSSymbolKeyword" | "TSThisType" | "TSTupleType" | "TSTypeAliasDeclaration" | "TSTypeAnnotation" | "TSTypeAssertion" | "TSTypeLiteral" | "TSTypeOperator" | "TSTypeParameter" | "TSTypeParameterDeclaration" | "TSTypeParameterInstantiation" | "TSTypePredicate" | "TSTypeQuery" | "TSTypeReference" | "TSUndefinedKeyword" | "TSUnionType" | "TSUnknownKeyword" | "TSVoidKeyword" | "ThisTypeAnnotation" | "TopicReference" | "TupleExpression" | "TupleTypeAnnotation" | "TypeAlias" | "TypeAnnotation" | "TypeCastExpression" | "TypeParameter" | "TypeParameterDeclaration" | "TypeParameterInstantiation" | "TypeofTypeAnnotation" | "UnionTypeAnnotation" | "V8IntrinsicIdentifier" | "Variance" | "VoidTypeAnnotation", denylistTypes?: string[] | undefined) => boolean;
     cache: typeof traverse.cache;
 };
 export { t };

package/dist/core/build/generate.js

@@ -250,7 +250,7 @@ async function getPathsForRoute(route, mod, pipeline, builtPaths) {
       logger,
       ssr: serverLike
     }).catch((err) => {
-      logger.debug("build", `\u251C\u2500\u2500 ${bold(red("\u2717"))} ${route.component}`);
+      logger.error("build", `Failed to call getStaticPaths for ${route.component}`);
       throw err;
     });
     const label = staticPaths.length === 1 ? "page" : "pages";

package/dist/core/build/plugins/plugin-prerender.js

@@ -40,7 +40,6 @@ function vitePluginPrerender(opts, internals) {
                   }
                 }
               }
-              opts.allPages;
               pageInfo.hasSharedModules = hasSharedModules;
               pageInfo.route.prerender = true;
               return "prerender";
@@ -54,6 +53,9 @@ function vitePluginPrerender(opts, internals) {
   };
 }
 function pluginPrerender(opts, internals) {
+  if (opts.settings.config.output === "static") {
+    return { targets: ["server"] };
+  }
   return {
     targets: ["server"],
     hooks: {

package/dist/core/build/plugins/plugin-scripts.js

@@ -7,10 +7,19 @@ function vitePluginScripts(internals) {
       assetInlineLimit = config.build.assetsInlineLimit;
     },
     async generateBundle(_options, bundle) {
-      for (const [id, output] of Object.entries(bundle)) {
-        if (output.type === "chunk" && output.facadeModuleId && internals.discoveredScripts.has(output.facadeModuleId) && output.imports.length === 0 && output.dynamicImports.length === 0 && shouldInlineAsset(output.code, output.fileName, assetInlineLimit)) {
+      const outputs = Object.values(bundle);
+      const importedIds = /* @__PURE__ */ new Set();
+      for (const output of outputs) {
+        if (output.type === "chunk") {
+          for (const id of output.imports) {
+            importedIds.add(id);
+          }
+        }
+      }
+      for (const output of outputs) {
+        if (output.type === "chunk" && output.facadeModuleId && internals.discoveredScripts.has(output.facadeModuleId) && !importedIds.has(output.fileName) && output.imports.length === 0 && output.dynamicImports.length === 0 && shouldInlineAsset(output.code, output.fileName, assetInlineLimit)) {
           internals.inlinedScripts.set(output.facadeModuleId, output.code.trim());
-          delete bundle[id];
+          delete bundle[output.fileName];
         }
       }
     }

package/dist/core/constants.js

@@ -1,4 +1,4 @@
-const ASTRO_VERSION = "4.5.16";
+const ASTRO_VERSION = "4.5.18";
 const REROUTE_DIRECTIVE_HEADER = "X-Astro-Reroute";
 const ROUTE_TYPE_HEADER = "X-Astro-Route-Type";
 const DEFAULT_404_COMPONENT = "astro-default-404";

package/dist/core/create-vite.js

@@ -112,7 +112,7 @@ async function createVite(commandConfig, { settings, logger, mode, command, fs =
       envVitePlugin({ settings }),
       markdownVitePlugin({ settings, logger }),
       htmlVitePlugin(),
-      mdxVitePlugin({ settings, logger }),
+      mdxVitePlugin(),
       astroPostprocessVitePlugin(),
       astroIntegrationsContainerPlugin({ settings, logger }),
       astroScriptsPageSSRPlugin({ settings }),

package/dist/core/dev/dev.js

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

package/dist/core/messages.js

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

package/dist/jsx/renderer.d.ts

@@ -1,9 +1,3 @@
-declare const renderer: {
-    name: string;
-    serverEntrypoint: string;
-    jsxImportSource: string;
-    jsxTransformOptions: () => Promise<{
-        plugins: any[];
-    }>;
-};
+import type { AstroRenderer } from '../@types/astro.js';
+declare const renderer: AstroRenderer;
 export default renderer;

package/dist/jsx/renderer.js

@@ -1,18 +1,9 @@
+import { jsxTransformOptions } from "./transform-options.js";
 const renderer = {
   name: "astro:jsx",
   serverEntrypoint: "astro/jsx/server.js",
   jsxImportSource: "astro",
-  jsxTransformOptions: async () => {
-    const plugin = await import("@babel/plugin-transform-react-jsx");
-    const jsx = plugin.default?.default ?? plugin.default;
-    const { default: astroJSX } = await import("./babel.js");
-    return {
-      plugins: [
-        astroJSX(),
-        jsx({}, { throwIfNamespace: false, runtime: "automatic", importSource: "astro" })
-      ]
-    };
-  }
+  jsxTransformOptions
 };
 var renderer_default = renderer;
 export {

package/dist/jsx/transform-options.d.ts

@@ -0,0 +1,2 @@
+import type { JSXTransformConfig } from '../@types/astro.js';
+export declare function jsxTransformOptions(): Promise<JSXTransformConfig>;

package/dist/jsx/transform-options.js

@@ -0,0 +1,14 @@
+async function jsxTransformOptions() {
+  const plugin = await import("@babel/plugin-transform-react-jsx");
+  const jsx = plugin.default?.default ?? plugin.default;
+  const { default: astroJSX } = await import("./babel.js");
+  return {
+    plugins: [
+      astroJSX(),
+      jsx({}, { throwIfNamespace: false, runtime: "automatic", importSource: "astro" })
+    ]
+  };
+}
+export {
+  jsxTransformOptions
+};

package/dist/runtime/client/dev-toolbar/apps/audit/rules/a11y.js

@@ -96,6 +96,7 @@ const aria_non_interactive_roles = [
   "toolbar",
   "tooltip"
 ];
+const roleless_elements = ["div", "span"];
 const a11y_required_content = [
   // anchor-has-content
   "a",
@@ -422,6 +423,8 @@ const a11y = [
         return false;
       if (!ariaRoles.has(role))
         return false;
+      if (roleless_elements.includes(element.localName))
+        return false;
       if (aria_non_interactive_roles.includes(role))
         return true;
     }
@@ -442,6 +445,8 @@ const a11y = [
       const exceptions = a11y_non_interactive_element_to_interactive_role_exceptions[element.localName];
       if (exceptions?.includes(role))
         return false;
+      if (roleless_elements.includes(element.localName))
+        return false;
       if (!aria_non_interactive_roles.includes(role))
         return true;
     }

package/dist/runtime/client/dev-toolbar/entrypoint.js

@@ -53,9 +53,9 @@ document.addEventListener("DOMContentLoaded", async () => {
   overlay = document.createElement("astro-dev-toolbar");
   const notificationLevels = ["error", "warning", "info"];
   const notificationSVGs = {
-    error: '<svg viewBox="0 0 10 10"><rect width="9" height="9" x=".5" y=".5" fill="#B33E66" stroke="#13151A" rx="4.5"/></svg>',
-    warning: '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" fill="none"><path fill="#B58A2D" stroke="#13151A" d="M7.29904 1.25c-.57735-1-2.02073-1-2.59808 0l-3.4641 6C.65951 8.25 1.3812 9.5 2.5359 9.5h6.9282c1.1547 0 1.8764-1.25 1.299-2.25l-3.46406-6Z"/></svg>',
-    info: '<svg viewBox="0 0 10 10"><rect width="9" height="9" x=".5" y=".5" fill="#3645D9" stroke="#13151A" rx="1.5"/></svg>'
+    error: '<svg viewBox="0 0 10 10" style="--fill:var(--fill-default);--fill-default:#B33E66;--fill-hover:#E3AFC1;"><rect width="9" height="9" x=".5" y=".5" fill="var(--fill)" stroke="#13151A" stroke-width="2" rx="4.5"/></svg>',
+    warning: '<svg width="12" height="10" fill="none" style="--fill:var(--fill-default);--fill-default:#B58A2D;--fill-hover:#D5B776;"><path fill="var(--fill)" stroke="#13151A" stroke-width="2" d="M7.29904 1.25c-.57735-1-2.02073-1-2.59808 0l-3.4641 6C.65951 8.25 1.3812 9.5 2.5359 9.5h6.9282c1.1547 0 1.8764-1.25 1.299-2.25l-3.46406-6Z"/></svg>',
+    info: '<svg viewBox="0 0 10 10" style="--fill:var(--fill-default);--fill-default:#3645D9;--fill-hover:#BDC3FF;"><rect width="9" height="9" x=".5" y=".5" fill="var(--fill)" stroke="#13151A" stroke-width="2" rx="1.5"/></svg>'
   };
   const prepareApp = (appDefinition, builtIn) => {
     const eventTarget = new EventTarget();

package/dist/runtime/client/dev-toolbar/toolbar.js

@@ -171,8 +171,14 @@ class AstroDevToolbar extends HTMLElement {
 				}
 			}
 
+			#dev-bar #bar-container .item:hover .notification rect, #dev-bar #bar-container .item:hover .notification path {
+				stroke: #38393D;
+				--fill: var(--fill-hover);
+			}
+
 			#dev-bar #bar-container .item.active .notification rect, #dev-bar #bar-container .item.active .notification path {
-				stroke: rgba(71, 78, 94, 1);
+				stroke: #454C5C;
+				--fill: var(--fill-hover);
 			}
 
 			#dev-bar .item .icon {

package/dist/runtime/server/render/util.js

@@ -70,7 +70,7 @@ Make sure to use the static attribute syntax (\`${key}={value}\`) instead of the
   if (key === "className") {
     return markHTMLString(` class="${toAttributeString(value, shouldEscape)}"`);
   }
-  if (typeof value === "string" && value.includes("&") && urlCanParse(value)) {
+  if (typeof value === "string" && value.includes("&") && isHttpUrl(value)) {
     return markHTMLString(` ${key}="${toAttributeString(value, false)}"`);
   }
   if (value === true && (key.startsWith("data-") || htmlBooleanAttributes.test(key))) {
@@ -146,10 +146,11 @@ function promiseWithResolvers() {
     reject
   };
 }
-function urlCanParse(url) {
+const VALID_PROTOCOLS = ["http:", "https:"];
+function isHttpUrl(url) {
   try {
-    new URL(url);
-    return true;
+    const parsedUrl = new URL(url);
+    return VALID_PROTOCOLS.includes(parsedUrl.protocol);
   } catch {
     return false;
   }

package/dist/vite-plugin-astro-server/route.js

@@ -224,7 +224,7 @@ async function handleRoute({
   }
   if (response.status === 404 && response.headers.get(REROUTE_DIRECTIVE_HEADER) !== "no") {
     const fourOhFourRoute = await matchRoute("/404", manifestData, pipeline);
-    if (options)
+    if (options && options.route !== fourOhFourRoute?.route)
       return handleRoute({
         ...options,
         matchedRoute: fourOhFourRoute,

package/dist/vite-plugin-mdx/index.d.ts

@@ -1,10 +1,2 @@
 import { type Plugin } from 'vite';
-import type { AstroSettings } from '../@types/astro.js';
-import type { Logger } from '../core/logger/core.js';
-interface AstroPluginJSXOptions {
-    settings: AstroSettings;
-    logger: Logger;
-}
-/** Use Astro config to allow for alternate or multiple JSX renderers (by default Vite will assume React) */
-export default function mdxVitePlugin({ settings }: AstroPluginJSXOptions): Plugin;
-export {};
+export default function mdxVitePlugin(): Plugin;

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

@@ -1,71 +1,16 @@
 import { transformWithEsbuild } from "vite";
-import babel from "@babel/core";
 import { CONTENT_FLAG, PROPAGATED_ASSET_FLAG } from "../content/index.js";
 import { astroEntryPrefix } from "../core/build/plugins/plugin-component-entry.js";
 import { removeQueryString } from "../core/path.js";
-import tagExportsPlugin from "./tag.js";
-async function transformJSX({
-  code,
-  mode,
-  id,
-  ssr,
-  renderer,
-  root
-}) {
-  const { jsxTransformOptions } = renderer;
-  const options = await jsxTransformOptions({ mode, ssr });
-  const plugins = [...options.plugins || []];
-  if (ssr) {
-    plugins.push(await tagExportsPlugin({ rendererName: renderer.name, root }));
-  }
-  const result = await babel.transformAsync(code, {
-    presets: options.presets,
-    plugins,
-    cwd: process.cwd(),
-    filename: id,
-    ast: false,
-    compact: false,
-    sourceMaps: true,
-    configFile: false,
-    babelrc: false,
-    inputSourceMap: options.inputSourceMap
-  });
-  if (!result)
-    return null;
-  if (renderer.name === "astro:jsx") {
-    const { astro } = result.metadata;
-    return {
-      code: result.code || "",
-      map: result.map,
-      meta: {
-        astro,
-        vite: {
-          // Setting this vite metadata to `ts` causes Vite to resolve .js
-          // extensions to .ts files.
-          lang: "ts"
-        }
-      }
-    };
-  }
-  return {
-    code: result.code || "",
-    map: result.map
-  };
-}
+import { transformJSX } from "./transform-jsx.js";
 const SPECIAL_QUERY_REGEX = new RegExp(
   `[?&](?:worker|sharedworker|raw|url|${CONTENT_FLAG}|${PROPAGATED_ASSET_FLAG})\\b`
 );
-function mdxVitePlugin({ settings }) {
-  let viteConfig;
-  let astroJSXRenderer;
+function mdxVitePlugin() {
   return {
     name: "astro:jsx",
     enforce: "pre",
     // run transforms before other plugins
-    async configResolved(resolvedConfig) {
-      viteConfig = resolvedConfig;
-      astroJSXRenderer = settings.renderers.find((r) => r.jsxImportSource === "astro");
-    },
     async transform(code, id, opts) {
       if (SPECIAL_QUERY_REGEX.test(id) || id.startsWith(astroEntryPrefix)) {
         return null;
@@ -86,14 +31,7 @@ function mdxVitePlugin({ settings }) {
           }
         }
       });
-      return transformJSX({
-        code: jsxCode,
-        id,
-        renderer: astroJSXRenderer,
-        mode: viteConfig.mode,
-        ssr: Boolean(opts?.ssr),
-        root: settings.config.root
-      });
+      return await transformJSX(jsxCode, id, opts?.ssr);
     }
   };
 }

package/dist/vite-plugin-mdx/tag.d.ts

@@ -7,7 +7,4 @@ import type { PluginObj } from '@babel/core';
  * This plugin crawls each export in the file and "tags" each export with a given `rendererName`.
  * This allows us to automatically match a component to a renderer and skip the usual `check()` calls.
  */
-export default function tagExportsWithRenderer({ rendererName, }: {
-    rendererName: string;
-    root: URL;
-}): Promise<PluginObj>;
+export declare const tagExportsPlugin: PluginObj;

package/dist/vite-plugin-mdx/tag.js

@@ -1,107 +1,103 @@
 import * as t from "@babel/types";
-async function tagExportsWithRenderer({
-  rendererName
-}) {
-  return {
-    visitor: {
-      Program: {
-        // Inject `import { __astro_tag_component__ } from 'astro/runtime/server/index.js'`
-        enter(path) {
-          path.node.body.splice(
-            0,
-            0,
-            t.importDeclaration(
-              [
-                t.importSpecifier(
-                  t.identifier("__astro_tag_component__"),
-                  t.identifier("__astro_tag_component__")
-                )
-              ],
-              t.stringLiteral("astro/runtime/server/index.js")
-            )
-          );
-        },
-        // For each export we found, inject `__astro_tag_component__(exportName, rendererName)`
-        exit(path, state) {
-          const exportedIds = state.get("astro:tags");
-          if (exportedIds) {
-            for (const id of exportedIds) {
-              path.node.body.push(
-                t.expressionStatement(
-                  t.callExpression(t.identifier("__astro_tag_component__"), [
-                    t.identifier(id),
-                    t.stringLiteral(rendererName)
-                  ])
-                )
-              );
-            }
-          }
-        }
+import astroJsxRenderer from "../jsx/renderer.js";
+const rendererName = astroJsxRenderer.name;
+const tagExportsPlugin = {
+  visitor: {
+    Program: {
+      // Inject `import { __astro_tag_component__ } from 'astro/runtime/server/index.js'`
+      enter(path) {
+        path.node.body.splice(
+          0,
+          0,
+          t.importDeclaration(
+            [
+              t.importSpecifier(
+                t.identifier("__astro_tag_component__"),
+                t.identifier("__astro_tag_component__")
+              )
+            ],
+            t.stringLiteral("astro/runtime/server/index.js")
+          )
+        );
       },
-      ExportDeclaration: {
-        /**
-         * For default anonymous function export, we need to give them a unique name
-         * @param path
-         * @returns
-         */
-        enter(path) {
-          const node = path.node;
-          if (!t.isExportDefaultDeclaration(node))
-            return;
-          if (t.isArrowFunctionExpression(node.declaration) || t.isCallExpression(node.declaration)) {
-            const varName = t.isArrowFunctionExpression(node.declaration) ? "_arrow_function" : "_hoc_function";
-            const uidIdentifier = path.scope.generateUidIdentifier(varName);
-            path.insertBefore(
-              t.variableDeclaration("const", [
-                t.variableDeclarator(uidIdentifier, node.declaration)
-              ])
+      // For each export we found, inject `__astro_tag_component__(exportName, rendererName)`
+      exit(path, state) {
+        const exportedIds = state.get("astro:tags");
+        if (exportedIds) {
+          for (const id of exportedIds) {
+            path.node.body.push(
+              t.expressionStatement(
+                t.callExpression(t.identifier("__astro_tag_component__"), [
+                  t.identifier(id),
+                  t.stringLiteral(rendererName)
+                ])
+              )
             );
-            node.declaration = uidIdentifier;
-          } else if (t.isFunctionDeclaration(node.declaration) && !node.declaration.id?.name) {
-            const uidIdentifier = path.scope.generateUidIdentifier("_function");
-            node.declaration.id = uidIdentifier;
           }
-        },
-        exit(path, state) {
-          const node = path.node;
-          if (node.exportKind === "type")
-            return;
-          if (t.isExportAllDeclaration(node))
-            return;
-          const addTag = (id) => {
-            const tags = state.get("astro:tags") ?? [];
-            state.set("astro:tags", [...tags, id]);
-          };
-          if (t.isExportNamedDeclaration(node) || t.isExportDefaultDeclaration(node)) {
-            if (t.isIdentifier(node.declaration)) {
-              addTag(node.declaration.name);
-            } else if (t.isFunctionDeclaration(node.declaration) && node.declaration.id?.name) {
-              addTag(node.declaration.id.name);
-            } else if (t.isVariableDeclaration(node.declaration)) {
-              node.declaration.declarations?.forEach((declaration) => {
-                if (t.isArrowFunctionExpression(declaration.init) && t.isIdentifier(declaration.id)) {
-                  addTag(declaration.id.name);
-                }
-              });
-            } else if (t.isObjectExpression(node.declaration)) {
-              node.declaration.properties?.forEach((property) => {
-                if (t.isProperty(property) && t.isIdentifier(property.key)) {
-                  addTag(property.key.name);
-                }
-              });
-            } else if (t.isExportNamedDeclaration(node) && !node.source) {
-              node.specifiers.forEach((specifier) => {
-                if (t.isExportSpecifier(specifier) && t.isIdentifier(specifier.exported)) {
-                  addTag(specifier.local.name);
-                }
-              });
-            }
+        }
+      }
+    },
+    ExportDeclaration: {
+      /**
+       * For default anonymous function export, we need to give them a unique name
+       * @param path
+       * @returns
+       */
+      enter(path) {
+        const node = path.node;
+        if (!t.isExportDefaultDeclaration(node))
+          return;
+        if (t.isArrowFunctionExpression(node.declaration) || t.isCallExpression(node.declaration)) {
+          const varName = t.isArrowFunctionExpression(node.declaration) ? "_arrow_function" : "_hoc_function";
+          const uidIdentifier = path.scope.generateUidIdentifier(varName);
+          path.insertBefore(
+            t.variableDeclaration("const", [t.variableDeclarator(uidIdentifier, node.declaration)])
+          );
+          node.declaration = uidIdentifier;
+        } else if (t.isFunctionDeclaration(node.declaration) && !node.declaration.id?.name) {
+          const uidIdentifier = path.scope.generateUidIdentifier("_function");
+          node.declaration.id = uidIdentifier;
+        }
+      },
+      exit(path, state) {
+        const node = path.node;
+        if (node.exportKind === "type")
+          return;
+        if (t.isExportAllDeclaration(node))
+          return;
+        const addTag = (id) => {
+          const tags = state.get("astro:tags") ?? [];
+          state.set("astro:tags", [...tags, id]);
+        };
+        if (t.isExportNamedDeclaration(node) || t.isExportDefaultDeclaration(node)) {
+          if (t.isIdentifier(node.declaration)) {
+            addTag(node.declaration.name);
+          } else if (t.isFunctionDeclaration(node.declaration) && node.declaration.id?.name) {
+            addTag(node.declaration.id.name);
+          } else if (t.isVariableDeclaration(node.declaration)) {
+            node.declaration.declarations?.forEach((declaration) => {
+              if (t.isArrowFunctionExpression(declaration.init) && t.isIdentifier(declaration.id)) {
+                addTag(declaration.id.name);
+              }
+            });
+          } else if (t.isObjectExpression(node.declaration)) {
+            node.declaration.properties?.forEach((property) => {
+              if (t.isProperty(property) && t.isIdentifier(property.key)) {
+                addTag(property.key.name);
+              }
+            });
+          } else if (t.isExportNamedDeclaration(node) && !node.source) {
+            node.specifiers.forEach((specifier) => {
+              if (t.isExportSpecifier(specifier) && t.isIdentifier(specifier.exported)) {
+                addTag(specifier.local.name);
+              }
+            });
           }
         }
       }
     }
-  };
-}
+  }
+};
 export {
-  tagExportsWithRenderer as default
+  tagExportsPlugin
 };

package/dist/vite-plugin-mdx/transform-jsx.d.ts

@@ -0,0 +1,2 @@
+import type { TransformResult } from 'rollup';
+export declare function transformJSX(code: string, id: string, ssr?: boolean): Promise<TransformResult>;

package/dist/vite-plugin-mdx/transform-jsx.js

@@ -0,0 +1,50 @@
+import babel from "@babel/core";
+import { jsxTransformOptions } from "../jsx/transform-options.js";
+import { tagExportsPlugin } from "./tag.js";
+async function transformJSX(code, id, ssr) {
+  const options = await getJsxTransformOptions();
+  const plugins = ssr ? [...options.plugins ?? [], tagExportsPlugin] : options.plugins;
+  const result = await babel.transformAsync(code, {
+    presets: options.presets,
+    plugins,
+    cwd: process.cwd(),
+    filename: id,
+    ast: false,
+    compact: false,
+    sourceMaps: true,
+    configFile: false,
+    babelrc: false,
+    browserslistConfigFile: false,
+    inputSourceMap: options.inputSourceMap
+  });
+  if (!result)
+    return null;
+  const { astro } = result.metadata;
+  return {
+    code: result.code || "",
+    map: result.map,
+    meta: {
+      astro,
+      vite: {
+        // Setting this vite metadata to `ts` causes Vite to resolve .js
+        // extensions to .ts files.
+        lang: "ts"
+      }
+    }
+  };
+}
+let cachedJsxTransformOptions;
+async function getJsxTransformOptions() {
+  if (cachedJsxTransformOptions) {
+    return cachedJsxTransformOptions;
+  }
+  const options = jsxTransformOptions();
+  cachedJsxTransformOptions = options;
+  options.then((resolvedOptions) => {
+    cachedJsxTransformOptions = resolvedOptions;
+  });
+  return options;
+}
+export {
+  transformJSX
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro",
-  "version": "4.5.16",
+  "version": "4.5.18",
   "description": "Astro is a modern site builder with web best practices, performance, and DX front-of-mind.",
   "type": "module",
   "author": "withastro",
@@ -162,8 +162,8 @@
     "zod": "^3.22.4",
     "zod-to-json-schema": "^3.22.4",
     "@astrojs/internal-helpers": "0.4.0",
-    "@astrojs/markdown-remark": "5.0.0",
-    "@astrojs/telemetry": "3.0.4"
+    "@astrojs/telemetry": "3.0.4",
+    "@astrojs/markdown-remark": "5.0.0"
   },
   "optionalDependencies": {
     "sharp": "^0.32.6"