react-clean-paste 0.0.1

package/dist/index.d.mts

@@ -0,0 +1,17 @@
+import React from 'react';
+
+interface SmartPasteOptions {
+    stripHtml?: boolean;
+    normalizeWhitespace?: boolean;
+    cleanBullets?: boolean;
+    fixQuotes?: boolean;
+    trim?: boolean;
+}
+
+declare const useSmartPaste: (onPasteCleaned: (cleanText: string) => void, options?: SmartPasteOptions) => {
+    onPaste: (e: React.ClipboardEvent<HTMLTextAreaElement | HTMLInputElement>) => void;
+};
+
+declare function sanitize(text: string, opts?: SmartPasteOptions): string;
+
+export { type SmartPasteOptions, sanitize, useSmartPaste };

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+
+interface SmartPasteOptions {
+    stripHtml?: boolean;
+    normalizeWhitespace?: boolean;
+    cleanBullets?: boolean;
+    fixQuotes?: boolean;
+    trim?: boolean;
+}
+
+declare const useSmartPaste: (onPasteCleaned: (cleanText: string) => void, options?: SmartPasteOptions) => {
+    onPaste: (e: React.ClipboardEvent<HTMLTextAreaElement | HTMLInputElement>) => void;
+};
+
+declare function sanitize(text: string, opts?: SmartPasteOptions): string;
+
+export { type SmartPasteOptions, sanitize, useSmartPaste };

package/dist/index.js

