frankcollins3 / fill_container

codecamp team project updated with new icon screen menu + puppeteer icon search, GraphQL, redux, relational psql !mongo, and accuweatherAPI
1 stars 0 forks source link

puppeteer grabbing invalid url [8:21pm] #220

Open frankcollins3 opened 1 year ago

frankcollins3 commented 1 year ago

Screen Shot 2023-06-15 at 8 04 30 PM

heres the actual image URL:

data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHCBUWFRgVFRUYGBgZGRgYGBwaHBgYGBgZGBgZGRkZGBgcIS4lHB4rHxoaJzgmKy8xNjU1HCQ7QDs0Py40NTEBDAwMEA8QHxISHzQsJSsxNDQ3NDRANDQ0NDQ2NDQ0NzQ0NDQ0ND80NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQxNDQ0NP/AABEIAOEA4QMBIgACEQEDEQH/xAAbAAEAAgMBAQAAAAAAAAAAAAAABQYCAwQBB//EADoQAAEDAgQDBgQGAQQCAwAAAAEAAhEDIQQFEjFBUWEGIjJxgZETQlKhFGKxwdHw4RUjcoKi8RYzQ//EABkBAQADAQEAAAAAAAAAAAAAAAABAwQCBf/EACURAAMAAgEEAwEAAwEAAAAAAAABAgMREgQhMVETQWEiFKHxgf/aAAwDAQACEQMRAD8A zIiIAiIgCIiAIiIAiIgCIiAIiIAiIgCIiAIiIAiIgCIiAIiIAiIgCIiAIiIAiIgCIiAIvEQHqItNSs1tib8hdx8gLlAbkXA/NKYIaSZJ0ixknlG62urO4D90B1IueliJMEQV0IAiIgCIiAIiIAiIgCIiAIiIAiIgCIiAIiIAiIgMZULmefMpy1nedt UHqVzdo80Lf9phgnxEbgHgPRVao NtwtmDpuS5UY8/U8NpEjis3rukF8HkDpjoI3XNTzau3vCq4xcyZbHGQ6wEKMe 8zc3P F4/W6GtaXvJBazTqEmwL5t1uDxK15Jx447pGHFV5smk2XjBZ0alFlQgDUDBBHeAMapNmN6meg2K7aOA1CXukG4a0931O7j1Mqn5Fkz69Q/iq1QVGQTRgNbEy1zQbPZtuDcequTKz21SHBoYW91wJkuG8tiBw2mV5Lab7HspaWjd Api7WgOGx4jgq9muYvp4nDtYbvf/ALjfyRpg8ryR1aVO4nMA2Yju3cSYYwc3H9ALm3mIylR1P IRxlrnCHudBbqLflAadLW7gF03cUSJJfEkOgt3/ZbaVcQA6xXG1h5lZ6VOiCQRcMnmUDzzPuo4knei4hVdzXprujgnEHLmmbtpd0DU7lwHU/wq3ic6ruMh kcGtAH6yV147APufHNyeKha7I6c91tw4417M11Wzuw3aCu2xIeOIcJ 4hWXK87ZWt4X/STv/wATxVDfUERFuKwZUOoOaSIIII5i/uu76eaXZaOZytH1RFDdns1 OzvWe2zuEjgR /VTIXn0nL0zUmmto9REUEhERAEREAREQBYOMAk8FmsKgBBB2gygPmOLxupznEmSS48d/wBFpo6ztbhJ2vw/MegXTRyUxqqPaxt9LiNRfHFrQRqb YkC4uo3N6GhzalHEB4guDIGksA8THARPGJMmbr1MnUzC4x3f jy8fR1b5X2X zZm73UB4DqNxtqueA Udd1J9iuz9Vx/FYhxa0glrRbydO7Y57nyTstkxrvdVrttOszq77pkEucSY3tIUv2mxxq0KlOg7SD/ts02L3SJa3k2JvyBOy86rq3umejGOIWpWjhx2ZurVjVw9Sm4YUuaXAEPIIlwc4mHMIBAgeIKTxWOfWcGy5lMaHAMkvqOIJjXEU29Zn3Ud2d7LMosImS8DWfr6dGj78VYKOXtZsIUcUd7MKOHnSXAd27GidLDzvdz bjffaSu5jF6xgCzlSQIXiyWJQBCERAeIhXhKkHhCi80yxrxazuBHHzUoCsHqZpy9ohpNaZQ69BzCQ4EH 7LXI8oVvzHB6223G38KsmlBg7z6 q348vJGW44s6slxJp1mngSGu/4ut/n0X0JfOKGHJe1o3LmgR1IX0dZOq1yTLsPhnqIizFwREQBERAERYVHBoJOwBJ8hcoDXWrBttyZgdBuSeAHNROt9eHNHd5O8DT5fO6ZubC3dO648ixv4sF4kNcSXnmA5wZTH5Q0X5kuPFWZjAAABAGwQFazvAuawuHfkHWSJdbY3 UcuCqtDAPr1NLTq1ggl0kBsQXHo0GfOBxX0jF4gMbJuTZrRu4nZrev6XJsFVcxxzaepgDZcZrltmzwpNjcC8878zF0ZdQ5S7sovFu1TfZfRqz3OmUqPw6d2jui8GoQBJMbMuJPGYFjIrnZfHvfiQSNYdZ8DwAwNY4NAhoI5QOACnauSfHZNeWy4Oa1sAsAmL8yCff2ksBl1GkIYwMYDqO5LiLguJuY6n2Val7L99iaLw0SeCi8VnrGuLQQSIkQXOE8S0bDz5FROOzUvdDJjpYjkRwmL3IsVyteGtaT3Y5mCZPAvAj3WyMC1ujJebvqSX/APk9MeKW7eJj2i 2423UzhsU14BBv/duYVQbWBMzczuZG23iI9PsvMO59IhzbMtqA1GDtIJgDrYLqsEtfz2ZE5qT/rui8BCtGFq6mghbiFja0awiQvHGFAObF4oMEkgeZj78lXK/aNvyOJg/K2Af ztxveFH9osxL6mgO7oEOETMnY/YwoeriRxfEdWi37RC9DD088d0YMvUvk1JasL2jlwDiBOwdAJ5aXAxeCYICn8Ni2vEixG4PiB6hfOHgWk7Da/P5pIn2XVlOZPY4X8Ittdo3Yd7cQpydNLW5IxdS09UfQiFBZ1hYcHgb2KnKbw4Bw2IBHkUfRa6A4SJE 6xTXCtm6lynRw5Bl0uFV2wkN69fRWVYsaAIAgBZKq6dPbJmeK0eoiLk6CIiAIiIAufF0dbHsmNTXNnlqBH7roRAfOezmdnAsdh8TRe3S50Oa0Fpkkm83ElWin2gDwDTY6 xfA9Qxup59WgdQperh2u3ErWMEzr7/whPYhHOe51yQXd2f8A9IO7WNaSKTeZBLja4gRqw TNY8OeBIHcYPCzqebuqstHDtb4WgTvzPmeK4cW7vn0/RdS9eDlrfk0PbKh8/qaKekbvOm28bu wPupsBV3tS/vMb0eeEfKJv0JV2FcrSKs1cYbIjC0g2XuFtJ1HeIkug2sL2v5KmZt2pqFwbQJaxsi0NJk2LtIHLYc Kt2MtRedRbDXyQJixvIBj3HkvlznjUeVuBsYEQJ/ZX9RVLWinp5T7tFhYzM/h/iwwuY0ai8EEaTudJMkekKx9nMx PScS1gi3dETaSSAyB5AriwHbwU8H G AHEU9GvWIMgtJLIHDqovsQYe4aoMHhII2PD FXht8tbLM0Tx3o v9nquqmOYAn1aFLqC7MAaJHJv6KclV5VqmWY3uUCufGuIY4jeF0SuTMj3DH9E3XMrujqvB8wzPF6G1HkGQXOiBH69FS8LVxGJrtZTcA6odLZgc9 Jjn/AArL2ma/4L 6T3nNBAB497cyNx77ql5RmL6FRlWnGthkAzE3s4NIJ32lauqt7U/Rl6WFp197LfmeAxOX1GCo9r2P2LLB kS9rmm4sd P2UsI0sqNFiA8XJs4F1zYdOkqr9oe1r8a6nrYxmibNLjJfYm/QbR6qzZQ7XhKbvy6bwSC2WuFvXfpsuult7cnPVwtKvsvvZnEaqWn6CW nib9j9lLlVbsTU8Y3sz7S2fsrUVnzzxtovwVyxpkjTMgHos1pwx7oW5Zi8IiIAiIgCIiAIiIAiLxAFE1vE7zK6cbmVKkCXvAjcbn2F1xUaweNbdnd4eRuF3MvW9HPJb0bmqv9qqJhjxw1Mvt3gNPpI 6sLVpzLC/EpvbxIt57j7q3FXGkznLPKGikMIcxzHAlrhBA37wIMSbe0dCq32awDGOr0a7GOIIZLmtcS0tsWTtNj7KwuLmOfIIcJ1iQNJJva3dO8g22PNaczyiliGgv1B7B3KjZDm7HxXHqZWvPj Rdijo oWGt0tr0fPs1wLaNY02PLwADJABk7yATF d77cTZuxeCcGvq8I0MvuTu7TExMRzErZhOybWvl9V72TIaQGwQRu9lnX4GB0KtWWUNb2sAAaDDRAbtxEEgjqI4WVWPC4/qvo7zZpt6ldmWXJWaGEugCbbbARJXnaHLXYii5jKjmO3Y5pIgjnG4K19ocqdWwz6LDBLRp5S0ggHpZQFHM8yLWUm4SHhoa59RzdGoGC6xuLTbmqKfJ7LZWlo6OyWRVGO JWxD6jmFzGgOfoBBLSTJ7x3F9vurJj2BzHNm8TE3tdV3DOxuFY/WwYiXF/ 3ZwLnAv7p33JgclJZLSqOfUr1WFjnw1rDBLWNmJjnKhdnsl91ooWf4V2iowCJOoRqOqO9y8PDcrnyjL6dbAik8hkPe7VDdenUXT1PiEn6TyVxz/LJcSG6iQYECDMyAPq81TMZk7HP3LDB1aToIcWxJGnvGZg2/Za7xfMk0 5R03U/wCLTVTtMo Iwemo4CCA7QyC12szDYc2xG1wvoGGpfBospSHFrRsQW6t3QAJ3JvK04XB0aRLmAlwBGt75dFrWmNl10MO54LnA6Js6w1k7NbFyTz4QVbgw/HuqMnU5/lepXYs/YgGHzeIHuSePmFaio7s/gvhUQD4nS53Qnh6BdzysWaldto3YJcwkzuwnh9VvUHTzljCWEEkXMRaecldlHNaTvmg/mt9zZUvHXnRZynxskUWLXAiQZCyXB0EREAREQBeIo7OsZ8OmSPETpb0Jm/sCpSbekQ3pbNGbZ4yiCB3nD5Rw8z yqmJz rUaXOeWN20tEffcrjx9XumDf8AtuqhX1O6I9V6/T9LCW2u55fUdRSekdFfHETBMdVYMkzgtpsD7iBEbgKk4iv 83/T7qfwDgGM49wQfRW58cudaKunulW9l9w MY8WcP3XWwqk0XEbLro4x4NnLzqwemelOb2T YZYyqASS17fC5tnN/kdFB1ezbwdTRTc6ZPipuO8GWECduHNdtPM3fNfquhubD6Sk/JPZBrHXdkYMgeSNTWbXJLn Y2Grhv1U5gsvYw6ol209OQGwHktLc4b1lP9YZycPRRbyV2ZMzE90SZCxhRn tU qPzlnX2Vfx36LOc yTAWUKGOds4T7IM8YRx9lPxV6I SfZKVaQcIIlRGZZOHiwaYizxItycLjj7oc/ZsASsRnzOLTPJWTOSe6RxVRS0zgHZt5Ooik10/S54F9w1xgHqB ilMFkjGO1ve6o/m8yB1a3YH VzVs/5MPmuV dvdwiy7ay0u5Ulil9izVKgCiMfmjW2Zc/ZQr8W98hzyQQtDp9eaicOvJ3Wbfg5sRidNUuvLmgu9JutzM1HG5iecfdc OpS4Gb6SI9f7ZR1dkcLbyNQtst0ymkee8lKmWjBZk5veY4jmIIaf psrRk cNrd02eBccD1H8L55l7pbe3ST78l3YfElj2vaY0kHz5ieRCz58Evfs2Ysr0mfTUWDHAgEbESPVZryzaEREB4q92u/ th4B8nh8roVhUfneC LRewbkS3zFx77eq7xVxtNnNrctHzSlsSdzJ/wDwXA6mZMLvqUC3uuBlpvIgz q0MpOnbZe7FryePmhvRFVsPJmNv7Kn8vuxh/KB7WW/CZBWqyWtsdibAepU9guzgYwMe6XDcja97T5qnN1Ea1vud4MNt7a7ERRPP/ANrbPKfsrBTydgtBW5uU0 SyPNJsWGiAY2QvHDp77qyDLGRt90blzB8qj5pOviZWtJ2A/krB7Ty/v7q2twbPpCzGFZ9I9lHzr0T8L9lPcTy/ysJdOxjr/bq5fhGfSF6MKz6R7KfnXofC/ZTPhuPP0ELU m6eHXe6vQw7eQWBwrPpHsFK6n8IeD9KU1kWj PZbCCOH96q4twrPpHsF78BvIeyf5H4Ph/Skufbb2WLmk7K6nCs kewWmplzD8oT/IXoh4H7Kcxh4e3LfZZgbDoOnmrU3K6Y VYvy2mb6UeeQsLKdmLQ0MM8SD5WuvNDXNtcbxx6XPBWbH5Gare4B3eBMTPJQWJyqsyZpuAHHSSPQi0K/HmhpLfczXgpU3rsctFk3nblt5TwSuJIG/UGbLOkY/oUtkuXOqvaS3uNIJdwMXgHiSusmRSts6xw32Rd8K2GNHJrR7ALcvF6vHZ6IREQBERAR LyqjUOp7ATzuD6kLzD5PQYZbTbPM94/8AlKkEU8q1rZzxW96Cj8QO fT9FIqPxY7/AKJPk6MGhZrFpXpcuiDIFCVrlZAqQZJK8lJQGQKArDUvZUAz1LwuWGpJQHspK8lJUg9lFg5y8LkBksCF6XLGUB1YH5vT911rmwWx811Lh STWaYO4B9AtiIoAREQBERAEREAREQHi4cduD6LtK5MY2QpQOT4i91qNxmLDBJk9Ao1/aWk0w50eYI/VXzjqltIrrJMvTZYtSzDlAYfPGP8LgfVdjcyZ9QUvHS grl/ZLApK4qGOY75h7rpFQFVtNHSezZKArwFCFBIXupYFC5AZBeOctbnrW6qOJU6GzaXIHLiqY1vNaP9SYDd4HqF1wZzzRJ6kDlH083oO2qsP/YfyuunUBuDI/XyUOWvJKpPwSuD8P3XSubDmy6AqTo9REQBERAEREAREQBERAeFaajVuK0VjZAUHNMdrrPEgNBIA8jC5RQY4ajtwgAH73WvMKDm1XAkganT1BNvdc7hJN4HC/2XvY4nguL jxclN2 S33MnaWGGtF9jYmfRdQpCNRAjff1Wh1ME8NrXJW2GkFt5/sLppCVX/h6xlN5gOjYyDB5rvpZsKTtD3d2LHjKhG4YNOpxI8ui2My/45Nu7tPGx5rP1ChS2y/C75Ja/4WkZ/SHzE QJXR/rdKJk xVZpdmw3wlw9St7MhI Z3uvO3j/AE3/AN/hYxmlMz3tlyYvPqTGzJPooo5O/wCty48VkT3C73e6Ko/R/f4bKuMxFRusP0AnutABMcNRM3Uc3EVSdLqjzeN9PrYBdBc kNLm7mNyAd/YpXpNcAWkNdyv6r08PBzvS0edknJvW3v7OZ AJgFzieUmPeVpZlrCTtqHP V2B5i 88 l99lpLxNwe8dxeLcFoRmqH7NbMvAIiGnhtfyKt3ZmrPccQSLiOI8lWHgEXnVfp9tlKdkqT/iySdIaZ8zsP1Wfqknibf0X9KrnIv0 gU2rcFrpbLavFPXCIiAIiIAiIgCIiAIiIDErTUC3Fa3hAVXO8sc462QXRBadnDh5FVKu17DDsO/rEObPmF9RfTlcz8I08FoxdTcLX0U3gmns dU67Ysx/kWuC2MZVfZrCBwtE9SSr7 AbyWxmEaOCsfWV6OV069lIwfZx73B1VxiANImLdVasLgGsAAEAKSbRC2Cms95at7bLYhSuxxCgvfgLuDFl8NVnZH/AAF47DqQ GvCxAQ2Jy9rwQWgg7gqErZIW Dbk68eRNwri6mtbqS7nJU Gc1E15RQMRha7ZOjWSZ3H2Flza6xscO4extO26 iOww5LD8KOSvXV36RU8ElHwuX13nwCmObiHOjjAB39VccqwIYIAXazDgcFvYxVZM135LJiZ8G6mtq1tCzCqOz1ERAEREAREQBERAEREB4ViQs15CA1lqx0rdCQgNOle6VthIQGsMXoas4SEBjpXsLJEBjC80rNeQgNZYsSxboSEBo0J8NbtKaUBpDFmGrPSvYQHgC9SF6gCIiAIiIAiIgCIiAIiIAiIgCIiAIiIAiIgCIiAIiIAiIgCIiAIiIAiIgCIiAIiIAiIgP/9k=

proposed approach: 1: have to find the keyword 'copy-image-address' as it's getting the original src.

2: defeats the accuracy of the search functionality but create an index.html within the file. This file will be the source of truth for a bunch of images. (puppeteer would perform page.evaluate() method upon

with img src as the bank

// the downside to approach 2: it removes the generality and authenticity of puppeteer actually entering '${searchTerms}` The search becomes a bit fake the puppeteer functionality would be expressed with valid return data still to use the tool.

frankcollins3 commented 1 year ago

^ base 64 coded image: {... data:image/jpeg;base64,/9j/4 } [8:23pm]