fix: local build error, fix crunchbase api error

Signed-off-by: jk2K <[email protected]>

.yarnrc.yml

@@ -1,3 +1,3 @@
 enableProgressBars: false
 
-yarnPath: .yarn/releases/yarn-3.2.1.cjs
+yarnPath: .yarn/releases/yarn-4.0.2.cjs

package.json

@@ -68,7 +68,7 @@
     "lodash": "^4.17.21",
     "node-emoji": "^1.11.0",
     "oauth-1.0a": "^2.2.6",
-    "puppeteer": "^14.2.1",
+    "puppeteer": "^21.5.2",
     "query-string": "^7.1.1",
     "relative-date": "1.1.3",
     "sanitize-html": "^2.7.0",
@@ -93,5 +93,5 @@
     "type": "git",
     "url": "https://github.com/cncf/landscapeapp"
   },
-  "packageManager": "yarn@3.2.1"
+  "packageManager": "yarn@4.0.2"
 }

specs/main.spec.js

@@ -28,7 +28,8 @@ jest.setTimeout(process.env.SHOW_BROWSER ? 30000 : 30000);
 
 async function makePage(initialUrl) {
   try {
-    browser = await puppeteer.launch({args: ['--no-sandbox', '--disable-setuid-sandbox'], headless: !process.env.SHOW_BROWSER});
+    const headlessParam = process.env.SHOW_BROWSER ? false: "new";
+    browser = await puppeteer.launch({args: ['--no-sandbox', '--disable-setuid-sandbox'], headless: headlessParam});
     const page = await browser.newPage();
     await page.goto(initialUrl);
     await page.setViewport({ width, height });

tools/crunchbase.js

@@ -153,22 +153,22 @@ const fetchData = module.exports.fetchData = async function(name) {
     }
     return result1;
   }
-  let acquisitions = result.cards.acquiree_acquisitions.map(mapAcquisitions).filter( (x) => !!x);
+  let acquisitions = _.get(result, 'cards.acquiree_acquisitions', []).map(mapAcquisitions).filter( (x) => !!x);
   const limit = 100;
   let lastPage = result;
-  while (lastPage.cards.acquiree_acquisitions.length === limit) {
+  while (_.get(lastPage, 'cards.acquiree_acquisitions', []).length === limit) {
      lastPage = await CrunchbaseClient.request({
         path: `entities/organizations/${name}/cards/acquiree_acquisitions`,
-        params: {after_id: lastPage.cards.acquiree_acquisitions[limit - 1].identifier.uuid}
+        params: {after_id: _.get(lastPage, 'cards.acquiree_acquisitions', [])[limit - 1].identifier.uuid}
       });
-      acquisitions = acquisitions.concat(lastPage.cards.acquiree_acquisitions.map(mapAcquisitions));
+      acquisitions = acquisitions.concat(_.get(lastPage, 'cards.acquiree_acquisitions', []).map(mapAcquisitions));
   }
   acquisitions = _.orderBy(acquisitions, ['date', 'acquiree']);
 
   let parents = [];
   let lastOrganization = result;
-  while (lastOrganization.cards.parent_organization[0]) {
-    const parentOrganization = lastOrganization.cards.parent_organization[0].identifier.permalink
+  while (_.get(lastOrganization, 'cards.parent_organization', [])[0]) {
+    const parentOrganization = _.get(lastOrganization, 'cards.parent_organization', [])[0].identifier.permalink
     if (parents.map(p => p.identifier.permalink).includes(parentOrganization)) {
       const { permalink } = lastOrganization.properties.identifier
       throw new Error(`Circular dependency detected: ${permalink} and ${parentOrganization} are parents of each other`)
@@ -184,10 +184,10 @@ const fetchData = module.exports.fetchData = async function(name) {
   const totalFunding = firstWithTotalFunding ? + firstWithTotalFunding.funding_total.value_usd.toFixed() : undefined;
 
   const getAddressPart = function(part) {
-    if (!result.cards.headquarters_address[0]) {
+    if (!_.get(result, 'cards.headquarters_address', [])[0]) {
       return " N/A";
     }
-    return (result.cards.headquarters_address[0].location_identifiers.filter( (x) => x.location_type === part)[0] || {}).value
+    return (_.get(result, 'cards.headquarters_address', [])[0].location_identifiers.filter( (x) => x.location_type === part)[0] || {}).value
   }
 
 

tools/renderItems.js

@@ -115,7 +115,7 @@ async function main() {
   }
 
   const fonts = await fs.readFile('src/fonts.css', 'utf-8');
-  const resizerScript = await fs.readFile(require.resolve('iframe-resizer/js/iframeResizer.contentWindow.min.js'), 'utf-8');
+  const resizerScript = await fs.readFile(require.resolve('iframe-resizer/js/iframeResizer.contentWindow.js'), 'utf-8');
   const description = `${settings.global.meta.description}. Updated: ${process.env.lastUpdated}`;
   const favicon = '/favicon.png';