Fix Percy on CircleCI performance issues

.circleci/config.yml

@@ -12,6 +12,7 @@ defaults: &defaults
 jobs:
   percy:
     <<: *defaults
+    resource_class: large
     steps:
       - checkout
       - run:

snapshots.js

@@ -1,15 +1,35 @@
+const fs = require('fs');
+const path = require('path');
+
 const PORT = process.env.PORT || 8101;
+const DOCS_URL = `http://localhost:${PORT}/docs/examples/`;
 
-module.exports = async () => {
-  const {default: GetSiteUrls} = await import('get-site-urls');
-  let links = await GetSiteUrls(`http://0.0.0.0:${PORT}/`);
-  let urls = [];
+async function getExampleFiles() {
+  // get all example files from templates folder
+  let files = await fs.promises.readdir(path.join(process.cwd(), 'templates/docs/examples'), {recursive: true});
+
+  // filter only HTML example files in subfolders that are not partials
+  files = files.filter((file) => path.dirname(file) !== '.' && file.endsWith('.html') && !path.basename(file).startsWith('_'));
+
+  return files;
+}
+
+function getExampleUrls(files) {
+  // add standalone versions of the examples in base and patterns folders
+  const standaloneFiles = files.filter((file) => file.startsWith('base/') || file.startsWith('patterns/')).map((file) => path.join('standalone', file));
 
-  links = links.found
-    // only snapshot examples, not the whole site
-    .filter((url) => url.includes('/docs/examples/'))
-    // remove standalone examples listing from screenshots
-    .filter((url) => !url.match(/examples\/standalone$/));
+  files = files.concat(standaloneFiles);
+
+  // map the file paths to URLs
+  return files.map((file) => {
+    file = file.replace('.html', '');
+    return DOCS_URL + file;
+  });
+}
+
+async function getPercyConfigURLs() {
+  let links = getExampleUrls(await getExampleFiles());
+  let urls = [];
 
   for (var i = 0; i < links.length; i++) {
     const url = links[i];
@@ -25,4 +45,8 @@ module.exports = async () => {
   }
 
   return urls;
+}
+
+module.exports = async () => {
+  return await getPercyConfigURLs();
 };