Ejecutar apps NW.js en Wayland

NW.js es un framework que nos permite crear aplicaciones de escritorio con tecnologías web, es decir, podemos crear aplicaciones con   HTML ,   CSS y JavaScript, y ejecutarlas en el escritorio de cualquier sistema operativo. Y si bien es un framework muy interesante, tiene un problema, no funciona en Wayland. O al menos no antes de la version 0.50.0. Sin embargo hay una forma de hacerlo funcionar en Wayland, y es modificando el package.json de la app siempre y cuando use la version 0.50.0 o superior.

Modificando el package.json como dev

Dentro de nuestro package.json debemos agregar la siguiente linea:

1

"chromium-flags": "--enable-features=UseOzonePlatform --ozone-platform=wayland"

De esta forma, cuando ejecutemos nuestra app, lo haremos con Wayland.

Modificando el package.json como usuario

Supongamos que no somos los desarrolladores de la aplicacion y no podemos modificar el package.json, pero queremos ejecutar la app en Wayland. Para esto podemos modificar el package.json de la siguiente forma agregando la linea mencionada anteriormente, y en el caso de existir agregarle ambos valores a la linea chromium-flags

Caso practico Kera Desktop

Hace no mucho se dio a conocer este escritorio que si bien no es funcional aun porque no permite ejecutar aplicaciones, es un proyecto muy interesante. Y si bien no es funcional, ya podemos comenzar a probarlo en conjunto con nuestro escritorio, claro siempre y cuando estemos en x11 (o en wayland con el soporte para apps x11)

Sin embargo si estamos en wayland y queremos tener una mejor experiencia con Kera Desktop, podemos modificar el package.json de la siguiente forma:

• Abrimos la carpeta de la app, en mi caso ~/Kera-Desktop-Linux-X64

• Abrimos la carpeta package.nw y dentro de ella el archivo package.json

• Veremos un archivo como este:

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

  { "name": "kera-desktop", "main": "main.js", "chromium-args": "--enable-experimental-web-platform-features --enable-features=OverlayScrollbar", "cldr-data-urls-filter": "(cldr-core|cldr-numbers-modern|cldr-dates-modern|cldr-localenames-modern|cldr-misc-modern|cldr-units-modern)", "window": { "title": "Kera Desktop", "id": "KeraDesktop", "icon": "logobig.png" }, "webview": { "partitions": [ { "name": "trusted", "accessible_resources": ["*"] }, { "name": "normal", "accessible_resources": ["api/*"] }, { "name": "incognito", "accessible_resources": ["api/*"] } ] }, "devDependencies": { "eslint": "^8.41.0", "eslint-config-google": "^0.14.0" } }

• Agregamos los valores mencionados anteriormente a la linea chromium-flags y quedara de la siguiente forma:

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

  { "name": "kera-desktop", "main": "main.js", "chromium-args": "--enable-experimental-web-platform-features --enable-features=OverlayScrollbar --enable-features=UseOzonePlatform --ozone-platform=wayland", "cldr-data-urls-filter": "(cldr-core|cldr-numbers-modern|cldr-dates-modern|cldr-localenames-modern|cldr-misc-modern|cldr-units-modern)", "window": { "title": "Kera Desktop", "id": "KeraDesktop", "icon": "logobig.png" }, "webview": { "partitions": [ { "name": "trusted", "accessible_resources": ["*"] }, { "name": "normal", "accessible_resources": ["api/*"] }, { "name": "incognito", "accessible_resources": ["api/*"] } ] }, "devDependencies": { "eslint": "^8.41.0", "eslint-config-google": "^0.14.0" } }

De esta forma a la hora de volver a abrir la app en nuestro entorno de wayland podemos hacerlo con una ventana nativa y sin ningun problema.

Fuente:   https://nwjs.readthedocs.io/en/latest/