import{s as P,n as $,o as I}from"../chunks/scheduler.6062bdaf.js";import{S,i as M,g,s as c,r as T,A,h,f as o,c as u,j as _,u as E,x as C,k as y,y as D,a as r,v as L,d as R,t as W,w as q}from"../chunks/index.4bca734e.js";import{H as U}from"../chunks/Heading.723dceba.js";function j(v){let a,m,i,p,l,f,n,H=`In this section, you will find practical guides to help you achieve a specific goal.
Take a look at these guides to learn how to use huggingface_hub to solve real-world problems:`,b,d,k=`<div class="w-full flex flex-col space-y-4 md:space-y-0 md:grid md:grid-cols-3 md:gap-y-4 md:gap-x-5"><a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="./repository"><div class="w-full text-center bg-gradient-to-br from-indigo-400 to-indigo-500 rounded-lg py-1.5 font-semibold mb-5 text-white text-lg leading-relaxed">Repository
      </div><p class="text-gray-700">How to create a repository on the Hub? How to configure it? How to interact with it?</p></a> <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="./download"><div class="w-full text-center bg-gradient-to-br from-indigo-400 to-indigo-500 rounded-lg py-1.5 font-semibold mb-5 text-white text-lg leading-relaxed">Download files
      </div><p class="text-gray-700">How do I download a file from the Hub? How do I download a repository?</p></a> <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="./upload"><div class="w-full text-center bg-gradient-to-br from-indigo-400 to-indigo-500 rounded-lg py-1.5 font-semibold mb-5 text-white text-lg leading-relaxed">Upload files
      </div><p class="text-gray-700">How to upload a file or a folder? How to make changes to an existing repository on the Hub?</p></a> <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="./search"><div class="w-full text-center bg-gradient-to-br from-indigo-400 to-indigo-500 rounded-lg py-1.5 font-semibold mb-5 text-white text-lg leading-relaxed">Search
      </div><p class="text-gray-700">How to efficiently search through the 200k+ public models, datasets and spaces?</p></a> <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="./hf_file_system"><div class="w-full text-center bg-gradient-to-br from-indigo-400 to-indigo-500 rounded-lg py-1.5 font-semibold mb-5 text-white text-lg leading-relaxed">HfFileSystem
      </div><p class="text-gray-700">How to interact with the Hub through a convenient interface that mimics Python&#39;s file interface?</p></a> <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="./inference"><div class="w-full text-center bg-gradient-to-br from-indigo-400 to-indigo-500 rounded-lg py-1.5 font-semibold mb-5 text-white text-lg leading-relaxed">Inference
      </div><p class="text-gray-700">How to make predictions using the accelerated Inference API?</p></a> <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="./community"><div class="w-full text-center bg-gradient-to-br from-indigo-400 to-indigo-500 rounded-lg py-1.5 font-semibold mb-5 text-white text-lg leading-relaxed">Community Tab
      </div><p class="text-gray-700">How to interact with the Community tab (Discussions and Pull Requests)?</p></a> <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="./collections"><div class="w-full text-center bg-gradient-to-br from-indigo-400 to-indigo-500 rounded-lg py-1.5 font-semibold mb-5 text-white text-lg leading-relaxed">Collections
      </div><p class="text-gray-700">How to programmatically build collections?</p></a> <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="./manage-cache"><div class="w-full text-center bg-gradient-to-br from-indigo-400 to-indigo-500 rounded-lg py-1.5 font-semibold mb-5 text-white text-lg leading-relaxed">Cache
      </div><p class="text-gray-700">How does the cache-system work? How to benefit from it?</p></a> <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="./model-cards"><div class="w-full text-center bg-gradient-to-br from-indigo-400 to-indigo-500 rounded-lg py-1.5 font-semibold mb-5 text-white text-lg leading-relaxed">Model Cards
      </div><p class="text-gray-700">How to create and share Model Cards?</p></a> <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="./manage-spaces"><div class="w-full text-center bg-gradient-to-br from-indigo-400 to-indigo-500 rounded-lg py-1.5 font-semibold mb-5 text-white text-lg leading-relaxed">Manage your Space
      </div><p class="text-gray-700">How to manage your Space hardware and configuration?</p></a> <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="./integrations"><div class="w-full text-center bg-gradient-to-br from-indigo-400 to-indigo-500 rounded-lg py-1.5 font-semibold mb-5 text-white text-lg leading-relaxed">Integrate a library
      </div><p class="text-gray-700">What does it mean to integrate a library with the Hub? And how to do it?</p></a> <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="./webhooks_server"><div class="w-full text-center bg-gradient-to-br from-indigo-400 to-indigo-500 rounded-lg py-1.5 font-semibold mb-5 text-white text-lg leading-relaxed">Webhooks server
      </div><p class="text-gray-700">How to create a server to receive Webhooks and deploy it as a Space?</p></a></div>`,w,s,x;return l=new U({props:{title:"How-to guides",local:"how-to-guides",headingTag:"h1"}}),{c(){a=g("meta"),m=c(),i=g("p"),p=c(),T(l.$$.fragment),f=c(),n=g("p"),n.textContent=H,b=c(),d=g("div"),d.innerHTML=k,w=c(),s=g("p"),this.h()},l(e){const t=A("svelte-u9bgzb",document.head);a=h(t,"META",{name:!0,content:!0}),t.forEach(o),m=u(e),i=h(e,"P",{}),_(i).forEach(o),p=u(e),E(l.$$.fragment,e),f=u(e),n=h(e,"P",{"data-svelte-h":!0}),C(n)!=="svelte-iku20g"&&(n.textContent=H),b=u(e),d=h(e,"DIV",{class:!0,"data-svelte-h":!0}),C(d)!=="svelte-1fhltlr"&&(d.innerHTML=k),w=u(e),s=h(e,"P",{}),_(s).forEach(o),this.h()},h(){y(a,"name","hf:doc:metadata"),y(a,"content",z),y(d,"class","mt-10")},m(e,t){D(document.head,a),r(e,m,t),r(e,i,t),r(e,p,t),L(l,e,t),r(e,f,t),r(e,n,t),r(e,b,t),r(e,d,t),r(e,w,t),r(e,s,t),x=!0},p:$,i(e){x||(R(l.$$.fragment,e),x=!0)},o(e){W(l.$$.fragment,e),x=!1},d(e){e&&(o(m),o(i),o(p),o(f),o(n),o(b),o(d),o(w),o(s)),o(a),q(l,e)}}}const z='{"title":"How-to guides","local":"how-to-guides","sections":[],"depth":1}';function F(v){return I(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class J extends S{constructor(a){super(),M(this,a,F,j,P,{})}}export{J as component};
