The lightbar is a ws2812 strip that is built into the case.
This lightbar is used to display light effects on certain statuses or actions.
e.g. notifications, errors, confirmations etc.

We need to discuss whether apps should have access to the lightbar or not.

maybe we can implement this into the core
https://github.com/beyondscreen/node-rpi-ws281x-native

Apps must be configured.
For this purpose, there must be a possibility to define the required values (with optional default values).

These values must be changeable in a separate screen.
I would not make the effort to make the settings screen for each app new, it should be something generic so that you always find your way around.
We would have to define a few components for the beginning, like Switches, Numberinput, Textinput, Dropdown etc.

Currently we have to resort to style in javascript like approaches when any asset paths are required in our app CSS. The asset(...) helper is only available in the component, not in its style.

We might want to think of a possibility to somehow allow assets in the <style> section, which will likely need to be implemented as a PostCSS plugin that is automatically loaded in the build service.

When developing apps, it will be important to be able to include assets such as images or audio with the app.
If I remember correctly, at least the internal asset linking already works. But not from the own app folder.
When compiling or uploading the asstes would of course also be packed, and when downloading from the store also be unpacked again.

Currently we can't use <style scoped> tags in our applications. If it is used, the style is just not applied at all.

If scoped is omitted we do have the same issue as we have in regular Vue though, where the same classes override each other in different components. So if app A defines the class .foo, it will also style all elements with the class .foo in app B.

Temporarily just develop apps by themselves so that this can't become an issue, but fix it in the future while also requiring all other apps to only use scoped styles.

CSS via tailwind and Stylesheet doesnt work in awtrix dev package 0.1.15

When "backend"=true im getting following message:

vite v2.2.1 building for production...
✓ 3 modules transformed.
.awtrix/apps/example/0.1.0/style.css        0.71kb / brotli: 0.26kb
.awtrix/apps/example/0.1.0/example.umd.js   3.13kb / brotli: 1.09kb
events.js:292
      throw er; // Unhandled 'error' event
      ^

Error: spawn C:\Users\Stephan\AppData\Roaming\npm\node_modules\@awtrix\app\node_modules\esbuild\bin\esbuild ENOENT
    at Process.ChildProcess._handle.onexit (internal/child_process.js:269:19)
    at onErrorNT (internal/child_process.js:465:16)
    at processTicksAndRejections (internal/process/task_queues.js:80:21)
Emitted 'error' event on ChildProcess instance at:
    at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12)
    at onErrorNT (internal/child_process.js:465:16)
    at processTicksAndRejections (internal/process/task_queues.js:80:21) {
  errno: -4058,
  code: 'ENOENT',
  syscall: 'spawn C:\\Users\\Stephan\\AppData\\Roaming\\npm\\node_modules\\@awtrix\\app\\node_modules\\esbuild\\bin\\esbuild',
  path: 'C:\\Users\\Stephan\\AppData\\Roaming\\npm\\node_modules\\@awtrix\\app\\node_modules\\esbuild\\bin\\esbuild',
  spawnargs: [ '--service=0.11.13', '--ping' ]
}

Hi,
if a image could not be found the awtrix dev process crashes. Would be nice if an error image would be shown in place. An the process continues.
Greetings
wHyEt

The Appstore offers the possibility to download apps for AWTRIX for free.

Similar to the store on smartphones, the Appstore should be structured as follows:

Initial screen:
All apps are displayed, sorted alphabetically, side by side with cover and name. Here you can scroll to the right.

A search is also available

Clicking on an app opens a new screen.
On the left the cover is shown again, on the right the name of the app, a description, version number, creator of the app and the download or update button.

example:

Getting a console error every 5s:
index.js:83 GET http://localhost:3002/socket.io/?EIO=3&transport=polling&t=Na3Kqkh net::ERR_CONNECTION_REFUSED

When running awtrix-dev start, we currently use the precompiled version of awtrix, therefore the Vue development mode is deactivated, which means you can't easily use the Vue developer browser extension for debugging.

For Apps and Core