qwik server actions

component.tsx

import { component$, Resource, useResource$ } from "@builder.io/qwik";
import { serverGreeter } from "~/server/actions/public";
import { getGreeting } from "~/server/actions/protected";

export const Header = component$(() => {
  const userDataResource = useResource$(
    async () => await getGreeting({ name: "Pif" }),
  );

  return (
    <section>
      <Resource
        value={userDataResource}
        onPending={() => <div>Loading user profile...</div>}
        onResolved={(userData) => <div>User data: {userData.name}</div>}
        onRejected={(error) => (
          <div>
            Failed to load user data.{" "}
            <pre>{JSON.stringify(error.message, null, 2)}</pre>
          </div>
        )}
      />
    </section>
  );
});

server.ts

import { server$ } from "@builder.io/qwik-city";

export const getGreeting = server$(async function (input: { name: string }) {
  const isAuthenticated = !!this.sharedMap.get("session");

  if (!isAuthenticated) {
    throw new Error("Unauthorized: You must be authenticated.");
  }

  console.log("Executing getGreeting with", input);
  return { name: `Hello, ${input.name}` };
});

export const getGreeting2 = server$(async function (input: { name: string }) {
  const isAuthenticated = !!this.sharedMap.get("session");

  if (!isAuthenticated) {
    throw new Error("Unauthorized: You must be authenticated.");
  }

  console.log("Executing getGreeting with", input);
  return { name: `Hello, ${input.name}` };
});