astro 4.8.6 → 4.9.0

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

@@ -50,6 +50,8 @@ function attachTooltipToHighlight(highlight, tooltip, originalElement) {
       }
       if (dialogRect.right > document.documentElement.clientWidth) {
         tooltip.style.right = "0px";
+      } else if (dialogRect.left < 0) {
+        tooltip.style.left = "0px";
       }
     });
   });

package/dist/runtime/server/jsx.js

@@ -84,6 +84,7 @@ Did you forget to import the component or is it possible there is a typo?`);
       }
       if (typeof vnode.type === "function") {
         if (vnode.props[hasTriedRenderComponentSymbol]) {
+          delete vnode.props[hasTriedRenderComponentSymbol];
           const output2 = await vnode.type(vnode.props ?? {});
           if (output2?.[AstroJSX] || !output2) {
             return await renderJSXVNode(result, output2);

package/dist/vite-plugin-astro-server/plugin.d.ts

@@ -14,6 +14,5 @@ export default function createVitePluginAstroServer({ settings, logger, fs: fsMo
  *
  * Renderers needs to be pulled out from the page module emitted during the build.
  * @param settings
- * @param renderers
  */
 export declare function createDevelopmentManifest(settings: AstroSettings): SSRManifest;

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

@@ -113,7 +113,7 @@ function createDevelopmentManifest(settings) {
     componentMetadata: /* @__PURE__ */ new Map(),
     inlinedScripts: /* @__PURE__ */ new Map(),
     i18n: i18nManifest,
-    checkOrigin: settings.config.experimental.security?.csrfProtection?.origin ?? false,
+    checkOrigin: settings.config.security?.checkOrigin ?? false,
     rewritingEnabled: settings.config.experimental.rewriting,
     middleware(_, next) {
       return next();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro",
-  "version": "4.8.6",
+  "version": "4.9.0",
   "description": "Astro is a modern site builder with web best practices, performance, and DX front-of-mind.",
   "type": "module",
   "author": "withastro",
@@ -48,6 +48,10 @@
       "types": "./config.d.ts",
       "default": "./config.mjs"
     },
+    "./container": {
+      "types": "./dist/container/index.d.ts",
+      "default": "./dist/container/index.js"
+    },
     "./app": "./dist/core/app/index.js",
     "./app/node": "./dist/core/app/node.js",
     "./client/*": "./dist/runtime/client/*",
@@ -166,8 +170,8 @@
     "zod": "^3.23.8",
     "zod-to-json-schema": "^3.23.0",
     "@astrojs/internal-helpers": "0.4.0",
-    "@astrojs/markdown-remark": "5.1.0",
-    "@astrojs/telemetry": "3.1.0"
+    "@astrojs/telemetry": "3.1.0",
+    "@astrojs/markdown-remark": "5.1.0"
   },
   "optionalDependencies": {
     "sharp": "^0.33.3"

package/templates/actions.mjs

@@ -7,11 +7,33 @@ function toActionProxy(actionCallback = {}, aggregatedPath = '/_actions/') {
 				return target[objKey];
 			}
 			const path = aggregatedPath + objKey.toString();
-			const action = (clientParam) => actionHandler(clientParam, path);
+			const action = (param) => actionHandler(param, path);
 			action.toString = () => path;
 			action.safe = (input) => {
 				return callSafely(() => action(input));
 			};
+			action.safe.toString = () => path;
+
+			// Add progressive enhancement info for React.
+			action.$$FORM_ACTION = function () {
+				const data = new FormData();
+				data.set('_astroAction', action.toString());
+				return {
+					method: 'POST',
+					name: action.toString(),
+					data,
+				};
+			};
+			action.safe.$$FORM_ACTION = function () {
+				const data = new FormData();
+				data.set('_astroAction', action.toString());
+				data.set('_astroActionSafe', 'true');
+				return {
+					method: 'POST',
+					name: action.toString(),
+					data,
+				};
+			};
 			// recurse to construct queries for nested object paths
 			// ex. actions.user.admins.auth()
 			return toActionProxy(action, path + '.');
@@ -20,24 +42,27 @@ function toActionProxy(actionCallback = {}, aggregatedPath = '/_actions/') {
 }
 
 /**
- * @param {*} clientParam argument passed to the action when used on the client.
- * @param {string} path Built path to call action on the server.
- * Usage: `actions.[name](clientParam)`.
+ * @param {*} param argument passed to the action when called server or client-side.
+ * @param {string} path Built path to call action by path name.
+ * Usage: `actions.[name](param)`.
  */
-async function actionHandler(clientParam, path) {
+async function actionHandler(param, path) {
+	// When running server-side, import the action and call it.
 	if (import.meta.env.SSR) {
-		throw new ActionError({
-			code: 'BAD_REQUEST',
-			message:
-				'Action unexpectedly called on the server. If this error is unexpected, share your feedback on our RFC discussion: https://github.com/withastro/roadmap/pull/912',
-		});
+		const { getAction } = await import('astro/actions/runtime/utils.js');
+		const action = await getAction(path);
+		if (!action) throw new Error(`Action not found: ${path}`);
+
+		return action(param);
 	}
+
+	// When running client-side, make a fetch request to the action path.
 	const headers = new Headers();
 	headers.set('Accept', 'application/json');
-	let body = clientParam;
+	let body = param;
 	if (!(body instanceof FormData)) {
 		try {
-			body = clientParam ? JSON.stringify(clientParam) : undefined;
+			body = param ? JSON.stringify(param) : undefined;
 		} catch (e) {
 			throw new ActionError({
 				code: 'BAD_REQUEST',