# widgets_playground

**Repository Path**: mirrors_therecipe/widgets_playground

## Basic Information

- **Project Name**: widgets_playground
- **Description**: Showcase example for https://github.com/therecipe/qt
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-26
- **Last Updated**: 2026-04-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

[WEB DEMO](https://therecipe.github.io/widgets_playground)

---

Introduction
------------

This is a showcase example for the "js" and "wasm" targets and also the new JavaScript API of [therecipe/qt](https://github.com/therecipe/qt)

Info
----

For general information about `therecipe/qt`, checkout: https://github.com/therecipe/qt

The Qt API Docs can be found here: https://doc.qt.io/qt-5/classes.html

If you have questions, join our Slack channel [#qt-binding](https://gophers.slack.com/messages/qt-binding/details) ([invite yourself here](https://invite.slack.golangbridge.org)\)

Usage
-----

If you are already familiar with qtdeploy and the docker deployments then just pull the "js" or "wasm" image and deploy with `qtdeploy -docker build js` or "wasm" as usual.

---

If you are new and want to build this yourself, then just take the following steps:

-	Install Go: https://golang.org/dl/

-	Install Git: https://git-scm.com/downloads

-	Install tooling: `go get -u -v github.com/therecipe/qt/cmd/...`

-	Pull the repo: `go get -d -v github.com/therecipe/widgets_playground`

-	Install Docker: https://store.docker.com/search?offering=community&type=edition

	-	On Windows: [share](https://docs.docker.com/docker-for-windows/#shared-drives) the drive containing your **GOPATH** with docker
	-	On Linux: if necessary run docker as [root](https://docs.docker.com/install/linux/linux-postinstall/#manage-docker-as-a-non-root-user)
	-	On macOS: [share](https://docs.docker.com/docker-for-mac/#file-sharing) your **GOPATH** with docker if it isn't located in some subfolder below `/Users/`, `/Volumes/`, `/private/` or `/tmp/`

-	Pull the "js" or "wasm" image:

	```
	docker pull therecipe/qt:js
	```

	or

	```
	docker pull therecipe/qt:wasm
	```

-	Run the deployment: (replace "js" with "wasm" for an full WebAssembly build)

	```
	cd $(go env GOPATH)/src/github.com/therecipe/widgets_playground
	$(go env GOPATH)/bin/qtdeploy -docker build js
	```

-	You should find the deployed application in the `deploy/js` or `deploy/wasm` subdir

-	Open `deploy/{js|wasm}/index.html` with your browser

---

You can most of the time use `qtdeploy -docker -fast build js` after you made some minor changes, heavier changes like the introduction of new Qt classes or functions, or changes inside the JavaScript files will force you to compile without the "-fast" flag once again.

It's planned to remove these limitations in the future.