@tulip-systems/drive 0.8.1 → 0.8.3

package/dist/providers/google/components/navigation.client.d.mts

@@ -0,0 +1,15 @@
+import { DriveBreadcrumbs } from "../../../components/navigation/breadcrumbs.client.mjs";
+import { DriveHeader, DriveHeaderBreadcrumbs, DriveHeaderTools } from "../../../components/navigation/header.client.mjs";
+import { DriveToolbar, DriveToolbarTools } from "../../../components/navigation/toolbar.client.mjs";
+import { DriveViewSwitcher } from "../../../components/navigation/view-switcher.client.mjs";
+
+//#region src/providers/google/components/navigation.client.d.ts
+declare const GoogleDriveHeader: typeof DriveHeader;
+declare const GoogleDriveHeaderBreadcrumbs: typeof DriveHeaderBreadcrumbs;
+declare const GoogleDriveHeaderTools: typeof DriveHeaderTools;
+declare const GoogleDriveToolbar: typeof DriveToolbar;
+declare const GoogleDriveToolbarBreadcrumbs: typeof DriveBreadcrumbs;
+declare const GoogleDriveToolbarTools: typeof DriveToolbarTools;
+declare const GoogleDriveViewSwitcher: typeof DriveViewSwitcher;
+//#endregion
+export { GoogleDriveHeader, GoogleDriveHeaderBreadcrumbs, GoogleDriveHeaderTools, GoogleDriveToolbar, GoogleDriveToolbarBreadcrumbs, GoogleDriveToolbarTools, GoogleDriveViewSwitcher };

package/dist/providers/google/components/navigation.client.mjs

@@ -0,0 +1,17 @@
+"use client";
+
+import { DriveHeader, DriveHeaderBreadcrumbs, DriveHeaderTools } from "../../../components/navigation/header.client.mjs";
+import { DriveToolbar, DriveToolbarBreadcrumbs, DriveToolbarTools } from "../../../components/navigation/toolbar.client.mjs";
+import { DriveViewSwitcher } from "../../../components/navigation/view-switcher.client.mjs";
+
+//#region src/providers/google/components/navigation.client.tsx
+const GoogleDriveHeader = DriveHeader;
+const GoogleDriveHeaderBreadcrumbs = DriveHeaderBreadcrumbs;
+const GoogleDriveHeaderTools = DriveHeaderTools;
+const GoogleDriveToolbar = DriveToolbar;
+const GoogleDriveToolbarBreadcrumbs = DriveToolbarBreadcrumbs;
+const GoogleDriveToolbarTools = DriveToolbarTools;
+const GoogleDriveViewSwitcher = DriveViewSwitcher;
+
+//#endregion
+export { GoogleDriveHeader, GoogleDriveHeaderBreadcrumbs, GoogleDriveHeaderTools, GoogleDriveToolbar, GoogleDriveToolbarBreadcrumbs, GoogleDriveToolbarTools, GoogleDriveViewSwitcher };

package/dist/providers/google/components/provider.client.d.mts