@@ -0,0 +1,2 @@
+"use strict";var s=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var u=(t,e)=>{for(var r in e)s(t,r,{get:e[r],enumerable:!0})},f=(t,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of c(e))!p.call(t,a)&&a!==r&&s(t,a,{get:()=>e[a],enumerable:!(i=m(e,a))||i.enumerable});return t};var g=t=>f(s({},"__esModule",{value:!0}),t);var S={};u(S,{sanitize:()=>n,useSmartPaste:()=>H});module.exports=g(S);var o=require("react");var x=t=>t.replace(/<\/?[^>]+(>|$)/g,""),P=t=>t.replace(/[“”]/g,'"').replace(/[‘’]/g,"'"),h=t=>t.replace(/\s+/g," ").trim(),z=t=>t.replace(/[•●▪]/g,"-").replace(/-\s*/g,"- ");function n(t,e){let r=t;return e?.stripHtml&&(r=x(r)),e?.fixQuotes&&(r=P(r)),e?.normalizeWhitespace&&(r=h(r)),e?.cleanBullets&&(r=z(r)),e?.trim&&(r=r.trim()),r}var H=(t,e)=>({onPaste:(0,o.useCallback)(i=>{i.preventDefault();let a=i.clipboardData.getData("text"),l=n(a,{stripHtml:!0,normalizeWhitespace:!0,cleanBullets:!0,fixQuotes:!0,trim:!0,...e});t(l)},[t,e])});0&&(module.exports={sanitize,useSmartPaste});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/useSmartPaste.ts","../src/sanitize.ts"],"sourcesContent":["export * from \"./useSmartPaste\";\r\nexport * from \"./sanitize\";\r\nexport * from \"./types\";\r\n","import React, { useCallback } from \"react\";\r\n\r\nimport { SmartPasteOptions } from \"./types\";\r\nimport { sanitize } from \"./sanitize\";\r\n\r\nexport const useSmartPaste = (\r\n  onPasteCleaned: (cleanText: string) => void,\r\n  options?: SmartPasteOptions\r\n) => {\r\n  const handlePaste = useCallback(\r\n    (e: React.ClipboardEvent<HTMLTextAreaElement | HTMLInputElement>) => {\r\n      e.preventDefault();\r\n\r\n      const raw = e.clipboardData.getData(\"text\");\r\n      const clean = sanitize(raw, {\r\n        stripHtml: true,\r\n        normalizeWhitespace: true,\r\n        cleanBullets: true,\r\n        fixQuotes: true,\r\n        trim: true,\r\n        ...options\r\n      });\r\n\r\n      onPasteCleaned(clean);\r\n    },\r\n    [onPasteCleaned, options]\r\n  );\r\n\r\n  return { onPaste: handlePaste };\r\n};\r\n","import { SmartPasteOptions } from \"./types\";\r\n\r\nconst stripHtml = (t: string) =>\r\n    t.replace(/<\\/?[^>]+(>|$)/g, \"\");\r\n\r\nconst fixQuotes = (t: string) =>\r\n    t.replace(/[“”]/g, '\"').replace(/[‘’]/g, \"'\");\r\n\r\nconst normalizeWhitespace = (t: string) =>\r\n    t.replace(/\\s+/g, \" \").trim();\r\n\r\nconst cleanBullets = (text: string) =>\r\n    text\r\n        .replace(/[•●▪]/g, \"-\")\r\n        .replace(/-\\s*/g, \"- \");\r\n\r\n\r\nexport function sanitize(text: string, opts?: SmartPasteOptions) {\r\n    let out = text;\r\n\r\n    if (opts?.stripHtml) out = stripHtml(out);\r\n    if (opts?.fixQuotes) out = fixQuotes(out);\r\n    if (opts?.normalizeWhitespace) out = normalizeWhitespace(out);\r\n    if (opts?.cleanBullets) out = cleanBullets(out);\r\n    if (opts?.trim) out = out.trim();\r\n\r\n    return out;\r\n}\r\n"],"mappings":"yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,EAAA,kBAAAC,IAAA,eAAAC,EAAAJ,GCAA,IAAAK,EAAmC,iBCEnC,IAAMC,EAAa,GACf,EAAE,QAAQ,kBAAmB,EAAE,EAE7BC,EAAa,GACf,EAAE,QAAQ,QAAS,GAAG,EAAE,QAAQ,QAAS,GAAG,EAE1CC,EAAuB,GACzB,EAAE,QAAQ,OAAQ,GAAG,EAAE,KAAK,EAE1BC,EAAgBC,GAClBA,EACK,QAAQ,SAAU,GAAG,EACrB,QAAQ,QAAS,IAAI,EAGvB,SAASC,EAASD,EAAcE,EAA0B,CAC7D,IAAIC,EAAMH,EAEV,OAAIE,GAAM,YAAWC,EAAMP,EAAUO,CAAG,GACpCD,GAAM,YAAWC,EAAMN,EAAUM,CAAG,GACpCD,GAAM,sBAAqBC,EAAML,EAAoBK,CAAG,GACxDD,GAAM,eAAcC,EAAMJ,EAAaI,CAAG,GAC1CD,GAAM,OAAMC,EAAMA,EAAI,KAAK,GAExBA,CACX,CDtBO,IAAMC,EAAgB,CAC3BC,EACAC,KAqBO,CAAE,WAnBW,eACjBC,GAAoE,CACnEA,EAAE,eAAe,EAEjB,IAAMC,EAAMD,EAAE,cAAc,QAAQ,MAAM,EACpCE,EAAQC,EAASF,EAAK,CAC1B,UAAW,GACX,oBAAqB,GACrB,aAAc,GACd,UAAW,GACX,KAAM,GACN,GAAGF,CACL,CAAC,EAEDD,EAAeI,CAAK,CACtB,EACA,CAACJ,EAAgBC,CAAO,CAC1B,CAE8B","names":["index_exports","__export","sanitize","useSmartPaste","__toCommonJS","import_react","stripHtml","fixQuotes","normalizeWhitespace","cleanBullets","text","sanitize","opts","out","useSmartPaste","onPasteCleaned","options","e","raw","clean","sanitize"]}

package/dist/index.mjs

