https://github.com/eddytheco/qmlonline
https://github.com/eddytheco/qmlonline
emscripten online qml qml-applications qmlonline wasm webassembly
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/eddytheco/qmlonline
- Owner: EddyTheCo
- License: gpl-3.0
- Created: 2022-09-11T13:07:05.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-10T19:15:12.000Z (5 months ago)
- Last Synced: 2025-03-28T21:12:32.229Z (2 months ago)
- Topics: emscripten, online, qml, qml-applications, qmlonline, wasm, webassembly
- Language: CMake
- Homepage: https://eddytheco.github.io/qmlonline/
- Size: 38.1 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# QmlOnline
This repo produce a Qt application that allows to run Qml code interactively.
The resulting application can access QML types defined in C++.
The purpose of this repo is to show online some C++/Qt/Qml projects.
For doing that the repo contains a wasm folder that produce a [web page](https://eddytheco.github.io/qmlonline/),
integrating a JavaScript code editor to the compiled Qt application of this repo. The integration is made by compiling the Qt application to Webassembly.
## Compile the WASM file and Qt-JavaScript Api
The project uses [CMake presets](https://cmake.org/cmake/help/latest/manual/cmake-presets.7.html) as a way to share CMake configurations.
Refer to [cmake](https://cmake.org/cmake/help/latest/manual/cmake.1.html), [ctest](https://cmake.org/cmake/help/latest/manual/ctest.1.html) and [cpack](https://cmake.org/cmake/help/latest/manual/cpack.1.html) documentation for more information on the use of presets.
If everything went well, the corresponding WASM file and Qt-JavaScript Api should be updated on the qmlonline/wasm source directory.
## Running the web page locally
```
cd ../qmlonline/wasm
emrun index.html
```
### Notes on this
It is necessary to have installed [Qt for WebAssembly](https://doc.qt.io/qt-6/wasm.html).
## Acknowledgments
- The general programming idea was taken from [QML Online](https://qmlonline.kde.org/).
- The embeddable code editor in JavaScript is supported by [Ace](https://ace.c9.io/) JavaScript sources.