edit-pdf 0.0.0 → 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +35 -60
  2. package/package.json +1 -1
package/README.md CHANGED
@@ -1,73 +1,48 @@
1
- # React + TypeScript + Vite
1
+ # edit-pdf
2
2
 
3
- This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
3
+ A powerful and flexible React PDF editor component.
4
4
 
5
- Currently, two official plugins are available:
5
+ ## Installation
6
6
 
7
- - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
8
- - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
7
+ ```bash
8
+ npm install edit-pdf
9
+ ```
9
10
 
10
- ## React Compiler
11
+ ## Usage
11
12
 
12
- The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
13
+ ```tsx
14
+ import { PdfEditor } from 'edit-pdf';
13
15
 
14
- ## Expanding the ESLint configuration
16
+ function App() {
17
+ return (
18
+ <div style={{ height: '100vh' }}>
19
+ <PdfEditor fileUrl="/path/to/document.pdf" />
20
+ </div>
21
+ );
22
+ }
15
23
 
16
- If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
24
+ export default App;
25
+ ```
17
26
 
18
- ```js
19
- export default defineConfig([
20
- globalIgnores(['dist']),
21
- {
22
- files: ['**/*.{ts,tsx}'],
23
- extends: [
24
- // Other configs...
27
+ ## Features
25
28
 
26
- // Remove tseslint.configs.recommended and replace with this
27
- tseslint.configs.recommendedTypeChecked,
28
- // Alternatively, use this for stricter rules
29
- tseslint.configs.strictTypeChecked,
30
- // Optionally, add this for stylistic rules
31
- tseslint.configs.stylisticTypeChecked,
29
+ - **View PDF**: Render PDF documents with high fidelity.
30
+ - **Annotations**:
31
+ - **Highlight**: Highlight text with customizable colors.
32
+ - **Pen**: Freehand drawing tool.
33
+ - **Text**: Insert text annotations.
34
+ - **Shapes**: Add rectangles, circles, arrows, and lines.
35
+ - **Images**: Insert images into the PDF.
36
+ - **Signatures**: Create and manage signatures.
37
+ - **Eraser**: Remove annotations.
38
+ - **Search**: Find text within the document.
32
39
 
33
- // Other configs...
34
- ],
35
- languageOptions: {
36
- parserOptions: {
37
- project: ['./tsconfig.node.json', './tsconfig.app.json'],
38
- tsconfigRootDir: import.meta.dirname,
39
- },
40
- // other options...
41
- },
42
- },
43
- ])
44
- ```
40
+ ## Props
45
41
 
46
- You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
42
+ | Prop | Type | Description |
43
+ |------|------|-------------|
44
+ | `fileUrl` | `string` | The URL of the PDF file to load. |
47
45
 
48
- ```js
49
- // eslint.config.js
50
- import reactX from 'eslint-plugin-react-x'
51
- import reactDom from 'eslint-plugin-react-dom'
46
+ ## License
52
47
 
53
- export default defineConfig([
54
- globalIgnores(['dist']),
55
- {
56
- files: ['**/*.{ts,tsx}'],
57
- extends: [
58
- // Other configs...
59
- // Enable lint rules for React
60
- reactX.configs['recommended-typescript'],
61
- // Enable lint rules for React DOM
62
- reactDom.configs.recommended,
63
- ],
64
- languageOptions: {
65
- parserOptions: {
66
- project: ['./tsconfig.node.json', './tsconfig.app.json'],
67
- tsconfigRootDir: import.meta.dirname,
68
- },
69
- // other options...
70
- },
71
- },
72
- ])
73
- ```
48
+ MIT
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "edit-pdf",
3
3
  "private": false,
4
- "version": "0.0.0",
4
+ "version": "0.0.1",
5
5
  "type": "module",
6
6
  "main": "./dist/pdf-editor.umd.js",
7
7
  "module": "./dist/pdf-editor.js",