[{"data":1,"prerenderedAt":473},["ShallowReactive",2],{"navigation_docs":3,"-sdk":45,"-sdk-surround":468},[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":13,"body":47,"description":462,"extension":463,"links":464,"meta":465,"navigation":113,"path":14,"seo":466,"stem":15,"__hash__":467},"docs\u002F3.sdk.md",{"type":48,"value":49,"toc":457},"minimark",[50,59,64,190,194,364,368,371,453],[51,52,53,54,58],"p",{},"The ",[55,56,57],"code",{},"@pichaflow\u002Fsdk"," provides a programmatic way to interact with the PichaFlow API.",[60,61,63],"h2",{"id":62},"initialization","Initialization",[65,66,71],"pre",{"className":67,"code":68,"language":69,"meta":70,"style":70},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { PichaFlowClient } from '@pichaflow\u002Fsdk';\n\nconst client = new PichaFlowClient({\n  apiKey: 'sk_live_your_secret_key',\n  baseUrl: 'https:\u002F\u002Fapi.pichaflow.com' \u002F\u002F Optional\n});\n","typescript","",[55,72,73,108,115,140,160,179],{"__ignoreMap":70},[74,75,78,82,86,90,93,96,99,102,105],"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"," PichaFlowClient",[74,91,92],{"class":84}," }",[74,94,95],{"class":80}," from",[74,97,98],{"class":84}," '",[74,100,57],{"class":101},"sfazB",[74,103,104],{"class":84},"'",[74,106,107],{"class":84},";\n",[74,109,111],{"class":76,"line":110},2,[74,112,114],{"emptyLinePlaceholder":113},true,"\n",[74,116,118,122,125,128,131,134,137],{"class":76,"line":117},3,[74,119,121],{"class":120},"spNyl","const",[74,123,124],{"class":88}," client ",[74,126,127],{"class":84},"=",[74,129,130],{"class":84}," new",[74,132,89],{"class":133},"s2Zo4",[74,135,136],{"class":88},"(",[74,138,139],{"class":84},"{\n",[74,141,143,147,150,152,155,157],{"class":76,"line":142},4,[74,144,146],{"class":145},"swJcz","  apiKey",[74,148,149],{"class":84},":",[74,151,98],{"class":84},[74,153,154],{"class":101},"sk_live_your_secret_key",[74,156,104],{"class":84},[74,158,159],{"class":84},",\n",[74,161,163,166,168,170,173,175],{"class":76,"line":162},5,[74,164,165],{"class":145},"  baseUrl",[74,167,149],{"class":84},[74,169,98],{"class":84},[74,171,172],{"class":101},"https:\u002F\u002Fapi.pichaflow.com",[74,174,104],{"class":84},[74,176,178],{"class":177},"sHwdD"," \u002F\u002F Optional\n",[74,180,182,185,188],{"class":76,"line":181},6,[74,183,184],{"class":84},"}",[74,186,187],{"class":88},")",[74,189,107],{"class":84},[60,191,193],{"id":192},"uploading-images","Uploading Images",[65,195,197],{"className":67,"code":196,"language":69,"meta":70,"style":70},"const file = \u002F\u002F ... from a file input\nconst response = await client.upload(file, {\n  tags: ['ecommerce', 'boots'],\n  onProgress: (p) => console.log(`Upload progress: ${p}%`)\n});\n\nconsole.log('Asset ID:', response.id);\n",[55,198,199,211,241,272,321,329,333],{"__ignoreMap":70},[74,200,201,203,206,208],{"class":76,"line":77},[74,202,121],{"class":120},[74,204,205],{"class":88}," file ",[74,207,127],{"class":84},[74,209,210],{"class":177}," \u002F\u002F ... from a file input\n",[74,212,213,215,218,220,223,226,229,232,235,238],{"class":76,"line":110},[74,214,121],{"class":120},[74,216,217],{"class":88}," response ",[74,219,127],{"class":84},[74,221,222],{"class":80}," await",[74,224,225],{"class":88}," client",[74,227,228],{"class":84},".",[74,230,231],{"class":133},"upload",[74,233,234],{"class":88},"(file",[74,236,237],{"class":84},",",[74,239,240],{"class":84}," {\n",[74,242,243,246,248,251,253,256,258,260,262,265,267,270],{"class":76,"line":117},[74,244,245],{"class":145},"  tags",[74,247,149],{"class":84},[74,249,250],{"class":88}," [",[74,252,104],{"class":84},[74,254,255],{"class":101},"ecommerce",[74,257,104],{"class":84},[74,259,237],{"class":84},[74,261,98],{"class":84},[74,263,264],{"class":101},"boots",[74,266,104],{"class":84},[74,268,269],{"class":88},"]",[74,271,159],{"class":84},[74,273,274,277,279,282,285,287,290,293,295,298,300,303,306,309,311,313,316,318],{"class":76,"line":142},[74,275,276],{"class":133},"  onProgress",[74,278,149],{"class":84},[74,280,281],{"class":84}," (",[74,283,51],{"class":284},"sHdIc",[74,286,187],{"class":84},[74,288,289],{"class":120}," =>",[74,291,292],{"class":88}," console",[74,294,228],{"class":84},[74,296,297],{"class":133},"log",[74,299,136],{"class":88},[74,301,302],{"class":84},"`",[74,304,305],{"class":101},"Upload progress: ",[74,307,308],{"class":84},"${",[74,310,51],{"class":88},[74,312,184],{"class":84},[74,314,315],{"class":101},"%",[74,317,302],{"class":84},[74,319,320],{"class":88},")\n",[74,322,323,325,327],{"class":76,"line":162},[74,324,184],{"class":84},[74,326,187],{"class":88},[74,328,107],{"class":84},[74,330,331],{"class":76,"line":181},[74,332,114],{"emptyLinePlaceholder":113},[74,334,336,339,341,343,345,347,350,352,354,357,359,362],{"class":76,"line":335},7,[74,337,338],{"class":88},"console",[74,340,228],{"class":84},[74,342,297],{"class":133},[74,344,136],{"class":88},[74,346,104],{"class":84},[74,348,349],{"class":101},"Asset ID:",[74,351,104],{"class":84},[74,353,237],{"class":84},[74,355,356],{"class":88}," response",[74,358,228],{"class":84},[74,360,361],{"class":88},"id)",[74,363,107],{"class":84},[60,365,367],{"id":366},"delivery-urls","Delivery URLs",[51,369,370],{},"Generate optimized CDN URLs on the fly.",[65,372,374],{"className":67,"code":373,"language":69,"meta":70,"style":70},"const url = client.getDeliveryUrl('path\u002Fto\u002Fimage.jpg', {\n  w: 800,\n  q: 80,\n  f: 'webp'\n});\n",[55,375,376,405,418,430,445],{"__ignoreMap":70},[74,377,378,380,383,385,387,389,392,394,396,399,401,403],{"class":76,"line":77},[74,379,121],{"class":120},[74,381,382],{"class":88}," url ",[74,384,127],{"class":84},[74,386,225],{"class":88},[74,388,228],{"class":84},[74,390,391],{"class":133},"getDeliveryUrl",[74,393,136],{"class":88},[74,395,104],{"class":84},[74,397,398],{"class":101},"path\u002Fto\u002Fimage.jpg",[74,400,104],{"class":84},[74,402,237],{"class":84},[74,404,240],{"class":84},[74,406,407,410,412,416],{"class":76,"line":110},[74,408,409],{"class":145},"  w",[74,411,149],{"class":84},[74,413,415],{"class":414},"sbssI"," 800",[74,417,159],{"class":84},[74,419,420,423,425,428],{"class":76,"line":117},[74,421,422],{"class":145},"  q",[74,424,149],{"class":84},[74,426,427],{"class":414}," 80",[74,429,159],{"class":84},[74,431,432,435,437,439,442],{"class":76,"line":142},[74,433,434],{"class":145},"  f",[74,436,149],{"class":84},[74,438,98],{"class":84},[74,440,441],{"class":101},"webp",[74,443,444],{"class":84},"'\n",[74,446,447,449,451],{"class":76,"line":162},[74,448,184],{"class":84},[74,450,187],{"class":88},[74,452,107],{"class":84},[454,455,456],"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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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);}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":70,"searchDepth":110,"depth":110,"links":458},[459,460,461],{"id":62,"depth":110,"text":63},{"id":192,"depth":110,"text":193},{"id":366,"depth":110,"text":367},"Programmatic interaction with the PichaFlow API via our SDK.","md",null,{},{"title":13,"description":462},"vYGi3XQeqREZoLfZ5hVMZV2y8qTLuErbegLyHtyd4m8",[469,471],{"title":9,"path":10,"stem":11,"description":470,"children":-1},"Get up and running with the PichaFlow SDK and components.",{"title":17,"path":18,"stem":19,"description":472,"children":-1},"Manage assets, pipelines, and account settings in the PichaFlow Dashboard.",1778549836839]