Huggingface.js

Join the Hugging Face community

and get access to the augmented documentation experience

Collaborate on models, datasets and Spaces

Faster examples with accelerated inference

Switch between documentation themes

to get started

🤗 Cabeçalho do Espaço do Hugging Face

Um wrapper com suporte a Typescript para o recurso mini_header do Space.

pnpm add @huggingface/space-header

npm add @huggingface/space-header

yarn add @huggingface/space-header

// esm.sh
import { init } from "https://esm.sh/@huggingface/space-header"
// or npm:
import { init } from "npm:@huggingface/space-header"

import { init } from "@huggingface/space-header";

// ...

init(":user/:spaceId");
// init("enzostvs/lora-studio") for example

❗Observação importante: o método init deve ser chamado no lado do cliente.

Usa a opção target para injetar o cabeçalho de espaço em outro elemento do DOM

const app = document.getElementById("app");

// ...

init(":user/:spaceId", {
  target: app
});

Se você já possui os dados do espaço, também pode passá-los como um parâmetro para evitar uma busca

init(space);

// space = {
//  id: string;
//  likes: number;
//  author: string;
// }