billTo hf

package-lock.json

@@ -9,7 +9,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@huggingface/hub": "^1.1.1",
-        "@huggingface/inference": "^3.6.1",
+        "@huggingface/inference": "^3.9.2",
         "@monaco-editor/react": "^4.7.0",
         "@tailwindcss/vite": "^4.0.15",
         "@xenova/transformers": "^2.17.2",
@@ -856,35 +856,30 @@
         "node": ">=18"
       }
     },
-    "node_modules/@huggingface/hub/node_modules/@huggingface/tasks": {
-      "version": "0.18.1",
-      "resolved": "https://registry.npmjs.org/@huggingface/tasks/-/tasks-0.18.1.tgz",
-      "integrity": "sha512-HK6JTVB/nrgjOnbe77HFSENftfAp67AI4mHMR2x64Os1hvchuTT88M8fKEiyESSvqKFKwW4lQKkHva07p05AXw=="
-    },
     "node_modules/@huggingface/inference": {
-      "version": "3.6.1",
-      "resolved": "https://registry.npmjs.org/@huggingface/inference/-/inference-3.6.1.tgz",
-      "integrity": "sha512-EtQlbBqcZycPe+qiTEFI+wNHOMpG0gwNTaZSvYu1juN1p/1dEgqAb2GO31dxLgNev2PzH9d+9nm8GngOsIepJg==",
+      "version": "3.9.2",
+      "resolved": "https://registry.npmjs.org/@huggingface/inference/-/inference-3.9.2.tgz",
+      "integrity": "sha512-7EpMgaELUJArqhFpinkyikO1iXza4lEBYcUF8HMDVabwI2QxCXmxb6coCgYmerHEfRRxsvqogwNrdxiUfcSvDg==",
       "dependencies": {
-        "@huggingface/jinja": "^0.3.3",
-        "@huggingface/tasks": "^0.17.8"
+        "@huggingface/jinja": "^0.3.4",
+        "@huggingface/tasks": "^0.18.11"
       },
       "engines": {
         "node": ">=18"
       }
     },
     "node_modules/@huggingface/jinja": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@huggingface/jinja/-/jinja-0.3.3.tgz",
-      "integrity": "sha512-vQQr2JyWvVFba3Lj9es4q9vCl1sAc74fdgnEMoX8qHrXtswap9ge9uO3ONDzQB0cQ0PUyaKY2N6HaVbTBvSXvw==",
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/@huggingface/jinja/-/jinja-0.3.4.tgz",
+      "integrity": "sha512-kFFQWJiWwvxezKQnvH1X7GjsECcMljFx+UZK9hx6P26aVHwwidJVTB0ptLfRVZQvVkOGHoMmTGvo4nT0X9hHOA==",
       "engines": {
         "node": ">=18"
       }
     },
     "node_modules/@huggingface/tasks": {
-      "version": "0.17.9",
-      "resolved": "https://registry.npmjs.org/@huggingface/tasks/-/tasks-0.17.9.tgz",
-      "integrity": "sha512-lV6RgCJkqy3p93FFxP9H4SGJmFcHAwr1FO+Zk56q/JWsf7Tdsel1DEo1Xfd3An7ZPWpc2Y9ldRecGo9efDYghg=="
+      "version": "0.18.11",
+      "resolved": "https://registry.npmjs.org/@huggingface/tasks/-/tasks-0.18.11.tgz",
+      "integrity": "sha512-KSGMkOi86Ap2xTWGxwnSj8cE+glYhhwyHMdGDJn4dsOz1LzWq8kQF0epeZRkjBgwdTSBFpCk3+3FGdi6tXch7A=="
     },
     "node_modules/@humanfs/core": {
       "version": "0.19.1",

package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@huggingface/hub": "^1.1.1",
-    "@huggingface/inference": "^3.6.1",
+    "@huggingface/inference": "^3.9.2",
     "@monaco-editor/react": "^4.7.0",
     "@tailwindcss/vite": "^4.0.15",
     "@xenova/transformers": "^2.17.2",

server.js

@@ -275,41 +275,46 @@ app.post("/api/ask-ai", async (req, res) => {
   }
 
   try {
-    const chatCompletion = client.chatCompletionStream({
-      model: MODEL_ID,
-      provider: selectedProvider.id,
-      messages: [
-        {
-          role: "system",
-          content: `ONLY USE HTML, CSS AND JAVASCRIPT. If you want to use ICON make sure to import the library first. Try to create the best UI possible by using only HTML, CSS and JAVASCRIPT. Use as much as you can TailwindCSS for the CSS, if you can't do something with TailwindCSS, then use custom CSS (make sure to import <script src="https://cdn.tailwindcss.com"></script> in the head). Also, try to ellaborate as much as you can, to create something unique. ALWAYS GIVE THE RESPONSE INTO A SINGLE HTML FILE`,
-        },
-        ...(previousPrompt
-          ? [
-              {
-                role: "user",
-                content: previousPrompt,
-              },
-            ]
-          : []),
-        ...(html
-          ? [
-              {
-                role: "assistant",
-                content: `The current code is: ${html}.`,
-              },
-            ]
-          : []),
-        {
-          role: "user",
-          content: prompt,
-        },
-      ],
-      ...(selectedProvider.id !== "sambanova"
-        ? {
-            max_tokens: selectedProvider.max_tokens,
-          }
-        : {}),
-    });
+    const chatCompletion = client.chatCompletionStream(
+      {
+        model: MODEL_ID,
+        provider: selectedProvider.id,
+        messages: [
+          {
+            role: "system",
+            content: `ONLY USE HTML, CSS AND JAVASCRIPT. If you want to use ICON make sure to import the library first. Try to create the best UI possible by using only HTML, CSS and JAVASCRIPT. Use as much as you can TailwindCSS for the CSS, if you can't do something with TailwindCSS, then use custom CSS (make sure to import <script src="https://cdn.tailwindcss.com"></script> in the head). Also, try to ellaborate as much as you can, to create something unique. ALWAYS GIVE THE RESPONSE INTO A SINGLE HTML FILE`,
+          },
+          ...(previousPrompt
+            ? [
+                {
+                  role: "user",
+                  content: previousPrompt,
+                },
+              ]
+            : []),
+          ...(html
+            ? [
+                {
+                  role: "assistant",
+                  content: `The current code is: ${html}.`,
+                },
+              ]
+            : []),
+          {
+            role: "user",
+            content: prompt,
+          },
+        ],
+        ...(selectedProvider.id !== "sambanova"
+          ? {
+              max_tokens: selectedProvider.max_tokens,
+            }
+          : {}),
+      },
+      {
+        billTo: "huggingface",
+      }
+    );
 
     while (true) {
       const { done, value } = await chatCompletion.next();