[{"data":1,"prerenderedAt":520},["ShallowReactive",2],{"navigation_docs":3,"-frameworks-qwik":45,"-frameworks-qwik-surround":516},[4,8,12,16,20,24],{"title":5,"path":6,"stem":7},"Introduction","\u002Fintroduction","1.introduction",{"title":9,"path":10,"stem":11},"Installation","\u002Finstallation","2.installation",{"title":13,"path":14,"stem":15},"SDKs","\u002Fsdk","3.sdk",{"title":17,"path":18,"stem":19},"Dashboard","\u002Fdashboard","4.dashboard",{"title":21,"path":22,"stem":23},"HTTP API","\u002Fhttp-api","5.http-api",{"title":25,"path":26,"stem":27,"children":28},"Framework Components","\u002Fframeworks","frameworks",[29,33,37,41],{"title":30,"path":31,"stem":32},"Qwik","\u002Fframeworks\u002Fqwik","frameworks\u002Fqwik",{"title":34,"path":35,"stem":36},"React","\u002Fframeworks\u002Freact","frameworks\u002Freact",{"title":38,"path":39,"stem":40},"Svelte","\u002Fframeworks\u002Fsvelte","frameworks\u002Fsvelte",{"title":42,"path":43,"stem":44},"Vue","\u002Fframeworks\u002Fvue","frameworks\u002Fvue",{"id":46,"title":30,"body":47,"description":510,"extension":511,"links":512,"meta":513,"navigation":142,"path":31,"seo":514,"stem":32,"__hash__":515},"docs\u002Fframeworks\u002Fqwik.md",{"type":48,"value":49,"toc":505},"minimark",[50,59,64,357,361,447,451,458,501],[51,52,53,54,58],"p",{},"The ",[55,56,57],"code",{},"@pichaflow\u002Fqwik"," package provides a high-performance upload component optimized for Qwik's resumability.",[60,61,63],"h2",{"id":62},"usage","Usage",[65,66,71],"pre",{"className":67,"code":68,"language":69,"meta":70,"style":70},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { component$, $ } from '@builder.io\u002Fqwik';\nimport { PichaUpload } from '@pichaflow\u002Fqwik';\n\nexport default component$(() => {\n  const onUploadSuccess$ = $((response) => {\n    console.log('Uploaded to Edge:', response.url);\n  });\n\n  return (\n    \u003CPichaUpload\n      apiKey=\"sk_live_your_secret_key\"\n      tags={['ecommerce', 'qwik']}\n      onSuccess$={onUploadSuccess$}\n    \u002F>\n  );\n});\n","tsx","",[55,72,73,115,137,144,169,199,234,244,249,258,268,286,320,333,339,347],{"__ignoreMap":70},[74,75,78,82,86,90,93,96,99,102,105,109,112],"span",{"class":76,"line":77},"line",1,[74,79,81],{"class":80},"s7zQu","import",[74,83,85],{"class":84},"sMK4o"," {",[74,87,89],{"class":88},"sTEyZ"," component$",[74,91,92],{"class":84},",",[74,94,95],{"class":88}," $",[74,97,98],{"class":84}," }",[74,100,101],{"class":80}," from",[74,103,104],{"class":84}," '",[74,106,108],{"class":107},"sfazB","@builder.io\u002Fqwik",[74,110,111],{"class":84},"'",[74,113,114],{"class":84},";\n",[74,116,118,120,122,125,127,129,131,133,135],{"class":76,"line":117},2,[74,119,81],{"class":80},[74,121,85],{"class":84},[74,123,124],{"class":88}," PichaUpload",[74,126,98],{"class":84},[74,128,101],{"class":80},[74,130,104],{"class":84},[74,132,57],{"class":107},[74,134,111],{"class":84},[74,136,114],{"class":84},[74,138,140],{"class":76,"line":139},3,[74,141,143],{"emptyLinePlaceholder":142},true,"\n",[74,145,147,150,153,156,159,162,166],{"class":76,"line":146},4,[74,148,149],{"class":80},"export",[74,151,152],{"class":80}," default",[74,154,89],{"class":155},"s2Zo4",[74,157,158],{"class":88},"(",[74,160,161],{"class":84},"()",[74,163,165],{"class":164},"spNyl"," =>",[74,167,168],{"class":84}," {\n",[74,170,172,175,178,181,183,186,188,192,195,197],{"class":76,"line":171},5,[74,173,174],{"class":164},"  const",[74,176,177],{"class":88}," onUploadSuccess$",[74,179,180],{"class":84}," =",[74,182,95],{"class":155},[74,184,158],{"class":185},"swJcz",[74,187,158],{"class":84},[74,189,191],{"class":190},"sHdIc","response",[74,193,194],{"class":84},")",[74,196,165],{"class":164},[74,198,168],{"class":84},[74,200,202,205,208,211,213,215,218,220,222,225,227,230,232],{"class":76,"line":201},6,[74,203,204],{"class":88},"    console",[74,206,207],{"class":84},".",[74,209,210],{"class":155},"log",[74,212,158],{"class":185},[74,214,111],{"class":84},[74,216,217],{"class":107},"Uploaded to Edge:",[74,219,111],{"class":84},[74,221,92],{"class":84},[74,223,224],{"class":88}," response",[74,226,207],{"class":84},[74,228,229],{"class":88},"url",[74,231,194],{"class":185},[74,233,114],{"class":84},[74,235,237,240,242],{"class":76,"line":236},7,[74,238,239],{"class":84},"  }",[74,241,194],{"class":185},[74,243,114],{"class":84},[74,245,247],{"class":76,"line":246},8,[74,248,143],{"emptyLinePlaceholder":142},[74,250,252,255],{"class":76,"line":251},9,[74,253,254],{"class":80},"  return",[74,256,257],{"class":185}," (\n",[74,259,261,264],{"class":76,"line":260},10,[74,262,263],{"class":84},"    \u003C",[74,265,267],{"class":266},"sBMFI","PichaUpload\n",[74,269,271,274,277,280,283],{"class":76,"line":270},11,[74,272,273],{"class":164},"      apiKey",[74,275,276],{"class":84},"=",[74,278,279],{"class":84},"\"",[74,281,282],{"class":107},"sk_live_your_secret_key",[74,284,285],{"class":84},"\"\n",[74,287,289,292,295,298,300,303,305,307,309,312,314,317],{"class":76,"line":288},12,[74,290,291],{"class":164},"      tags",[74,293,294],{"class":84},"={",[74,296,297],{"class":88},"[",[74,299,111],{"class":84},[74,301,302],{"class":107},"ecommerce",[74,304,111],{"class":84},[74,306,92],{"class":84},[74,308,104],{"class":84},[74,310,311],{"class":107},"qwik",[74,313,111],{"class":84},[74,315,316],{"class":88},"]",[74,318,319],{"class":84},"}\n",[74,321,323,326,328,331],{"class":76,"line":322},13,[74,324,325],{"class":164},"      onSuccess$",[74,327,294],{"class":84},[74,329,330],{"class":88},"onUploadSuccess$",[74,332,319],{"class":84},[74,334,336],{"class":76,"line":335},14,[74,337,338],{"class":84},"    \u002F>\n",[74,340,342,345],{"class":76,"line":341},15,[74,343,344],{"class":185},"  )",[74,346,114],{"class":84},[74,348,350,353,355],{"class":76,"line":349},16,[74,351,352],{"class":84},"}",[74,354,194],{"class":88},[74,356,114],{"class":84},[60,358,360],{"id":359},"props","Props",[362,363,364,383],"table",{},[365,366,367],"thead",{},[368,369,370,374,377,380],"tr",{},[371,372,373],"th",{},"Prop",[371,375,376],{},"Type",[371,378,379],{},"Default",[371,381,382],{},"Description",[384,385,386,408,427],"tbody",{},[368,387,388,394,399,405],{},[389,390,391],"td",{},[55,392,393],{},"apiKey",[389,395,396],{},[55,397,398],{},"string",[389,400,401],{},[402,403,404],"strong",{},"Required",[389,406,407],{},"Your PichaFlow Secret Key.",[368,409,410,415,419,424],{},[389,411,412],{},[55,413,414],{},"baseUrl",[389,416,417],{},[55,418,398],{},[389,420,421],{},[55,422,423],{},"https:\u002F\u002Fapi.pichaflow.com",[389,425,426],{},"Optional API base URL.",[368,428,429,434,439,444],{},[389,430,431],{},[55,432,433],{},"tags",[389,435,436],{},[55,437,438],{},"string[]",[389,440,441],{},[55,442,443],{},"[]",[389,445,446],{},"Tags to apply to the upload.",[60,448,450],{"id":449},"events-qrls","Events (QRLs)",[51,452,453,454,457],{},"Qwik events use the ",[55,455,456],{},"$"," suffix to indicate they are lazy-loadable.",[362,459,460,470],{},[365,461,462],{},[368,463,464,466,468],{},[371,465,373],{},[371,467,376],{},[371,469,382],{},[384,471,472,487],{},[368,473,474,479,484],{},[389,475,476],{},[55,477,478],{},"onSuccess$",[389,480,481],{},[55,482,483],{},"PropFunction",[389,485,486],{},"Fired when upload completes successfully.",[368,488,489,494,498],{},[389,490,491],{},[55,492,493],{},"onError$",[389,495,496],{},[55,497,483],{},[389,499,500],{},"Fired on network or server errors.",[502,503,504],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":70,"searchDepth":117,"depth":117,"links":506},[507,508,509],{"id":62,"depth":117,"text":63},{"id":359,"depth":117,"text":360},{"id":449,"depth":117,"text":450},"Integrate PichaFlow into your Qwik applications with fine-grained reactivity.","md",null,{},{"title":30,"description":510},"m0dcauMdd3IYQVctDFzdv_2r1xw4oHuRaTekksnPFc8",[517,518],{"title":25,"path":26,"stem":27,"children":-1,"description":70},{"title":34,"path":35,"stem":36,"description":519,"children":-1},"Integrate PichaFlow into your React and Next.js applications.",1778549837462]