In short, this is a fun project showcasing a potential path for developing Native UI apps with Elm and Custom Elements. Hope you find it interesting and/or useful 😁
First install project dependencies:
npm install
Next we need to run a node script for building the Elm source code. From the project root:
node compile-elm-to-bundle.js
Then in the project directory, type:
npm start
This will start a Tabris.js code server at a free port and print its URL to the console. The app code can then be side-loaded in the developer app by entering that URL.
Alternatively you can also call the Tabris CLI directly:
npx tabris serve -a -w
This the same as running npm start. The -w switch starts the compiler in watch mode, meaning you do not have to re-start the server after each code change, and -a causes the app to reload automatically as well.
Tabris on Android supports any debugger that uses the V8 inspector protocol. This includes Visual Studio Code, WebStorm and the Chrome Browser. More information can be found here.
On iOS, the Safari developer tools can be used for debugging.
The app can be built using the online build service at tabrisjs.com or locally using Tabris.js CLI.
See Building a Tabris.js App for more information.