update files

dist/main.js

@@ -299,6 +299,23 @@ async function getOrganizationInfo(accessToken) {
   }
   return response.json();
 }
+async function createRepository(accessToken, name) {
+  const response = await fetch("https://huggingface.co/api/repos/create", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${accessToken}`
+    },
+    body: JSON.stringify({
+      type: "model",
+      name,
+      private: false
+    })
+  });
+  if (!response.ok) {
+    throw new Error(`Failed to create repository: ${response.statusText}`);
+  }
+}
 var init = async () => {
   await oauthManager.handleRedirect();
   if (oauthManager.isAuthenticated()) {
@@ -306,6 +323,29 @@ var init = async () => {
     if (!accessToken) {
       throw new Error("Access token not found");
     }
+    const repoForm = document.getElementById("repo-form");
+    if (repoForm) {
+      repoForm.style.removeProperty("display");
+    }
+    const createRepoButton = document.getElementById("create-repo");
+    const repoNameInput = document.getElementById(
+      "repo-name"
+    );
+    if (createRepoButton && repoNameInput) {
+      createRepoButton.onclick = async () => {
+        const repoName = repoNameInput.value.trim();
+        if (repoName) {
+          try {
+            await createRepository(accessToken, repoName);
+            repoNameInput.value = "";
+            alert("Repository created successfully!");
+          } catch (error) {
+            console.error("Failed to create repository:", error);
+            alert("Failed to create repository. Please try again.");
+          }
+        }
+      };
+    }
     try {
       const orgInfo = await getOrganizationInfo(accessToken);
       const preElement = document.querySelector("pre");

index.html

@@ -15,6 +15,10 @@
             <button id="signin" style="display: none;" class="auth-button">Sign in with HuggingFace</button>
             <button id="signout" style="display: none;" class="auth-button">Sign out</button>
         </div>
+        <div id="repo-form" style="display: none;" class="repo-form">
+            <input type="text" id="repo-name" placeholder="Enter repository name" class="repo-input">
+            <button id="create-repo" class="repo-button">Create Repository</button>
+        </div>
         <div id="content">
             <h2>OAuth Result</h2>
             <pre class="oauth-result"></pre>

src/main.ts

@@ -39,6 +39,28 @@ async function getOrganizationInfo(
   return response.json();
 }
 
+async function createRepository(
+  accessToken: string,
+  name: string
+): Promise<void> {
+  const response = await fetch("https://huggingface.co/api/repos/create", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${accessToken}`,
+    },
+    body: JSON.stringify({
+      type: "model",
+      name: name,
+      private: false,
+    }),
+  });
+
+  if (!response.ok) {
+    throw new Error(`Failed to create repository: ${response.statusText}`);
+  }
+}
+
 const init = async (): Promise<void> => {
   await oauthManager.handleRedirect();
 
@@ -48,6 +70,33 @@ const init = async (): Promise<void> => {
       throw new Error("Access token not found");
     }
 
+    // Show repo form when logged in
+    const repoForm = document.getElementById("repo-form");
+    if (repoForm) {
+      repoForm.style.removeProperty("display");
+    }
+
+    // Add create repo functionality
+    const createRepoButton = document.getElementById("create-repo");
+    const repoNameInput = document.getElementById(
+      "repo-name"
+    ) as HTMLInputElement;
+    if (createRepoButton && repoNameInput) {
+      createRepoButton.onclick = async () => {
+        const repoName = repoNameInput.value.trim();
+        if (repoName) {
+          try {
+            await createRepository(accessToken, repoName);
+            repoNameInput.value = ""; // Clear input after success
+            alert("Repository created successfully!");
+          } catch (error) {
+            console.error("Failed to create repository:", error);
+            alert("Failed to create repository. Please try again.");
+          }
+        }
+      };
+    }
+
     // Get organization info after successful authentication
     try {
       const orgInfo = await getOrganizationInfo(accessToken);

styles/main.css

@@ -49,6 +49,43 @@ h2 {
   background-color: #ff8500;
 }
 
+.repo-form {
+  margin: 2rem auto;
+  max-width: 400px;
+  display: flex;
+  gap: 1rem;
+}
+
+.repo-input {
+  flex: 1;
+  padding: 0.8rem;
+  border: 2px solid #e0e0e0;
+  border-radius: 6px;
+  font-size: 1rem;
+  transition: border-color 0.2s ease;
+}
+
+.repo-input:focus {
+  outline: none;
+  border-color: #ff9d00;
+}
+
+.repo-button {
+  background-color: #ff9d00;
+  color: white;
+  border: none;
+  padding: 0.8rem 1.5rem;
+  border-radius: 6px;
+  font-size: 1rem;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+  white-space: nowrap;
+}
+
+.repo-button:hover {
+  background-color: #ff8500;
+}
+
 #content {
   padding: 2rem;
   background-color: white;