@clubedge/create-clubedge-app 0.16.0 → 0.17.0

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 All notable changes to `create-clubedge-app` are documented here.
 
+## 0.17.0
+
+- Default to Starter `v0.15.0`, whose dashboard has the docs' layout and colors in both frameworks: a collapsible sidebar with a section switcher, the dashboard's sections, resources, and an account card with Settings and Sign out; the page in a rounded card that scrolls on its own; a top bar with Home, GitHub, and a light and dark switch; and a drawer on phones.
+- None of this needs CLI code: it all comes from the Starter.
+
 ## 0.16.0
 
 - Default to Starter `v0.14.0`, which adds:

package/README.md

@@ -127,7 +127,7 @@ pnpm dlx @clubedge/create-clubedge-app my-app --yes --no-git --framework tanstac
 pnpm dlx @clubedge/create-clubedge-app my-app --ref main
 
 # Reproduce a specific Starter release or commit
-pnpm dlx @clubedge/create-clubedge-app my-app --ref v0.14.0
+pnpm dlx @clubedge/create-clubedge-app my-app --ref v0.15.0
 pnpm dlx @clubedge/create-clubedge-app my-app --ref <commit-sha>
 
 # Test local Starter changes before releasing them
@@ -146,7 +146,7 @@ pnpm clubedge add email resend payments stripe              # several modules as
 pnpm clubedge remove storage payments
 pnpm dlx @clubedge/create-clubedge-app add infra local --dry-run
 pnpm dlx @clubedge/create-clubedge-app@latest upgrade        # to the newest CLI's Starter release
-pnpm dlx @clubedge/create-clubedge-app upgrade --ref v0.14.0 # or a specific tag, branch, or commit
+pnpm dlx @clubedge/create-clubedge-app upgrade --ref v0.15.0 # or a specific tag, branch, or commit
 ```
 
 The CLI renders the project twice, from the Starter commit and modules recorded in your `package.json` and from the new state, and merges the difference into your project. The new state has other modules for `add` and `remove`, and the newer Starter with the same modules for `upgrade`. Modules a newer Starter introduces start as `none` where possible, so an upgrade never adds a service on its own.
@@ -177,27 +177,27 @@ pnpm clubedge doctor    # Node.js, pnpm, dependencies, lockfile, env file, and p
 Each CLI release is tested against one specific Starter release:
 
 ```text
-create-clubedge-app v0.16.0
+create-clubedge-app v0.17.0
         |
         v
