cronus-ui 0.6.2 → 0.6.3

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.2` here), not
+- The default registry is pinned to the CLI package version (`v0.6.3` 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.2/registry"
+  "registry": "https://raw.githubusercontent.com/pedrogbraz/cronus-ui/v0.6.3/registry"
 }
 ```
 

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

@@ -39,8 +39,8 @@ export declare function patchChromeSource(source: string, workspaceImport: strin
 export declare function patchHomePageSource(source: string, itemsImport: string): string | undefined;
 /**
  * Write sqlite + Drizzle + Better-Auth files into a composed saas/admin app.
- * Overwrites lib/auth-adapter.ts always (replaces the demo adapter). Patches
- * the shell home page only when compose wrote it this run.
+ * Overwrites lib/auth-adapter.ts and lib/items.ts always. Patches the shell
+ * home page only when compose wrote it this run.
  */
 export declare function applyGoldPath(options: ApplyGoldPathOptions): Promise<ApplyGoldPathResult>;
 //# sourceMappingURL=gold-path.d.ts.map

package/dist/compose/gold-path.js

@@ -38,6 +38,7 @@ const ENV_VARS = {
 };
 const GITIGNORE_ENTRIES = ["*.db", "data/", "drizzle/"];
 const DATABASE_URL_FALLBACK = "file:./data/app.db";
+const TITLE_MAX = 200;
 export function goldPathLayout(config) {
     const libDir = posix(config.paths.lib);
     const uiDir = posix(config.paths.ui);
@@ -432,37 +433,154 @@ export const config = {
 };
 `;
 }
-function itemsPanelSource(authImport) {
-    return `import { eq } from "drizzle-orm";
+function itemsActionsSource(authImport) {
+    return `"use server";
+
+import { and, desc, eq } from "drizzle-orm";
+import { revalidatePath } from "next/cache";
 import { headers } from "next/headers";
 import { db } from "@/db";
 import { items, member, organization } from "@/db/schema";
 import { auth } from ${JSON.stringify(authImport)};
 
-export async function ItemsPanel() {
+const TITLE_MAX = ${TITLE_MAX};
+
+async function activeWorkspaceId(): Promise<string | null> {
   const session = await auth.api.getSession({ headers: await headers() });
-  let orgId = session?.session?.activeOrganizationId ?? null;
-  if (!orgId && session?.user?.id) {
-    const [row] = await db
+  const userId = session?.user?.id;
+  if (!userId) return null;
+  const hinted = session.session?.activeOrganizationId ?? null;
+  if (hinted) {
+    const [membership] = await db
       .select({ organizationId: member.organizationId })
       .from(member)
-      .where(eq(member.userId, session.user.id))
+      .where(and(eq(member.userId, userId), eq(member.organizationId, hinted)))
       .limit(1);
-    orgId = row?.organizationId ?? null;
+    if (membership?.organizationId) return membership.organizationId;
   }
-  const org = orgId
-    ? (await db.select().from(organization).where(eq(organization.id, orgId)).limit(1))[0]
-    : undefined;
-  const rows = orgId
-    ? await db.select().from(items).where(eq(items.workspaceId, orgId))
-    : [];
+  const [row] = await db
+    .select({ organizationId: member.organizationId })
+    .from(member)
+    .where(eq(member.userId, userId))
+    .limit(1);
+  return row?.organizationId ?? null;
+}
+
+export async function loadItems(): Promise<{
+  email: string;
+  workspace: string;
+  rows: { id: number; title: string }[];
+}> {
+  const session = await auth.api.getSession({ headers: await headers() });
   const email = session?.user?.email ?? "signed out";
-  const workspace = org?.name ?? "no workspace";
+  const orgId = await activeWorkspaceId();
+  if (!orgId) return { email, workspace: "no workspace", rows: [] };
+  const [org] = await db.select().from(organization).where(eq(organization.id, orgId)).limit(1);
+  const rows = await db
+    .select({ id: items.id, title: items.title })
+    .from(items)
+    .where(eq(items.workspaceId, orgId))
+    .orderBy(desc(items.id));
+  return { email, workspace: org?.name ?? "no workspace", rows };
+}
+
+export async function createItem(formData: FormData) {
+  const orgId = await activeWorkspaceId();
+  if (!orgId) return;
+  const title = String(formData.get("title") ?? "")
+    .trim()
+    .slice(0, TITLE_MAX);
+  if (!title) return;
+  await db.insert(items).values({ title, workspaceId: orgId });
+  revalidatePath("/");
+}
+
+export async function deleteItem(formData: FormData) {
+  const orgId = await activeWorkspaceId();
+  if (!orgId) return;
+  const id = Number(formData.get("id"));
+  if (!Number.isInteger(id) || id < 1) return;
+  await db.delete(items).where(and(eq(items.id, id), eq(items.workspaceId, orgId)));
+  revalidatePath("/");
+}
+`;
+}
+function itemsPanelSource(actionsImport, viewImport) {
+    return `import { loadItems } from ${JSON.stringify(actionsImport)};
+import { ItemsView } from ${JSON.stringify(viewImport)};
+
+export async function ItemsPanel() {
+  const data = await loadItems();
+  return <ItemsView email={data.email} workspace={data.workspace} rows={data.rows} />;
+}
+`;
+}
+function itemsViewSource(actionsImport) {
+    return `"use client";
+
+import { Button, Input } from "@cronus-ui/ui";
+import { createItem, deleteItem } from ${JSON.stringify(actionsImport)};
+
+export function ItemsView({
+  email,
+  workspace,
+  rows,
+}: {
+  email: string;
+  workspace: string;
+  rows: { id: number; title: string }[];
+}) {
   const count = String(rows.length);
   return (
-    <p className="px-6 pt-6 text-sm text-fg-tertiary">
-      {email} · {workspace} · {count} items
-    </p>
+    <section
+      data-slot="items-panel"
+      aria-labelledby="items-heading"
+      className="border-b border-border px-6 py-6"
+    >
+      <h2 id="items-heading" className="text-sm font-semibold text-fg">
+        Items
+      </h2>
+      <p className="mt-1 text-sm text-fg-tertiary">
+        {email} · {workspace} · {count} items
+      </p>
+      <form action={createItem} className="mt-4 flex flex-col gap-3 sm:flex-row sm:items-end">
+        <div className="flex min-w-0 flex-1 flex-col gap-2">
+          <label htmlFor="item-title" className="text-sm font-medium text-fg">
+            Title
+          </label>
+          <Input
+            id="item-title"
+            name="title"
+            required
+            maxLength={${TITLE_MAX}}
+            autoComplete="off"
+            placeholder="New item"
+          />
+        </div>
+        <Button type="submit">Add</Button>
+      </form>
+      {rows.length === 0 ? (
+        <p className="mt-4 text-sm text-fg-tertiary">No items yet.</p>
+      ) : (
+        <ul className="mt-4">
+          {rows.map((row) => (
+            <li
+              key={row.id}
+              data-slot="item"
+              className="flex items-center justify-between gap-3 border-t border-border py-3"
+            >
+              <span className="min-w-0 truncate text-sm text-fg">{row.title}</span>
+              <form action={deleteItem}>
+                <input type="hidden" name="id" value={row.id} />
+                <Button type="submit" variant="ghost" size="sm" aria-label={"Delete " + row.title}>
+                  Delete
+                </Button>
+              </form>
+            </li>
+          ))}
+        </ul>
+      )}
+    </section>
   );
 }
 `;
@@ -797,8 +915,8 @@ async function writeRel(targetDir, rel, content, overwrite, always, written, ski
 }
 /**
  * Write sqlite + Drizzle + Better-Auth files into a composed saas/admin app.
- * Overwrites lib/auth-adapter.ts always (replaces the demo adapter). Patches
- * the shell home page only when compose wrote it this run.
+ * Overwrites lib/auth-adapter.ts and lib/items.ts always. Patches the shell
+ * home page only when compose wrote it this run.
  */
 export async function applyGoldPath(options) {
     const { targetDir, config, generatedFiles, overwrite } = options;
@@ -811,6 +929,8 @@ export async function applyGoldPath(options) {
             : layout.middlewareRel;
     const authImport = `${config.aliases.lib}/auth`;
     const authClientImport = `${config.aliases.lib}/auth-client`;
+    const itemsActionsImport = `${config.aliases.lib}/items`;
+    const itemsViewImport = "@/components/items-view";
     const itemsImport = "@/components/items-panel";
     const workspaceImport = "@/components/workspace-menu";
     const inviteImport = "@/components/invite-member";
@@ -825,12 +945,26 @@ export async function applyGoldPath(options) {
         { rel: `${layout.libDir}/auth.ts`, content: authServerSource() },
         { rel: `${layout.libDir}/auth-client.ts`, content: authClientSource() },
         { rel: `${layout.libDir}/auth-adapter.ts`, content: authAdapterSource(), always: true },
+        {
+            rel: `${layout.libDir}/items.ts`,
+            content: itemsActionsSource(authImport),
+            always: true,
+        },
         {
             rel: `${appDir}/api/auth/[...all]/route.ts`,
             content: authRouteSource(authImport),
         },
         { rel: middlewareRel, content: middlewareSource() },
-        { rel: `${layout.componentsDir}/items-panel.tsx`, content: itemsPanelSource(authImport) },
+        {
+            rel: `${layout.componentsDir}/items-panel.tsx`,
+            content: itemsPanelSource(itemsActionsImport, itemsViewImport),
+            always: true,
+        },
+        {
+            rel: `${layout.componentsDir}/items-view.tsx`,
+            content: itemsViewSource(itemsActionsImport),
+            always: true,
+        },
         {
             rel: `${layout.componentsDir}/workspace-menu.tsx`,
             content: workspaceMenuSource(authClientImport),

package/dist/config.d.ts

@@ -1,6 +1,6 @@
 export declare const CONFIG_FILE = "cronus-ui.json";
-export declare const CLI_VERSION = "0.6.2";
-export declare const DEFAULT_REGISTRY = "https://raw.githubusercontent.com/pedrogbraz/cronus-ui/v0.6.2/registry";
+export declare const CLI_VERSION = "0.6.3";
+export declare const DEFAULT_REGISTRY = "https://raw.githubusercontent.com/pedrogbraz/cronus-ui/v0.6.3/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.2";
+export const CLI_VERSION = "0.6.3";
 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.2",
+  "version": "0.6.3",
   "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.2",
+    "@cronus-ui/ai-kit": "0.6.3",
     "commander": "^15.0.0",
     "picocolors": "^1.1.1"
   },