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