draftify-react 0.2.0 → 0.2.2

package/index.d.ts

@@ -20,7 +20,10 @@ export type BlockType =
   | "image"
   | "video"
   | "link"
-  | "code";
+  | "code"
+  | "custom-1"
+  | "custom-2"
+  | "custom-3";
 
 export interface BaseBlock {
   id: string;
@@ -99,6 +102,11 @@ export interface ModifyCodePayload {
   code: string;
 }
 
+export interface ModifyCustomPayload {
+  customBlockId: string;
+  payload: any;
+}
+
 /* ─────────────────────────────
    Hook return type
 ───────────────────────────── */
@@ -147,6 +155,7 @@ export interface UseDraftifyReactReturn {
   modifyVideo: (p: ModifyVideoPayload) => void;
   modifyLink: (p: ModifyLinkPayload) => void;
   modifyCode: (p: ModifyCodePayload) => void;
+  modifyCustom: (p: ModifyCustomPayload) => void;
 
   /* clipboard / export */
   handleCopy: () => void;
@@ -180,12 +189,25 @@ export function useDraftifyReact(
 export interface DraftifyReactProps {
   blocksData: DraftifyBlock[];
   modifyBlocks: React.Dispatch<React.SetStateAction<DraftifyBlock[]>>;
+  options: string[];
+  CustomEditor1?: HTMLElement | JSX.Element;
+  CustomEditor2?: HTMLElement | JSX.Element;
+  CustomEditor3?: HTMLElement | JSX.Element;
+  CustomOutput1?: HTMLElement | JSX.Element;
+  CustomOutput2?: HTMLElement | JSX.Element;
+  CustomOutput3?: HTMLElement | JSX.Element;
+  defaultCustomData1?: Object;
+  defaultCustomData2?: Object;
+  defaultCustomData3?: Object;
 }
 
 declare function DraftifyReact(props: DraftifyReactProps): JSX.Element;
 
 export interface ReaderProps {
   blocksData: DraftifyBlock[];
+  CustomOutput1?: HTMLElement | JSX.Element;
+  CustomOutput2?: HTMLElement | JSX.Element;
+  CustomOutput3?: HTMLElement | JSX.Element;
 }
 
 declare function DraftifyBlocksReader(props: ReaderProps): JSX.Element;
@@ -197,6 +219,9 @@ declare function DraftifyBlocksReader(props: ReaderProps): JSX.Element;
 export interface UseDraftifyReactProps {
   blocksData: DraftifyBlock[];
   modifyBlocks: React.Dispatch<React.SetStateAction<DraftifyBlock[]>>;
+  defaultCustomData1: any;
+  defaultCustomData2: any;
+  defaultCustomData3: any;
 }
 
 export declare function useDraftifyReact(props: UseDraftifyReactProps): {
@@ -238,6 +263,7 @@ export declare function useDraftifyReact(props: UseDraftifyReactProps): {
   modifyVideo: (args: any) => void;
   modifyLink: (args: any) => void;
   modifyCode: (args: any) => void;
+  modifyCustom: (args: any) => void;
 
   /* delete */
   handleDelete: (id: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "draftify-react",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "type": "module",
   "main": "dist/draftify-react.umd.js",
   "module": "dist/draftify-react.es.js",
@@ -9,6 +9,7 @@
     "dist",
     "index.d.ts"
   ],
+  "style": "./dist/draftify-react.css",
   "exports": {
     ".": {
       "types": "./index.d.ts",
@@ -17,34 +18,26 @@
     },
     "./styles.css": "./dist/draftify-react.css"
   },
-  "style": "dist/draftify-react.css",
   "scripts": {
     "dev": "vite",
-    "build:css": "npx @tailwindcss/cli -i ./src/draftify.css -o ./dist/draftify-react.css --minify",
-    "build": "vite build && npm run build:css",
+    "build": "vite build",
     "preview": "vite preview"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "devDependencies": {
-    "@tailwindcss/cli": "^4.1.18",
-    "@vitejs/plugin-react": "^5.0.4",
-    "tailwindcss": "^4.1.18",
-    "vite": "^7.1.7"
-  },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.1.0",
     "@fortawesome/free-regular-svg-icons": "^7.1.0",
     "@fortawesome/free-solid-svg-icons": "^7.1.0",
     "@fortawesome/react-fontawesome": "^3.1.0",
-    "@tailwindcss/vite": "^4.1.18",
     "browser-image-compression": "^2.0.2",
-    "draftify": "^0.1.1",
-    "framer-motion": "^12.23.24",
-    "react": ">=18",
-    "react-dom": ">=18"
+    "framer-motion": "^12.23.24"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^5.0.4",
+    "vite": "^7.1.7"
   },
   "repository": "https://github.com/Bernard-Kuria/draftify-react.git",
   "publishConfig": {