@scalar/api-client-react 0.1.8 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @scalar/api-client-react
 
+## 0.2.0
+
+### Minor Changes
+
+- 7fb8273: Migrate to @scalar/openapi-parser
+
+### Patch Changes
+
+- Updated dependencies [6036d25]
+- Updated dependencies [7fb8273]
+  - @scalar/api-client@1.0.0
+
 ## 0.1.8
 
 ### Patch Changes

package/dist/index.cjs

@@ -3535,7 +3535,7 @@ a[data-v-ffc7287f] {
 </svg>`,nV=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor">
     <path fill-rule="evenodd"
         d="M12.6 11.2h.1l3 3a1 1 0 1 1-1.4 1.5l-3-3a1 1 0 0 1-.1-.1 7 7 0 1 1 1.4-1.4zM7 12A5 5 0 1 0 7 2a5 5 0 0 0 0 10z" />
-</svg>`,T0=Object.assign({"./Add.svg":Z7,"./CheckMark.svg":D7,"./ChevronDown.svg":V7,"./ChevronLeft.svg":M7,"./ChevronRight.svg":I7,"./ChevronUp.svg":W7,"./Clipboard.svg":X7,"./Close.svg":j7,"./DarkMode.svg":z7,"./Ellipses.svg":q7,"./ExternalLink.svg":U7,"./GitHub.svg":Y7,"./LightDarkModeToggle.svg":L7,"./LightMode.svg":H7,"./Logo.svg":B7,"./LogoAPI.svg":F7,"./LogoClient.svg":G7,"./LogoMarket.svg":K7,"./LogoSwagger.svg":J7,"./Menu.svg":eV,"./PaperAirplane.svg":tV,"./Search.svg":nV}),rV=t=>{const e=`./${t}.svg`;return T0[e]===void 0?(console.warn(`Could not find icon: ${t}`),""):T0[e]},E0=Oe({__name:"ScalarIcon",props:{icon:{},size:{}},setup(t){const e=t,n=tx({variants:{size:{xs:"h-3 w-3",sm:"h-3.5 w-3.5",md:"h-4 w-4",lg:"h-5 w-5",xl:"h-6 w-6",full:"h-full w-full"}},defaultVariants:{size:"full"}}),r=oe(()=>rV(e.icon));return(o,i)=>r.value?(B(),ze(N(N7),{key:0,class:dt(N($7)("scalar-icon",N(n)({size:o.size}))),raw:r.value},null,8,["class","raw"])):dr("",!0)}}),oV={class:"table"},iV={class:"table-row"},sV=A("div",{class:"table-row-item"},[A("label",null,"Key")],-1),aV=A("div",{class:"table-row-item"},[A("label",null,"Value")],-1),lV={class:"table-row-item"},cV=A("label",null,"Description",-1),uV=[cV],dV=A("svg",{fill:"currentColor",height:"12",viewBox:"0 0 18 12",width:"18",xmlns:"http://www.w3.org/2000/svg"},[A("path",{d:"M0 12h12v-2H0v2zM0 0v2h18V0H0zm0 7h18V5H0v2z","fill-rule":"nonzero"})],-1),hV=[dV],fV={class:"table-row-item"},pV=["onUpdate:modelValue"],mV={class:"table-row-item"},gV=["onUpdate:modelValue"],OV={class:"table-row-item"},bV=["onUpdate:modelValue"],vV={class:"table-row-meta"},wV={class:"meta-check"},yV=["onUpdate:modelValue"],SV=A("span",{class:"meta-checkmark"},null,-1),kV=["onClick"],xV=A("svg",{fill:"none",height:"10",viewBox:"-0.5 -0.5 10 10",width:"10",xmlns:"http://www.w3.org/2000/svg"},[A("path",{d:"m8.55 0.45 -8.1 8.1",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"}),A("path",{d:"m0.45 0.45 8.1 8.1",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"})],-1),PV=[xV],_V={class:"meta-actions"},TV={class:"meta-actions-item-icon"},EV={class:"meta-actions-item-icon"},Ql=Oe({__name:"Grid",props:{items:{},addLabel:{},showMoreFilter:{type:Boolean}},emits:["deleteIndex","addAnother"],setup(t,{emit:e}){const n=e,r=ae(!1),o=ae(!1);function i(){n("addAnother"),o.value=!0}return(s,a)=>(B(),me("div",oV,[A("div",iV,[sV,aV,nt(A("div",lV,uV,512),[[Ti,r.value]]),A("div",{class:"table-row-meta",onClick:a[0]||(a[0]=l=>r.value=!r.value)},hV)]),(B(!0),me(Te,null,zi(s.items,(l,c)=>nt((B(),me("div",{key:l.id,class:dt(["table-row",{"required-parameter":l.required}])},[A("div",fV,[nt(A("input",{"onUpdate:modelValue":u=>l.name=u,placeholder:"key"},null,8,pV),[[St,l.name]])]),A("div",mV,[nt(A("input",{"onUpdate:modelValue":u=>l.value=u,placeholder:"value"},null,8,gV),[[St,l.value]])]),nt(A("div",OV,[nt(A("input",{"onUpdate:modelValue":u=>l.description=u,placeholder:"value"},null,8,bV),[[St,l.description]])],512),[[Ti,r.value]]),A("div",vV,[A("label",wV,[nt(A("input",{"onUpdate:modelValue":u=>l.enabled=u,checked:"",type:"checkbox"},null,8,yV),[[Ei,l.enabled]]),SV]),A("button",{class:"meta-delete",type:"button",onClick:u=>s.$emit("deleteIndex",c)},PV,8,kV)])],2)),[[Ti,!s.showMoreFilter||s.showMoreFilter&&c<5||o.value]])),128)),A("div",_V,[s.addLabel?(B(),me("button",{key:0,class:"meta-actions-item",type:"button",onClick:i},[A("i",TV,[se(N(E0),{icon:"Add"})]),mt(" "+He(s.addLabel),1)])):dr("",!0),s.showMoreFilter&&s.items.length>5&&!o.value?(B(),me("button",{key:1,class:"meta-actions-item",type:"button",onClick:a[1]||(a[1]=l=>o.value=!0)},[mt(" Show More "),A("i",EV,[se(N(E0),{icon:"ChevronDown"})])])):dr("",!0)])]))}}),$V={class:"navtable simpletable"},QV={class:"navtable-table"},CV=Yu('<div class="navtable-item navtable-item__top"><div class="navtable-item-33"><label for="">Name</label></div><div class="navtable-item-66"><label for="">Value</label></div></div>',1),AV={class:"navtable-item-33"},RV={class:"navtable-item-66"},NV=Oe({__name:"SimpleGrid",props:{items:{}},setup(t){return(e,n)=>(B(),me("div",$V,[A("div",QV,[CV,(B(!0),me(Te,null,zi(e.items,r=>(B(),me("div",{key:r.id,class:"navtable-item"},[A("div",AV,[A("p",null,He(r.name),1)]),A("div",RV,[A("p",null,He(r.value),1)])]))),128))])]))}}),ZV={key:0},DV=Oe({__name:"RequestBody",props:{body:{},formData:{}},setup(t){const{activeRequest:e,setActiveRequest:n}=Dn(),r=o=>{e.body!==o&&n({...e,body:o})};return(o,i)=>(B(),ze(N(ao),{title:"Body"},{default:Pe(()=>[o.body&&o.body.length===0&&o.formData&&o.formData.length===0?(B(),me("span",ZV,"No Body")):o.formData&&o.formData.length>0?(B(),ze(N(Ql),{key:1,items:o.formData},null,8,["items"])):(B(),ze(N(Uk),{key:2,content:N(e).body,language:"json",lineNumbers:"",onChange:r},null,8,["content"]))]),_:1}))}}),VV={key:0,class:"scalar-api-client__empty-state"},MV=A("svg",{class:"flow-icon","data-v-aa4fbd2d":"",height:"100%",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},[A("path",{d:"M24 1.714v44.572M1.714 24h44.572",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"3.429",xmlns:"http://www.w3.org/2000/svg"})],-1),IV=Oe({__name:"RequestCookies",props:{cookies:{}},setup(t){const{activeRequest:e}=Dn();function n(o){var i;(i=e.cookies)==null||i.splice(o,1)}function r(){var o;e.cookies===void 0&&(e.cookies=[]),(o=e.cookies)==null||o.push({name:"",value:"",enabled:!0})}return(o,i)=>(B(),ze(N(ao),{defaultOpen:N(e).cookies&&N(e).cookies.length>0,title:"Cookies"},{default:Pe(()=>[!o.cookies||o.cookies.length===0?(B(),me("div",VV,[A("button",{class:"scalar-api-client-add",type:"button",onClick:r},[MV,mt(" Cookies ")])])):(B(),ze(N(Ql),{key:1,addLabel:"Cookie",items:o.cookies,onAddAnother:r,onDeleteIndex:n},null,8,["items"]))]),_:1},8,["defaultOpen"]))}}),WV={key:0,class:"scalar-api-client__empty-state"},XV=A("svg",{class:"flow-icon","data-v-aa4fbd2d":"",height:"100%",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},[A("path",{d:"M24 1.714v44.572M1.714 24h44.572",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"3.429",xmlns:"http://www.w3.org/2000/svg"})],-1),jV=Oe({__name:"RequestHeaders",props:{headers:{}},setup(t){const{activeRequest:e}=Dn();function n(o){var i;(i=e.headers)==null||i.splice(o,1)}function r(){var o;e.headers===void 0&&(e.headers=[]),(o=e.headers)==null||o.push({name:"",value:"",enabled:!0})}return(o,i)=>(B(),ze(N(ao),{defaultOpen:N(e).headers&&N(e).headers.length>0,title:"Headers"},{default:Pe(()=>[!o.headers||o.headers.length===0?(B(),me("div",WV,[A("button",{class:"scalar-api-client-add",type:"button",onClick:r},[XV,mt(" Headers ")])])):(B(),ze(N(Ql),{key:1,addLabel:"Header",items:o.headers,onAddAnother:r,onDeleteIndex:n},null,8,["items"]))]),_:1},8,["defaultOpen"]))}}),zV={key:0,class:"scalar-api-client__empty-state"},qV=A("svg",{class:"flow-icon","data-v-aa4fbd2d":"",height:"100%",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},[A("path",{d:"M24 1.714v44.572M1.714 24h44.572",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"3.429",xmlns:"http://www.w3.org/2000/svg"})],-1),UV=Oe({__name:"RequestQuery",props:{queries:{}},setup(t){const{activeRequest:e}=Dn();function n(o){var i;(i=e.query)==null||i.splice(o,1)}function r(){var o;e.query===void 0&&(e.query=[]),(o=e.query)==null||o.push({name:"",value:"",enabled:!0})}return(o,i)=>(B(),ze(N(ao),{defaultOpen:N(e).query&&N(e).query.length>0,title:"Query Parameters"},{default:Pe(()=>[!o.queries||o.queries.length===0?(B(),me("div",zV,[A("button",{class:"scalar-api-client-add",type:"button",onClick:r},[qV,mt(" Query Parameter ")])])):(B(),ze(N(Ql),{key:1,addLabel:"Query Parameter",items:o.queries,showMoreFilter:!0,onAddAnother:r,onDeleteIndex:n},null,8,["items"]))]),_:1},8,["defaultOpen"]))}}),YV={key:0,class:"scalar-api-client__empty-state"},LV=A("svg",{class:"flow-icon","data-v-aa4fbd2d":"",height:"100%",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},[A("path",{d:"M24 1.714v44.572M1.714 24h44.572",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"3.429",xmlns:"http://www.w3.org/2000/svg"})],-1),HV=Oe({__name:"RequestVariables",props:{variables:{}},setup(t){const{activeRequest:e}=Dn();function n(o){var i;(i=e.variables)==null||i.splice(o,1)}function r(){var o;e.variables===void 0&&(e.variables=[]),(o=e.variables)==null||o.push({name:"",value:"",enabled:!0})}return(o,i)=>(B(),ze(N(ao),{defaultOpen:N(e).variables&&N(e).variables.length>0,title:"Variables"},{default:Pe(()=>[!o.variables||o.variables.length===0?(B(),me("div",YV,[A("button",{class:"scalar-api-client-add",type:"button",onClick:r},[LV,mt(" Variable ")])])):(B(),ze(N(Ql),{key:1,addLabel:"Variable",items:o.variables,showMoreFilter:!0,onAddAnother:r,onDeleteIndex:n},null,8,["items"]))]),_:1},8,["defaultOpen"]))}}),BV={class:"scalar-api-client__main__left custom-scroll"},FV={class:"scalar-api-client__main__content"},GV=A("label",null,"Request",-1),KV={class:"meta"},JV={class:"meta-item meta-item__input"},e8=["disabled"],t8=A("div",{class:"scalar-api-client__main__scroll-container"},null,-1),$0=Oe({__name:"Request",setup(t){const{activeRequest:e,readOnly:n}=Dn();return(r,o)=>(B(),me("div",BV,[A("div",FV,[GV,A("div",KV,[A("div",JV,[nt(A("input",{"onUpdate:modelValue":o[0]||(o[0]=i=>N(e).name=i),class:"scalar-api-client__request-name",disabled:N(n),placeholder:"Request Name",type:"text"},null,8,e8),[[St,N(e).name]])])])]),A("div",null,[se(HV,{variables:N(e).variables},null,8,["variables"]),se(UD),se(IV,{cookies:N(e).cookies},null,8,["cookies"]),se(jV,{headers:N(e).headers},null,8,["headers"]),se(UV,{queries:N(e).query},null,8,["queries"]),se(DV,{body:N(e).body,formData:N(e).formData,requestBody:N(e).body},null,8,["body","formData","requestBody"]),t8])]))}}),n8={key:1,class:"scalar-api-client__empty-state"},r8={key:1,class:"scalar-api-client__empty-state"},o8=Oe({__name:"ResponseBody",props:{active:{type:Boolean,default:!1},data:{default:null},headers:{}},setup(t){const e=t,n=oe(()=>{const o=e.headers.find(i=>i.name.toLowerCase()==="content-type");if(!o)return null;try{return Gp.parse(o.value).type}catch{return null}}),r=oe(()=>n.value==="application/json"||n.value==="application/problem+json"?"json":n.value==="text/html"||n.value==="text/plain"?"html":null);return(o,i)=>(B(),ze(N(ao),{title:"Body"},{default:Pe(()=>[o.active?(B(),me(Te,{key:0},[r.value?(B(),ze(N(C7),{key:0,class:"custom-scroll",content:o.data,lang:r.value},null,8,["content","lang"])):(B(),me("div",n8,[n.value?(B(),me(Te,{key:0},[mt(" No Preview Available ("+He(n.value)+") ",1)],64)):(B(),me(Te,{key:1},[mt(" Can’t render a preview. The Content-Type header is missing or unknown. ")],64))]))],64)):(B(),me("div",r8," No Response "))]),_:1}))}}),i8=["href"],s8=Oe({__name:"HelpfulLink",props:{href:{}},setup(t){return(e,n)=>(B(),me("a",{href:e.href,rel:"noopener noreferrer",target:"_blank"},[ur(e.$slots,"default",{},void 0,!0)],8,i8))}}),nx=Dr(s8,[["__scopeId","data-v-ffc7287f"]]),a8=Oe({__name:"SimpleCell",props:{wrap:{type:Boolean,default:!0},strong:{type:Boolean,default:!1},href:{default:null}},setup(t){return(e,n)=>(B(),me("td",{class:dt(["simple-cell",{wrap:e.wrap,strong:e.strong}])},[e.href?(B(),ze(nx,{key:0,href:e.href},{default:Pe(()=>[ur(e.$slots,"default",{},void 0,!0)]),_:3},8,["href"])):ur(e.$slots,"default",{key:1},void 0,!0)],2))}}),Hf=Dr(a8,[["__scopeId","data-v-b99d5e90"]]),l8=Oe({__name:"SimpleHeader",setup(t){return(e,n)=>(B(),ze(Hf,{as:"th",class:"simple-header"},{default:Pe(()=>[ur(e.$slots,"default",{},void 0,!0)]),_:3}))}}),Q0=Dr(l8,[["__scopeId","data-v-6bd3700b"]]),c8={},u8={class:"simple-row"};function d8(t,e){return B(),me("tr",u8,[ur(t.$slots,"default",{},void 0,!0)])}const C0=Dr(c8,[["render",d8],["__scopeId","data-v-e7e681a1"]]),h8={},f8={class:"simple-table"};function p8(t,e){return B(),me("table",f8,[ur(t.$slots,"default",{},void 0,!0)])}const m8=Dr(h8,[["render",p8],["__scopeId","data-v-8f53a32f"]]),g8={key:1,class:"scalar-api-client__empty-state"},O8=Oe({__name:"ResponseHeaders",props:{headers:{}},setup(t){const e=r=>{var o;return(o=s5.find(i=>i.name.toLowerCase()===r.toLowerCase()))==null?void 0:o.url},n=r=>r.split("-").map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join("-");return(r,o)=>(B(),ze(N(ao),{title:"Headers"},{default:Pe(()=>[r.headers.length>0?(B(),ze(N(m8),{key:0},{default:Pe(()=>[se(N(C0),null,{default:Pe(()=>[se(N(Q0),null,{default:Pe(()=>[mt("Key")]),_:1}),se(N(Q0),null,{default:Pe(()=>[mt("Value")]),_:1})]),_:1}),(B(!0),me(Te,null,zi(r.headers,i=>(B(),ze(N(C0),{key:i.name},{default:Pe(()=>[se(N(Hf),{href:e(i.name),strong:!0,wrap:!1},{default:Pe(()=>[mt(He(n(i.name)),1)]),_:2},1032,["href"]),se(N(Hf),null,{default:Pe(()=>[mt(He(i.value),1)]),_:2},1024)]),_:2},1024))),128))]),_:1})):(B(),me("div",g8,"No Headers"))]),_:1}))}}),b8={class:"meta-item"},v8={class:"meta-item"},w8={class:"meta-item"},y8=Oe({__name:"ResponseMetaInformation",props:{response:{}},setup(t){const e=t,n=o=>{var i;return(i=o==null?void 0:o.headers)!=null&&i["X-API-Client-Content-Length"]?nu(parseFloat(o.headers["X-API-Client-Content-Length"])):nu(0)},r=oe(()=>{const o=e.response.statusCode;if(o)return u5[o]??void 0});return(o,i)=>{var s,a;return B(),me(Te,null,[A("div",b8,[A("span",null,He(N(Jw)(o.response.duration)),1)]),A("div",v8,[A("span",null,He(n(o.response)),1)]),A("div",w8,[A("span",{class:dt(`scalar-api-client__status scalar-api-client__status--${String(o.response.statusCode).charAt(0)}xx`)},[(s=r.value)!=null&&s.url?(B(),ze(nx,{key:0,href:r.value.url},{default:Pe(()=>[mt(He(o.response.statusCode)+" "+He(r.value.name),1)]),_:1},8,["href"])):(B(),me(Te,{key:1},[mt(He(o.response.statusCode)+" "+He((a=r.value)==null?void 0:a.name),1)],64))],2)])],64)}}}),S8={class:"scalar-api-client__main__right custom-scroll"},k8={class:"scalar-api-client__main__content"},x8=A("label",null,"Response",-1),P8={class:"meta"},_8={key:1,class:"meta-item"},T8=A("span",null,"Send your first request to start",-1),E8=[T8],$8={key:0,class:"scalar-api-client__empty-state"},Q8=A("div",{class:"scalar-api-client__main__scroll-container"},null,-1),A0=Oe({__name:"Response",setup(t){const{activeResponse:e,activeRequestId:n}=Dn(),r=oe(()=>{var s;const a=(s=e.value)==null?void 0:s.headers;return a?Object.keys(a).map(l=>({name:l,value:a[l]})).filter(l=>!["rest-api-client-content-length","X-API-Client-Content-Length"].includes(l.name)):[]}),o=oe(()=>{var s;const a=(s=e.value)==null?void 0:s.cookies;return a?Object.keys(a).map(l=>({name:l,value:a[l]})):[]}),i=oe(()=>{var s;const a=(s=e.value)==null?void 0:s.data;return a&&Uf(a)?JSON.stringify(JSON.parse(a),null,2):a&&typeof ye(a)=="object"||a&&!Uf(a)?JSON.stringify(a,null,2):a});return(s,a)=>(B(),me("div",S8,[A("div",k8,[x8,A("div",P8,[N(n)&&N(e)?(B(),ze(y8,{key:0,response:N(e)},null,8,["response"])):(B(),me("div",_8,E8))])]),A("div",null,[se(o8,{active:!!N(e),data:i.value,headers:r.value},null,8,["active","data","headers"]),se(O8,{headers:r.value},null,8,["headers"]),se(N(ao),{title:"Cookies"},{default:Pe(()=>[nt(se(N(NV),{items:o.value},null,8,["items"]),[[Ti,o.value.length>0]]),o.value.length===0?(B(),me("div",$8,"No Cookies")):dr("",!0)]),_:1}),Q8])]))}}),C8={class:"scalar-api-client__main"},A8=Oe({__name:"ApiClient",props:{proxyUrl:{},readOnly:{type:Boolean,default:!1},theme:{}},emits:["escapeKeyPress"],setup(t,{emit:e}){const n=t,r=e,o=Cw();Qw(o.escape,()=>r("escapeKeyPress"));const{activeRequest:i,readOnly:s}=Dn(),a=t$("(max-width: 820px)"),l=ae(0),c={Request:0,Response:1};function u(d){l.value=d}return xt(()=>n.readOnly,()=>{s.value=n.readOnly},{immediate:!0}),(d,h)=>(B(),me(Te,null,[se(N(LQ),{id:d.theme},null,8,["id"]),se(d5,{class:"scalar-api-client",method:N(i).type??"get",property:"--default-scalar-api-client-color",onKeydown:h[1]||(h[1]=K1(f=>r("escapeKeyPress"),["esc"]))},{default:Pe(()=>[se(nD,{proxyUrl:d.proxyUrl,onOnSend:h[0]||(h[0]=f=>u(c.Response))},null,8,["proxyUrl"]),A("div",C8,[N(a)?(B(),ze(N(YE),{key:1,selectedIndex:l.value,onChange:u},{default:Pe(()=>[se(N(LE),{class:"scalar-api-client__mobile-navigation"},{default:Pe(()=>[se(N(rO),{class:"scalar-api-client__mobile-navigation__toggle"},{default:Pe(({selected:f})=>[A("span",{class:dt({"scalar-api-client__mobile-navigation--active":f})}," Request ",2)]),_:1}),se(N(rO),{class:"scalar-api-client__mobile-navigation__toggle"},{default:Pe(({selected:f})=>[A("span",{class:dt({"scalar-api-client__mobile-navigation--active":f})}," Response ",2)]),_:1})]),_:1}),se(N(HE),{as:"template"},{default:Pe(()=>[se(N(oO),{as:"template"},{default:Pe(()=>[se(N($0))]),_:1}),se(N(oO),{as:"template"},{default:Pe(()=>[se(N(A0))]),_:1})]),_:1})]),_:1},8,["selectedIndex"])):(B(),me(Te,{key:0},[se(N($0)),se(N(A0))],64))])]),_:1},8,["method"])],64))}});/**
+</svg>`,T0=Object.assign({"./Add.svg":Z7,"./CheckMark.svg":D7,"./ChevronDown.svg":V7,"./ChevronLeft.svg":M7,"./ChevronRight.svg":I7,"./ChevronUp.svg":W7,"./Clipboard.svg":X7,"./Close.svg":j7,"./DarkMode.svg":z7,"./Ellipses.svg":q7,"./ExternalLink.svg":U7,"./GitHub.svg":Y7,"./LightDarkModeToggle.svg":L7,"./LightMode.svg":H7,"./Logo.svg":B7,"./LogoAPI.svg":F7,"./LogoClient.svg":G7,"./LogoMarket.svg":K7,"./LogoSwagger.svg":J7,"./Menu.svg":eV,"./PaperAirplane.svg":tV,"./Search.svg":nV}),rV=t=>{const e=`./${t}.svg`;return T0[e]===void 0?(console.warn(`Could not find icon: ${t}`),""):T0[e]},E0=Oe({__name:"ScalarIcon",props:{icon:{},size:{}},setup(t){const e=t,n=tx({variants:{size:{xs:"h-3 w-3",sm:"h-3.5 w-3.5",md:"h-4 w-4",lg:"h-5 w-5",xl:"h-6 w-6",full:"h-full w-full"}},defaultVariants:{size:"full"}}),r=oe(()=>rV(e.icon));return(o,i)=>r.value?(B(),ze(N(N7),{key:0,class:dt(N($7)("scalar-icon",N(n)({size:o.size}))),raw:r.value},null,8,["class","raw"])):dr("",!0)}}),oV={class:"table"},iV={class:"table-row"},sV=A("div",{class:"table-row-item"},[A("label",null,"Key")],-1),aV=A("div",{class:"table-row-item"},[A("label",null,"Value")],-1),lV={class:"table-row-item"},cV=A("label",null,"Description",-1),uV=[cV],dV=A("svg",{fill:"currentColor",height:"12",viewBox:"0 0 18 12",width:"18",xmlns:"http://www.w3.org/2000/svg"},[A("path",{d:"M0 12h12v-2H0v2zM0 0v2h18V0H0zm0 7h18V5H0v2z","fill-rule":"nonzero"})],-1),hV=[dV],fV={class:"table-row-item"},pV=["onUpdate:modelValue"],mV={class:"table-row-item"},gV=["onUpdate:modelValue"],OV={class:"table-row-item"},bV=["onUpdate:modelValue"],vV={class:"table-row-meta"},wV={class:"meta-check"},yV=["onUpdate:modelValue"],SV=A("span",{class:"meta-checkmark"},null,-1),kV=["onClick"],xV=A("svg",{fill:"none",height:"10",viewBox:"-0.5 -0.5 10 10",width:"10",xmlns:"http://www.w3.org/2000/svg"},[A("path",{d:"m8.55 0.45 -8.1 8.1",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"}),A("path",{d:"m0.45 0.45 8.1 8.1",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"})],-1),PV=[xV],_V={class:"meta-actions"},TV={class:"meta-actions-item-icon"},EV={class:"meta-actions-item-icon"},Ql=Oe({__name:"Grid",props:{items:{},addLabel:{},showMoreFilter:{type:Boolean}},emits:["deleteIndex","addAnother"],setup(t,{emit:e}){const n=e,r=ae(!1),o=ae(!1);function i(){n("addAnother"),o.value=!0}return(s,a)=>(B(),me("div",oV,[A("div",iV,[sV,aV,nt(A("div",lV,uV,512),[[Ti,r.value]]),A("div",{class:"table-row-meta",onClick:a[0]||(a[0]=l=>r.value=!r.value)},hV)]),(B(!0),me(Te,null,zi(s.items,(l,c)=>nt((B(),me("div",{key:l.id,class:dt(["table-row",{"required-parameter":l.required}])},[A("div",fV,[nt(A("input",{"onUpdate:modelValue":u=>l.name=u,placeholder:"key"},null,8,pV),[[St,l.name]])]),A("div",mV,[nt(A("input",{"onUpdate:modelValue":u=>l.value=u,placeholder:"value"},null,8,gV),[[St,l.value]])]),nt(A("div",OV,[nt(A("input",{"onUpdate:modelValue":u=>l.description=u,placeholder:"value"},null,8,bV),[[St,l.description]])],512),[[Ti,r.value]]),A("div",vV,[A("label",wV,[nt(A("input",{"onUpdate:modelValue":u=>l.enabled=u,checked:"",type:"checkbox"},null,8,yV),[[Ei,l.enabled]]),SV]),A("button",{class:"meta-delete",type:"button",onClick:u=>s.$emit("deleteIndex",c)},PV,8,kV)])],2)),[[Ti,!s.showMoreFilter||s.showMoreFilter&&c<5||o.value]])),128)),A("div",_V,[s.addLabel?(B(),me("button",{key:0,class:"meta-actions-item",type:"button",onClick:i},[A("i",TV,[se(N(E0),{icon:"Add"})]),mt(" "+He(s.addLabel),1)])):dr("",!0),s.showMoreFilter&&s.items.length>5&&!o.value?(B(),me("button",{key:1,class:"meta-actions-item",type:"button",onClick:a[1]||(a[1]=l=>o.value=!0)},[mt(" Show More "),A("i",EV,[se(N(E0),{icon:"ChevronDown"})])])):dr("",!0)])]))}}),$V={class:"navtable simpletable"},QV={class:"navtable-table"},CV=Yu('<div class="navtable-item navtable-item__top"><div class="navtable-item-33"><label for="">Name</label></div><div class="navtable-item-66"><label for="">Value</label></div></div>',1),AV={class:"navtable-item-33"},RV={class:"navtable-item-66"},NV=Oe({__name:"SimpleGrid",props:{items:{}},setup(t){return(e,n)=>(B(),me("div",$V,[A("div",QV,[CV,(B(!0),me(Te,null,zi(e.items,r=>(B(),me("div",{key:r.id,class:"navtable-item"},[A("div",AV,[A("p",null,He(r.name),1)]),A("div",RV,[A("p",null,He(r.value),1)])]))),128))])]))}}),ZV={key:0},DV=Oe({__name:"RequestBody",props:{body:{},formData:{}},setup(t){const{activeRequest:e,setActiveRequest:n}=Dn(),r=o=>{e.body!==o&&n({...e,body:o})};return(o,i)=>(B(),ze(N(ao),{title:"Body"},{default:Pe(()=>[o.body&&o.body.length===0&&o.formData&&o.formData.length===0?(B(),me("span",ZV,"No Body")):o.formData&&o.formData.length>0?(B(),ze(N(Ql),{key:1,items:o.formData},null,8,["items"])):(B(),ze(N(Uk),{key:2,content:N(e).body,language:"json",lineNumbers:"",onChange:r},null,8,["content"]))]),_:1}))}}),VV={key:0,class:"scalar-api-client__empty-state"},MV=A("svg",{class:"flow-icon","data-v-aa4fbd2d":"",height:"100%",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},[A("path",{d:"M24 1.714v44.572M1.714 24h44.572",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"3.429",xmlns:"http://www.w3.org/2000/svg"})],-1),IV=Oe({__name:"RequestCookies",props:{cookies:{}},setup(t){const{activeRequest:e}=Dn();function n(o){var i;(i=e.cookies)==null||i.splice(o,1)}function r(){var o;e.cookies===void 0&&(e.cookies=[]),(o=e.cookies)==null||o.push({name:"",value:"",enabled:!0})}return(o,i)=>(B(),ze(N(ao),{defaultOpen:N(e).cookies&&N(e).cookies.length>0,title:"Cookies"},{default:Pe(()=>[!o.cookies||o.cookies.length===0?(B(),me("div",VV,[A("button",{class:"scalar-api-client-add",type:"button",onClick:r},[MV,mt(" Cookies ")])])):(B(),ze(N(Ql),{key:1,addLabel:"Cookie",items:o.cookies,onAddAnother:r,onDeleteIndex:n},null,8,["items"]))]),_:1},8,["defaultOpen"]))}}),WV={key:0,class:"scalar-api-client__empty-state"},XV=A("svg",{class:"flow-icon","data-v-aa4fbd2d":"",height:"100%",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},[A("path",{d:"M24 1.714v44.572M1.714 24h44.572",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"3.429",xmlns:"http://www.w3.org/2000/svg"})],-1),jV=Oe({__name:"RequestHeaders",props:{headers:{}},setup(t){const{activeRequest:e}=Dn();function n(o){var i;(i=e.headers)==null||i.splice(o,1)}function r(){var o;e.headers===void 0&&(e.headers=[]),(o=e.headers)==null||o.push({name:"",value:"",enabled:!0})}return(o,i)=>(B(),ze(N(ao),{defaultOpen:N(e).headers&&N(e).headers.length>0,title:"Headers"},{default:Pe(()=>[!o.headers||o.headers.length===0?(B(),me("div",WV,[A("button",{class:"scalar-api-client-add",type:"button",onClick:r},[XV,mt(" Headers ")])])):(B(),ze(N(Ql),{key:1,addLabel:"Header",items:o.headers,onAddAnother:r,onDeleteIndex:n},null,8,["items"]))]),_:1},8,["defaultOpen"]))}}),zV={key:0,class:"scalar-api-client__empty-state"},qV=A("svg",{class:"flow-icon","data-v-aa4fbd2d":"",height:"100%",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},[A("path",{d:"M24 1.714v44.572M1.714 24h44.572",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"3.429",xmlns:"http://www.w3.org/2000/svg"})],-1),UV=Oe({__name:"RequestQuery",props:{queries:{}},setup(t){const{activeRequest:e}=Dn();function n(o){var i;(i=e.query)==null||i.splice(o,1)}function r(){var o;e.query===void 0&&(e.query=[]),(o=e.query)==null||o.push({name:"",value:"",enabled:!0})}return(o,i)=>(B(),ze(N(ao),{defaultOpen:N(e).query&&N(e).query.length>0,title:"Query Parameters"},{default:Pe(()=>[!o.queries||o.queries.length===0?(B(),me("div",zV,[A("button",{class:"scalar-api-client-add",type:"button",onClick:r},[qV,mt(" Query Parameter ")])])):(B(),ze(N(Ql),{key:1,addLabel:"Query Parameter",items:o.queries,showMoreFilter:!0,onAddAnother:r,onDeleteIndex:n},null,8,["items"]))]),_:1},8,["defaultOpen"]))}}),YV={key:0,class:"scalar-api-client__empty-state"},LV=A("svg",{class:"flow-icon","data-v-aa4fbd2d":"",height:"100%",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"},[A("path",{d:"M24 1.714v44.572M1.714 24h44.572",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"3.429",xmlns:"http://www.w3.org/2000/svg"})],-1),HV=Oe({__name:"RequestVariables",props:{variables:{}},setup(t){const{activeRequest:e}=Dn();function n(o){var i;(i=e.variables)==null||i.splice(o,1)}function r(){var o;e.variables===void 0&&(e.variables=[]),(o=e.variables)==null||o.push({name:"",value:"",enabled:!0})}return(o,i)=>(B(),ze(N(ao),{defaultOpen:N(e).variables&&N(e).variables.length>0,title:"Variables"},{default:Pe(()=>[!o.variables||o.variables.length===0?(B(),me("div",YV,[A("button",{class:"scalar-api-client-add",type:"button",onClick:r},[LV,mt(" Variable ")])])):(B(),ze(N(Ql),{key:1,addLabel:"Variable",items:o.variables,showMoreFilter:!0,onAddAnother:r,onDeleteIndex:n},null,8,["items"]))]),_:1},8,["defaultOpen"]))}}),BV={class:"scalar-api-client__main__left custom-scroll"},FV={class:"scalar-api-client__main__content"},GV=A("label",null,"Request",-1),KV={class:"meta"},JV={class:"meta-item meta-item__input"},e8=["disabled"],t8=A("div",{class:"scalar-api-client__main__scroll-container"},null,-1),$0=Oe({__name:"Request",setup(t){const{activeRequest:e,readOnly:n}=Dn();return(r,o)=>(B(),me("div",BV,[A("div",FV,[GV,A("div",KV,[A("div",JV,[nt(A("input",{"onUpdate:modelValue":o[0]||(o[0]=i=>N(e).name=i),class:"scalar-api-client__request-name",disabled:N(n),placeholder:"Request Name",type:"text"},null,8,e8),[[St,N(e).name]])])])]),A("div",null,[se(HV,{variables:N(e).variables},null,8,["variables"]),se(UD),se(IV,{cookies:N(e).cookies},null,8,["cookies"]),se(jV,{headers:N(e).headers},null,8,["headers"]),se(UV,{queries:N(e).query},null,8,["queries"]),se(DV,{body:N(e).body,formData:N(e).formData,requestBody:N(e).body},null,8,["body","formData","requestBody"]),t8])]))}}),n8={key:1,class:"scalar-api-client__empty-state"},r8={key:1,class:"scalar-api-client__empty-state"},o8=Oe({__name:"ResponseBody",props:{active:{type:Boolean,default:!1},data:{default:null},headers:{}},setup(t){const e=t,n=oe(()=>{const o=e.headers.find(i=>i.name.toLowerCase()==="content-type");if(!o)return null;try{return Gp.parse(o.value).type}catch{return null}}),r=oe(()=>n.value==="application/json"||n.value==="application/problem+json"||n.value==="application/vnd.api+json"?"json":n.value==="text/html"||n.value==="text/plain"?"html":null);return(o,i)=>(B(),ze(N(ao),{title:"Body"},{default:Pe(()=>[o.active?(B(),me(Te,{key:0},[r.value?(B(),ze(N(C7),{key:0,class:"custom-scroll",content:o.data,lang:r.value},null,8,["content","lang"])):(B(),me("div",n8,[n.value?(B(),me(Te,{key:0},[mt(" No Preview Available ("+He(n.value)+") ",1)],64)):(B(),me(Te,{key:1},[mt(" Can’t render a preview. The Content-Type header is missing or unknown. ")],64))]))],64)):(B(),me("div",r8," No Response "))]),_:1}))}}),i8=["href"],s8=Oe({__name:"HelpfulLink",props:{href:{}},setup(t){return(e,n)=>(B(),me("a",{href:e.href,rel:"noopener noreferrer",target:"_blank"},[ur(e.$slots,"default",{},void 0,!0)],8,i8))}}),nx=Dr(s8,[["__scopeId","data-v-ffc7287f"]]),a8=Oe({__name:"SimpleCell",props:{wrap:{type:Boolean,default:!0},strong:{type:Boolean,default:!1},href:{default:null}},setup(t){return(e,n)=>(B(),me("td",{class:dt(["simple-cell",{wrap:e.wrap,strong:e.strong}])},[e.href?(B(),ze(nx,{key:0,href:e.href},{default:Pe(()=>[ur(e.$slots,"default",{},void 0,!0)]),_:3},8,["href"])):ur(e.$slots,"default",{key:1},void 0,!0)],2))}}),Hf=Dr(a8,[["__scopeId","data-v-b99d5e90"]]),l8=Oe({__name:"SimpleHeader",setup(t){return(e,n)=>(B(),ze(Hf,{as:"th",class:"simple-header"},{default:Pe(()=>[ur(e.$slots,"default",{},void 0,!0)]),_:3}))}}),Q0=Dr(l8,[["__scopeId","data-v-6bd3700b"]]),c8={},u8={class:"simple-row"};function d8(t,e){return B(),me("tr",u8,[ur(t.$slots,"default",{},void 0,!0)])}const C0=Dr(c8,[["render",d8],["__scopeId","data-v-e7e681a1"]]),h8={},f8={class:"simple-table"};function p8(t,e){return B(),me("table",f8,[ur(t.$slots,"default",{},void 0,!0)])}const m8=Dr(h8,[["render",p8],["__scopeId","data-v-8f53a32f"]]),g8={key:1,class:"scalar-api-client__empty-state"},O8=Oe({__name:"ResponseHeaders",props:{headers:{}},setup(t){const e=r=>{var o;return(o=s5.find(i=>i.name.toLowerCase()===r.toLowerCase()))==null?void 0:o.url},n=r=>r.split("-").map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join("-");return(r,o)=>(B(),ze(N(ao),{title:"Headers"},{default:Pe(()=>[r.headers.length>0?(B(),ze(N(m8),{key:0},{default:Pe(()=>[se(N(C0),null,{default:Pe(()=>[se(N(Q0),null,{default:Pe(()=>[mt("Key")]),_:1}),se(N(Q0),null,{default:Pe(()=>[mt("Value")]),_:1})]),_:1}),(B(!0),me(Te,null,zi(r.headers,i=>(B(),ze(N(C0),{key:i.name},{default:Pe(()=>[se(N(Hf),{href:e(i.name),strong:!0,wrap:!1},{default:Pe(()=>[mt(He(n(i.name)),1)]),_:2},1032,["href"]),se(N(Hf),null,{default:Pe(()=>[mt(He(i.value),1)]),_:2},1024)]),_:2},1024))),128))]),_:1})):(B(),me("div",g8,"No Headers"))]),_:1}))}}),b8={class:"meta-item"},v8={class:"meta-item"},w8={class:"meta-item"},y8=Oe({__name:"ResponseMetaInformation",props:{response:{}},setup(t){const e=t,n=o=>{var i;return(i=o==null?void 0:o.headers)!=null&&i["X-API-Client-Content-Length"]?nu(parseFloat(o.headers["X-API-Client-Content-Length"])):nu(0)},r=oe(()=>{const o=e.response.statusCode;if(o)return u5[o]??void 0});return(o,i)=>{var s,a;return B(),me(Te,null,[A("div",b8,[A("span",null,He(N(Jw)(o.response.duration)),1)]),A("div",v8,[A("span",null,He(n(o.response)),1)]),A("div",w8,[A("span",{class:dt(`scalar-api-client__status scalar-api-client__status--${String(o.response.statusCode).charAt(0)}xx`)},[(s=r.value)!=null&&s.url?(B(),ze(nx,{key:0,href:r.value.url},{default:Pe(()=>[mt(He(o.response.statusCode)+" "+He(r.value.name),1)]),_:1},8,["href"])):(B(),me(Te,{key:1},[mt(He(o.response.statusCode)+" "+He((a=r.value)==null?void 0:a.name),1)],64))],2)])],64)}}}),S8={class:"scalar-api-client__main__right custom-scroll"},k8={class:"scalar-api-client__main__content"},x8=A("label",null,"Response",-1),P8={class:"meta"},_8={key:1,class:"meta-item"},T8=A("span",null,"Send your first request to start",-1),E8=[T8],$8={key:0,class:"scalar-api-client__empty-state"},Q8=A("div",{class:"scalar-api-client__main__scroll-container"},null,-1),A0=Oe({__name:"Response",setup(t){const{activeResponse:e,activeRequestId:n}=Dn(),r=oe(()=>{var s;const a=(s=e.value)==null?void 0:s.headers;return a?Object.keys(a).map(l=>({name:l,value:a[l]})).filter(l=>!["rest-api-client-content-length","X-API-Client-Content-Length"].includes(l.name)):[]}),o=oe(()=>{var s;const a=(s=e.value)==null?void 0:s.cookies;return a?Object.keys(a).map(l=>({name:l,value:a[l]})):[]}),i=oe(()=>{var s;const a=(s=e.value)==null?void 0:s.data;return a&&Uf(a)?JSON.stringify(JSON.parse(a),null,2):a&&typeof ye(a)=="object"||a&&!Uf(a)?JSON.stringify(a,null,2):a});return(s,a)=>(B(),me("div",S8,[A("div",k8,[x8,A("div",P8,[N(n)&&N(e)?(B(),ze(y8,{key:0,response:N(e)},null,8,["response"])):(B(),me("div",_8,E8))])]),A("div",null,[se(o8,{active:!!N(e),data:i.value,headers:r.value},null,8,["active","data","headers"]),se(O8,{headers:r.value},null,8,["headers"]),se(N(ao),{title:"Cookies"},{default:Pe(()=>[nt(se(N(NV),{items:o.value},null,8,["items"]),[[Ti,o.value.length>0]]),o.value.length===0?(B(),me("div",$8,"No Cookies")):dr("",!0)]),_:1}),Q8])]))}}),C8={class:"scalar-api-client__main"},A8=Oe({__name:"ApiClient",props:{proxyUrl:{},readOnly:{type:Boolean,default:!1},theme:{}},emits:["escapeKeyPress"],setup(t,{emit:e}){const n=t,r=e,o=Cw();Qw(o.escape,()=>r("escapeKeyPress"));const{activeRequest:i,readOnly:s}=Dn(),a=t$("(max-width: 820px)"),l=ae(0),c={Request:0,Response:1};function u(d){l.value=d}return xt(()=>n.readOnly,()=>{s.value=n.readOnly},{immediate:!0}),(d,h)=>(B(),me(Te,null,[se(N(LQ),{id:d.theme},null,8,["id"]),se(d5,{class:"scalar-api-client",method:N(i).type??"get",property:"--default-scalar-api-client-color",onKeydown:h[1]||(h[1]=K1(f=>r("escapeKeyPress"),["esc"]))},{default:Pe(()=>[se(nD,{proxyUrl:d.proxyUrl,onOnSend:h[0]||(h[0]=f=>u(c.Response))},null,8,["proxyUrl"]),A("div",C8,[N(a)?(B(),ze(N(YE),{key:1,selectedIndex:l.value,onChange:u},{default:Pe(()=>[se(N(LE),{class:"scalar-api-client__mobile-navigation"},{default:Pe(()=>[se(N(rO),{class:"scalar-api-client__mobile-navigation__toggle"},{default:Pe(({selected:f})=>[A("span",{class:dt({"scalar-api-client__mobile-navigation--active":f})}," Request ",2)]),_:1}),se(N(rO),{class:"scalar-api-client__mobile-navigation__toggle"},{default:Pe(({selected:f})=>[A("span",{class:dt({"scalar-api-client__mobile-navigation--active":f})}," Response ",2)]),_:1})]),_:1}),se(N(HE),{as:"template"},{default:Pe(()=>[se(N(oO),{as:"template"},{default:Pe(()=>[se(N($0))]),_:1}),se(N(oO),{as:"template"},{default:Pe(()=>[se(N(A0))]),_:1})]),_:1})]),_:1},8,["selectedIndex"])):(B(),me(Te,{key:0},[se(N($0)),se(N(A0))],64))])]),_:1},8,["method"])],64))}});/**
 * @vue/compiler-core v3.4.21
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT

package/dist/index.js

@@ -38768,7 +38768,7 @@ const R7 = /* @__PURE__ */ Oe({
       } catch {
         return null;
       }
-    }), r = oe(() => n.value === "application/json" || n.value === "application/problem+json" ? "json" : n.value === "text/html" || n.value === "text/plain" ? "html" : null);
+    }), r = oe(() => n.value === "application/json" || n.value === "application/problem+json" || n.value === "application/vnd.api+json" ? "json" : n.value === "text/html" || n.value === "text/plain" ? "html" : null);
     return (o, i) => (B(), ze(N(ao), { title: "Body" }, {
       default: Pe(() => [
         o.active ? (B(), me(Te, { key: 0 }, [

package/package.json

@@ -14,7 +14,7 @@
     "testing",
     "react"
   ],
-  "version": "0.1.8",
+  "version": "0.2.0",
   "engines": {
     "node": ">=18"
   },
@@ -33,7 +33,7 @@
     "directory": "packages/api-client-react"
   },
   "dependencies": {
-    "@scalar/api-client": "0.12.18"
+    "@scalar/api-client": "1.0.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.60",