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