@@ -0,0 +1,2 @@
+import{useCallback as p}from"react";var o=t=>t.replace(/<\/?[^>]+(>|$)/g,""),l=t=>t.replace(/[“”]/g,'"').replace(/[‘’]/g,"'"),m=t=>t.replace(/\s+/g," ").trim(),c=t=>t.replace(/[•●▪]/g,"-").replace(/-\s*/g,"- ");function i(t,r){let e=t;return r?.stripHtml&&(e=o(e)),r?.fixQuotes&&(e=l(e)),r?.normalizeWhitespace&&(e=m(e)),r?.cleanBullets&&(e=c(e)),r?.trim&&(e=e.trim()),e}var P=(t,r)=>({onPaste:p(a=>{a.preventDefault();let s=a.clipboardData.getData("text"),n=i(s,{stripHtml:!0,normalizeWhitespace:!0,cleanBullets:!0,fixQuotes:!0,trim:!0,...r});t(n)},[t,r])});export{i as sanitize,P as useSmartPaste};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useSmartPaste.ts","../src/sanitize.ts"],"sourcesContent":["import React, { useCallback } from \"react\";\r\n\r\nimport { SmartPasteOptions } from \"./types\";\r\nimport { sanitize } from \"./sanitize\";\r\n\r\nexport const useSmartPaste = (\r\n  onPasteCleaned: (cleanText: string) => void,\r\n  options?: SmartPasteOptions\r\n) => {\r\n  const handlePaste = useCallback(\r\n    (e: React.ClipboardEvent<HTMLTextAreaElement | HTMLInputElement>) => {\r\n      e.preventDefault();\r\n\r\n      const raw = e.clipboardData.getData(\"text\");\r\n      const clean = sanitize(raw, {\r\n        stripHtml: true,\r\n        normalizeWhitespace: true,\r\n        cleanBullets: true,\r\n        fixQuotes: true,\r\n        trim: true,\r\n        ...options\r\n      });\r\n\r\n      onPasteCleaned(clean);\r\n    },\r\n    [onPasteCleaned, options]\r\n  );\r\n\r\n  return { onPaste: handlePaste };\r\n};\r\n","import { SmartPasteOptions } from \"./types\";\r\n\r\nconst stripHtml = (t: string) =>\r\n    t.replace(/<\\/?[^>]+(>|$)/g, \"\");\r\n\r\nconst fixQuotes = (t: string) =>\r\n    t.replace(/[“”]/g, '\"').replace(/[‘’]/g, \"'\");\r\n\r\nconst normalizeWhitespace = (t: string) =>\r\n    t.replace(/\\s+/g, \" \").trim();\r\n\r\nconst cleanBullets = (text: string) =>\r\n    text\r\n        .replace(/[•●▪]/g, \"-\")\r\n        .replace(/-\\s*/g, \"- \");\r\n\r\n\r\nexport function sanitize(text: string, opts?: SmartPasteOptions) {\r\n    let out = text;\r\n\r\n    if (opts?.stripHtml) out = stripHtml(out);\r\n    if (opts?.fixQuotes) out = fixQuotes(out);\r\n    if (opts?.normalizeWhitespace) out = normalizeWhitespace(out);\r\n    if (opts?.cleanBullets) out = cleanBullets(out);\r\n    if (opts?.trim) out = out.trim();\r\n\r\n    return out;\r\n}\r\n"],"mappings":"AAAA,OAAgB,eAAAA,MAAmB,QCEnC,IAAMC,EAAa,GACf,EAAE,QAAQ,kBAAmB,EAAE,EAE7BC,EAAa,GACf,EAAE,QAAQ,QAAS,GAAG,EAAE,QAAQ,QAAS,GAAG,EAE1CC,EAAuB,GACzB,EAAE,QAAQ,OAAQ,GAAG,EAAE,KAAK,EAE1BC,EAAgBC,GAClBA,EACK,QAAQ,SAAU,GAAG,EACrB,QAAQ,QAAS,IAAI,EAGvB,SAASC,EAASD,EAAcE,EAA0B,CAC7D,IAAIC,EAAMH,EAEV,OAAIE,GAAM,YAAWC,EAAMP,EAAUO,CAAG,GACpCD,GAAM,YAAWC,EAAMN,EAAUM,CAAG,GACpCD,GAAM,sBAAqBC,EAAML,EAAoBK,CAAG,GACxDD,GAAM,eAAcC,EAAMJ,EAAaI,CAAG,GAC1CD,GAAM,OAAMC,EAAMA,EAAI,KAAK,GAExBA,CACX,CDtBO,IAAMC,EAAgB,CAC3BC,EACAC,KAqBO,CAAE,QAnBWC,EACjBC,GAAoE,CACnEA,EAAE,eAAe,EAEjB,IAAMC,EAAMD,EAAE,cAAc,QAAQ,MAAM,EACpCE,EAAQC,EAASF,EAAK,CAC1B,UAAW,GACX,oBAAqB,GACrB,aAAc,GACd,UAAW,GACX,KAAM,GACN,GAAGH,CACL,CAAC,EAEDD,EAAeK,CAAK,CACtB,EACA,CAACL,EAAgBC,CAAO,CAC1B,CAE8B","names":["useCallback","stripHtml","fixQuotes","normalizeWhitespace","cleanBullets","text","sanitize","opts","out","useSmartPaste","onPasteCleaned","options","useCallback","e","raw","clean","sanitize"]}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "react-clean-paste",
+  "version": "0.0.1",
+  "description": "A tiny 0-dependency React hook that automatically cleans, sanitizes, and formats pasted text.",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "author": "",
+  "license": "MIT",
+  "scripts": {
+    "build": "tsup",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=17"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.10",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "vitest": "^4.0.18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "paste",
+    "clean",
+    "sanitize",
+    "clipboard",
+    "react",
+    "react-hook",
+    "input",
+    "text",
+    "html-clean",
+    "form",
+    "sanitize-text",
+    "clean-text"
+  ]
+}

