@hyperspan/framework 1.0.22 → 1.0.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperspan/framework",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "description": "Hyperspan Web Framework",
   "main": "src/server.ts",
   "types": "src/server.ts",

package/src/actions.test.ts

@@ -71,6 +71,34 @@ describe('createAction', () => {
     expect(responseText).toContain('<p>Hello, John Doe!</p>');
   });
 
+  test('returns HSHtml directly from POST handler', async () => {
+    const action = createAction({
+      name: 'test',
+    }).form((c) => {
+      return html`
+          <form>
+            <input type="text" name="name" />
+            <button type="submit">Submit</button>
+          </form>
+        `;
+    }).post(async (c, { data }) => {
+      return html`<p>Hello, ${data?.name}!</p>`;
+    });
+
+    const formData = new FormData();
+    formData.append('name', 'Jane Doe');
+
+    const request = new Request(`http://localhost:3000${action._path()}`, {
+      method: 'POST',
+      body: formData,
+    });
+    const response = await action.fetch(request);
+    expect(response).toBeInstanceOf(Response);
+    expect(response.status).toBe(200);
+    const responseText = await response.text();
+    expect(responseText).toContain('<p>Hello, Jane Doe!</p>');
+  });
+
   test('errors thrown on POST handler provided by user are caught and rendered', async () => {
     const action = createAction({
       name: 'test',

package/src/client/_hs/hyperspan-actions.client.ts

@@ -107,8 +107,12 @@ function formSubmitToRoute(e: Event, form: HTMLFormElement, opts: TFormSubmitOpt
         if (newUrl) {
           const resolved = new URL(newUrl, window.location.href);
 
-          // If the new URL is the same as the current URL, we can just fetch the new HTML and apply it
-          if (resolved.pathname === window.location.pathname) {
+          // Same-origin + same path: fetch updated HTML and morph in place. Cross-origin redirects
+          // must use full navigation (CORS and Idiomorph are not safe across domains).
+          if (
+            resolved.origin === window.location.origin &&
+            resolved.pathname === window.location.pathname
+          ) {
             const pageRes = await fetch(resolved.href, {
               headers: { Accept: 'text/html' },
             });

package/src/types.ts

@@ -190,14 +190,14 @@ export namespace Hyperspan {
     c: Context, props: ActionFormProps<S>
   ) => ActionFormResponse;
   // Form handler
-  export type ActionFormHandlerResponse = ActionFormResponse | Response | Promise<Response>;
+  export type ActionFormHandlerReturn = RouteHandlerReturn;
   export type ActionFormHandlerProps<S extends z.ZodType | undefined = undefined> = {
     data: InferActionData<S>;
     error?: ZodValidationError | Error;
   };
   export type ActionFormHandler<S extends z.ZodType | undefined = undefined> = (
     c: Context, props: ActionFormHandlerProps<S>
-  ) => ActionFormHandlerResponse;
+  ) => ActionFormHandlerReturn | Promise<ActionFormHandlerReturn>;
   // Action API
   export interface Action<S extends z.ZodType | undefined = undefined> {
     _kind: 'hsAction';