ChatGPT 🤖 écris-moi un github action

Hello cher lecteur, ravi de vous retrouver, je ne peux démarrer l'année sans vous parlez de ChatGPT, phénomène de mode ou véritable révolution ? En-tout-cas, j'ai une recommandation à vous faire.

🏃🏾‍♀️Aller crée votre compte si vous ne l'avez pas encore fait.

Préparer votre première question :

Comme tout programme informatique chatGPT à besoin d'être initialisé ou configuré pour être performant dans le domaine choisie. Votre première question a pour rôle de le préparer, voici comment bien écrire votre première question.

1⃣ Choisir le thème

Dans notre cas, nous allons lui demander de construire un github action, ce qui limite déjà nos possibilités de réponse.

2⃣ Définir les tâches

Maintenant, qu'a un domaine d'application, nous allons expliquer nos besoins à chatGPT en précisant les tâches que notre github action devras exécuter, il est important.

• De vous exprimer en une seule langue (français ou anglais ou autre)

• D'utiliser des mots simples

• De détailler chacune des tâches

• D'éviter les jargons

Voici ma première question :

Je voudrais un github action pour contrôler le statut http de mes sites et voir s'ils sont au code 200 sinon ouvrir un issues

🤖 Première réponse de chatGPT

Bien sûr, voici un exemple de fichier YAML pour une action GitHub qui effectue une vérification de statut HTTP sur une liste de sites web, crée une issue pour ceux qui ont une erreur de statut, et commente sur l'issue en cas de changement de statut :

name: Check Website Status

on:
  schedule:
    - cron: '0 * * * *'  # Vérifie toutes les heures

jobs:
  check_status:
    runs-on: ubuntu-latest

    steps:
      - name: Checkout code
        uses: actions/checkout@v2

      - name: Setup Node.js
        uses: actions/setup-node@v2
        with:
          node-version: '14'

      - name: Install Dependencies
        run: npm install

      - name: Check status
        run: node checkStatus.js

      - name: Create issue
        if: steps.check_status.outputs.failed_sites
        uses: peter-evans/create-issue-from-file@v2
        with:
          title: Website status check failed
          content-filepath: ./issue-body.md
          labels: website, status check

Ce workflow utilise le planificateur cron pour vérifier l'état des sites web toutes les heures. Il utilise également l'action peter-evans/create-issue-from-file pour créer une issue si un site a une erreur de statut.

Vous devrez également créer un fichier checkStatus.js qui contient la logique de vérification des statuts de site. Voici un exemple de fichier checkStatus.js :

const https = require('https');

const sites = [
  'https://example.com',
  'https://example.org',
  'https://example.net'
];

let failedSites = [];

sites.forEach(site => {
  https.get(site, (res) => {
    if (res.statusCode !== 200) {
      failedSites.push(site);
      console.error(`Site ${site} failed with status code ${res.statusCode}`);
    }
  }).on('error', (e) => {
    failedSites.push(site);
    console.error(`Site ${site} failed with error: ${e.message}`);
  });
});

if (failedSites.length > 0) {
  console.log(`The following sites failed: ${failedSites.join(', ')}`);
  const output = {
    failed_sites: failedSites.join('\n')
  };
  console.log(JSON.stringify(output));
} else {
  console.log('All sites passed');
}

Ce fichier vérifie les statuts de site en utilisant le module Node.js https. Les sites à vérifier sont stockés dans un tableau sites. Si un site a une erreur de statut, il est ajouté à un tableau failedSites. À la fin de la vérification, si des sites ont échoué, la sortie de l'action est configurée pour inclure ces sites.

Vous devrez également créer un fichier issue-body.md qui contient le contenu de l'issue à créer. Voici un exemple de fichier issue-body.md :

## Sites with failed status check

The following sites failed the status check:

{{ failed_sites }}

Ce fichier est utilisé par l'action peter-evans/create-issue-from-file pour créer le contenu de l'issue. Le texte {{ failed_sites }} est remplacé par la liste des sites qui ont échoué la vérification de statut.

Conversation avec chatGPT

Et voilà 🎉, un bon début pour notre prototype.

🚨Mais attention pour continuer le travail une compréhension minimum du fonctionnement des github actions est nécessaire pour vérifier, décrypter et améliorer cette réponse. Si votre niveau de compréhension de github action est de zéro, je vous recommande de commencer par l'apprendre avec chatGPT.

Refactoré le code ou améliorer les réponses

Après une analyse minutieuse du code, je voudrais maintenant apporter une amélioration. Comment faire ? En continuant la conversation avec chatGPT tout en demander les modifications à apporter. Prenez garde à ne demander qu'une amélioration à la fois.

Deuxième question :

Dans le fichier checkStatus.js peut tu remplacer le variable sites par les données venant d'un fichier site.csv qui dans le dossier data

🤖 Réponse :

Oui, bien sûr. Voici comment vous pouvez modifier le fichier checkStatus.js pour utiliser les données d'un fichier sites.csv situé dans le dossier data :

const https = require('https');
const fs = require('fs');
const path = require('path');
const csv = require('csv-parser');

const sites = [];

