ace4f92aad
After checking if the instance field is null, we await the promise that would guarantee DOM attachment. While we await, the browser processes other microtasks, and we might end up in render() again. This time the instance field is also null, but the ensure_attached_to_dom promise is already resolved, so we would create the first slint component and the associated window. Later we would return from the first await. At this point the instance field is already set, so we should re-use the existing window, but since we're not checking anymore, we'll go ahead and create a second window on the same canvas element. Fixes #1926 |
||
|---|---|---|
| .. | ||
| cypress | ||
| src | ||
| static | ||
| styles | ||
| .eslintrc.yml | ||
| .gitignore | ||
| cypress.config.ts | ||
| index.html | ||
| package.json | ||
| preview.html | ||
| README.md | ||
| tsconfig.default.json | ||
| tsconfig.json | ||
| vite.config.js | ||
Slint Online Editor
This directory contains the frontend code for the online code editor which is hosted in https://slint-ui.com/editor (last stable) and https://slint-ui.com/snapshots/master/editor (nightly)
To try it out locally type this in this directory:
npm install
npm start
Documentation
The index.html page contains a code editor and every key press reload the preview.
The preview.html page contains only the preview and the code must be given via query parameter.
-
?load_url=query argument make it possible to load the .slint code directly from an URL. If the slint code contains relative path for imports or images, they are loaded relative to that slint file. That way it is possible to load code from github (via raw.githubusercontent) or gists.Example: this loads the printerdemo.slint file from the github URL
-
?snippet=query argument, followed by the URL-encoded slint code, will simply load this code this is what is used tor the permalink featureExample: a simple code with "Hello Slint"