draftify-react 0.1.5 → 0.1.8

package/index.d.ts

@@ -1,5 +1,7 @@
 import type { JSX } from "react";
 
+import * as React from "react";
+
 import type { DraftifyBlock } from "draftify";
 
 /* ─────────────────────────────
@@ -172,21 +174,132 @@ export function useDraftifyReact(
 ): UseDraftifyReactReturn;
 
 /* ─────────────────────────────
-   Component export
+   Components
 ───────────────────────────── */
-interface DraftifyReactProps {
+
+export interface DraftifyReactProps {
   blocksData: DraftifyBlock[];
   modifyBlocks: React.Dispatch<React.SetStateAction<DraftifyBlock[]>>;
 }
 
 declare function DraftifyReact(props: DraftifyReactProps): JSX.Element;
 
-interface ReaderProps {
+export interface ReaderProps {
+  blocksData: DraftifyBlock[];
+}
+
+declare function DraftifyBlocksReader(props: ReaderProps): JSX.Element;
+
+/* ─────────────────────────────
+   Hooks
+───────────────────────────── */
+
+export interface UseDraftifyReactProps {
   blocksData: DraftifyBlock[];
+  modifyBlocks: React.Dispatch<React.SetStateAction<DraftifyBlock[]>>;
 }
 
-declare function Reader(props: ReaderProps): JSX.Element;
+export declare function useDraftifyReact(props: UseDraftifyReactProps): {
+  /* view */
+  view: string;
+  setView: React.Dispatch<React.SetStateAction<string>>;
+
+  /* background grid */
+  gridDots: any[];
+  setGridDots: React.Dispatch<React.SetStateAction<any[]>>;
+
+  /* document metadata */
+  docTitle: string;
+  setDocTitle: React.Dispatch<React.SetStateAction<string>>;
+  description: string;
+  setDescription: React.Dispatch<React.SetStateAction<string>>;
+  author: string;
+  setAuthor: React.Dispatch<React.SetStateAction<string>>;
+
+  /* prompt */
+  promptAction: string;
+  setPromptAction: React.Dispatch<React.SetStateAction<string>>;
+  promptVisibility: boolean;
+  setPromptVisiblility: React.Dispatch<React.SetStateAction<boolean>>;
+  handlePromptAction: (action: string, option?: string) => void;
+
+  /* blocks */
+  blocksData: DraftifyBlock[];
+  handleClick: (type: string, cells?: number) => void;
+
+  /* block modifiers */
+  modifyHeading: (args: any) => void;
+  modifySubheading: (args: any) => void;
+  modifyParagraph: (args: any) => void;
+  modifyQuote: (args: any) => void;
+  modifyList: (args: any) => void;
+  modifyTable: (args: any) => void;
+  modifyImage: (args: any) => void;
+  modifyVideo: (args: any) => void;
+  modifyLink: (args: any) => void;
+  modifyCode: (args: any) => void;
+
+  /* delete */
+  handleDelete: (id: string) => void;
+
+  /* drag & drop */
+  onDropHandler: (e: React.DragEvent, index: number) => void;
+  onDragStart: (e: React.DragEvent, index: number) => void;
+  onDragEnd: (e: React.DragEvent) => void;
+  onDragEnter: (e: React.DragEvent) => void;
+  onDragLeave: (e: React.DragEvent) => void;
+
+  /* animations */
+  containerVariants: Record<string, any>;
+  itemVariants: Record<string, any>;
+  transitions: Record<string, any>;
+  whileHover: Record<string, any>;
+
+  /* utils */
+  handleCopy: (content: any) => void;
+};
+
+/* ─────────────────────────────
+   Media utilities
+───────────────────────────── */
+
+declare function dropHandler(
+  e: React.DragEvent,
+  setFile: React.Dispatch<React.SetStateAction<string | null>>,
+  setFileName: React.Dispatch<React.SetStateAction<string>>,
+  setCompressing: React.Dispatch<React.SetStateAction<boolean>>,
+  setCompressionProgress: React.Dispatch<React.SetStateAction<number>>
+): Promise<void>;
+
+declare function onFileChange(
+  e: React.ChangeEvent<HTMLInputElement>,
+  setFile: React.Dispatch<React.SetStateAction<string | null>>,
+  setFileName: React.Dispatch<React.SetStateAction<string>>,
+  setCompressing: React.Dispatch<React.SetStateAction<boolean>>,
+  setCompressionProgress: React.Dispatch<React.SetStateAction<number>>
+): Promise<void>;
+
+declare function dragHandler(
+  e: React.DragEvent,
+  output: React.RefObject<HTMLElement>
+): void;
+
+declare function dragLeaveHandler(
+  e: React.DragEvent,
+  output: React.RefObject<HTMLElement>
+): void;
+
+/* ─────────────────────────────
+   Exports
+───────────────────────────── */
 
 export default DraftifyReact;
 
-export { DraftifyReact, Reader };
+export {
+  DraftifyReact,
+  DraftifyBlocksReader,
+  dropHandler,
+  onFileChange,
+  dragHandler,
+  dragLeaveHandler,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "draftify-react",
-  "version": "0.1.5",
+  "version": "0.1.8",
   "type": "module",
   "main": "dist/draftify-react.umd.js",
   "module": "dist/draftify-react.es.js",
@@ -45,5 +45,9 @@
     "framer-motion": "^12.23.24",
     "react": ">=18",
     "react-dom": ">=18"
+  },
+  "repository": "https://github.com/Bernard-Kuria/draftify-react.git",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
   }
 }