import{s as q,n as D,o as L}from"../chunks/scheduler.6062bdaf.js";import{S as R,i as W,g as u,s,r as C,A as z,h as m,f as o,c as g,j as P,u as I,x as S,k as H,y as F,a,v as M,d as E,t as T,w as A}from"../chunks/index.4bca734e.js";import{H as U,E as j}from"../chunks/EditOnGithub.74ab2baa.js";function G(k){let r,f,c,p,i,b,n,_=`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:`,w,d,$=`<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 HF Inference API and other Inference Providers?</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>`,x,l,y,h,v;return i=new U({props:{title:"How-to guides",local:"how-to-guides",headingTag:"h1"}}),l=new j({props:{source:"https://github.com/huggingface/huggingface_hub/blob/main/docs/source/en/guides/overview.md"}}),{c(){r=u("meta"),f=s(),c=u("p"),p=s(),C(i.$$.fragment),b=s(),n=u("p"),n.textContent=_,w=s(),d=u("div"),d.innerHTML=$,x=s(),C(l.$$.fragment),y=s(),h=u("p"),this.h()},l(e){const t=z("svelte-u9bgzb",document.head);r=m(t,"META",{name:!0,content:!0}),t.forEach(o),f=g(e),c=m(e,"P",{}),P(c).forEach(o),p=g(e),I(i.$$.fragment,e),b=g(e),n=m(e,"P",{"data-svelte-h":!0}),S(n)!=="svelte-iku20g"&&(n.textContent=_),w=g(e),d=m(e,"DIV",{class:!0,"data-svelte-h":!0}),S(d)!=="svelte-zaqp0u"&&(d.innerHTML=$),x=g(e),I(l.$$.fragment,e),y=g(e),h=m(e,"P",{}),P(h).forEach(o),this.h()},h(){H(r,"name","hf:doc:metadata"),H(r,"content",O),H(d,"class","mt-10")},m(e,t){F(document.head,r),a(e,f,t),a(e,c,t),a(e,p,t),M(i,e,t),a(e,b,t),a(e,n,t),a(e,w,t),a(e,d,t),a(e,x,t),M(l,e,t),a(e,y,t),a(e,h,t),v=!0},p:D,i(e){v||(E(i.$$.fragment,e),E(l.$$.fragment,e),v=!0)},o(e){T(i.$$.fragment,e),T(l.$$.fragment,e),v=!1},d(e){e&&(o(f),o(c),o(p),o(b),o(n),o(w),o(d),o(x),o(y),o(h)),o(r),A(i,e),A(l,e)}}}const O='{"title":"How-to guides","local":"how-to-guides","sections":[],"depth":1}';function V(k){return L(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class N extends R{constructor(r){super(),W(this,r,V,G,q,{})}}export{N as component};
