cronus-ui 0.6.8 → 0.6.11

package/README.md

@@ -49,7 +49,7 @@ Notes that match the commander surface:
   `packages/cli/scripts/build-registry.ts` — each item carries its source, its npm
   `dependencies`, and its `registryDependencies` (other components it imports),
   derived by parsing imports.
-- The default registry is pinned to the CLI package version (`v0.6.8` here), not
+- The default registry is pinned to the CLI package version (`v0.6.11` here), not
   mutable `main`, so a published CLI reads the registry snapshot it was released
   with. Use `-r, --registry ./registry` when testing local registry changes before
   a release tag exists.
@@ -80,7 +80,7 @@ Notes that match the commander surface:
     "lib": "lib",
     "blocks": "components/blocks"
   },
-  "registry": "https://raw.githubusercontent.com/pedrogbraz/cronus-ui/v0.6.8/registry"
+  "registry": "https://raw.githubusercontent.com/pedrogbraz/cronus-ui/v0.6.11/registry"
 }
 ```
 

package/dist/compose/gold-path.d.ts

@@ -35,7 +35,7 @@ export declare function goldPathLayout(config: CronusUIConfig): GoldPathLayout;
  * anchors are missing and nothing else can be patched.
  */
 export declare function patchChromeSource(source: string, workspaceImport: string, inviteImport: string, sessionImport?: string): string | undefined;
-/** Insert ItemsPanel into a generated home page. Returns undefined when there is no main. */
+/** Insert ItemsPanel and drop catalog dashboard/stats from a generated home. */
 export declare function patchHomePageSource(source: string, itemsImport: string): string | undefined;
 /**
  * Replace the catalog TeamBlock on a generated /team page with MembersPanel.

package/dist/compose/gold-path.js

@@ -629,7 +629,7 @@ function membersActionsSource(authImport) {
 import { and, asc, eq } from "drizzle-orm";
 import { headers } from "next/headers";
 import { db } from "@/db";
-import { member, organization, user } from "@/db/schema";
+import { invitation, member, organization, user } from "@/db/schema";
 import { auth } from ${JSON.stringify(authImport)};
 
 async function activeWorkspaceId(): Promise<string | null> {
@@ -656,9 +656,10 @@ async function activeWorkspaceId(): Promise<string | null> {
 export async function loadMembers(): Promise<{
   workspace: string;
   rows: { id: string; name: string; email: string; image: string | null; role: string }[];
+  pending: { id: string; email: string; role: string | null }[];
 }> {
   const orgId = await activeWorkspaceId();
-  if (!orgId) return { workspace: "no workspace", rows: [] };
+  if (!orgId) return { workspace: "no workspace", rows: [], pending: [] };
   const [org] = await db.select().from(organization).where(eq(organization.id, orgId)).limit(1);
   const rows = await db
     .select({
@@ -672,7 +673,16 @@ export async function loadMembers(): Promise<{
     .innerJoin(user, eq(member.userId, user.id))
     .where(eq(member.organizationId, orgId))
     .orderBy(asc(member.createdAt));
-  return { workspace: org?.name ?? "no workspace", rows };
+  const pending = await db
+    .select({
+      id: invitation.id,
+      email: invitation.email,
+      role: invitation.role,
+    })
+    .from(invitation)
+    .where(and(eq(invitation.organizationId, orgId), eq(invitation.status, "pending")))
+    .orderBy(asc(invitation.createdAt));
+  return { workspace: org?.name ?? "no workspace", rows, pending };
 }
 `;
 }
@@ -682,15 +692,16 @@ import { MembersView } from ${JSON.stringify(viewImport)};
 
 export async function MembersPanel() {
   const data = await loadMembers();
-  return <MembersView workspace={data.workspace} rows={data.rows} />;
+  return <MembersView workspace={data.workspace} rows={data.rows} pending={data.pending} />;
 }
 `;
 }
 function membersViewSource(inviteImport) {
     return `"use client";
 
-import { Avatar, AvatarFallback, AvatarImage, Badge, Button } from "@cronus-ui/ui";
+import { Avatar, AvatarFallback, AvatarImage, Badge, Button, CopyButton } from "@cronus-ui/ui";
 import { InviteMember } from ${JSON.stringify(inviteImport)};
