@tulip-systems/core 0.5.2 → 0.5.3

package/src/modules/storage/components/upload-zone-context.client.tsx

@@ -1,15 +1,14 @@
 "use client";
 
 import React from "react";
-import { FileNode, Node, PresignFileSchema } from "../lib/validators";
+import { UploadClient } from "../lib/create-upload.client";
+import { FileNode, Node } from "../lib/validators";
 
 /**
  * Upload Zone Context Value
  */
 export type UploadZoneContextValue = {
-  presignMutation: (params: PresignFileSchema) => Promise<{ id: string; presignedUrl: string }>;
-  confirmMutation: (params: { id: string }) => Promise<Node>;
-  deleteMutation: (params: { ids: string[] }) => Promise<unknown>;
+  uploadClient: UploadClient;
   updateData: (newValue: FileNode[] | ((oldValue: FileNode[]) => FileNode[])) => Promise<void>;
   invalidateQuery: () => Promise<void> | void;
   onUpload: (file: File) => Promise<Node>;

package/src/modules/storage/components/upload-zone.client.tsx

@@ -4,45 +4,28 @@ import { Input } from "@/components/ui/input";
 import { toast } from "@/components/ui/sonner.client";
 import { cn } from "@/lib/entry";
 import { useAction } from "@/lib/hooks/use-action";
-import { generateDefaultUUID } from "@/modules/config/entry";
 import { useQueryClient } from "@tanstack/react-query";
 import { ComponentProps, useCallback, useState } from "react";
-import { FileNode, Node, PresignFileSchema, UploadFileSchema } from "../lib/validators";
+import { UploadClient, UploadFileRequest, UploadHooks } from "../lib/create-upload.client";
+import { FileNode, Node, UploadFileSchema } from "../lib/validators";
 import { UploadZoneContext } from "./upload-zone-context.client";
 
 export type UploadZoneProps = ComponentProps<"div"> & {
-  namespace: string;
-  parentId: string | null;
-  options?: Pick<UploadFileSchema, "readonly" | "hidden" | "mode">;
-
   queryKey: readonly unknown[];
 
-  presignAction: (params: PresignFileSchema) => Promise<{ id: string; presignedUrl: string }>;
-  onPresignStarted?: (file: PresignFileSchema) => Promise<void> | void;
-  onPresignCompleted?: (data: { id: string; presignedUrl: string }) => Promise<void> | void;
-
-  confirmAction: (params: { id: string }) => Promise<Node>;
-  onConfirmStarted?: (id: string) => Promise<void> | void;
-  onConfirmCompleted?: (node: Node) => Promise<void> | void;
-
-  deleteAction: (params: { ids: string[] }) => Promise<unknown>;
+  variables: Pick<UploadFileSchema, "namespace" | "parentId" | "mode" | "hidden" | "readonly">;
+  uploadClient: UploadClient;
+  uploadHooks?: UploadHooks;
 
   onUploadCompleted?: (node: Node) => Promise<void> | void;
   onUploadFailed?: (error: unknown) => Promise<void> | void;
 };
 
 export function UploadZone({
-  namespace,
-  parentId,
-  options,
+  variables,
   queryKey,
-  presignAction,
-  confirmAction,
-  deleteAction,
-  onPresignStarted,
-  onPresignCompleted,
-  onConfirmStarted,
-  onConfirmCompleted,
+  uploadClient,
+  uploadHooks,
   onUploadCompleted,
   onUploadFailed,
   children,
@@ -76,7 +59,7 @@ export function UploadZone({
    * Delete mutation
    */
   const deleteMutation = useAction({
-    mutationFn: deleteAction,
+    mutationFn: async (params: { ids: string[] }) => uploadClient.deleteFiles(params.ids),
     onMutate: async (variables) => {
       await updateData((prev) => prev.filter((node) => !variables.ids.includes(node.id)));
     },
@@ -90,15 +73,10 @@ export function UploadZone({
   });
 
   /**
-   * Presign upload mutation
+   * Upload mutation
    */
-  const presignMutation = useAction({
-    mutationFn: async (params: PresignFileSchema) => {
-      await onPresignStarted?.(params);
-      const data = await presignAction(params);
-      await onPresignCompleted?.(data);
-      return data;
-    },
+  const uploadMutation = useAction({
+    mutationFn: async (params: UploadFileRequest) => uploadClient.upload(params, uploadHooks),
     onMutate: async (variables) => {
       // Generate a new node
       const newNode = {
@@ -109,61 +87,6 @@ export function UploadZone({
 
       await updateData((prev) => [...(prev ?? []), newNode]);
     },
-    onError: async (error, variables) => {
-      await onUploadFailed?.(error);
-
-      console.error("Presign error: ", error);
-      toast.error("Bestand uploaden mislukt", {
-        description: error instanceof Error ? error.message : undefined,
-      });
-
-      console.info("Deleting failed upload");
-      await deleteMutation.mutateAsync({ ids: [variables.id] });
-    },
-  });
-
-  /**
-   * Upload mutation
-   */
-  const uploadMutation = useAction({
-    mutationFn: async (input: { id: string; presignedUrl: string; file: File }) => {
-      /**
-       * Upload the file
-       */
-      const uploadResponse = await fetch(input.presignedUrl, {
-        method: "PUT",
-        headers: { "Content-Type": input.file.type },
-        body: input.file,
-      });
-
-      if (!uploadResponse.ok) {
-        const message = await uploadResponse.text();
-        throw new Error(`Upload failed: ${message}`);
-      }
-    },
-    onError: async (error, variables) => {
-      await onUploadFailed?.(error);
-
-      console.error("Upload error: ", error);
-      toast.error("Bestand uploaden mislukt", {
-        description: error instanceof Error ? error.message : undefined,
-      });
-
-      console.info("Deleting failed upload");
-      await deleteMutation.mutateAsync({ ids: [variables.id] });
-    },
-  });
-
-  /**
-   * Confirm upload mutation
-   */
-  const confirmMutation = useAction({
-    mutationFn: async (params: { id: string }) => {
-      await onConfirmStarted?.(params.id);
-      const data = await confirmAction(params);
-      await onConfirmCompleted?.(data);
-      return data;
-    },
     onSuccess: async (data) => {
       await onUploadCompleted?.(data);
       toast.success(`Succesvol geupload: ${data.name}`);
@@ -171,7 +94,7 @@ export function UploadZone({
     onError: async (error, variables) => {
       await onUploadFailed?.(error);
 
-      console.error("Confirm error: ", error);
+      console.error("Upload error: ", error);
       toast.error("Bestand uploaden mislukt", {
         description: error instanceof Error ? error.message : undefined,
       });
@@ -189,30 +112,10 @@ export function UploadZone({
    */
   const onUpload = useCallback(
     async (file: File) => {
-      /**
-       * Send the presign request
-       */
-      const { id, presignedUrl } = await presignMutation.mutateAsync({
-        ...options,
-        id: generateDefaultUUID(),
-        name: file.name,
-        size: file.size,
-        contentType: file.type,
-        namespace,
-        parentId,
-      });
-
-      /**
-       * Uploading the file
-       */
-      await uploadMutation.mutateAsync({ id, presignedUrl, file });
-
-      /**
-       * Confirming the upload
-       */
-      return await confirmMutation.mutateAsync({ id });
+      const req = uploadClient.prepareUpload({ ...variables, file });
+      return await uploadMutation.mutateAsync(req);
     },
-    [presignMutation, options, namespace, parentId, uploadMutation, confirmMutation],
+    [uploadClient, variables, uploadMutation],
   );
 
   return (
@@ -246,9 +149,7 @@ export function UploadZone({
       )}
       <UploadZoneContext
         value={{
-          presignMutation: (params) => presignMutation.mutateAsync(params),
-          confirmMutation: (params) => confirmMutation.mutateAsync(params),
-          deleteMutation: (params) => deleteMutation.mutateAsync(params),
+          uploadClient,
           onUpload,
           updateData,
           invalidateQuery,

package/src/modules/storage/config/filters.ts

@@ -7,5 +7,6 @@ export const nodesTableFilters = createTableFilters({
   types: parseFilterArray(z.array(z.enum(nodeTypeEnum.enumValues))),
   nodeIds: parseFilterArray(z.array(z.string())),
   isDeleted: parseFilterBoolean(z.boolean()),
+  isOrphaned: parseFilterBoolean(z.boolean()),
   hidden: parseFilterBoolean(z.boolean()),
 });

package/src/modules/storage/entry.client.ts

@@ -8,5 +8,6 @@ export * from "./components/upload-zone-context.client";
 export * from "./components/upload-zone.client";
 
 /**
- * Hooks
+ * Lib
  */
+export * from "./lib/create-upload.client";

package/src/modules/storage/lib/create-upload.client.ts

@@ -0,0 +1,134 @@
+import { generateDefaultUUID } from "@/modules/config/entry";
+import { BulkActionSchema } from "@/modules/router/entry";
+import { PresignFileSchema, SelectNodeSchema, UpdateNodeSchema } from "./validators";
+
+/**
+ * Upload request
+ */
+export type PrepareUploadInput = Omit<UploadFileRequest, "id" | "name" | "size" | "contentType">;
+export type UploadFileRequest = PresignFileSchema & { file: File };
+export type UploadHooks = {
+  beforePresign?: (input: UploadFileRequest) => Promise<void> | void;
+  afterPresign?: (presignResult: { id: string; presignedUrl: string }) => Promise<void> | void;
+  beforeConfirm?: (presignResult: { id: string; presignedUrl: string }) => Promise<void> | void;
+  afterConfirm?: (node: SelectNodeSchema) => Promise<void> | void;
+};
+
+/**
+ * Upload client
+ */
+export type UploadClient = {
+  prepareUpload: (input: PrepareUploadInput) => UploadFileRequest;
+  upload: (input: UploadFileRequest, hooks?: UploadHooks) => Promise<SelectNodeSchema>;
+  deleteFiles: (ids: string[]) => Promise<void>;
+  updateNode: (id: string, data: UpdateNodeSchema) => Promise<SelectNodeSchema>;
+};
+
+/**
+ * Create upload client
+ */
+type CreateUploadClientProps = {
+  endpoints: {
+    presign: (input: PresignFileSchema) => Promise<{ id: string; presignedUrl: string }>;
+    confirm: (input: { id: string }) => Promise<SelectNodeSchema>;
+    deleteNodes: (input: BulkActionSchema) => Promise<void>;
+    updateNode: (input: { id: string; data: UpdateNodeSchema }) => Promise<SelectNodeSchema>;
+  };
+};
+
+export function createUploadClient(props: CreateUploadClientProps): UploadClient {
+  /**
+   * Create input schema for the upload method
+   * @param {PrepareUploadInput} input
+   * @returns {UploadFileRequest}
+   */
+  function prepareUpload(input: PrepareUploadInput): UploadFileRequest {
+    return {
+      ...input,
+      id: generateDefaultUUID(),
+      name: input.file.name,
+      size: input.file.size,
+      contentType: input.file.type,
+    };
+  }
+
+  /**
+   * Upload file to the server
+   * @param {UploadFileRequest} input
+   * @returns {Promise<SelectNodeSchema>}
+   */
+  async function upload(input: UploadFileRequest, hooks?: UploadHooks): Promise<SelectNodeSchema> {
+    try {
+      /**
+       * Presign
+       */
+      await hooks?.beforePresign?.(input);
+      const presignResult = await props.endpoints.presign(input);
+      await hooks?.afterPresign?.(presignResult);
+      /**
+       * Upload the file
+       */
+      const uploadResponse = await fetch(presignResult.presignedUrl, {
+        method: "PUT",
+        headers: { "Content-Type": input.file.type },
+        body: input.file,
+      });
+
+      if (!uploadResponse.ok) {
+        const message = await uploadResponse.text();
+        throw new Error(`Upload failed: ${message}`);
+      }
+
+      /**
+       * Confirm
+       */
+      await hooks?.beforeConfirm?.(presignResult);
+      const node = await props.endpoints.confirm({ id: presignResult.id });
+      await hooks?.afterConfirm?.(node);
+      /**
+       * Return
+       */
+      return node;
+    } catch (err) {
+      console.error("Upload error: ", err);
+
+      /**
+       * Delete if upload failed
+       * */
+      try {
+        await deleteFiles([input.id]);
+      } catch (cleanupErr) {
+        console.error("Cleanup delete failed:", cleanupErr);
+      }
+
+      throw err;
+    }
+  }
+
+  /**
+   * Delete files
+   * @param {string[]} ids
+   */
+  async function deleteFiles(ids: string[]) {
+    await props.endpoints.deleteNodes({ ids });
+  }
+
+  /**
+   * Update node
+   * @param {string} id
+   * @param {UpdateNodeSchema} data
+   */
+  async function updateNode(id: string, data: UpdateNodeSchema) {
+    return props.endpoints.updateNode({ id, data });
+  }
+
+  /**
+   * Upload client
+   */
+  return {
+    prepareUpload,
+    upload,
+    deleteFiles,
+    updateNode,
+  };
+}

package/src/modules/storage/lib/router.server.ts

@@ -100,6 +100,7 @@ export function createDriveBaseProcedures() {
      */
     presign: protectedProcedure
       .input(presignFileSchema)
+      .output(z.object({ id: z.string(), presignedUrl: z.string() }))
       .handler(async ({ context, input }) => context.storage.presignUpload(input)),
     /**
      * Confirm the upload

package/src/modules/storage/lib/schema.ts

@@ -25,6 +25,7 @@ export const nodes = pgTable("nodes", (t) => ({
   createdBy: t.uuid().references(() => users.id, { onDelete: "set null" }),
   isPending: t.boolean().default(false).notNull(),
   isDeleted: t.boolean().default(false).notNull(),
+  orphanedAt: t.timestamp(),
   parentId: t.uuid().references((): AnyPgColumn => nodes.id, { onDelete: "cascade" }),
 }));
 

package/src/modules/storage/lib/service.server.ts

@@ -16,13 +16,14 @@ import {
 } from "@aws-sdk/client-s3";
 import { getSignedUrl } from "@aws-sdk/s3-request-presigner";
 import { addSeconds } from "date-fns";
-import { and, asc, eq, inArray, isNull, SQL } from "drizzle-orm";
+import { and, asc, eq, inArray, isNotNull, isNull, SQL } from "drizzle-orm";
 import { after } from "next/server";
 import { deviceSizes } from "./constants";
 import { getDriveBucketKey, inferNodeSubtype, isFile, isFolder } from "./helpers";
 import { nodePresignedUrls, nodes, nodeVariants } from "./schema";
 import {
   CreateFolderNodeSchema,
+  FileNode,
   GetFileURLSchema,
   getFileURLSchemaDefaults,
   GetNodesByParentIdInput,
@@ -101,8 +102,8 @@ export class StorageService<TSchema extends TDatabaseSchema> {
       Bucket: BUCKET_NAME,
       Key: getDriveBucketKey(input.id, input.variant),
       Body: input.body,
-      ContentType: input.contentType ?? "",
-      ContentLength: input.size ?? 0,
+      ContentType: input.contentType ?? undefined,
+      ContentLength: input.size ?? undefined,
       Metadata: {
         nodeId: input.id,
       },
@@ -139,6 +140,11 @@ export class StorageService<TSchema extends TDatabaseSchema> {
           filters.nodeIds != null ? inArray(nodes.id, filters.nodeIds) : undefined,
           filters.types != null ? inArray(nodes.type, filters.types) : undefined,
           filters.isDeleted != null ? eq(nodes.isDeleted, filters.isDeleted) : undefined,
+          filters.isOrphaned === true
+            ? isNotNull(nodes.orphanedAt)
+            : filters.isOrphaned === false
+              ? isNull(nodes.orphanedAt)
+              : undefined,
           filters.hidden != null ? eq(nodes.hidden, filters.hidden) : undefined,
           filters.parentId ? eq(nodes.parentId, filters.parentId) : isNull(nodes.parentId),
           eq(nodes.namespace, filters.namespace),
@@ -313,7 +319,7 @@ export class StorageService<TSchema extends TDatabaseSchema> {
     // after(async () => {});
     await this.generatePreviews(input);
 
-    return result;
+    return result as FileNode;
   }
 
   /**

package/src/modules/storage/lib/validators.ts

@@ -62,6 +62,7 @@ export const nodesTableFiltersSchema = resolveFiltersSchema(nodesTableFilters)
     ...input,
     hidden: input?.hidden ?? false,
     isDeleted: input?.isDeleted ?? false,
+    orphanedAt: input?.isOrphaned ?? false,
   }));
 
 export type NodesTableFilters = z.input<typeof nodesTableFiltersSchema>;

package/dist/modules/inline-edit/components/deprecated-editor.client.d.mts

@@ -1,21 +0,0 @@
-import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
-import { InlineEditVariantsProps } from "../lib/variants.mjs";
-import * as react_jsx_runtime163 from "react/jsx-runtime";
-import { ComponentProps } from "react";
-import { JSONContent } from "@tiptap/react";
-
-//#region src/modules/inline-edit/components/deprecated-editor.client.d.ts
-/**
- * @deprecated
- */
-declare function InlineEditorDeprecated({
-  initialValue,
-  action,
-  variant,
-  className,
-  disabled,
-  ...props
-}: Omit<ComponentProps<"input">, "type"> & useInlineEditOptions<JSONContent> & InlineEditVariantsProps): react_jsx_runtime163.JSX.Element;
-//#endregion
-export { InlineEditorDeprecated };
-//# sourceMappingURL=deprecated-editor.client.d.mts.map

package/dist/modules/inline-edit/components/deprecated-editor.client.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"deprecated-editor.client.d.mts","names":[],"sources":["../../../../src/modules/inline-edit/components/deprecated-editor.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAYgB,iBAAA,sBAAA,CAAsB;EAAA,YAAA;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAOnC,IAPmC,CAO9B,cAP8B,CAAA,OAAA,CAAA,EAAA,MAAA,CAAA,GAQpC,oBARoC,CAQf,WARe,CAAA,GASpC,uBAToC,CAAA,EASb,oBAAA,CAAA,GAAA,CAAA,OATa"}

package/dist/modules/inline-edit/components/deprecated-editor.client.mjs

@@ -1,37 +0,0 @@
-"use client";
-
-import { cn } from "../../../lib/utils/cn.mjs";
-import { EDITOR_EXTENSIONS_VALUES } from "../../../components/editor/lib/constants.mjs";
-import { useInlineEdit } from "../hooks/use-inline.client.mjs";
-import { inlineEditVariants } from "../lib/variants.mjs";
-import { jsx } from "react/jsx-runtime";
-import { EditorContent, useEditor } from "@tiptap/react";
-
-//#region src/modules/inline-edit/components/deprecated-editor.client.tsx
-/**
-* @deprecated
-*/
-function InlineEditorDeprecated({ initialValue, action, variant, className, disabled, ...props }) {
-	const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
-		initialValue,
-		action
-	});
-	const editor = useEditor({
-		extensions: EDITOR_EXTENSIONS_VALUES,
-		content: value,
-		editable: !disabled && isAllowed,
-		immediatelyRender: false,
-		injectCSS: false,
-		onUpdate: ({ editor: editor$1 }) => setValue(editor$1.getJSON()),
-		onBlur: ({ editor: editor$1 }) => handleUpdate(editor$1.getJSON()),
-		editorProps: { attributes: { class: cn("prose max-w-full bg-background ring-offset-background rounded-md border border-input dark:prose-invert p-3 focus:outline-none prose-a:text-primary prose-li:marker:text-primary ring-offset-background file:text-foreground placeholder:text-muted-foreground focus-visible:ring-ring rounded-md border text-base file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 [&[contenteditable=false]]:opacity-50 [&[contenteditable=false]]:cursor-not-allowed md:text-sm", inlineEditVariants({ variant }), className) } }
-	});
-	return /* @__PURE__ */ jsx(EditorContent, {
-		...props,
-		editor
-	});
-}
-
-//#endregion
-export { InlineEditorDeprecated };
-//# sourceMappingURL=deprecated-editor.client.mjs.map

package/dist/modules/inline-edit/components/deprecated-editor.client.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"deprecated-editor.client.mjs","names":["editor"],"sources":["../../../../src/modules/inline-edit/components/deprecated-editor.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { EDITOR_EXTENSIONS_VALUES } from \"@/components/editor/lib/constants\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { EditorContent, JSONContent, useEditor } from \"@tiptap/react\";\nimport { ComponentProps } from \"react\";\nimport { useInlineEdit, type useInlineEditOptions } from \"../hooks/use-inline.client\";\nimport { inlineEditVariants, InlineEditVariantsProps } from \"../lib/variants\";\n\n/**\n * @deprecated\n */\nexport function InlineEditorDeprecated({\n  initialValue,\n  action,\n  variant,\n  className,\n  disabled,\n  ...props\n}: Omit<ComponentProps<\"input\">, \"type\"> &\n  useInlineEditOptions<JSONContent> &\n  InlineEditVariantsProps) {\n  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({\n    initialValue,\n    action,\n  });\n\n  const editor = useEditor({\n    extensions: EDITOR_EXTENSIONS_VALUES,\n    content: value,\n    editable: !disabled && isAllowed,\n    immediatelyRender: false,\n    injectCSS: false,\n    onUpdate: ({ editor }) => setValue(editor.getJSON()),\n    onBlur: ({ editor }) => handleUpdate(editor.getJSON()),\n    editorProps: {\n      attributes: {\n        class: cn(\n          \"prose max-w-full bg-background ring-offset-background rounded-md border border-input dark:prose-invert p-3 focus:outline-none prose-a:text-primary prose-li:marker:text-primary ring-offset-background file:text-foreground placeholder:text-muted-foreground focus-visible:ring-ring rounded-md border text-base file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 [&[contenteditable=false]]:opacity-50 [&[contenteditable=false]]:cursor-not-allowed md:text-sm\",\n          inlineEditVariants({ variant }),\n          className,\n        ),\n      },\n    },\n  });\n\n  return <EditorContent {...props} editor={editor} />;\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,SAAgB,uBAAuB,EACrC,cACA,QACA,SACA,WACA,UACA,GAAG,SAGsB;CACzB,MAAM,EAAE,OAAO,UAAU,cAAc,cAAc,cAAc;EACjE;EACA;EACD,CAAC;CAEF,MAAM,SAAS,UAAU;EACvB,YAAY;EACZ,SAAS;EACT,UAAU,CAAC,YAAY;EACvB,mBAAmB;EACnB,WAAW;EACX,WAAW,EAAE,uBAAa,SAASA,SAAO,SAAS,CAAC;EACpD,SAAS,EAAE,uBAAa,aAAaA,SAAO,SAAS,CAAC;EACtD,aAAa,EACX,YAAY,EACV,OAAO,GACL,giBACA,mBAAmB,EAAE,SAAS,CAAC,EAC/B,UACD,EACF,EACF;EACF,CAAC;AAEF,QAAO,oBAAC;EAAc,GAAI;EAAe;GAAU"}

package/dist/storage/client.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.mjs","names":[],"sources":["../../src/modules/storage/entry.client.ts"],"sourcesContent":["/**\n * Components\n */\nexport * from \"./components/dropzone-context.client\";\nexport * from \"./components/dropzone.client\";\nexport * from \"./components/image-grid.client\";\nexport * from \"./components/upload-zone-context.client\";\nexport * from \"./components/upload-zone.client\";\n\n/**\n * Hooks\n */\n"],"mappings":""}

package/src/modules/inline-edit/components/deprecated-editor.client.tsx

@@ -1,48 +0,0 @@
-"use client";
-
-import { EDITOR_EXTENSIONS_VALUES } from "@/components/editor/lib/constants";
-import { cn } from "@/lib/utils/cn";
-import { EditorContent, JSONContent, useEditor } from "@tiptap/react";
-import { ComponentProps } from "react";
-import { useInlineEdit, type useInlineEditOptions } from "../hooks/use-inline.client";
-import { inlineEditVariants, InlineEditVariantsProps } from "../lib/variants";
-
-/**
- * @deprecated
- */
-export function InlineEditorDeprecated({
-  initialValue,
-  action,
-  variant,
-  className,
-  disabled,
-  ...props
-}: Omit<ComponentProps<"input">, "type"> &
-  useInlineEditOptions<JSONContent> &
-  InlineEditVariantsProps) {
-  const { value, setValue, handleUpdate, isAllowed } = useInlineEdit({
-    initialValue,
-    action,
-  });
-
-  const editor = useEditor({
-    extensions: EDITOR_EXTENSIONS_VALUES,
-    content: value,
-    editable: !disabled && isAllowed,
-    immediatelyRender: false,
-    injectCSS: false,
-    onUpdate: ({ editor }) => setValue(editor.getJSON()),
-    onBlur: ({ editor }) => handleUpdate(editor.getJSON()),
-    editorProps: {
-      attributes: {
-        class: cn(
-          "prose max-w-full bg-background ring-offset-background rounded-md border border-input dark:prose-invert p-3 focus:outline-none prose-a:text-primary prose-li:marker:text-primary ring-offset-background file:text-foreground placeholder:text-muted-foreground focus-visible:ring-ring rounded-md border text-base file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 [&[contenteditable=false]]:opacity-50 [&[contenteditable=false]]:cursor-not-allowed md:text-sm",
-          inlineEditVariants({ variant }),
-          className,
-        ),
-      },
-    },
-  });
-
-  return <EditorContent {...props} editor={editor} />;
-}