create-warlock 5.2.4 → 5.3.1

package/templates/warlock/src/web/home/hooks/use-locale-switcher.ts

@@ -0,0 +1,35 @@
+import { http } from "@mongez/http";
+import { useState } from "react";
+import { type LocaleCode } from "../../../shared/locales";
+
+type LocalePreferenceResponse = {
+  locale: LocaleCode;
+};
+
+export function useLocaleSwitcher() {
+  const [isSwitching, setIsSwitching] = useState(false);
+  const [error, setError] = useState("");
+
+  async function switchLocale(locale: LocaleCode): Promise<void> {
+    setIsSwitching(true);
+    setError("");
+
+    try {
+      const result = await http.post<LocalePreferenceResponse>("/api/locale", { locale });
+
+      if (result.error) {
+        setError(result.error.message || "Could not update the locale.");
+        setIsSwitching(false);
+        return;
+      }
+
+      window.location.hash = "contact";
+      window.location.reload();
+    } catch (caughtError) {
+      setError(caughtError instanceof Error ? caughtError.message : "Could not update the locale.");
+      setIsSwitching(false);
+    }
+  }
+
+  return { error, isSwitching, switchLocale };
+}

package/templates/warlock/src/web/home/index.page.tsx

@@ -0,0 +1,44 @@
+import type { PageLoader, PageProps } from "@warlock.js/web";
+import { getHomeService } from "app/home/services/home.service";
+import { isLocaleCode } from "../../shared/locales";
+import { ContactSection } from "./components/contact-section";
+import { ContentSections } from "./components/content-sections";
+import { HeroSection } from "./components/hero-section";
+import { HomeFooter } from "./components/home-footer";
+import { HomeHeader } from "./components/home-header";
+import "./styles/home.css";
+
+export { register } from "./register";
+
+export const route = { path: "/", name: "home" };
+export const metadata = {
+  title: "Warlock.js — Build with uncommon power",
+  description:
+    "A TypeScript framework for production backends, server-rendered React applications, and AI-native systems.",
+};
+type HomeLoaderOptions = Parameters<PageLoader>[0];
+
+export async function loader({ request, response }: HomeLoaderOptions) {
+  const locale = request.locale;
+  if (!isLocaleCode(locale)) {
+    return response.notFound();
+  }
+
+  const homeData = await getHomeService();
+
+  return { locale, ...homeData };
+}
+
+type HomePageProps = PageProps<typeof loader>;
+
+export default function HomePage({ data }: HomePageProps) {
+  return (
+    <main className="warlock-home">
+      <HomeHeader />
+      <HeroSection statusMessage={data.statusMessage} />
+      <ContentSections capabilities={data.capabilities} packages={data.packages} />
+      <ContactSection locale={data.locale} />
+      <HomeFooter />
+    </main>
+  );
+}

package/templates/warlock/src/web/home/register.ts

@@ -0,0 +1,30 @@
+import { groupedTranslations } from "@mongez/localization";
+
+export function register() {
+  groupedTranslations({
+    contact: {
+      overline: { en: "Live full-stack example", ar: "مثال حي لتطبيق متكامل" },
+      title: { en: "Send a typed request.", ar: "أرسل طلبًا مضبوط الأنواع." },
+      description: {
+        en: "One form. One validated request. One runtime shared by the browser and server.",
+        ar: "نموذج واحد. طلب واحد خاضع للتحقق. وبيئة تشغيل واحدة للمتصفح والخادم.",
+      },
+      toggle: { en: "العربية", ar: "English" },
+      name: { en: "Name", ar: "الاسم" },
+      namePlaceholder: { en: "Ada Lovelace", ar: "آدا لوفلايس" },
+      email: { en: "Email", ar: "البريد الإلكتروني" },
+      emailPlaceholder: { en: "ada@example.com", ar: "ada@example.com" },
+      message: { en: "Message", ar: "الرسالة" },
+      messagePlaceholder: {
+        en: "Tell us what you are building...",
+        ar: "أخبرنا بما تعمل على بنائه...",
+      },
+      submit: { en: "Send request", ar: "إرسال الطلب" },
+      submitting: { en: "Sending...", ar: "جارٍ الإرسال..." },
+      idle: {
+        en: "The response from Warlock will appear here.",
+        ar: "ستظهر استجابة Warlock هنا.",
+      },
+    },
+  });
+}