@@ -0,0 +1,32 @@
+import { DriveSelectionContextValue } from "../../../components/selection.client.mjs";
+import { DriveViewProviderProps } from "../../../components/view.client.mjs";
+import { DriveContextValue } from "../../../components/context.client.mjs";
+import * as react from "react";
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/providers/google/components/provider.client.d.ts
+/**
+ * GoogleDriveContextValue
+ */
+type GoogleDriveContextValue = DriveContextValue;
+declare const GoogleDriveContext: react.Context<DriveContextValue>;
+/**
+ * useDriveContext
+ */
+declare function useGoogleDriveContext(): DriveContextValue;
+/**
+ * DriveContextProvider
+ */
+type GoogleDriveProviderProps = PropsWithChildren<GoogleDriveContextValue & Partial<DriveSelectionContextValue> & Pick<DriveViewProviderProps, "initialView">>;
+declare function GoogleDriveProvider({
+  initialView,
+  namespace,
+  permission,
+  meta,
+  selection,
+  selectionConditions,
+  children
+}: GoogleDriveProviderProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { GoogleDriveContext, GoogleDriveContextValue, GoogleDriveProvider, useGoogleDriveContext };

package/dist/providers/google/components/provider.client.mjs

@@ -0,0 +1,42 @@
+"use client";
+
+import { DriveSelectionProvider } from "../../../components/selection.client.mjs";
+import { DriveViewProvider } from "../../../components/view.client.mjs";
+import { DriveDragDropProvider } from "../../../components/dnd.client.mjs";
+import { createContext, use } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Allowed } from "@tulip-systems/core/auth/client";
+
+//#region src/providers/google/components/provider.client.tsx
+const GoogleDriveContext = createContext({});
+/**
+* useDriveContext
+*/
+function useGoogleDriveContext() {
+	const context = use(GoogleDriveContext);
+	if (!context) throw new Error("DriveContext not found!");
+	return context;
+}
+function GoogleDriveProvider({ initialView = "grid", namespace, permission, meta, selection, selectionConditions, children }) {
+	return /* @__PURE__ */ jsx(Allowed, {
+		permission,
+		children: /* @__PURE__ */ jsx(DriveSelectionProvider, {
+			selection,
+			selectionConditions,
+			children: /* @__PURE__ */ jsx(DriveViewProvider, {
+				initialView,
+				children: /* @__PURE__ */ jsx(DriveDragDropProvider, { children: /* @__PURE__ */ jsx(GoogleDriveContext, {
+					value: {
+						namespace,
+						permission,
+						meta
+					},
+					children
+				}) })
+			})
+		})
+	});
+}
+
+//#endregion
+export { GoogleDriveContext, GoogleDriveProvider, useGoogleDriveContext };

package/dist/providers/google/components/view.client.d.mts

