Merge branch 'huggingface:main' into xsn/llama_snippet

Author: ngxson

README.md

@@ -88,7 +88,7 @@ You can run our packages with vanilla JS, without any bundler, by using a CDN or
 
 ```html
 <script type="module">
-    import { HfInference } from 'https://cdn.jsdelivr.net/npm/@huggingface/inference@2.7.0/+esm';
+    import { HfInference } from 'https://cdn.jsdelivr.net/npm/@huggingface/inference@2.8.0/+esm';
     import { createRepo, commit, deleteRepo, listFiles } from "https://cdn.jsdelivr.net/npm/@huggingface/[email protected]/+esm";
 </script>
 ```

packages/hub/README.md

@@ -121,5 +121,4 @@ Under the hood, `@huggingface/hub` uses a lazy blob implementation to load the f
 
 ## Dependencies
 
-- `hash-wasm` : Only used in the browser, when committing files over 10 MB. Browsers do not natively support streaming sha256 computations.
 - `@huggingface/tasks` : Typings only

packages/hub/src/lib/commit.spec.ts

@@ -204,4 +204,80 @@ size 4194304
 		}
 		// https://huggingfacejs-push-model-from-web.hf.space/
 	}, 60_000);
+
+	it("should be able to create a PR and then commit to it", async function () {
+		const repoName = `${TEST_USER}/TEST-${insecureRandomString()}`;
+		const repo: RepoId = {
+			name: repoName,
+			type: "model",
+		};
+
+		await createRepo({
+			credentials: {
+				accessToken: TEST_ACCESS_TOKEN,
+			},
+			repo,
+			hubUrl: TEST_HUB_URL,
+		});
+
+		try {
+			const pr = await commit({
+				repo,
+				credentials: {
+					accessToken: TEST_ACCESS_TOKEN,
+				},
+				hubUrl: TEST_HUB_URL,
+				title: "Create PR",
+				isPullRequest: true,
+				operations: [
+					{
+						operation: "addOrUpdate",
+						content: new Blob(["This is me"]),
+						path: "test.txt",
+					},
+				],
+			});
+
+			if (!pr) {
+				throw new Error("PR creation failed");
+			}
+
+			if (!pr.pullRequestUrl) {
+				throw new Error("No pull request url");
+			}
+
+			const prNumber = pr.pullRequestUrl.split("/").pop();
+			const prRef = `refs/pr/${prNumber}`;
+
+			await commit({
+				repo,
+				credentials: {
+					accessToken: TEST_ACCESS_TOKEN,
+				},
+				hubUrl: TEST_HUB_URL,
+				branch: prRef,
+				title: "Some commit",
+				operations: [
+					{
+						operation: "addOrUpdate",
+						content: new URL(
+							`https://huggingface.co/spaces/huggingfacejs/push-model-from-web/resolve/main/mobilenet/group1-shard1of2`
+						),
+						path: "mobilenet/group1-shard1of2",
+					},
+				],
+			});
+
+			assert(commit, "PR commit failed");
+		} finally {
+			await deleteRepo({
+				repo: {
+					name: repoName,
+					type: "model",
+				},
+				hubUrl: TEST_HUB_URL,
+				credentials: { accessToken: TEST_ACCESS_TOKEN },
+			});
+		}
+	}, 60_000);
 });

packages/inference/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@huggingface/inference",
-	"version": "2.7.0",
+	"version": "2.8.0",
 	"packageManager": "[email protected]",
 	"license": "MIT",
 	"author": "Tim Mikeladze <[email protected]>",

packages/inference/src/tasks/nlp/textGeneration.ts

@@ -1,6 +1,7 @@
 import type { TextGenerationInput, TextGenerationOutput } from "@huggingface/tasks";
 import { InferenceOutputError } from "../../lib/InferenceOutputError";
 import type { BaseArgs, Options } from "../../types";
+import { toArray } from "../../utils/toArray";
 import { request } from "../custom/request";
 
 export type { TextGenerationInput, TextGenerationOutput };
