Code Prettifier Chrome Extension

A sleek, dark-mode Chrome extension that lets you prettify and format code right from your browser popup using Prettier v3.5.3. Supports JavaScript, HTML, CSS, and JSON — with a modern UI built for simplicity.

---

✨ Features

• ✅ Supports JavaScript, HTML, CSS, and JSON
• 🎨 Modern, clean dark mode with deep blue vibes (similar to GitHub's dark theme, now that I notice)
• ⚙️ Uses Prettier v3.5.3 under the hood (fully offline)
• 🧠 Easy-to-use dropdown & real-time formatting
• 📦 No external internet requests — secure & local

---

🚀 How to Install

1. Clone or download this repo, then...

   • Click the green Code button → Download ZIP
   • Or clone via terminal:

     git clone https://github.com/1OTH3R/code-prettifier-extension.git

   • Make sure to extract it anywhere on your device that you know you can keep it safe.

2. Go to chrome://extensions in your browser

3. Toggle Developer mode (top-right)

4. Click Load unpacked and select the folder you just downloaded

5. You’ll now see the Code Prettifier icon in your toolbar 💫

---

🛠️ How to Use

1. Click the extension icon
2. Choose your code type (JavaScript, HTML, etc.)
3. Paste your messy code into the first box
4. Hit the “Prettify” button
5. Copy the clean, formatted result from the output area

One important thing to know is that this will not accept dysfunctional code.
This is a code prettifier, not a code fixer/debugger. Also, please close your tags.

---

📁 Project Structure

├── manifest.json
├── popup.html
├── popup.js
├── icon.png
└── prettier/...
⠀⠀⠀├── standalone.js
⠀⠀⠀├── parser-html.js
⠀⠀⠀├── parser-babel.js
⠀⠀⠀├── parser-postcss.js
⠀⠀⠀└── parser-estree.js

---

📸 Screenshots

I will probably place a screenshot here later ¯\_(ツ)_/¯

---

🧠 Tech Stack

• Vanilla JS + HTML/CSS
• Prettier 3.5.3 (via standalone + plugins)
• Dark Mode UI (custom styled)

---

🤝 Community

I don't mind you utilizing this, just give appropriate credit and refrain from turning it into malicious software. Have fun!

If you encounter any issues or have any requests, place them in the Issues tab!

---

📝 License

Look at the License Page or view this quick summary (might be wrong, sorry):

You Can:

✅ Copy and distribute verbatim copies of the license.
✅ Share and modify the software (under the same license).
✅ Distribute copies with source code and access to source.
✅ Charge for copies, but must retain the same freedoms for recipients.
✅ Convey modified versions with appropriate notices and licensing.
✅ Combine with other works under GNU Affero GPL.
✅ Use it freely, but convey any derived works under the same license.

You Can't:

❌ Change the terms of the license when redistributing.
❌ Impose further restrictions on recipients' rights.
❌ Incorporate into proprietary software.
❌ Waive user rights or restrict access to source code.
❌ Convey without providing the corresponding source code.
❌ Use patents to restrict rights granted by the license.

Key Responsibilities:

📜 Ensure recipients know their rights.
📜 Provide source code upon distribution.
📜 State modifications made to the software.
📜 Maintain proper legal notices in all copies.

---

This is my first project, made with 💙 by me (1OTH3R) with some help from GPT.