@@ -13,26 +13,114 @@ const getState = ({ getStore, getActions, setStore }) => {
1313 background : "white" ,
1414 initial : "white"
1515 }
16- ]
16+ ] ,
17+ dogFood : [ ] ,
18+ catFood : [ ] ,
19+ exoticFood : [ ]
1720 } ,
1821 actions : {
1922 // Use getActions to call a function within a fuction
2023 exampleFunction : ( ) => {
2124 getActions ( ) . changeColor ( 0 , "green" ) ;
2225 } ,
2326
27+ getDogFood : async ( ) => {
28+ const myHeaders = new Headers ( ) ;
29+ myHeaders . append ( "Cookie" , ".Tunnels.Relay.WebForwarding.Cookies=CfDJ8Cs4yarcs6pKkdu0hlKHsZs0q_CxPIxRcsYOazLvQz4rP7s5FWFmvGJndFqy0N7fvoY5B6Jou5i4ZPgwsQZsEYGDV4DoaNhJP3xwIvv1aGmoRIVdScF1G2c_hWBWqeCTHFNCvGD1Dy0sm3kBmaNdXiMsSO0myHKUFvlWHCed2AdtyCiC6CHBqk9DHs32cYjJV4GQr4cxW2IXl6QDukWwCPSYuzTnP699Rz_4pCbB8OPOQNBDyDtdks_LUoMZR2Qt6IWKmUnLGt-n3JLFjeQMZiSeKEXKNTcJknrz4p25p9-5rh3BY2FBX_kg6MtH3cLbqOyS6yqrG4cjJPpyZbVfN3iEYSR6lzEGiGZDFPvokcj_PM8fq32HR1_olrhti8nYtDctNR_8YRewW5quhBNW6mtF_-SqGTbCQVH1CiLUF2UKK_H_nGmwvWAce2n4Cdw1BLUCZhlCr3GAKWJWHqLI1K5n9OekmI4zs0TI_60R6urTRxIQx2IgkRPYizg-AUdyr6bORhYr7s3c6oFBrdA4yBShqyJFOo4fuMkQuHflmg717cZeB1MDnWgSm9Xnl4qmOlcta0fCSq15GNUPvXhAwvclIoK9NTrmSSd1wvRhoqz7ypodxTSOafQx0ybhJZwTxDeS_gv-4KjbyFngwj7Bj1TluB2qE5Hijbi4uhZb2KILE9AGYHKWSW-IWoSmEXW71c7HhH8mBEbBxidpsSi_Rip3CdXL2oUO-8TGtLx2HgJtExj_7AyTD1trSanlKgDurPSEfDuXuwtqxawfWf0a1sbp9BGk0pRLOA-tVKrxmMiFAPiNCVC1W2EXb95TKydzKIwtbcC70YyDJ4dFwnHrQmgPYxzIz7PYzICzKqZ-VDpO4lf7C3jf4OBJ9ZMV4JRvPiR2kUwMNX_c5CuMLaKrZNzqCFwZBUa4N4AUyTT83mtzFQGAZjMXDeZNok7mjTYBp121qquiSKX8ft05b1MTsVtRfg3ETiFdOHmYQ2-1EcSwBY-VhjWIlkQiFr1yBWXk-g" ) ;
30+
31+ const requestOptions = {
32+ method : "GET" ,
33+ headers : myHeaders ,
34+ redirect : "follow"
35+ } ;
36+
37+ try {
38+ const response = await fetch ( "https://silver-meme-jj4x947jg76ghqjg9-3001.app.github.dev/api/foods/dog" , requestOptions ) ;
39+
40+ if ( ! response . ok ) {
41+ throw new Error ( 'Network response was not ok' ) ;
42+ }
43+
44+ const data = await response . json ( ) ;
45+ setStore ( { dogFood : data } ) ; // Asegúrate de que data.result sea la estructura correcta
46+ console . log ( data ) ;
47+ } catch ( error ) {
48+ console . error ( 'Error fetching dog food:' , error ) ;
49+ }
50+ }
51+
52+
53+
54+
55+ ,
56+ getCatFood : async ( ) => {
57+
58+ const myHeaders = new Headers ( ) ;
59+ myHeaders . append ( "Cookie" , ".Tunnels.Relay.WebForwarding.Cookies=CfDJ8Cs4yarcs6pKkdu0hlKHsZsFuWJUB8pT978IgBH2YtuNtjrSfloWcBx8Cb4ny9waQSc6YIxDXdFsnq7Re1iGbqt37RMJ8vfb6ibKLFqvloDFsbiBuxDcqwi_MvYRhr2Z463usLkj3RbhHXQfm0TDnuAtNaE3deMSqRX9yv4T0Ui6indSlqpCNa-EX0tvUPEUYniNtvBPGilr_PC-U4inRAN5RaUZvcfD9vs4fenjYjUAaDpz49MnUZT8uGDozBeAZynLSYkXtpY9Rb2GuG-eOvk-8noe3tIekVKBOTjnaeis5QUJJpYcv73D6GOrYSIpavdb29mY6QWEsir-s4vxW2wE0dCb8n5g4MldUigDSxrKnndHoBleQih8VqWGo5AZKTYLT3Y735A7ZsmFGvFjRGrrGCPQ6YU28RddH4ieKxoVlTt2PG2uD17_QI5FmUNuvz3Z8YDAK878jEXK-_jXm5SIi4oLvfCr9sezmoc8NgcvJBAH0lVlJCf3kz9Z7_y_5wwU9a4Nk6-rH2p__Jb49iHxfOuRu0EzOLdNHiPfznR8iEp41VsK7ie7ECmM5Q6SANKFM9AtYkbXqCmn5tAdmrCFaGKNAu8w7gZ_r97mDMzcHVOwUktErNC1y2j6yUPv6SAU9hVk4_xFev-2wI7h5PEaPCY3khPgI6Z1UPNC_SkodFGHbEdRUSMc8ICYoAv4llTD8xtfOqzMDms4HG1xcbJrE1NTWh4rpfv7KiEIi6iqE6uizX7_CmWJkcA9SGig9hk9A9abtYb2Pg8Z8GG2cEan7FFpl7kbvTobFfSGn_N9ukSCqYuuoldgSno8yyH5P3E7oqqVnO1eT3kpRGZ9EdtmL5zXv8Fs-x3GDrQ2z1_V6sqMxy6LlXHXJ7m6MYUy4sET4nISyUJ1H2eBbC-Ttk7_7om7ByATu_oEZjPFefBf7sXaCZ2ng9ZBYYOOZHtbUEs2rrFAiL6dmrgjKVaXUyz3KiiP73Dy5OR7g9ccYBD5t74jdyVYPLmgoasQocdBEA" ) ;
60+
61+ const requestOptions = {
62+ method : "GET" ,
63+ headers : myHeaders ,
64+ redirect : "follow"
65+ } ;
66+
67+ try {
68+ const response = await fetch ( "https://silver-meme-jj4x947jg76ghqjg9-3001.app.github.dev/api/foods/cat" , requestOptions ) ;
69+ if ( ! response . ok ) {
70+ throw new Error ( 'Network response was not ok' ) ;
71+ }
72+
73+ const data = await response . json ( ) ;
74+ setStore ( { catFood : data } ) ;
75+ console . log ( data ) ;
76+ } catch ( error ) {
77+ console . error ( 'Error fetching cat food:' , error ) ;
78+ }
79+ }
80+ ,
81+
82+ getExoticFood : async ( ) => {
83+ const myHeaders = new Headers ( ) ;
84+ myHeaders . append ( "Cookie" , ".Tunnels.Relay.WebForwarding.Cookies=CfDJ8Cs4yarcs6pKkdu0hlKHsZuqp5-e7T1vVCCdEQ0C1wStd1vPjajnZKjnPSA5Hq6rqD8KnBNHzrxCrSBqwnlunA0rkm36DsRzpvbpKLHVNklCfX8GBsMZKstrANOENBUzsSi1PBxW5_TibtPeRePzgNe5pBHuYx5F-1zm7-FoplLOZKZUFeRu1ua1DgiPeOiqvYSnKMQISiWoLb64DlQlSfXIGkFzVDFsFNPJ5lN-NHmI9dQ4O8b8EtoLAvXug1GQ5WkthHTcarTf_lXY5fcoEJbvhObGkUw7LC07jfKn2BTk27bZGx_F2kXNKq2N32CJ_46MMiulhV3sVpuuBUenZ-P7eLMcyMYuz6LcVrybPlrmHBiCnIbgcmgn-jnL-P3rcWL49L8RpPU84Ul4CaOZTFZ7eFCUqa1m1YKjX21YEdJlEm8fyYpFYcFp_9mGziKaxChcel7DevH4J4NV-E1mEUnQP-wDBMVq1IH0wdb4_HSnZ8aBhyyb8GvuEuLIhlH4soY8xtKNlaM73kynXCEhJ2OH-eKM6XIkWQHVIENwRoWzjj8G-8jQcJjz1Clyo9lMuFB98AWfsJgqe_PO7PgIw_Ms8_hRKyGG_aej9UuBo8rS-u4vTGaj5v_1vp6_PrZ-qEp8iyGGK_0OERl5OH0S3_mcXOd1wQcpFQ76RR6qtXqju2G8WkN9e3xC9XvP3SWVDIc5195fVj_1gRGLUCC20Uu5uPC0yzuE2X_TrcjKq0-SeWiyVIphc1T7AoJ2PvAu74js-66UPPcjXqoQvGXCzwrwhPdzXAp8n6sVwGcfRthrk2AOD4U8XJz68aBA5aRx77sqsMKKFIbCRXjRfOcAoa214qR5Oz7-nnKj1dII9Rx_g9ZD7SS_Mjm5Sk3M_Mr0zZNDzN7YWd_j3WhN9Gvr1MOeU6aFKssi2wzLgyNAVHNaXxjKms7cV1bDDwVzfYcHa6L-oLvvPk1FRmoRsD4J_3I7TgE1iO2LOtWD4ZLYilAcmmiHh3OPqNpQrKkl5uK2zg" ) ;
85+
86+ const requestOptions = {
87+ method : "GET" ,
88+ headers : myHeaders ,
89+ redirect : "follow"
90+ } ;
91+
92+ try {
93+ const response = await fetch ( "https://silver-meme-jj4x947jg76ghqjg9-3001.app.github.dev/api/foods/exotic" , requestOptions ) ;
94+ if ( ! response . ok ) {
95+ throw new Error ( 'Network response was not ok' ) ;
96+ }
97+
98+ const data = await response . json ( ) ;
99+ setStore ( { exoticFood : data } ) ;
100+ console . log ( data ) ;
101+ } catch ( error ) {
102+ console . error ( 'Error fetching cat food:' , error ) ;
103+ }
104+ }
105+ ,
106+
107+
108+
109+
24110 getMessage : async ( ) => {
25111 try {
26112 // fetching data from the backend
27113 const resp = await fetch ( process . env . BACKEND_URL + "/api/hello" )
28114 const data = await resp . json ( )
29- setStore ( { message : data . message } )
115+ setStore ( { exoticFood : data } )
30116 // don't forget to return something, that is how the async resolves
31117 return data ;
32118 } catch ( error ) {
33119 console . log ( "Error loading message from backend" , error )
34120 }
35121 } ,
122+
123+
36124 changeColor : ( index , color ) => {
37125 //get the store
38126 const store = getStore ( ) ;
0 commit comments