# htmlbundlergen.cpp

**Repository Path**: EEPPEE_admin/htmlbundlergen.cpp

## Basic Information

- **Project Name**: htmlbundlergen.cpp
- **Description**: just host an html file with webview and feed as self container executable, which make the app no dep on html file at runtime, by the way this is just generator of generating cpp code
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-01
- **Last Updated**: 2025-12-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# todo
- probe that I can really host the app to any linux platform?
- make documentation of experimental folder

# usage
```bash
src/htmlbundlergen 
Usage: src/htmlbundlergen <input.html> -o <output.cpp> [--build/-b] [--executable/-e <app-name>]
Example:
  src/htmlbundlergen index.html -o app.cpp -b -e harmony_player
Flags:
  -b/--build      Auto-build the generated C++ file
  -e/--executable Name of the final executable (default: generated_app)
```

# just a codegen that host nice html web page, require web2gtkwebkit2gtk-4.1
## deps
- webkit2gtk-4.1
- clang-19 (or `c++23` require, just modify the `html_bundler_gen.cpp` code to adapt your own compiler)
- require `#embed` feature compiler(clang support this, I don't know gcc)
- pkg-config

# then build selfhost nice html now

# actually example codegen of cpp code, this is the details of this tool
```cpp
// Auto-generated by htmlbundlergen
// Build command: clang++-19 $OUTPUT_FILE -o $EXECUTABLE `pkg-config --cflags --libs webkit2gtk-4.1` -lpthread -ldl -std=c++23 -Wno-c23-extensions
#include <cstdlib>
#include <string>
#include <webview/webview.h>

const char embedded_html[] = {
#embed "demohtmlpage/demo1.ai.html"
    , '\0' 
};

int main() {
  webview::webview wv(true, nullptr);
  // Configure webview
  wv.set_title("selfhosthtmlapp");
  wv.set_size(1000, 700, WEBVIEW_HINT_NONE);

  wv.set_html(embedded_html); // Load embedded HTML
 

  // Run app
  wv.run();
  return 0;
}
```

# screenshots of actually build page
demo1
![](./screenshots/demo1.ai.png)
demo2
![](./screenshots/demo2.ai.png)
## real world usage(`lofi-engine`) with experimental `host folder` version(kind of replace tauri, just a joke), by the way this is using
![](./screenshots/host-a-folder-1.png)
![](./screenshots/host-a-folder-2.png)
![](./screenshots/host-a-folder-3.png)
![](./screenshots/host-a-folder-4.png)


# happy hacking