mirror of
https://github.com/hanzo-apps/dataroom.git
synced 2026-10-30 14:47:36 +00:00
zeekayandHanzo Dev
f77d5010d8
Papermark dual-licenses: AGPL-3.0 for the tree, a separate commercial
licence for ee/. We hold the first and not the second, so none of the
second may live here.
ee/ was already absent from main, but it was never deleted. 98f0da7fa
("ci: amd64-only build") renamed 150 files out of ee/ byte-identical
into features/, lib/billing/legacy/ (ee/stripe), lib/billing/limits/
(ee/limits), and flattened app/(ee)/ into app/ — putting commercially
licensed code under our AGPL root LICENSE. A rename is not a deletion.
Every path that commit moved is now gone, edited-since or not.
Deleted, with their routes and UI entry points: features/ai and
app/api/ai, features/workflows and app/api/{workflows,workflow-entry},
features/conversations and the Q&A/FAQ surface, features/security/sso
with app/api/auth/saml + app/api/scim + lib/jackson.ts (we use Hanzo
IAM OIDC natively), features/dataroom-invitations, features/templates,
features/access-notifications, features/conversions, features/
permissions. Five of these were gated by lib/featureFlags, which reads
@vercel/edge-config and returns false for every flag when EDGE_CONFIG
is unset — every non-Vercel deployment we run. Those flags are gone too.
Deleted the commercial gating outright rather than reimplementing it:
lib/billing/legacy (ee/stripe) and lib/billing/limits (ee/limits), the
upgrade modals and banners, UpgradeButton, FeaturePreview, PlanBadge,
the trial and blocking modals, /settings/upgrade, /settings/billing and
the billing checkout/seat/pause/cancel API. usePlan() no longer returns
capability booleans — the plan tag describes provisioning, it is not a
permission — and useLimits() is gone with every quota check it fed.
Subscription pause went the same way. Also dropped the npm dependencies
that existed only for the removed features (@boxyhq/saml-jackson, the
@ai-sdk packages, openai, streamdown, use-stick-to-bottom,
@trigger.dev/python) and the Jackson-specific next.config webpack shims.
Rewritten as original Hanzo code where a capability was load-bearing:
- lib/utils/get-file-size-limits.ts — one UPLOAD_LIMITS set plus
getFileSizeLimit(contentType), env-overridable. Operational limits,
not commercial ones, so the tus and browser-upload paths still refuse
oversized files without consulting a plan matrix.
- components/links/link-sheet/permissions-sheet.tsx — a flat, depth
annotated item list with view/download switches over the same
/permission-groups API. Two states, not three. ItemPermission now has
a single definition in lib/types.ts.
- app/api/links/[id]/upload/route.ts — visitor uploads, built around one
authorize() helper shared by GET and POST, and a notification debounce
keyed per (link, viewer) instead of listing and cancelling runs.
There is now exactly one link sheet: the ee DataroomLinkSheet duplicated
the AGPL LinkSheet, which already handled DATAROOM_LINK. Replaced
upstream's Omit<LinkType, "WORKFLOW_LINK"> — Omit on a string union
yields an object type and never narrowed anything — with a real union.
Verified: the S3/tus upload+download harness passes 13/13 against MinIO
after the deletions, and tsc goes from 257 pre-existing errors on
origin/main to 192 with zero files worse than baseline.
Reasoning recorded in LLM.md. LICENSE untouched.
Co-authored-by: Hanzo Dev <[email protected]>
335 lines
9.9 KiB
TypeScript
335 lines
9.9 KiB
TypeScript
import { useRouter } from "next/router";
|
|
|
|
import { useState } from "react";
|
|
|
|
import { useTeam } from "@/context/team-context";
|
|
import {
|
|
ColumnDef,
|
|
SortingState,
|
|
flexRender,
|
|
getCoreRowModel,
|
|
getPaginationRowModel,
|
|
getSortedRowModel,
|
|
useReactTable,
|
|
} from "@tanstack/react-table";
|
|
import { format } from "date-fns";
|
|
import {
|
|
BadgeCheckIcon,
|
|
ChevronDownIcon,
|
|
ChevronUpIcon,
|
|
ChevronsUpDownIcon,
|
|
Download,
|
|
UserIcon,
|
|
} from "lucide-react";
|
|
import { toast } from "sonner";
|
|
import useSWR from "swr";
|
|
|
|
import { durationFormat, fetcher, timeAgo } from "@/lib/utils";
|
|
import { downloadCSV } from "@/lib/utils/csv";
|
|
|
|
import { Button } from "@/components/ui/button";
|
|
import {
|
|
Table,
|
|
TableBody,
|
|
TableCell,
|
|
TableHead,
|
|
TableHeader,
|
|
TableRow,
|
|
} from "@/components/ui/table";
|
|
import { BadgeTooltip } from "@/components/ui/tooltip";
|
|
import { DataTablePagination } from "@/components/visitors/data-table-pagination";
|
|
import { VisitorAvatar } from "@/components/visitors/visitor-avatar";
|
|
|
|
interface Visitor {
|
|
email: string;
|
|
viewerId: string | null;
|
|
totalViews: number;
|
|
lastActive: Date;
|
|
uniqueDocuments: number;
|
|
verified: boolean;
|
|
totalDuration: number;
|
|
viewerName?: string | null;
|
|
}
|
|
|
|
const columns: ColumnDef<Visitor>[] = [
|
|
{
|
|
accessorKey: "email",
|
|
header: "Visitor",
|
|
cell: ({ row }) => (
|
|
<div className="flex items-center overflow-visible sm:space-x-3">
|
|
<VisitorAvatar viewerEmail={row.original.email} />
|
|
<div className="min-w-0 flex-1">
|
|
<div className="focus:outline-none">
|
|
<p className="flex items-center gap-x-2 overflow-visible text-sm font-medium text-gray-800 dark:text-gray-200">
|
|
{row.original.viewerName || row.original.email}{" "}
|
|
{row.original.verified && (
|
|
<BadgeTooltip content="Verified visitor">
|
|
<BadgeCheckIcon className="h-4 w-4 text-emerald-500 hover:text-emerald-600" />
|
|
</BadgeTooltip>
|
|
)}
|
|
</p>
|
|
{row.original.viewerName && row.original.email && (
|
|
<p className="text-xs text-muted-foreground/60">
|
|
{row.original.email}
|
|
</p>
|
|
)}
|
|
<p className="text-sm text-muted-foreground">
|
|
{row.original.uniqueDocuments} document
|
|
{row.original.uniqueDocuments !== 1 ? "s" : ""} viewed
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
),
|
|
},
|
|
{
|
|
accessorKey: "totalViews",
|
|
header: ({ column }) => {
|
|
return (
|
|
<Button
|
|
variant="ghost"
|
|
onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
|
|
className={
|
|
column.getIsSorted()
|
|
? "text-nowrap font-medium"
|
|
: "text-nowrap font-normal"
|
|
}
|
|
>
|
|
Total Views
|
|
{column.getIsSorted() === "asc" ? (
|
|
<ChevronUpIcon className="ml-2 h-4 w-4" />
|
|
) : column.getIsSorted() === "desc" ? (
|
|
<ChevronDownIcon className="ml-2 h-4 w-4" />
|
|
) : (
|
|
<ChevronsUpDownIcon className="ml-2 h-4 w-4" />
|
|
)}
|
|
</Button>
|
|
);
|
|
},
|
|
cell: ({ row }) => (
|
|
<div className="text-sm text-muted-foreground">
|
|
{row.original.totalViews}
|
|
</div>
|
|
),
|
|
},
|
|
{
|
|
accessorKey: "totalDuration",
|
|
header: ({ column }) => {
|
|
return (
|
|
<Button
|
|
variant="ghost"
|
|
onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
|
|
className={
|
|
column.getIsSorted()
|
|
? "text-nowrap font-medium"
|
|
: "text-nowrap font-normal"
|
|
}
|
|
>
|
|
Total Time Spent
|
|
{column.getIsSorted() === "asc" ? (
|
|
<ChevronUpIcon className="ml-2 h-4 w-4" />
|
|
) : column.getIsSorted() === "desc" ? (
|
|
<ChevronDownIcon className="ml-2 h-4 w-4" />
|
|
) : (
|
|
<ChevronsUpDownIcon className="ml-2 h-4 w-4" />
|
|
)}
|
|
</Button>
|
|
);
|
|
},
|
|
cell: ({ row }) => (
|
|
<div className="text-sm text-muted-foreground">
|
|
{durationFormat(row.original.totalDuration)}
|
|
</div>
|
|
),
|
|
},
|
|
// {
|
|
// accessorKey: "avgCompletionRate",
|
|
// header: ({ column }) => {
|
|
// return (
|
|
// <Button
|
|
// variant="ghost"
|
|
// onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
|
|
// className={
|
|
// column.getIsSorted()
|
|
// ? "text-nowrap font-medium"
|
|
// : "text-nowrap font-normal"
|
|
// }
|
|
// >
|
|
// Avg. Completion
|
|
// {column.getIsSorted() === "asc" ? (
|
|
// <ChevronUpIcon className="ml-2 h-4 w-4" />
|
|
// ) : column.getIsSorted() === "desc" ? (
|
|
// <ChevronDownIcon className="ml-2 h-4 w-4" />
|
|
// ) : (
|
|
// <ChevronsUpDownIcon className="ml-2 h-4 w-4" />
|
|
// )}
|
|
// </Button>
|
|
// );
|
|
// },
|
|
// cell: ({ row }) => (
|
|
// <div className="flex justify-start text-sm text-muted-foreground">
|
|
// <Gauge
|
|
// value={row.original.avgCompletionRate}
|
|
// size="small"
|
|
// showValue={true}
|
|
// />
|
|
// </div>
|
|
// ),
|
|
// },
|
|
{
|
|
accessorKey: "lastActive",
|
|
header: ({ column }) => {
|
|
return (
|
|
<Button
|
|
variant="ghost"
|
|
onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
|
|
className={
|
|
column.getIsSorted()
|
|
? "text-nowrap font-medium"
|
|
: "text-nowrap font-normal"
|
|
}
|
|
>
|
|
Last Active
|
|
{column.getIsSorted() === "asc" ? (
|
|
<ChevronUpIcon className="ml-2 h-4 w-4" />
|
|
) : column.getIsSorted() === "desc" ? (
|
|
<ChevronDownIcon className="ml-2 h-4 w-4" />
|
|
) : (
|
|
<ChevronsUpDownIcon className="ml-2 h-4 w-4" />
|
|
)}
|
|
</Button>
|
|
);
|
|
},
|
|
cell: ({ row }) => (
|
|
<div className="text-sm text-muted-foreground">
|
|
{timeAgo(row.original.lastActive)}
|
|
</div>
|
|
),
|
|
},
|
|
];
|
|
|
|
export default function VisitorsTable({
|
|
startDate,
|
|
endDate,
|
|
}: {
|
|
startDate: Date;
|
|
endDate: Date;
|
|
}) {
|
|
const router = useRouter();
|
|
const teamInfo = useTeam();
|
|
const { interval = "7d" } = router.query;
|
|
const [sorting, setSorting] = useState<SortingState>([
|
|
{ id: "lastActive", desc: true },
|
|
]);
|
|
|
|
const { data } = useSWR<{ visitors: Visitor[] }>(
|
|
teamInfo?.currentTeam?.id
|
|
? `/api/analytics?type=visitors&interval=${interval}&teamId=${teamInfo.currentTeam.id}${interval === "custom" ? `&startDate=${format(startDate, "MM-dd-yyyy")}&endDate=${format(endDate, "MM-dd-yyyy")}` : ""}`
|
|
: null,
|
|
fetcher,
|
|
{
|
|
keepPreviousData: true,
|
|
revalidateOnFocus: false,
|
|
},
|
|
);
|
|
|
|
const visitors = data?.visitors;
|
|
|
|
const table = useReactTable({
|
|
data: visitors || [],
|
|
columns,
|
|
getCoreRowModel: getCoreRowModel(),
|
|
getPaginationRowModel: getPaginationRowModel(),
|
|
onSortingChange: setSorting,
|
|
getSortedRowModel: getSortedRowModel(),
|
|
state: {
|
|
sorting,
|
|
},
|
|
});
|
|
|
|
const handleExport = () => {
|
|
if (!visitors?.length) {
|
|
toast.error("No data to export");
|
|
return;
|
|
}
|
|
|
|
const exportData = visitors.map((visitor) => ({
|
|
Email: visitor.email,
|
|
"Total Views": visitor.totalViews,
|
|
"Unique Documents": visitor.uniqueDocuments,
|
|
"Total Duration": durationFormat(visitor.totalDuration),
|
|
"Last Active": new Date(visitor.lastActive).toISOString(),
|
|
Verified: visitor.verified ? "Yes" : "No",
|
|
}));
|
|
|
|
downloadCSV(exportData, "visitors");
|
|
};
|
|
|
|
return (
|
|
<div className="space-y-4">
|
|
<div className="flex justify-end">
|
|
<Button variant="outline" size="sm" onClick={handleExport}>
|
|
<Download className="!size-4" />
|
|
Export
|
|
</Button>
|
|
</div>
|
|
<div className="overflow-x-auto rounded-xl border">
|
|
<Table>
|
|
<TableHeader>
|
|
{table.getHeaderGroups().map((headerGroup) => (
|
|
<TableRow key={headerGroup.id}>
|
|
{headerGroup.headers.map((header) => (
|
|
<TableHead key={header.id} className="px-0 first:px-4">
|
|
{header.isPlaceholder
|
|
? null
|
|
: flexRender(
|
|
header.column.columnDef.header,
|
|
header.getContext(),
|
|
)}
|
|
</TableHead>
|
|
))}
|
|
</TableRow>
|
|
))}
|
|
</TableHeader>
|
|
<TableBody>
|
|
{table.getRowModel().rows?.length ? (
|
|
table.getRowModel().rows.map((row) => (
|
|
<TableRow
|
|
key={row.id}
|
|
data-state={row.getIsSelected() && "selected"}
|
|
>
|
|
{row.getVisibleCells().map((cell) => (
|
|
<TableCell key={cell.id}>
|
|
{flexRender(
|
|
cell.column.columnDef.cell,
|
|
cell.getContext(),
|
|
)}
|
|
</TableCell>
|
|
))}
|
|
</TableRow>
|
|
))
|
|
) : (
|
|
<TableRow>
|
|
<TableCell
|
|
colSpan={columns.length}
|
|
className="h-24 text-center"
|
|
>
|
|
<div className="flex w-full flex-col items-center justify-center gap-4 rounded-xl py-4">
|
|
<div className="hidden rounded-full sm:block">
|
|
<div className="rounded-full border border-white bg-gradient-to-t from-gray-100 p-1 md:p-3">
|
|
<UserIcon className="size-6" />
|
|
</div>
|
|
</div>
|
|
<p>No visitors in the last {interval}</p>
|
|
</div>
|
|
</TableCell>
|
|
</TableRow>
|
|
)}
|
|
</TableBody>
|
|
</Table>
|
|
</div>
|
|
<DataTablePagination table={table} name="visitor" />
|
|
</div>
|
|
);
|
|
}
|