@@ -0,0 +1,40 @@
+import { GoogleDriveNode } from "../lib/validators.mjs";
+import { TableColumnDef } from "@tulip-systems/core/data-tables";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { useInfiniteStrategy } from "@tulip-systems/core/data-tables/client";
+import { CommandDef } from "@tulip-systems/core/commands";
+import { VisibilityState } from "@tanstack/react-table";
+
+//#region src/providers/google/components/view.client.d.ts
+/**
+ * GoogleDriveContent
+ */
+type GoogleDriveViewProviderProps<TData extends GoogleDriveNode = GoogleDriveNode> = ComponentProps<"div"> & {
+  queryData: TData[];
+  columns?: TableColumnDef<TData>[];
+  strategy: ReturnType<typeof useInfiniteStrategy>;
+  commands?: CommandDef<TData>[];
+  columnVisibility?: VisibilityState;
+};
+declare function GoogleDriveViewProvider<TData extends GoogleDriveNode = GoogleDriveNode>({
+  queryData,
+  columns,
+  strategy,
+  commands,
+  columnVisibility,
+  children,
+  ...props
+}: GoogleDriveViewProviderProps<TData>): react_jsx_runtime0.JSX.Element;
+/**
+ * GoogleDriveView
+ */
+declare function GoogleDriveView(): react_jsx_runtime0.JSX.Element | null;
+/**
+ * GoogleDriveViewLoading
+ */
+declare function GoogleDriveViewLoading({
+  ...props
+}: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { GoogleDriveView, GoogleDriveViewLoading, GoogleDriveViewProvider };

package/dist/providers/google/components/view.client.mjs

@@ -0,0 +1,96 @@
+"use client";
+
+import { useDriveSelectionContext } from "../../../components/selection.client.mjs";
+import { DriveGridCard, DriveGridCardSkeleton } from "../../../components/grid-card.client.mjs";
+import { DriveGrid, DriveGridBottombar, DriveGridEmpty, DriveGridLoading } from "../../../components/grid.client.mjs";
+import { useDriveViewContext } from "../../../components/view.client.mjs";
+import { googleDriveColumns } from "../config/columns-data.mjs";
+import { useGoogleDriveContext } from "./provider.client.mjs";
+import { TableLayout, TableSkeleton } from "@tulip-systems/core/data-tables";
+import { useMemo } from "react";
+import { FloatingCommandMenu } from "@tulip-systems/core/commands/client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DataTable, TableConfigProvider, createTableConfig, useTableConfigContext } from "@tulip-systems/core/data-tables/client";
+
+//#region src/providers/google/components/view.client.tsx
+function GoogleDriveViewProvider({ queryData, columns = googleDriveColumns, strategy, commands, columnVisibility, children, ...props }) {
+	const { meta } = useGoogleDriveContext();
+	const { selection } = useDriveSelectionContext();
+	return /* @__PURE__ */ jsx(TableConfigProvider, {
+		config: createTableConfig({
+			queryData,
+			columns,
+			strategy,
+			commands,
+			meta,
+			columnVisibility,
+			selection
+		}),
+		children: /* @__PURE__ */ jsx(TableLayout, {
+			...props,
+			children
+		})
+	});
+}
+/**
+* GoogleDriveView
+*/
+function GoogleDriveView() {
+	const { view } = useDriveViewContext();
+	if (view === "grid") return /* @__PURE__ */ jsx(GoogleDriveGrid, {});
+	if (view === "list") return /* @__PURE__ */ jsx(GoogleDriveList, {});
+	return null;
+}
+/**
+* GoogleDriveGrid
+*/
+function GoogleDriveGrid(props) {
+	const { queryData, strategy, commands, selection, meta } = useTableConfigContext();
+	const { rowCount, paginationState } = strategy;
+	const { isFetching, isFetchingNextPage, fetchNextPage } = strategy.meta;
+	const hasNextPage = rowCount == null ? false : queryData.length < rowCount;
+	const selectedData = useMemo(() => queryData.filter((node) => selection?.rowSelection?.[node.id] === true), [queryData, selection?.rowSelection]);
+	return /* @__PURE__ */ jsxs(DriveGrid, {
+		...props,
+		children: [
+			queryData.length > 0 ? queryData.map((node) => /* @__PURE__ */ jsx(DriveGridCard, {
+				node,
+				commands,
+				unoptimized: true
+			}, node.id)) : /* @__PURE__ */ jsx(DriveGridEmpty, { title: "Geen resultaten gevonden" }),
+			isFetchingNextPage && Array.from({ length: paginationState?.pageSize ?? 0 }).map((_, index) => /* @__PURE__ */ jsx(DriveGridCardSkeleton, {}, index)),
+			/* @__PURE__ */ jsx(DriveGridBottombar, {
+				hasNextPage,
+				fetchNextPage,
+				isFetching,
+				isFetchingNextPage
+			}),
+			commands && commands.length > 0 && /* @__PURE__ */ jsx(FloatingCommandMenu, {
+				data: selectedData,
+				commands,
+				meta,
+				state: selectedData.length > 0 ? "open" : "closed",
+				onSuccess: () => selection?.setRowSelection?.({})
+			})
+		]
+	});
+}
+/**
+* GoogleDriveList
+*/
+function GoogleDriveList(props) {
+	return /* @__PURE__ */ jsx(DataTable, { ...props });
+}
+/**
+* GoogleDriveViewLoading
+*/
+function GoogleDriveViewLoading({ ...props }) {
+	const { view } = useDriveViewContext();
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		children: [view === "grid" && /* @__PURE__ */ jsx(DriveGridLoading, { ...props }), view === "list" && /* @__PURE__ */ jsx(TableSkeleton, { ...props })]
+	});
+}
+
+//#endregion
+export { GoogleDriveView, GoogleDriveViewLoading, GoogleDriveViewProvider };

