Code Splitter

A web-based tool that splits mixed HTML, CSS, and JavaScript code into separate, properly linked files.

Features

• Automatic Code Separation: Extracts CSS and JavaScript from HTML files
• Proper File Linking: Generates HTML with correct stylesheet and script references
• Code Visualization: View the separated code with syntax highlighting
• File Management: Save files directly to Puter cloud storage
• Local Download: Download all files as a ZIP archive to your PC
• Example Code: Built-in example to demonstrate functionality
• Modern UI: Clean, responsive interface that works on all devices

Getting Started

Clone the repository:

git clone https://github.com/puter-apps/code-splitter.git

Access the index.html file via a local server or an online host

How It Works

HTML5 Code Breaker leverages Puter.js to provide a seamless web-based code separation experience:

1. Code Parsing: Uses DOM parser to intelligently extract embedded CSS and JavaScript
2. File System Integration: Employs Puter's file system API to save generated files
3. Authentication: Utilizes Puter's authentication system for secure cloud storage
4. ZIP Generation: Creates downloadable archives for local use

License

MIT