fs.createReadStream(path.join(__dirname, 'data', 'sites.csv'))
  .pipe(csv())
  .on('data', (row) => {
    sites.push(row.url);
  })
  .on('end', () => {
    console.log(`Loaded ${sites.length} sites from sites.csv`);
    checkSites(sites);
  });

function checkSites(sites) {
  let failedSites = [];

  sites.forEach(site => {
    https.get(site, (res) => {
      if (res.statusCode !== 200) {
        failedSites.push(site);
        console.error(`Site ${site} failed with status code ${res.statusCode}`);
      }
    }).on('error', (e) => {
      failedSites.push(site);
      console.error(`Site ${site} failed with error: ${e.message}`);
    });
  });

  if (failedSites.length > 0) {
    console.log(`The following sites failed: ${failedSites.join(', ')}`);
    const output = {
      failed_sites: failedSites.join('\n')
    };
    console.log(JSON.stringify(output));
  } else {
    console.log('All sites passed');
  }
}

J'ai ajouté les modules fs, path et csv-parser pour lire le fichier CSV et ajouter chaque URL de site au tableau sites. Le fichier CSV doit avoir une colonne nommée url pour que cela fonctionne. J'ai également extrait la logique de vérification des sites dans une fonction séparée checkSites pour pouvoir l'appeler à partir du gestionnaire d'événements on('end') du lecteur CSV.

Notez également que j'ai utilisé __dirname pour obtenir le chemin absolu du dossier data, ce qui est important pour éviter les problèmes de résolution de chemin relatifs. Si le fichier CSV est dans un sous-dossier de data, vous pouvez simplement ajouter le chemin relatif au chemin absolu de data.

Tester le prototype

Avant d'aller plus loin, il est temps de tester notre github action, encore quelques questions de plus à chatGPT pour préparer notre repo github et le déployer.

Troisième question :

Merci, peux-tu me donner la structure des fichiers et dossier à créer dans mon repo github

🤖 Réponse :

Bien sûr, voici la structure de fichiers et de dossiers que vous pouvez utiliser dans votre dépôt GitHub pour implémenter la vérification de l'état HTTP des sites Web :

.github
└── workflows
    └── check-status.yml
checkStatus.js
package.json
README.md
data
└── sites.csv

• Le dossier .github contient des fichiers de configuration pour les workflows GitHub Actions. Vous pouvez le créer à la racine de votre dépôt.

• Le dossier workflows contient le fichier de workflow check-status.yml. Vous pouvez le créer à l'intérieur du dossier .github.

• Le fichier checkStatus.js contient le code pour vérifier l'état HTTP des sites Web. Vous pouvez le créer à la racine de votre dépôt.

• Le fichier package.json contient les dépendances du projet. Vous pouvez le créer à la racine de votre dépôt et y ajouter le module csv-parser en tant que dépendance.

• Le fichier README.md contient des informations sur le projet. Vous pouvez le créer à la racine de votre dépôt.

• Le dossier data contient le fichier CSV sites.csv qui contient les URL des sites Web à vérifier. Vous pouvez le créer à la racine de votre dépôt.

Assurez-vous de remplacer les URL de sites dans sites.csv par les URL des sites que vous souhaitez vérifier. Vous pouvez également personnaliser le message d'erreur ou d'alerte qui est généré en fonction de vos besoins.

Quatrième question :

Super pour finir, donne-moi le fichier README.MD et package.json ajoute comme auteur mon nom.

🤖 Réponse :

Voici le contenu du fichier README.md :

# Vérification de l'état HTTP des sites Web

Ce projet est un exemple de vérification de l'état HTTP des sites Web à l'aide de Node.js et GitHub Actions.

## Utilisation

1. Clonez le dépôt sur votre ordinateur
2. Ajoutez les URL des sites Web à vérifier dans le fichier `data/sites.csv`
3. Exécutez `npm install` pour installer les dépendances
4. Exécutez `npm start` pour vérifier l'état HTTP des sites Web

## Auteur

Votre nom

Et voici le contenu du fichier package.json avec votre nom en tant qu'auteur :

{
  "name": "check-http-status",
  "version": "1.0.0",
  "description": "Vérification de l'état HTTP des sites Web à l'aide de Node.js et GitHub Actions",
  "main": "checkStatus.js",
  "scripts": {
    "start": "node checkStatus.js"
  },
  "keywords": [
    "http",
    "status",
    "check",
    "node",
    "github",
    "actions"
  ],
  "author": "Votre nom",
  "license": "MIT",
  "dependencies": {
    "csv-parser": "^3.0.0"
  }
}

Déployer le code chez github

À ce stade reste plus cas copier coller le code généré par chatGPT dans un dossier tout en respectant la structure des fichiers et dossiers ci-dessus.

https://github.com/dofbi/gh-actions-check-http-status

💡Il serait intéressant de pouvoir installer un pluging dans chatGPT pour nous permettre d'ajouter des fonctionnalités, comme lancer les commandes git commit , git push depuis chatGPT.

Résultats Test

Le github action, c'est bien exécuter 🎉 sans aucune erreur, pour un début ce n'est pas mal pour une intelligence artificielle surtout sur un domaine tel que les github actions.

À vous de jouer, n'hésitez pas à commenter et à partager vos github actions ici.