package/dist/providers/google/config/columns-data.d.mts

@@ -0,0 +1,7 @@
+import { GoogleDriveNode } from "../lib/validators.mjs";
+import { TableColumnDef } from "@tulip-systems/core/data-tables";
+
+//#region src/providers/google/config/columns-data.d.ts
+declare const googleDriveColumns: TableColumnDef<GoogleDriveNode>[];
+//#endregion
+export { googleDriveColumns };

package/dist/providers/google/config/columns-data.mjs

@@ -0,0 +1,69 @@
+"use client";
+
+import { driveTreeSearchParams } from "../../../lib/search-params.mjs";
+import { nodeSubtypeConfig, nodeSubtypeVariants } from "../../../config/types.mjs";
+import { TableColumnHeader } from "@tulip-systems/core/data-tables";
+import { findStatus } from "@tulip-systems/core/components";
+import { FolderIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@tulip-systems/core/components/client";
+import { TableTextCell, createTableSelectCell } from "@tulip-systems/core/data-tables/client";
+import Link from "next/link";
+import { createSerializer, useQueryStates } from "nuqs";
+
+//#region src/providers/google/config/columns-data.tsx
+const googleDriveColumns = [
+	createTableSelectCell(),
+	{
+		id: "icon",
+		accessorKey: "icon",
+		header: () => null,
+		cell: ({ row }) => {
+			if (row.original.type === "file") {
+				const subtype = findStatus(nodeSubtypeConfig, row.original.subtype);
+				if (!subtype) return null;
+				return /* @__PURE__ */ jsx(TableTextCell, {
+					className: "w-4",
+					children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsx(subtype.icon, { className: nodeSubtypeVariants({
+						status: row.original.subtype,
+						className: "size-4"
+					}) }) }), /* @__PURE__ */ jsx(TooltipContent, { children: subtype.label })] })
+				});
+			}
+			if (row.original.type === "folder") return /* @__PURE__ */ jsx(TableTextCell, {
+				className: "w-4",
+				children: /* @__PURE__ */ jsx(FolderIcon, { className: "w-4 min-w-4" })
+			});
+			return null;
+		},
+		enableSorting: false
+	},
+	{
+		id: "name",
+		accessorKey: "name",
+		header: ({ column }) => /* @__PURE__ */ jsx(TableColumnHeader, {
+			column,
+			title: "Naam"
+		}),
+		cell: ({ row }) => {
+			const [query] = useQueryStates(driveTreeSearchParams);
+			const serialize = createSerializer(driveTreeSearchParams);
+			return /* @__PURE__ */ jsx(TableTextCell, {
+				className: "w-full min-w-64",
+				children: /* @__PURE__ */ jsx(Link, {
+					href: row.original.type === "file" ? row.original.links.view ?? "#" : serialize({
+						...query,
+						parentId: row.original.id
+					}),
+					className: "truncate hover:underline",
+					target: row.original.type === "file" ? "_blank" : "_self",
+					children: row.getValue("name")
+				})
+			});
+		},
+		enableSorting: false
+	}
+];
+
+//#endregion
+export { googleDriveColumns };

package/dist/providers/google/config/filters.d.mts

@@ -0,0 +1,15 @@
+import * as zod from "zod";
+import * as _tulip_systems_core_data_tables0 from "@tulip-systems/core/data-tables";
+
+//#region src/providers/google/config/filters.d.ts
+declare const googleDriveTreeFilters: {
+  types: _tulip_systems_core_data_tables0.ParseFilter<zod.ZodArray<zod.ZodEnum<{
+    file: "file";
+    folder: "folder";
+  }>>>;
+  contentTypes: _tulip_systems_core_data_tables0.ParseFilter<zod.ZodArray<zod.ZodString>>;
+  nodeIds: _tulip_systems_core_data_tables0.ParseFilter<zod.ZodArray<zod.ZodString>>;
+  isArchived: _tulip_systems_core_data_tables0.ParseFilter<zod.ZodBoolean>;
+};
+//#endregion
+export { googleDriveTreeFilters };