@@ -12,10 +13,12 @@ export async function textGeneration(
 	args: BaseArgs & TextGenerationInput,
 	options?: Options
 ): Promise<TextGenerationOutput> {
-	const res = await request<TextGenerationOutput[]>(args, {
-		...options,
-		taskHint: "text-generation",
-	});
+	const res = toArray(
+		await request<TextGenerationOutput | TextGenerationOutput[]>(args, {
+			...options,
+			taskHint: "text-generation",
+		})
+	);
 	const isValidOutput = Array.isArray(res) && res.every((x) => typeof x?.generated_text === "string");
 	if (!isValidOutput) {
 		throw new InferenceOutputError("Expected Array<{generated_text: string}>");

packages/languages/src/languages_iso_639_3.ts

@@ -17884,7 +17884,7 @@ export const LANGUAGES_ISO_639_3 = {
 	},
 	nan: {
 		code: "nan",
-		name: "Min Nan Chinese",
+		name: "Southern Min (Min Nan Chinese)",
 	},
 	nao: {
 		code: "nao",
@@ -30790,7 +30790,7 @@ export const LANGUAGES_ISO_639_3 = {
 	},
 	yue: {
 		code: "yue",
-		name: "Yue Chinese",
+		name: "Cantonese (Yue Chinese)",
 	},
 	yuf: {
 		code: "yuf",

packages/space-header/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@huggingface/space-header",
-	"version": "1.0.2",
+	"version": "1.0.3",
 	"packageManager": "[email protected]",
 	"description": "Use the Space mini_header outside Hugging Face",
 	"repository": "https://github.com/huggingface/huggingface.js.git",

packages/space-header/src/header/components/box.ts

@@ -13,14 +13,11 @@ export const Box = (): HTMLDivElement => {
 	box.style.justifyContent = "space-between";
 	box.style.overflow = "hidden";
 	box.style.position = "fixed";
-	box.style.right = "1.5rem";
-	box.style.top = "1.25rem";
+	box.style.right = ".75rem";
+	box.style.top = ".75rem";
 	box.style.width = "auto";
 	box.style.zIndex = "20";
-	box.style.padding = "0.75rem";
 	box.style.paddingLeft = "1rem";
-	box.style.paddingRight = "0rem";
-
 	box.setAttribute("id", "huggingface-space-header");
 
 	window.matchMedia("(max-width: 768px)").addEventListener("change", (e) => {

packages/space-header/src/header/components/collapse/arrow.ts

@@ -0,0 +1,23 @@
+export const ArrowCollapse = (): SVGElement => {
+	const arrow = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+	arrow.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+	arrow.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
+	arrow.setAttribute("aria-hidden", "true");
+	arrow.setAttribute("focusable", "false");
+	arrow.setAttribute("role", "img");
+	arrow.setAttribute("width", "1em");
+	arrow.setAttribute("height", "1em");
+	arrow.setAttribute("preserveAspectRatio", "xMidYMid meet");
+	arrow.setAttribute("viewBox", "0 0 12 12");
+	arrow.setAttribute("fill", "currentColor");
+
+	const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+
+	path.setAttribute(
+		"d",
+		"M0.375001 10.3828L0.375 1.61719C0.375 1.104 0.816001 0.687501 1.35938 0.687501L10.6406 0.6875C10.9017 0.6875 11.1521 0.785449 11.3367 0.959797C11.5213 1.13415 11.625 1.37062 11.625 1.61719V10.3828C11.625 10.6294 11.5213 10.8659 11.3367 11.0402C11.1521 11.2145 10.9017 11.3125 10.6406 11.3125H1.35938C0.816001 11.3125 0.375001 10.896 0.375001 10.3828ZM1.35938 10.5156H10.6406C10.7183 10.5156 10.7813 10.4561 10.7813 10.3828V4.40625H1.21875V10.3828C1.21875 10.418 1.23356 10.4518 1.25994 10.4767C1.28631 10.5017 1.32208 10.5156 1.35938 10.5156ZM4.61052 6.38251L5.9999 7.69472L7.38927 6.38251C7.44083 6.33007 7.50645 6.29173 7.57913 6.27153C7.6518 6.25134 7.72898 6.25003 7.8024 6.26776C7.87583 6.28549 7.9428 6.3216 7.99628 6.37227C8.04983 6.42295 8.08785 6.48631 8.10645 6.5557C8.12528 6.62497 8.12393 6.69773 8.10263 6.76635C8.0814 6.83497 8.0409 6.8969 7.98555 6.94564L6.29802 8.53936C6.21892 8.61399 6.11169 8.65592 5.9999 8.65592C5.8881 8.65592 5.78087 8.61399 5.70177 8.53936L4.01427 6.94564C3.95874 6.89694 3.91814 6.835 3.89676 6.76633C3.87538 6.69766 3.874 6.62483 3.89277 6.55549C3.91154 6.48615 3.94977 6.42287 4.00343 6.37233C4.05708 6.32179 4.12418 6.28585 4.19765 6.2683C4.27098 6.25054 4.34803 6.25178 4.42068 6.27188C4.49334 6.29198 4.55891 6.3302 4.61052 6.38251Z"
+	);
+
+	arrow.appendChild(path);
+	return arrow;
+};

packages/space-header/src/header/components/collapse/index.ts

@@ -0,0 +1,39 @@
+import type { Space } from "../../../type";
+import { ArrowCollapse } from "./arrow";
+
+export const Collapse = (space: Space, callback: () => void): HTMLDivElement | SVGElement => {
+	const box = document.createElement("div");
+
+	box.setAttribute("id", "space-header__collapse");
+
+	box.style.display = "flex";
+	box.style.flexDirection = "row";
+	box.style.alignItems = "center";
+	box.style.justifyContent = "center";
+	box.style.fontSize = "16px";
+	box.style.paddingLeft = "10px";
+	box.style.paddingRight = "10px";
+	box.style.height = "40px";
+	box.style.cursor = "pointer";
+	box.style.color = "#40546e";
+	box.style.transitionDuration = "0.1s";
+	box.style.transitionProperty = "all";
+	box.style.transitionTimingFunction = "ease-in-out";
+
+	box.appendChild(ArrowCollapse());
+
+	box.addEventListener("click", (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		callback();
+	});
+
+	box.addEventListener("mouseenter", () => {
+		box.style.color = "#213551";
+	});
+	box.addEventListener("mouseleave", () => {
+		box.style.color = "#40546e";
+	});
+
+	return box;
+};