lazyconvex 0.0.0

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "lazyconvex",
+  "version": "0.0.0",
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts",
+    "./server": "./src/server/index.ts",
+    "./zod": "./src/zod.ts",
+    "./retry": "./src/retry.ts",
+    "./schema": "./src/schema.ts",
+    "./react": "./src/react/index.ts",
+    "./components": "./src/components/index.ts",
+    "./next": "./src/next/index.ts"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "build": "tsdown",
+    "clean": "git clean -xdf dist node_modules",
+    "lint": "eslint",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@auth/core": "^0.41",
+    "@convex-dev/auth": "latest",
+    "@tanstack/react-form": "latest",
+    "browser-image-compression": "latest",
+    "convex-helpers": "latest",
+    "next": "latest",
+    "next-navigation-guard": "latest",
+    "react-dropzone": "latest",
+    "sharp": "latest",
+    "zod": "latest"
+  },
+  "devDependencies": {
+    "tsdown": "latest"
+  }
+}

package/src/components/editors-section.tsx

@@ -0,0 +1,86 @@
+import { Avatar, AvatarFallback } from '@a/ui/avatar'
+import { Button } from '@a/ui/button'
+import { Card, CardContent, CardHeader, CardTitle } from '@a/ui/card'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@a/ui/select'
+import { UserPlus, X } from 'lucide-react'
+
+interface EditorInfo {
+  email: string
+  name: string
+  userId: string
+}
+
+interface MemberInfo {
+  user: null | {
+    email?: string
+    name?: string
+  }
+  userId: string
+}
+
+const EditorsSection = ({
+  editorsList,
+  members,
+  onAdd,
+  onRemove
+}: {
+  editorsList: EditorInfo[]
+  members: MemberInfo[]
+  onAdd: (userId: string) => void
+  onRemove: (userId: string) => void
+}) => {
+  const editorIds = new Set(editorsList.map(e => e.userId)),
+    available: MemberInfo[] = []
+
+  for (const m of members) if (!editorIds.has(m.userId)) available.push(m)
+
+  return (
+    <Card data-testid='editors-section'>
+      <CardHeader className='flex flex-row items-center justify-between'>
+        <CardTitle>Editors</CardTitle>
+        {available.length > 0 ? (
+          <Select onValueChange={onAdd}>
+            <SelectTrigger className='w-40' data-testid='add-editor-trigger'>
+              <UserPlus className='mr-2 size-4' />
+              <SelectValue placeholder='Add editor' />
+            </SelectTrigger>
+            <SelectContent>
+              {available.map(m => (
+                <SelectItem key={m.userId} value={m.userId}>
+                  {m.user?.name ?? m.user?.email ?? 'Unknown'}
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        ) : null}
+      </CardHeader>
+      {editorsList.length > 0 ? (
+        <CardContent>
+          <div className='divide-y'>
+            {editorsList.map(e => (
+              <div className='flex items-center gap-3 py-2' data-testid={`editor-item-${e.userId}`} key={e.userId}>
+                <Avatar className='size-7'>
+                  <AvatarFallback className='text-xs'>{e.name.slice(0, 2).toUpperCase() || '??'}</AvatarFallback>
+                </Avatar>
+                <span className='flex-1 text-sm'>{e.name || e.email}</span>
+                <Button
+                  data-testid={`remove-editor-${e.userId}`}
+                  onClick={() => onRemove(e.userId)}
+                  size='icon'
+                  variant='ghost'>
+                  <X className='size-4' />
+                </Button>
+              </div>
+            ))}
+          </div>
+        </CardContent>
+      ) : (
+        <CardContent>
+          <p className='text-sm text-muted-foreground'>No editors assigned</p>
+        </CardContent>
+      )}
+    </Card>
+  )
+}
+
+export default EditorsSection