@vishu1301/script-writing 0.1.1 → 0.2.0
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.
- package/README.md +12 -30
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,36 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
# Script Writing Editor
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
A modern, React-based script and screenplay writing component for the web.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
This component provides writers with an intuitive and distraction-free environment to draft, edit, and format their scripts seamlessly within any React or Next.js application.
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
npm run dev
|
|
9
|
-
# or
|
|
10
|
-
yarn dev
|
|
11
|
-
# or
|
|
12
|
-
pnpm dev
|
|
13
|
-
# or
|
|
14
|
-
bun dev
|
|
15
|
-
```
|
|
16
|
-
|
|
17
|
-
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
|
|
18
|
-
|
|
19
|
-
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
|
|
20
|
-
|
|
21
|
-
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
|
|
22
|
-
|
|
23
|
-
## Learn More
|
|
7
|
+
## Features
|
|
24
8
|
|
|
25
|
-
|
|
9
|
+
- **Distraction-Free Editor:** Focus on your story without cluttered UI.
|
|
10
|
+
- **Auto-Formatting:** Automatically formats text to industry-standard screenplay guidelines (e.g., Scene Headings, Action, Character, Dialogue).
|
|
11
|
+
- **Headless Logic:** Core editor logic (`useScreenplayEditor` hook) is separated from the view for customizability.
|
|
12
|
+
- **Responsive Design:** Write on the go, works across desktop and mobile devices.
|
|
13
|
+
- **Event-Driven:** Provides callbacks to handle saving, exporting to PDF, or syncing with the cloud.
|
|
26
14
|
|
|
27
|
-
|
|
28
|
-
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
|
|
15
|
+
## Installation
|
|
29
16
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
## Deploy on Vercel
|
|
33
|
-
|
|
34
|
-
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
|
|
35
|
-
|
|
36
|
-
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
|
|
17
|
+
```bash
|
|
18
|
+
npm install @vishu1301/script-writing
|