-Clubedge Starter v0.14.0
-commit 2219a21c2eb237b7d8ee004ea8bbeb098b70106e
+Clubedge Starter v0.15.0
+commit 239f9e9fd575165d72f70a91592cafbd43bb7574
 ```
 
 The current relationship is:
 
 | CLI release | Default Starter release | Meaning |
 | --- | --- | --- |
-| `create-clubedge-app@0.16.0` | `clubedge-starter@v0.14.0` | The CLI's required, tested default |
+| `create-clubedge-app@0.17.0` | `clubedge-starter@v0.15.0` | The CLI's required, tested default |
 
 This means the same CLI version always scaffolds the same Starter revision by default. The CLI does not silently follow Starter `main`.
 
-The `v0.14.0` tag is expected to resolve to commit
-`2219a21c2eb237b7d8ee004ea8bbeb098b70106e`. The CLI verifies this before
+The `v0.15.0` tag is expected to resolve to commit
+`239f9e9fd575165d72f70a91592cafbd43bb7574`. The CLI verifies this before
 scaffolding with the default reference and fails rather than silently using a
 moved tag.
 
-When the Starter changes, its maintainers first publish a new versioned release, such as `v0.14.0`. The CLI is then updated to use that release, all generated-project checks must pass, and a new CLI version is published. This keeps Starter and CLI releases independently versioned while preserving a tested compatibility relationship.
+When the Starter changes, its maintainers first publish a new versioned release, such as `v0.15.0`. The CLI is then updated to use that release, all generated-project checks must pass, and a new CLI version is published. This keeps Starter and CLI releases independently versioned while preserving a tested compatibility relationship.
 
 Every generated project records its CLI version, Starter repository, Starter ref, Starter commit, framework, and modules in `package.json` and `README.md`.
 
@@ -252,7 +252,7 @@ CI packs the CLI with `npm pack`, scaffolds clean projects from the packed tarba
 1. Make and validate changes in `clubedge-starter`.
 2. Run lint, typecheck, unit tests, browser tests, and production build.
 3. Update the Starter package versions.
-4. Commit `main`, create a release tag such as `v0.14.0`, and publish the Starter release.
+4. Commit `main`, create a release tag such as `v0.15.0`, and publish the Starter release.
 
 ### CLI maintainers
 
@@ -278,6 +278,7 @@ Each phase ends with a Starter release and a CLI release pinned to it. The full
 | 0.14.0 | v0.13.0 | Observability |
 | 0.15.0 | v0.13.1 | `status` and `doctor`, several modules in one change, conflict and upgrade summaries, macOS CI |
 | 0.16.0 | v0.14.0 | Account settings page, browser error reporting and Sentry source maps, auth emails through the jobs queue |
+| 0.17.0 | v0.15.0 | Docs-style dashboard: sidebar with a section switcher and account card, page in a scrolling card, phone drawer |
 | next | | Show the Starter's version of a conflicted file next to yours |
 
 ## Community

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clubedge/create-clubedge-app",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "Create a Next.js or TanStack Start application from the Clubedge Starter reference implementation.",
   "type": "module",
   "packageManager": "pnpm@10.9.0",
@@ -22,8 +22,8 @@
   },
   "clubedge": {
     "starterRepository": "Clubedge/clubedge-starter",
-    "starterRef": "v0.14.0",
-    "starterCommit": "2219a21c2eb237b7d8ee004ea8bbeb098b70106e"
+    "starterRef": "v0.15.0",
+    "starterCommit": "239f9e9fd575165d72f70a91592cafbd43bb7574"
   },
   "license": "Apache-2.0",
   "repository": {

package/template/apps/start/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clubedge/start",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "private": true,
   "license": "Apache-2.0",
   "type": "module",

package/template/apps/start/src/components/dashboard/account-button.tsx

@@ -1,7 +1,7 @@
+import { LogIn, LogOut, Settings2 } from "lucide-react";
 import { Link } from "@tanstack/react-router";
 
 import type { AuthUser } from "@/server/auth";
-import { Button, buttonVariants } from "@clubedge/ui/components/button";
 import { cn } from "@clubedge/ui/lib/utils";
 
 type AccountButtonProps = {
@@ -9,30 +9,48 @@ type AccountButtonProps = {
   className?: string;
 };
 
+// The account card at the bottom of the dashboard sidebar, styled like its section switcher.
+const card = "flex items-center rounded-xl border bg-secondary/50 text-sm";
+const iconButton =
+  "inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-4";
+
 export function AccountButton({ user, className }: AccountButtonProps) {
   if (!user) {
     return (
-      <Link to="/login" className={buttonVariants({ className, size: "sm", variant: "outline" })}>
+      <Link
+        to="/login"
+        className={cn(
+          card,
+          "h-10 justify-center gap-2 font-medium outline-none transition-colors hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-4",
+          className,
+        )}
+      >
+        <LogIn aria-hidden="true" />
         Sign in
       </Link>
     );
   }
 
+  const email = user.email ?? "Signed in";
+
   return (
-    <div className={cn("flex items-center gap-2", className)}>
-      <Link to="/settings" className={buttonVariants({ size: "sm", variant: "ghost" })}>
-        Settings
+    <div className={cn(card, "h-12 gap-2.5 ps-2 pe-1.5", className)}>
+      <span
+        aria-hidden="true"
+        className="grid size-7 shrink-0 place-items-center rounded-full bg-primary/15 text-xs font-semibold uppercase text-primary"
+      >
+        {email.charAt(0)}
+      </span>
+      <span className="min-w-0 flex-1 truncate font-medium" title={email}>
+        {email}
+      </span>
+      <Link to="/settings" aria-label="Settings" title="Settings" className={iconButton}>
+        <Settings2 aria-hidden="true" />
       </Link>
-      <form action="/auth/sign-out" className="flex-1" method="post">
-        <Button
-          className="w-full"
-          size="sm"
-          title={user.email ?? undefined}
-          type="submit"
-          variant="outline"
-        >
-          Sign out
-        </Button>
+      <form action="/auth/sign-out" method="post">
+        <button type="submit" aria-label="Sign out" title="Sign out" className={iconButton}>
+          <LogOut aria-hidden="true" />
+        </button>
       </form>
     </div>
   );