package/dist/providers/google/config/filters.mjs

@@ -0,0 +1,7 @@
+import { driveTreeFilters } from "../../../config/filters.mjs";
+
+//#region src/providers/google/config/filters.ts
+const googleDriveTreeFilters = driveTreeFilters;
+
+//#endregion
+export { googleDriveTreeFilters };

package/dist/providers/google/lib/constants.mjs

@@ -0,0 +1,12 @@
+//#region src/providers/google/lib/constants.ts
+const GOOGLE_DRIVE_FOLDER_MIME_TYPE = "application/vnd.google-apps.folder";
+/**
+* Minimal Google file fields needed to build a complete `GoogleDriveNode`.
+*
+* Keeping this list explicit prevents over-fetching large provider payloads and
+* ensures every service method receives metadata with the same expected shape.
+*/
+const GOOGLE_DRIVE_NODE_FIELDS = "id,name,mimeType,size,parents,driveId,createdTime,modifiedTime,trashed,trashedTime,webViewLink,webContentLink,thumbnailLink,contentRestrictions,capabilities";
+
+//#endregion
+export { GOOGLE_DRIVE_FOLDER_MIME_TYPE, GOOGLE_DRIVE_NODE_FIELDS };

package/dist/providers/google/lib/dto.d.mts

@@ -0,0 +1,38 @@
+import { GoogleDriveNode } from "./validators.mjs";
+import { drive_v3 } from "googleapis";
+
+//#region src/providers/google/lib/dto.d.ts
+/**
+ * Input used by the DTO factory.
+ *
+ * `namespace` can be supplied by callers when Google metadata does not include
+ * enough drive context. Most service calls rely on `driveId` or the first parent
+ * from the Google response instead.
+ */
+type GoogleDriveNodeDTOInput = {
+  file: drive_v3.Schema$File;
+  namespace?: string;
+};
+/**
+ * Factory for mapping Google Drive API file metadata to the provider-neutral node shape.
+ * This is the single source of truth for how Google Drive metadata maps to our shared
+ * `DriveNode` contract, ensuring consistent mapping across all service methods.
+ * The factory also handles missing or partial metadata from Google by applying sensible
+ * defaults and fallbacks, so the shared DTO always satisfies the base contract expected
+ * by the UI and other consumers.
+ */
+declare const GoogleDriveNodeDTO: {
+  /**
+   * Maps raw Google Drive file metadata to the provider-neutral Drive node shape.
+   *
+   * Google models files and folders with the same `drive_v3.Schema$File` object.
+   * Folders are detected by their special MIME type, while every other MIME type
+   * is treated as a file and mapped to a provider-neutral subtype.
+   */
+  create({
+    file,
+    namespace
+  }: GoogleDriveNodeDTOInput): GoogleDriveNode;
+};
+//#endregion
+export { GoogleDriveNodeDTO, GoogleDriveNodeDTOInput };

package/dist/providers/google/lib/dto.mjs