+import { useEffect, useState } from "react";
 
 function initialsOf(name: string, email: string): string {
   const parts = name.trim().split(/\\s+/).filter(Boolean);
@@ -714,13 +725,23 @@ function roleVariant(role: string): "primary" | "info" | "secondary" {
   return "secondary";
 }
 
+function inviteHref(origin: string, id: string): string {
+  return \`\${origin}/accept-invitation?id=\${encodeURIComponent(id)}\`;
+}
+
 export function MembersView({
   workspace,
   rows,
+  pending,
 }: {
   workspace: string;
   rows: { id: string; name: string; email: string; image: string | null; role: string }[];
+  pending: { id: string; email: string; role: string | null }[];
 }) {
+  const [origin, setOrigin] = useState("");
+  useEffect(() => {
+    setOrigin(window.location.origin);
+  }, []);
   const count = String(rows.length);
   return (
     <section
@@ -768,6 +789,33 @@ export function MembersView({
           ))}
         </ul>
       )}
+      {pending.length > 0 ? (
+        <>
+          <h2 className="mt-6 text-sm font-semibold text-fg">Pending</h2>
+          <ul>
+            {pending.map((row) => (
+              <li
+                key={row.id}
+                data-slot="pending-invite"
+                className="flex items-center gap-3 border-t border-border py-3"
+              >
+                <div className="flex min-w-0 flex-1 flex-col">
+                  <span className="truncate text-sm text-fg">{row.email}</span>
+                  <span className="truncate text-sm text-fg-tertiary">
+                    {roleLabel(row.role ?? "member")}
+                  </span>
+                </div>
+                <CopyButton
+                  value={inviteHref(origin, row.id)}
+                  copyLabel="Copy invite link"
+                  variant="outline"
+                  size="icon"
+                />
+              </li>
+            ))}
+          </ul>
+        </>
+      ) : null}
     </section>
   );
 }
@@ -811,20 +859,33 @@ function inviteMemberSource(authClientImport) {
     return `"use client";
 
 import { InviteDialog } from "@cronus-ui/ui";
-import type { ReactNode } from "react";
+import { useRouter } from "next/navigation";
+import { type ReactNode, useRef } from "react";
 import { authClient } from ${JSON.stringify(authClientImport)};
 
 export function InviteMember({ trigger }: { trigger: ReactNode }) {
+  const router = useRouter();
+  const sent = useRef(false);
   return (
     <InviteDialog
       trigger={trigger}
+      onOpenChange={(open) => {
+        if (!open && sent.current) {
+          sent.current = false;
+          router.refresh();
+        }
+      }}
       onInvite={async ({ email, role }) => {
         const assigned = role === "admin" || role === "owner" ? role : "member";
-        const { error } = await authClient.organization.inviteMember({
+        const { data, error } = await authClient.organization.inviteMember({
           email,
           role: assigned,
         });
         if (error) throw new Error(error.message || "Invite failed");
+        const id = data?.id ? String(data.id) : "";
+        if (!id) return;
+        sent.current = true;
+        return { url: \`\${window.location.origin}/accept-invitation?id=\${encodeURIComponent(id)}\` };
       }}
     />
   );
@@ -1054,25 +1115,30 @@ const nextConfig = {
 export default nextConfig;
 `;
 }
-/** Insert ItemsPanel into a generated home page. Returns undefined when there is no main. */
+/**
+ * Catalog demo surfaces that compose stacks on `/` for saas/admin. Gold path
+ * keeps the files installed but the live home is ItemsPanel only.
+ */
+const CATALOG_HOME_BLOCKS = [
+    "DashboardAnalyticsBlock",
+    "DashboardAdminOverviewBlock",
+    "StatsBlock",
+    "DashboardBlock",
+];
+/** Insert ItemsPanel and drop catalog dashboard/stats from a generated home. */
 export function patchHomePageSource(source, itemsImport) {
     if (!/<main\b/.test(source))
         return undefined;
     let out = source;
-    const importLine = `import { ItemsPanel } from ${JSON.stringify(itemsImport)};`;
-    if (!out.includes(importLine)) {
-        const match = out.match(/^import .+$/m);
-        if (match?.index !== undefined) {
-            out = `${out.slice(0, match.index)}${importLine}\n${out.slice(match.index)}`;
-        }
-        else {
-            out = `${importLine}\n${out}`;
-        }
-    }
+    out = insertImport(out, `import { ItemsPanel } from ${JSON.stringify(itemsImport)};`);
     out = out.replace(/export default(?! async) function/, "export default async function");
     if (!/<ItemsPanel\s*\/>/.test(out)) {
         out = out.replace(/(<main\b[^>]*>)/, "$1\n      <ItemsPanel />");
     }
+    for (const name of CATALOG_HOME_BLOCKS) {
+        out = out.replace(new RegExp(`\\n\\s*<${name}\\s*/>`, "g"), "");
+        out = out.replace(new RegExp(`import \\{ ${name} \\} from "[^"]+";\\n`), "");
+    }
     return out;
 }
 /**

package/dist/config.d.ts

@@ -1,6 +1,6 @@
 export declare const CONFIG_FILE = "cronus-ui.json";
-export declare const CLI_VERSION = "0.6.8";
-export declare const DEFAULT_REGISTRY = "https://raw.githubusercontent.com/pedrogbraz/cronus-ui/v0.6.8/registry";
+export declare const CLI_VERSION = "0.6.11";
+export declare const DEFAULT_REGISTRY = "https://raw.githubusercontent.com/pedrogbraz/cronus-ui/v0.6.11/registry";
 /** Manifest entry `add`/`upgrade` record per installed registry item. */
 export interface InstalledRecord {
     /** Registry release the files came from (git tag without the leading "v"). */

package/dist/config.js

@@ -2,7 +2,7 @@ import { existsSync } from "node:fs";
 import { readFile, writeFile } from "node:fs/promises";
 import { join } from "node:path";
 export const CONFIG_FILE = "cronus-ui.json";
-export const CLI_VERSION = "0.6.8";
+export const CLI_VERSION = "0.6.11";
 export const DEFAULT_REGISTRY = `https://raw.githubusercontent.com/pedrogbraz/cronus-ui/v${CLI_VERSION}/registry`;
 export const DEFAULT_CONFIG = {
     aliases: { ui: "@/components/ui", lib: "@/lib", blocks: "@/components/blocks" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cronus-ui",
-  "version": "0.6.8",
+  "version": "0.6.11",
   "description": "cronus-ui — add Cronus UI components to your project, shadcn-style (copy-paste registry).",
   "type": "module",
   "license": "MIT",
@@ -54,7 +54,7 @@
     "registry:check": "bun run scripts/check-registry.ts"
   },
   "dependencies": {
-    "@cronus-ui/ai-kit": "0.6.8",
+    "@cronus-ui/ai-kit": "0.6.11",
     "commander": "^15.0.0",
     "picocolors": "^1.1.1"
   },

package/templates/apps/admin.json

@@ -4,7 +4,7 @@
   "planVersion": 1,
   "manifest": {
     "title": "Admin",
-    "description": "An admin console: split login, an (app) shell, overview, users, analytics, a sprint board and an audit trail — composed from validated blocks.",
+    "description": "An admin console: split login/signup, password reset, an (app) shell, overview, users, analytics, a sprint board and an audit trail — composed from validated blocks.",
     "chrome": {
       "shell": { "block": "app-shell-chrome" },
       "bare": {}
@@ -16,11 +16,17 @@
         "chrome": "bare",
         "blocks": [{ "block": "login", "variant": "split" }]
       },
+      {
+        "route": "/signup",
+        "title": "Create account",
+        "chrome": "bare",
+        "blocks": [{ "block": "signup", "variant": "split" }]
+      },
       {
         "route": "/forgot-password",
         "title": "Reset password",
         "chrome": "bare",
-        "blocks": ["forgot-password"]
+        "blocks": [{ "block": "forgot-password", "variant": "split" }]
       },
       {
         "route": "/reset-password",

package/templates/apps/saas.json

@@ -26,7 +26,7 @@
         "route": "/forgot-password",
         "title": "Reset password",
         "chrome": "bare",
-        "blocks": ["forgot-password"]
+        "blocks": [{ "block": "forgot-password", "variant": "split" }]
       },
       {
         "route": "/reset-password",