@wix/agent-skills 1.17.0 → 1.18.1

package/skills/wix-headless-fast/references/members/app-astro/layouts/SiteLayout.astro

@@ -0,0 +1,42 @@
+---
+// The site chrome for every members page — THIS file (header/footer/nav) plus the @theme
+// token block in src/styles/global.css are what you brand. Keep the <slot name="seo-tags" />
+// in <head>, the global.css import, and one <MemberMenu client:only="react"> in the header
+// (it reads browser session state and must not server-render). (If another vertical is also
+// deployed, its SiteLayout won — mount MemberMenu in that header instead.)
+import MemberMenu from "../components/members/MemberMenu";
+import "../styles/global.css";
+
+interface Props {
+  title: string;
+  description?: string;
+}
+const { title, description } = Astro.props;
+---
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{title}</title>
+    {description && <meta name="description" content={description} />}
+    <slot name="seo-tags" />
+  </head>
+  <body>
+    <header class="sticky top-0 z-40 border-b border-border bg-background/80 backdrop-blur">
+      <div class="mx-auto flex h-16 max-w-6xl items-center justify-between px-6">
+        <a href="/" class="text-base font-bold tracking-tight text-foreground no-underline">Brand Name</a>
+        <nav class="flex items-center gap-6 text-sm">
+          <MemberMenu client:only="react" />
+        </nav>
+      </div>
+    </header>
+    <main class="mx-auto max-w-6xl px-6 pb-24 pt-10">
+      <slot />
+    </main>
+    <footer class="border-t border-border px-6 py-10 text-center text-sm text-muted-foreground">
+      © Brand Name
+    </footer>
+  </body>
+</html>

package/skills/wix-headless-fast/references/members/app-astro/pages/account.astro

@@ -0,0 +1,10 @@
+---
+import SiteLayout from "../layouts/SiteLayout.astro";
+import AccountView from "../components/members/AccountView";
+import RequireAuth from "../components/members/RequireAuth";
+---
+
+<SiteLayout title="My account">
+  <h1 class="mb-8 text-2xl font-semibold tracking-tight">My account</h1>
+  <RequireAuth client:only="react"><AccountView /></RequireAuth>
+</SiteLayout>

package/skills/wix-headless-fast/references/members/app-astro/pages/login.astro

@@ -0,0 +1,11 @@
+---
+import SiteLayout from "../layouts/SiteLayout.astro";
+import LoginForm from "../components/members/LoginForm";
+---
+
+<SiteLayout title="Log in">
+  <section class="mx-auto max-w-md">
+    <h1 class="mb-6 text-2xl font-semibold">Welcome</h1>
+    <LoginForm client:only="react" />
+  </section>
+</SiteLayout>