package/readme.md

@@ -0,0 +1,86 @@
+# react-clean-paste
+
+A tiny 0-dependency React hook that automatically cleans, formats, and sanitizes pasted text.
+
+Users paste messy content from Word, Google Docs, emails, WhatsApp, PDFs, and more.
+react-clean-paste fixes all of it instantly with one hook.
+
+## ✨ Features
+
+- Remove HTML tags
+- Normalize whitespace
+- Convert bullets (• ● ▪) → "-"
+- Fix smart quotes → normal quotes
+- Trim spacing
+- Fully typed (TypeScript)
+- Zero dependencies
+- Works with Formik, React Hook Form, Zod & any input or textarea
+
+## 📦 Installation
+
+```bash
+npm install react-clean-paste
+```
+
+## 🚀 Quick Usage
+
+```tsx
+import { useState } from "react";
+import { useSmartPaste } from "react-clean-paste";
+
+export default function App() {
+  const [value, setValue] = useState("");
+
+  const pasteHandler = useSmartPaste((cleaned) => {
+    setValue(cleaned);
+  });
+
+  return (
+    <textarea
+      {...pasteHandler}
+      value={value}
+      onChange={(e) => setValue(e.target.value)}
+      placeholder="Paste anything here..."
+      rows={6}
+    />
+  );
+}
+```
+
+## ⚙️ Options
+
+```tsx
+useSmartPaste((cleaned) => console.log(cleaned), {
+  stripHtml: true,
+  normalizeWhitespace: true,
+  cleanBullets: true,
+  fixQuotes: true,
+  trim: true
+});
+```
+
+### Options Table
+
+| Option              | Type    | Default | Description                              |
+| ------------------- | ------- | ------- | ---------------------------------------- |
+| stripHtml           | boolean | true    | Removes HTML tags                        |
+| fixQuotes           | boolean | true    | Convert smart quotes to normal quotes    |
+| cleanBullets        | boolean | true    | Converts • ● ▪ → "-"                     |
+| normalizeWhitespace | boolean | true    | Cleans weird spacing, tabs & line breaks |
+| trim                | boolean | true    | Trim leading & trailing spaces           |
+
+## 🧹 Manual Sanitization (without React)
+
+```tsx
+import { sanitize } from "react-clean-paste";
+
+sanitize("<b>Hello</b>", { stripHtml: true });
+// => "Hello"
+
+sanitize("• One ● Two ▪ Three", { cleanBullets: true });
+// => "- One - Two - Three"
+```
+
+## 📄 License
+
+MIT