frankcollins3 / Next-Water-App

Happy, Healthy Water Cycling App that tracks user/human fluid intake.
https://next-water-app.vercel.app
1 stars 0 forks source link

puppeteer -> data|undefined [6:37pm] #69

Closed frankcollins3 closed 1 year ago

frankcollins3 commented 1 year ago

attempting to do: puppeteer to scrape image data.

error: before: "navigation timeout of 30000ms exceeded". was also willing to accept it may be from working on older machine. puppeteer now returned undefined which means it went successfully but that data didn't get returned.

proposed approach: the old route was modified a bit, copy paste it this time and use the exact same one from react-express

frankcollins3 commented 1 year ago

in checking logs, realizing that console.log(puppetImg) might not have possibly had data in it. that endpoint might not have even existed. have to: console.log(prepuppet) const prepuppet:any = await puppetPROMISE
const puppetImg:string|null = prepuppet.data.puppeteerWebIcon [6:43pm]

frankcollins3 commented 1 year ago

puppeteer also has string interpolation as damage control to restrict variability. string user enters into input-> prefaced w/ a "lightblue" string so that img colors more likely sync w/ app color scheme

👍 let value:string = lightblue${event.target.value} // the original string with no space between lightblue and input val let value:string = lightblue ${event.target.value} // decided to put space between "lightblue" += "inputval"

[6:48pm]

frankcollins3 commented 1 year ago

base64 encoded URL ?

data:undefined;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxMTEhUSEhIVFhUVFRUVFRcXFRUVFxUVFRUWFhUVFRUYHSggGBolHRYVITEhJSkrLi4uFx8zODMtNygtLi0BCgoKDg0OGhAQGi0lHx8tLS0tL

[6:54pm]

frankcollins3 commented 1 year ago

this works. the machine is old enough that I guessed that as well: it's probably the machine causing timeout over and over

Screen Shot 2023-07-19 at 7 22 50 PM

at this point, running with the code and imgUrl and proceeding [7:23pm]

frankcollins3 commented 1 year ago

here's the url which seems to mean base64 url isn't handled properly. also note the data:undefined first part of str [7:25pm]

data:undefined;base64,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