@@ -0,0 +1,65 @@
+import { inferLocalDriveNodeSubtype } from "../../local/lib/helpers.mjs";
+import { GOOGLE_DRIVE_FOLDER_MIME_TYPE } from "./constants.mjs";
+
+//#region src/providers/google/lib/dto.ts
+/**
+* Factory for mapping Google Drive API file metadata to the provider-neutral node shape.
+* This is the single source of truth for how Google Drive metadata maps to our shared
+* `DriveNode` contract, ensuring consistent mapping across all service methods.
+* The factory also handles missing or partial metadata from Google by applying sensible
+* defaults and fallbacks, so the shared DTO always satisfies the base contract expected
+* by the UI and other consumers.
+*/
+const GoogleDriveNodeDTO = { create({ file, namespace }) {
+	if (!file.id) throw new Error("Google Drive file has no id");
+	const isFolder = file.mimeType === GOOGLE_DRIVE_FOLDER_MIME_TYPE;
+	const createdAt = file.createdTime ? new Date(file.createdTime) : /* @__PURE__ */ new Date();
+	const updatedAt = file.modifiedTime ? new Date(file.modifiedTime) : createdAt;
+	const trashedAt = file.trashedTime ? new Date(file.trashedTime) : null;
+	const archivedAt = file.trashed ? trashedAt ?? new Date(file.modifiedTime ?? Date.now()) : null;
+	const contentType = isFolder ? null : file.mimeType ?? null;
+	const name = file.name ?? "Untitled";
+	const googleParents = file.parents ?? [];
+	const [googleParentId] = googleParents;
+	const nodeNamespace = namespace ?? file.driveId ?? googleParentId;
+	if (!nodeNamespace) throw new Error("Google Drive file has no namespace");
+	const readonly = file.contentRestrictions?.some((restriction) => restriction.readOnly) ?? file.capabilities?.canEdit === false;
+	return {
+		id: file.id,
+		provider: "google",
+		createdAt,
+		updatedAt,
+		name,
+		namespace: nodeNamespace,
+		type: isFolder ? "folder" : "file",
+		subtype: isFolder ? "other" : inferLocalDriveNodeSubtype({
+			name,
+			contentType
+		}),
+		size: file.size ? Number(file.size) : null,
+		contentType,
+		readonly,
+		hidden: false,
+		archivedAt,
+		parentId: googleParentId && googleParentId !== nodeNamespace ? googleParentId : null,
+		links: {
+			view: file.webViewLink ?? file.webContentLink ?? null,
+			download: file.webContentLink ?? null,
+			preview: file.webViewLink ?? null,
+			thumbnail: file.thumbnailLink ?? null
+		},
+		availability: "ready",
+		googleDriveId: file.driveId ?? null,
+		mimeType: file.mimeType ?? null,
+		webViewLink: file.webViewLink ?? null,
+		webContentLink: file.webContentLink ?? null,
+		thumbnailLink: file.thumbnailLink ?? null,
+		trashed: file.trashed ?? false,
+		trashedAt,
+		googleParents,
+		canEdit: file.capabilities?.canEdit ?? null
+	};
+} };
+
+//#endregion
+export { GoogleDriveNodeDTO };

package/dist/providers/google/lib/helpers.mjs

@@ -0,0 +1,38 @@
+import { Readable } from "node:stream";
+
+//#region src/providers/google/lib/helpers.ts
+/**
+* Escapes dynamic values before interpolating them into Google Drive `q` strings.
+*
+* Drive query values are wrapped in single quotes. Backslashes and single quotes
+* can otherwise break the query literal or change the meaning of the expression.
+*/
+function escapeGoogleDriveQueryValue(value) {
+	return value.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
+}
+/**
+* Returns true when a Google API error represents a missing file/folder.
+*
+* The Google client throws rich error objects rather than typed exceptions, so
+* the service checks the normalized `code` property and treats only 404 as a
+* nullable not-found result. Permission, quota, and transport failures should
+* keep bubbling up.
+*/
+function isGoogleNotFound(error) {
+	return typeof error === "object" && error != null && "code" in error && error.code === 404;
+}
+/**
+* Normalizes supported object body inputs into a readable stream for googleapis.
+*
+* The Drive client accepts a stream-like `media.body`. Local upload flows can
+* provide strings, buffers, array-like chunks, or already-created streams, so we
+* pass through streams and wrap everything else with `Readable.from`.
+*/
+function toGoogleDriveReadable(body) {
+	if (body instanceof Readable) return body;
+	if (typeof body === "string") return Readable.from([body]);
+	return Readable.from([body]);
+}
+
+//#endregion
+export { escapeGoogleDriveQueryValue, isGoogleNotFound, toGoogleDriveReadable };