Développer pour le Librem 5 [ part 3] – Gnome Builder

de | décembre 1, 2019

Nous allons maintenant notre application. Pour cela nous utiliserons gnome builder.

Création du projet

Démarrer gnome builder et cliquer sur Démarrer un nouveau projet...

On ajoute :

  • le nom du projet Kodimote
  • l’id de l’application qui doit être un FQDN, ici info.scandi.kodimote
  • l’emplacement du projet
  • Le language de développement : J’ai choisi JavaScript car c’est celui que je maitrise le mieux.
  • La licence : GPLv3+ qui oblige les repreneurs du code à partager aussi en GPLv3+
  • On active le contrôle de version avec Git

On clique sur créer un projet et on se retrouve avec une joli arborescence.

On ajoute le projet sur un dépôt git :

git add --all
git commit -m "Initial commit"
git remote add origin https://github.com/scandinave/kodimote.git
git push -u origin master

On va déjà tester que notre project fonctionne correctement. Pour cela il va falloir faire un ajustement. Builder génère une configuration utilisant meson >= 0.50.0. Or la version installée avec PureOS est la 0.49.2. On ouvre donc le fichier meson.build pour modifier la valeur de la clé meson_version à ‘>= 0.49.2‘. Nous pouvons maintenant contruire notre projet.

meson . _build
ninja -C _build
ninja -C _build install

Ou plus simplement en utilisant l’icone de build depuis l’IDE Builder. Puis on lance l’application :

info.scandi.kodimote
Aperçu initial de l’application

Nous avons presque fini avec l’installation du projet. Nous devons maintenant ajouter LibHandy comme dépendance de notre projet. Pour cela nous devons ajouter un module dans le fichier info.scandi.kodimote.json situé à la racine du projet.

"modules": [
    {
        "name" : "libhandy",
        "buildsystem" : "meson",
        "builddir": true,
        "config-opts": [
            "-Dglade_catalog=disabled",
	    "-Dexamples=false",
	    "-Dtests=false",
	    "-Dvapi=false"
         ],
         "sources" : [{
             "type" : "git",
             "url" : "https://source.puri.sm/Librem5/libhandy.git"
         }]
     },
    ...
]

Puis nous devons initialiser la bibliothèque afin de la rendre accessible dans le reste du projet. Cela ce passe dans le fichier src/main.js. Modifier ceci :

pkg.require({
  'Gio': '2.0',
  'Gtk': '3.0'
});

const { Gio, Gtk } = imports.gi;

const { KodimoteWindow } = imports.window;

Par cela :

pkg.require({
  'Gio': '2.0',
  'Gtk': '3.0',
  'Handy': '0.0', // Import the lib
});

const { Gio, Gtk, Handy } = imports.gi; // get Handy object

const { KodimoteWindow } = imports.window;
Handy.init(null); // Initialize it

Et voila. Dans la prochaine étapes nous allons commencer la création de notre interface avec Glade.

00

Une réflexion au sujet de « Développer pour le Librem 5 [ part 3] – Gnome Builder »

  1. Ping : Développer pour le Librem 5 [ part 1] – Installation – Le blog de Scandi

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.