Skip to content

Latest commit

 

History

History
51 lines (34 loc) · 1.53 KB

File metadata and controls

51 lines (34 loc) · 1.53 KB

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

Screenshot


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