astro 4.5.3 → 4.5.5

package/dist/cli/install-package.d.ts

@@ -1,6 +1,7 @@
 import { type Logger } from '../core/logger/core.js';
 type GetPackageOptions = {
     skipAsk?: boolean;
+    optional?: boolean;
     cwd?: string;
 };
 export declare function getPackage<T>(packageName: string, logger: Logger, options: GetPackageOptions, otherDeps?: string[]): Promise<T | undefined>;

package/dist/cli/install-package.js

@@ -24,6 +24,8 @@ async function getPackage(packageName, logger, options, otherDeps = []) {
     const packageImport = await import(packageName);
     return packageImport;
   } catch (e) {
+    if (options.optional)
+      return void 0;
     logger.info(
       "SKIP_FORMAT",
       `To continue, Astro requires the following dependency to be installed: ${bold(packageName)}.`

package/dist/core/app/index.d.ts

@@ -31,6 +31,7 @@ export interface RenderOptions {
     routeData?: RouteData;
 }
 export interface RenderErrorOptions {
+    locals?: App.Locals;
     routeData?: RouteData;
     response?: Response;
     status: 404 | 500;

package/dist/core/app/index.js

@@ -198,7 +198,7 @@ class App {
       routeData = this.match(request);
     }
     if (!routeData) {
-      return this.#renderError(request, { status: 404 });
+      return this.#renderError(request, { locals, status: 404 });
     }
     const pathname = this.#getPathnameFromRequest(request);
     const defaultStatus = this.#getDefaultStatusCode(routeData, pathname);
@@ -216,10 +216,11 @@ class App {
       response = await renderContext.render(await mod.page());
     } catch (err) {
       this.#logger.error(null, err.stack || err.message || String(err));
-      return this.#renderError(request, { status: 500 });
+      return this.#renderError(request, { locals, status: 500 });
     }
     if (REROUTABLE_STATUS_CODES.includes(response.status) && response.headers.get(REROUTE_DIRECTIVE_HEADER) !== "no") {
       return this.#renderError(request, {
+        locals,
         response,
         status: response.status
       });
@@ -263,7 +264,7 @@ class App {
    * If it is a known error code, try sending the according page (e.g. 404.astro / 500.astro).
    * This also handles pre-rendered /404 or /500 routes
    */
-  async #renderError(request, { status, response: originalResponse, skipMiddleware = false }) {
+  async #renderError(request, { locals, status, response: originalResponse, skipMiddleware = false }) {
     const errorRoutePath = `/${status}${this.#manifest.trailingSlash === "always" ? "/" : ""}`;
     const errorRouteData = matchRoute(errorRoutePath, this.#manifestData);
     const url = new URL(request.url);
@@ -281,6 +282,7 @@ class App {
       const mod = await this.#getModuleForRoute(errorRouteData);
       try {
         const renderContext = RenderContext.create({
+          locals,
           pipeline: this.#pipeline,
           middleware: skipMiddleware ? (_, next) => next() : void 0,
           pathname: this.#getPathnameFromRequest(request),
@@ -293,6 +295,7 @@ class App {
       } catch {
         if (skipMiddleware === false) {
           return this.#renderError(request, {
+            locals,
             status,
             response: originalResponse,
             skipMiddleware: true

package/dist/core/build/index.js

@@ -89,8 +89,8 @@ class AstroBuilder {
       { settings: this.settings, logger: this.logger, mode: "build", command: "build" }
     );
     await runHookConfigDone({ settings: this.settings, logger });
-    const { syncInternal } = await import("../sync/index.js");
-    const syncRet = await syncInternal(this.settings, { logger, fs });
+    const { syncContentCollections } = await import("../sync/index.js");
+    const syncRet = await syncContentCollections(this.settings, { logger, fs });
     if (syncRet !== 0) {
       return process.exit(syncRet);
     }

package/dist/core/constants.js

@@ -1,4 +1,4 @@
-const ASTRO_VERSION = "4.5.3";
+const ASTRO_VERSION = "4.5.5";
 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/dev/dev.js

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

package/dist/core/errors/dev/utils.js

@@ -141,11 +141,11 @@ function getDocsForError(err) {
     return errorName.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
   }
 }
+const linkRegex = /\[([^[]+)\]\((.*)\)/g;
+const boldRegex = /\*\*(.+)\*\*/g;
+const urlRegex = / ((?:https?|ftp):\/\/[-\w+&@#\\/%?=~|!:,.;]*[-\w+&@#\\/%=~|])/gi;
+const codeRegex = /`([^`]+)`/g;
 function renderErrorMarkdown(markdown, target) {
-  const linkRegex = /\[([^[]+)\]\((.*)\)/g;
-  const boldRegex = /\*\*(.+)\*\*/g;
-  const urlRegex = / ((?:https?|ftp):\/\/[-\w+&@#\\/%?=~|!:,.;]*[-\w+&@#\\/%=~|])/gi;
-  const codeRegex = /`([^`]+)`/g;
   if (target === "html") {
     return escape(markdown).replace(linkRegex, `<a href="$2" target="_blank">$1</a>`).replace(boldRegex, "<b>$1</b>").replace(urlRegex, ' <a href="$1" target="_blank">$1</a>').replace(codeRegex, "<code>$1</code>");
   } else {

package/dist/core/messages.js

@@ -36,7 +36,7 @@ function serverStart({
   host,
   base
 }) {
-  const version = "4.5.3";
+  const version = "4.5.5";
   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.3"}`
+        `v${"4.5.5"}`
       )} ${headline}`
     );
   }

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

@@ -240,7 +240,7 @@ function createFileBasedRoutes({ settings, cwd, fsMod }, logger) {
         const pattern = getPattern(segments, settings.config, trailingSlash);
         const generate = getRouteGenerator(segments, trailingSlash);
         const pathname = segments.every((segment) => segment.length === 1 && !segment[0].dynamic) ? `/${segments.map((segment) => segment[0].content).join("/")}` : null;
-        const route = `/${segments.map(([{ dynamic, content }]) => dynamic ? `[${content}]` : content).join("/")}`.toLowerCase();
+        const route = joinSegments(segments);
         routes.push({
           route,
           isIndex: item.isIndex,
@@ -295,7 +295,7 @@ function createInjectedRoutes({ settings, cwd }) {
     const generate = getRouteGenerator(segments, trailingSlash);
     const pathname = segments.every((segment) => segment.length === 1 && !segment[0].dynamic) ? `/${segments.map((segment) => segment[0].content).join("/")}` : null;
     const params = segments.flat().filter((p) => p.dynamic).map((p) => p.content);
-    const route = `/${segments.map(([{ dynamic, content }]) => dynamic ? `[${content}]` : content).join("/")}`.toLowerCase();
+    const route = joinSegments(segments);
     routes[priority].push({
       type,
       // For backwards compatibility, an injected route is never considered an index route.
@@ -330,7 +330,7 @@ function createRedirectRoutes({ settings }, routeMap, logger) {
     const generate = getRouteGenerator(segments, trailingSlash);
     const pathname = segments.every((segment) => segment.length === 1 && !segment[0].dynamic) ? `/${segments.map((segment) => segment[0].content).join("/")}` : null;
     const params = segments.flat().filter((p) => p.dynamic).map((p) => p.content);
-    const route = `/${segments.map(([{ dynamic, content }]) => dynamic ? `[${content}]` : content).join("/")}`.toLowerCase();
+    const route = joinSegments(segments);
     let destination;
     if (typeof to === "string") {
       destination = to;
@@ -577,6 +577,12 @@ function computeRoutePriority(config) {
   }
   return "legacy";
 }
+function joinSegments(segments) {
+  const arr = segments.map((segment) => {
+    return segment.map((rp) => rp.dynamic ? `[${rp.content}]` : rp.content).join("");
+  });
+  return `/${arr.join("/")}`.toLowerCase();
+}
 export {
   createRouteManifest
 };

package/dist/core/sync/index.js

@@ -3,6 +3,7 @@ import { performance } from "node:perf_hooks";
 import { fileURLToPath } from "node:url";
 import { dim } from "kleur/colors";
 import { createServer } from "vite";
+import { getPackage } from "../../cli/install-package.js";
 import { createContentTypesGenerator } from "../../content/index.js";
 import { globalContentConfigObserver } from "../../content/utils.js";
 import { telemetry } from "../../events/index.js";
@@ -29,8 +30,23 @@ async function sync(inlineConfig, options) {
     logger,
     command: "build"
   });
+  const timerStart = performance.now();
+  const dbPackage = await getPackage(
+    "@astrojs/db",
+    logger,
+    {
+      optional: true,
+      cwd: inlineConfig.root
+    },
+    []
+  );
   try {
-    return await syncInternal(settings, { ...options, logger });
+    await dbPackage?.typegen?.(astroConfig);
+    const exitCode = await syncContentCollections(settings, { ...options, logger });
+    if (exitCode !== 0)
+      return exitCode;
+    logger.info(null, `Types generated ${dim(getTimeStat(timerStart, performance.now()))}`);
+    return 0;
   } catch (err) {
     const error = createSafeError(err);
     logger.error(
@@ -40,8 +56,7 @@ async function sync(inlineConfig, options) {
     return 1;
   }
 }
-async function syncInternal(settings, { logger, fs }) {
-  const timerStart = performance.now();
+async function syncContentCollections(settings, { logger, fs }) {
   const tempViteServer = await createServer(
     await createVite(
       {
@@ -96,11 +111,10 @@ async function syncInternal(settings, { logger, fs }) {
   } finally {
     await tempViteServer.close();
   }
-  logger.info(null, `Types generated ${dim(getTimeStat(timerStart, performance.now()))}`);
   await setUpEnvTs({ settings, logger, fs: fs ?? fsMod });
   return 0;
 }
 export {
   sync as default,
-  syncInternal
+  syncContentCollections
 };

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

@@ -11,6 +11,7 @@ try {
   customElements.define("astro-dev-toolbar-audit-list-item", DevToolbarAuditListItem);
 } catch (e) {
 }
+let showState = false;
 var audit_default = {
   id: "astro:audit",
   name: "Audit",
@@ -33,13 +34,19 @@ var audit_default = {
         if ("requestIdleCallback" in window) {
           window.requestIdleCallback(
             async () => {
-              lint();
+              lint().then(() => {
+                if (showState)
+                  createAuditsUI();
+              });
             },
             { timeout: 300 }
           );
         } else {
-          setTimeout(() => {
-            lint();
+          setTimeout(async () => {
+            lint().then(() => {
+              if (showState)
+                createAuditsUI();
+            });
           }, 150);
         }
       }, 250);
@@ -59,7 +66,10 @@ var audit_default = {
     });
     eventTarget.addEventListener("app-toggled", (event) => {
       if (event.detail.state === true) {
+        showState = true;
         createAuditsUI();
+      } else {
+        showState = false;
       }
     });
     closeOnOutsideClick(eventTarget, () => {

package/dist/runtime/client/dev-toolbar/apps/audit/ui/audit-list-item.js

@@ -68,6 +68,7 @@ class DevToolbarAuditListItem extends HTMLElement {
 				border: none;
 				z-index: 1000000000;
 				flex-direction: column;
+				line-height: 1.25rem;
 			}
 
 			:host([active])>button#astro-overlay-card {
@@ -104,6 +105,12 @@ class DevToolbarAuditListItem extends HTMLElement {
 				color: rgba(191, 193, 201, 1);
 			}
 
+			.extended-info code {
+				padding: 1px 3px;
+				border-radius: 3px;
+				background: #1F2433;
+			}
+
 			.reset-button {
 				text-align: left;
 				border: none;

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

@@ -109,18 +109,24 @@ function buildAuditCard(rule, highlightElement, auditedElement, audits) {
   extendedInfo.append(document.createElement("hr"));
   const message = document.createElement("p");
   message.classList.add("audit-message");
-  message.innerHTML = rule.message;
+  message.innerHTML = simpleRenderMarkdown(rule.message);
   extendedInfo.appendChild(message);
   const description = rule.description;
   if (description) {
     const descriptionElement = document.createElement("p");
     descriptionElement.classList.add("audit-description");
-    descriptionElement.innerHTML = description;
+    descriptionElement.innerHTML = simpleRenderMarkdown(description);
     extendedInfo.appendChild(descriptionElement);
   }
   card.shadowRoot.appendChild(extendedInfo);
   return card;
 }
+const linkRegex = /\[([^[]+)\]\((.*)\)/g;
+const boldRegex = /\*\*(.+)\*\*/g;
+const codeRegex = /`([^`]+)`/g;
+function simpleRenderMarkdown(markdown) {
+  return escapeHTML(markdown).replace(linkRegex, `<a href="$2" target="_blank">$1</a>`).replace(boldRegex, "<b>$1</b>").replace(codeRegex, "<code>$1</code>");
+}
 export {
   createAuditUI
 };

package/dist/transitions/router.js

@@ -405,7 +405,7 @@ function onPopState(ev) {
   transition(direction, originalLocation, new URL(location.href), {}, state);
 }
 const onScrollEnd = () => {
-  if (scrollX !== history.state.scrollX || scrollY !== history.state.scrollY) {
+  if (history.state && (scrollX !== history.state.scrollX || scrollY !== history.state.scrollY)) {
     updateScrollPosition({ scrollX, scrollY });
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro",
-  "version": "4.5.3",
+  "version": "4.5.5",
   "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.3.0",
-    "@astrojs/markdown-remark": "4.3.0",
-    "@astrojs/telemetry": "3.0.4"
+    "@astrojs/telemetry": "3.0.4",
+    "@astrojs/markdown-remark": "4.3.0"
   },
   "optionalDependencies": {
     "sharp": "^0.32.6"