248212711e
I had the mental model of "updating the preview with the new code" since that is how the LSP works. That is of course wrong here: The Previewer always compiles again from scratch. So always feed the main source file to the preview, not the currently edited one. Fixes: #2057 |
||
|---|---|---|
| .. | ||
| 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"