htmlweaver 1.0.0

Split HTML into threads. Weave them back together.

🧵 htmlweaver

Split HTML into threads. Weave them back together.

A simple CLI tool that splits AI-generated HTML files into clean, separate HTML, CSS, and JavaScript files — and exports them as Vue or React components.

---

✨ Features

• 🔪 Split — Break a single HTML file into .html, .css, and .js
• 🧩 Combine — Merge separate files back into one HTML file
• ⚡ Vue Export — Convert HTML into a Vue Single File Component .vue
• ⚛️ React Export — Convert HTML into a React functional component .jsx

---

📦 Installation

pip install htmlweaver

---

🚀 Usage

Split

htmlweaver split --html mypage.html --output ./output

Output:

output/
├── mypage.html
├── mypage.css
└── mypage.js

---

Combine

htmlweaver combine --html ./output/mypage.html \
                   --css ./output/mypage.css \
                   --js ./output/mypage.js \
                   --output ./output/mypage_final.html

---

Export to Vue

htmlweaver export --html mypage.html --format vue --output ./output

Output:

output/
└── Mypage.vue

---

Export to React

htmlweaver export --html mypage.html --format react --output ./output

Output:

output/
├── Mypage.jsx
└── Mypage.css

---

🗂️ Project Structure

htmlweaver/
├── htmlweaver/
│   ├── __init__.py
│   ├── cli.py
│   ├── splitter.py
│   ├── combiner.py
│   ├── utils.py
│   └── exporters/
│       ├── __init__.py
│       ├── vue_exporter.py
│       └── react_exporter.py
├── tests/
├── pyproject.toml
└── README.md

---

🛣️ Roadmap

• Split HTML into separate files
• Combine files back into HTML
• Export as Vue component
• Export as React component
• --watch mode for auto-split on save
• TypeScript / TSX support
• SCSS export
• Angular component export
• VS Code Extension
• AI-powered smart component splitting
• Web app at htmlweaver.io

---

🤝 Contributing

Contributions are welcome!
Feel free to open an issue or submit a pull request.

---

📄 License

MIT © abutlb