Ultralight Svelte Starter

Build desktop applications using a smaller, lighter, cross-platform WebKit that's more customizable and designed to display web technologies like Svelte. This is an Ultralight starter with Svelte with TypeScript.

Available Commands

Svelte

Commands you can execute inside the Svelte app directory

Command	Description
yarn install	Install project dependencies
yarn build	Builds code bundle with production settings
yarn dev	Run a web server to serve built code bundle

Ultralight

Commands you can execute inside the build

Command	Description
cmake --build . --config Release	Build Ultralight binary without cleaning
cmake --build . --config Release --clean-first	Build Ultralight binary

Prerequisites

Before you build and run, you'll need to install the Ultralight prerequisites for your platform.

You also need to install NodeJS to work with Svelte

Development

Svelte

Inside the app folder resides Svelte, you need to install dependencies by executing the following commands

yarn

Before anything else you need to build the Svelte project. You need to do this everytime you want to test the desktop application.

yarn build

Ultralight

Setup the Ultralight build folder, you only have to do this once by executing the following commands

mkdir build
cd build
cmake ..
cmake --build . --config Release

Once the above is setup everytime you need to rebuild the application you need to execute the following on the build directory

cmake --build . --config Release --clean-first

Note you may need to delete the binary eg. MyApp in this case.

Running

Ultralight

On macOS and Linux

Navigate to ultralight-quick-start/build and run MyApp to launch the program.

On Windows

Navigate to ultralight-quick-start/build/Release and run MyApp to launch the program.

Svelte

To run your Svelte application and debug, just go to app folder and execute the

yarn dev

Further Reading

Follow the Writing Your First Ultralight App guide and other tutorials in the documentation for more info.

The Svelte application is created with Svelte Template

Contributions

Huge thank you to geocine for the idea.

This project is based on Ultralight-React Template Ultralight-React boilerplate.