# インストールを行なえるchromiumのバージョン確認
snap info chromium

# chromiumのインストール(stable)
snap install chromium

# インストール場所の確認(puppeteerで使用する）
which chromium

# npmがインストールする必要のあるバイナリコンポーネントをビルドできることを保証するため、build-essentialをインストール
sudo apt-get install build-essential

# Node-REDをインストール
bash <(curl -sL https://raw.githubusercontent.com/node-red/linux-installers/master/deb/update-nodejs-and-nodered)

# ラズパイ起動時に自動起動させる
sudo systemctl enable nodered.service

# 起動の確認
node-red

# カレントディレクトリの移動
cd ~/.node-red

# 私はchromium 79.0.3945.79 でしたが
# 今回はv1.20.0をインストール
sudo apt install [email protected]

# Node-REDでpuppetter-coreを使用する為に、グローバル変数にpuppeteerを追加
nano ~/.node-red/settings.js

    functionGlobalContext: {
        puppeteer:require('puppeteer-core')
        // os:require('os'),
        // jfive:require("johnny-five"),
        // j5board:require("johnny-five").Board({repl:false})
    },

// ★グローバル変数の呼び出し★
var puppeteer = new global.get('puppeteer');

// URL指定
var url = "https://www.google.com/";

(async () => {
  const browser = await puppeteer.launch({
    // ★snapでインストールしたchromiumの場所★
    executablePath: '/snap/bin/chromium', 
    headless: true
  });
    try {
        const page = await browser.newPage()
        await page.setViewport({width: 1200, height: 800})
        // chromeを開く
        await page.goto(url,{waitUntil: "networkidle2"}) // ページへ移動
        // 検索窓に入力
        await page.type('input[name=q]', 'node-red',{ delay: 5 } )
        // 検索
        await Promise.all([
            page.waitForNavigation({waitUntil: "networkidle2"}),
            await page.evaluate(() => {
                document.querySelector('input[value^="Google"]').click();
            })
        ]);
        // var result = await page.evaluate(() => document.querySelector(`#rso > div > div > div:nth-child(1) > div > div > div.r > a > h3 > span`).textContent.trim())
        var result = await page.evaluate(() => document.querySelector(`#rso > div > div > div:nth-child(1) > div > div > div.r > a > h3`).textContent.trim())
        await Promise.all([
            page.waitForNavigation({timeout: 20000, waitUntil: "networkidle2"}),
            // page.click('#rso > div > div > div:nth-child(1) > div > div > div.r > a > h3 > span')
            page.click('#rso > div > div > div:nth-child(1) > div > div > div.r > a > h3')
        ]); 
        result = await page.evaluate(() => document.querySelector('body > div.title > div > div > div > p > a > span').textContent.trim())
        // ★非同期処理の為、後続のノードへの出力はnode.send()を使用する★
        node.send({payload:result}) 
    } catch(e) {
        node.send({payload:`error:${e}`})
    }finally{
        await browser.close()
    }
})();

return msg;