docs: fix imports of cheerio in examples (#664)

Related: #661

Author: B4nan

sources/academy/tutorials/node_js/dealing_with_dynamic_pages.md

@@ -144,7 +144,6 @@ So, we've gotta scroll down the page to load these images. Luckily, because we'r
 
 ```js
 import { PuppeteerCrawler, utils, Dataset } from 'crawlee';
-import cheerio from 'cheerio';
 
 const BASE_URL = 'https://demo-webstore.apify.org';
 

sources/academy/webscraping/puppeteer_playwright/common_use_cases/paginating_through_results.md

@@ -16,7 +16,7 @@ import TabItem from '@theme/TabItem';
 
 If you're trying to [collect data](../executing_scripts/extracting_data.md) on a website that has millions, thousands, or even just hundreds of results, it is very likely that they are paginating their results to reduce strain on their backend as well as on the users loading and rendering the content.
 
-![Amazon pagination](https://apify-docs.s3.amazonaws.com/master/docs/assets/tutorials/images/pagination.jpg)
+![Amazon pagination](../../advanced_web_scraping/images/pagination.png)
 
 Attempting to scrape thousands to tens of thousands of results using a headless browser on a website that only shows 30 results at a time might be daunting at first, but be rest assured that by the end of this lesson you'll feel confident when faced with this use case.
 
@@ -53,7 +53,6 @@ Let's grab this number now with a little bit of code:
 
 ```javascript
 import { chromium } from 'playwright';
-import { load } from 'cheerio';
 
 const repositories = [];
 
@@ -79,7 +78,6 @@ await browser.close();
 
 ```javascript
 import puppeteer from 'puppeteer';
-import { load } from 'cheerio';
 
 const repositories = [];
 
@@ -118,7 +116,7 @@ And since we're already on the first page, we'll go ahead and scrape the repos f
 
 ```javascript
 import { chromium } from 'playwright';
-import { load } from 'cheerio';
+import * as cheerio from 'cheerio';
 
 const repositories = [];
 
@@ -127,7 +125,7 @@ const REPOSITORIES_URL = `${BASE_URL}/orgs/facebook/repositories`;
 
 // Create a function which grabs all repos from a page
 const scrapeRepos = async (page) => {
-    const $ = load(await page.content());
+    const $ = cheerio.load(await page.content());
 
     return [...$('li.Box-row')].map((item) => {
         const elem = $(item);
@@ -163,7 +161,7 @@ await browser.close();
 
 ```javascript
 import puppeteer from 'puppeteer';
-import { load } from 'cheerio';
+import * as cheerio from 'cheerio';
 
 const repositories = [];
 
@@ -172,7 +170,7 @@ const REPOSITORIES_URL = `${BASE_URL}/orgs/facebook/repositories`;
 
 // Create a function which grabs all repos from a page
 const scrapeRepos = async (page) => {
-    const $ = load(await page.content());
+    const $ = cheerio.load(await page.content());
 
     return [...$('li.Box-row')].map((item) => {
         const elem = $(item);
@@ -260,15 +258,15 @@ After all is said and done, here's what our final code looks like:
 
 ```javascript
 import { chromium } from 'playwright';
-import { load } from 'cheerio';
+import * as cheerio from 'cheerio';
 
 const repositories = [];
 
 const BASE_URL = 'https://github.com';
 const REPOSITORIES_URL = `${BASE_URL}/orgs/facebook/repositories`;
 
 const scrapeRepos = async (page) => {
-    const $ = load(await page.content());
+    const $ = cheerio.load(await page.content());
 
     return [...$('li.Box-row')].map((item) => {
         const elem = $(item);
@@ -321,7 +319,7 @@ await browser.close();
 
 ```javascript
 import puppeteer from 'puppeteer';
-import { load } from 'cheerio';
+import * as cheerio from 'cheerio';
 
 const repositories = [];
 
@@ -330,7 +328,7 @@ const REPOSITORIES_URL = `${BASE_URL}/orgs/facebook/repositories`;
 
 // Create a function which grabs all repos from a page
 const scrapeRepos = async (page) => {
-    const $ = load(await page.content());
+    const $ = cheerio.load(await page.content());
 
     return [...$('li.Box-row')].map((item) => {
         const elem = $(item);
@@ -402,7 +400,6 @@ We're going to scrape the brand and price from the first 75 results on the **Abo
 
 ```javascript
 import { chromium } from 'playwright';
-import { load } from 'cheerio';
 
 // Create an array where all scraped products will
 // be pushed to
@@ -421,7 +418,6 @@ await browser.close();
 
 ```javascript
 import puppeteer from 'puppeteer';
-import { load } from 'cheerio';
 
 // Create an array where all scraped products will
 // be pushed to
@@ -543,7 +539,9 @@ Now, the `while` loop will exit out if we've reached the bottom of the page.
 Within the loop, we can grab hold of the total number of items on the page. To avoid extracting and pushing duplicate items to the **products** array, we can use the `.slice()` method to cut out the items we've already scraped.
 
 ```js
-const $ = load(await page.content());
+import * as cheerio from 'cheerio';
+
+const $ = cheerio.load(await page.content());
 
 // Grab the newly loaded items
 const items = [...$('a[data-testid*="productTile"]')].slice(products.length);
@@ -569,7 +567,7 @@ With everything completed, this is what we're left with:
 
 ```javascript
 import { chromium } from 'playwright';
-import { load } from 'cheerio';
+import * as cheerio from 'cheerio';
 
 const products = [];
 
@@ -592,7 +590,7 @@ while (products.length < 75) {
     // Allow the products 1 second to load
     await page.waitForTimeout(1000);
 
-    const $ = load(await page.content());
+    const $ = cheerio.load(await page.content());
 
     // Grab the newly loaded items
     const items = [...$('a[data-testid*="productTile"]')].slice(products.length);
@@ -628,7 +626,7 @@ await browser.close();
 
 ```javascript
 import puppeteer from 'puppeteer';
-import { load } from 'cheerio';
+import * as cheerio from 'cheerio';
 
 const products = [];
 
@@ -651,7 +649,7 @@ while (products.length < 75) {
     // Allow the products 1 second to load
     await page.waitForTimeout(1000);
 
-    const $ = load(await page.content());
+    const $ = cheerio.load(await page.content());
 
     // Grab the newly loaded items
     const items = [...$('a[data-testid*="productTile"]')].slice(products.length);

sources/academy/webscraping/web_scraping_for_beginners/crawling/finding_links.md

@@ -53,7 +53,7 @@ We'll start from a boilerplate that's very similar to the scraper we built in [B
 
 ```js title=crawler.js
 import { gotScraping } from 'got-scraping';
-import cheerio from 'cheerio';
+import * as cheerio from 'cheerio';
 
 const storeUrl = 'https://warehouse-theme-metal.myshopify.com/collections/sales';
 

sources/academy/webscraping/web_scraping_for_beginners/crawling/first_crawl.md

@@ -21,7 +21,7 @@ In the previous lessons, we collected and filtered all the URLs pointing to indi
 
 ```js title=crawler.js
 import { gotScraping } from 'got-scraping';
-import cheerio from 'cheerio';
+import * as cheerio from 'cheerio';
 
 const WEBSITE_URL = 'https://warehouse-theme-metal.myshopify.com';
 const storeUrl = `${WEBSITE_URL}/collections/sales`;
@@ -75,7 +75,7 @@ In programming, you handle errors by catching and handling them. Typically by pr
 
 ```js title=crawler.js
 import { gotScraping } from 'got-scraping';
-import cheerio from 'cheerio';
+import * as cheerio from 'cheerio';
 
 const WEBSITE_URL = 'https://warehouse-theme-metal.myshopify.com';
 const storeUrl = `${WEBSITE_URL}/collections/sales`;

sources/academy/webscraping/web_scraping_for_beginners/crawling/recap_extraction_basics.md

@@ -18,7 +18,7 @@ We finished off the [first section](../data_extraction/index.md) of the _Web Scr
 // download, extract, and convert the data we wanted
 import { writeFileSync } from 'fs';
 import { gotScraping } from 'got-scraping';
-import cheerio from 'cheerio';
+import * as cheerio from 'cheerio';
 import { parse } from 'json2csv';
 
 // Here, we fetched the website's HTML and saved it to a new variable.

sources/academy/webscraping/web_scraping_for_beginners/crawling/relative_urls.md

@@ -35,7 +35,7 @@ Let's update the Node.js code from the [Finding links lesson](./finding_links.md
 
 ```js title=crawler.js
 import { gotScraping } from 'got-scraping';
-import cheerio from 'cheerio';
+import * as cheerio from 'cheerio';
 
 const storeUrl = 'https://warehouse-theme-metal.myshopify.com/collections/sales';
 
@@ -72,7 +72,7 @@ When we plug this into our crawler code, we will get the correct - absolute - UR
 
 ```js title=crawler.js
 import { gotScraping } from 'got-scraping';
-import cheerio from 'cheerio';
+import * as cheerio from 'cheerio';
 
 // Split the base URL from the category to use it later.
 const WEBSITE_URL = 'https://warehouse-theme-metal.myshopify.com';

sources/academy/webscraping/web_scraping_for_beginners/crawling/scraping_the_data.md

@@ -21,7 +21,7 @@ Let's start writing a script that extracts data from this single PDP. We can use
 
 ```js title=product.js
 import { gotScraping } from 'got-scraping';
-import cheerio from 'cheerio';
+import * as cheerio from 'cheerio';
 
 const productUrl = 'https://warehouse-theme-metal.myshopify.com/products/denon-ah-c720-in-ear-headphones';
 const response = await gotScraping(productUrl);
@@ -123,7 +123,7 @@ Let's compare the above data extraction example with the crawling code we wrote
 
 ```js title=crawler.js
 import { gotScraping } from 'got-scraping';
-import cheerio from 'cheerio';
+import * as cheerio from 'cheerio';
 
 const WEBSITE_URL = 'https://warehouse-theme-metal.myshopify.com';
 const storeUrl = `${WEBSITE_URL}/collections/sales`;
@@ -171,7 +171,7 @@ We'll start by adding our imports and constants at the top of the file, no chang
 
 ```js title=final.js
 import { gotScraping } from 'got-scraping';
-import cheerio from 'cheerio';
+import * as cheerio from 'cheerio';
 
 const WEBSITE_URL = 'https://warehouse-theme-metal.myshopify.com';
 ```

sources/academy/webscraping/web_scraping_for_beginners/data_extraction/node_continued.md

@@ -38,7 +38,7 @@ Replace the code in your **main.js** with the following, and run it with `node m
 ```js
 // main.js
 import { gotScraping } from 'got-scraping';
-import cheerio from 'cheerio';
+import * as cheerio from 'cheerio';
 
 const storeUrl = 'https://warehouse-theme-metal.myshopify.com/collections/sales';
 
@@ -110,7 +110,7 @@ The final scraper code looks like this. Replace the code in your **main.js** fil
 ```js
 // main.js
 import { gotScraping } from 'got-scraping';
-import cheerio from 'cheerio';
+import * as cheerio from 'cheerio';
 
 const storeUrl = 'https://warehouse-theme-metal.myshopify.com/collections/sales';
 

sources/academy/webscraping/web_scraping_for_beginners/data_extraction/node_js_scraper.md

@@ -43,7 +43,7 @@ To parse the HTML with the `cheerio` library. Replace the code in your **main.js
 ```js
 // main.js
 import { gotScraping } from 'got-scraping';
-import cheerio from 'cheerio';
+import * as cheerio from 'cheerio';
 
 const storeUrl = 'https://warehouse-theme-metal.myshopify.com/collections/sales';
 

sources/academy/webscraping/web_scraping_for_beginners/data_extraction/project_setup.md

@@ -57,7 +57,7 @@ With the libraries installed, create a new file in the project's folder called *
 
 ```js
 import gotScraping from 'got-scraping';
-import cheerio from 'cheerio';
+import * as cheerio from 'cheerio';
 
 console.log('it works!');
 ```