@blank-utils/llm 0.4.7 → 0.4.9

package/dist/{chunk-NMWUZC4S.js → chunk-ZCKQLTCD.js}

@@ -894,7 +894,6 @@ import { useRef as useRef3, useEffect as useEffect3, useState as useState3, useM
 // src/react/chat-input.tsx
 import "react";
 import { useRef as useRef2, useEffect as useEffect2, useCallback as useCallback2, useState as useState2 } from "react";
-import { Send, Square, Paperclip } from "lucide-react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ChatInput({
   value,
@@ -940,9 +939,10 @@ function ChatInput({
           const arrayBuffer = e.target?.result;
           if (!arrayBuffer) return;
           const pdfjsLib = await import("pdfjs-dist");
-          pdfjsLib.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjsLib.version}/pdf.worker.min.mjs`;
+          pdfjsLib.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${pdfjsLib.version}/build/pdf.worker.min.mjs`;
           const pdf = await pdfjsLib.getDocument(arrayBuffer).promise;
           let fullText = "";
+          const maxPages = Math.min(pdf.numPages, 10);
           for (let i = 1; i <= pdf.numPages; i++) {
             const page = await pdf.getPage(i);
             const textContent = await page.getTextContent();
@@ -951,8 +951,38 @@ function ChatInput({
 ${pageText}
 
 `;
+            if (i <= maxPages && onImageAdd) {
+              const viewport = page.getViewport({ scale: 2 });
+              const canvas = document.createElement("canvas");
+              const context = canvas.getContext("2d");
+              if (context) {
+                canvas.height = viewport.height;
+                canvas.width = viewport.width;
+                await page.render({ canvasContext: context, viewport }).promise;
+                const dataUrl = canvas.toDataURL("image/jpeg", 0.8);
+                const arr = dataUrl.split(",");
+                if (arr.length > 1) {
+                  const mimeMatch = arr[0]?.match(/:(.*?);/);
+                  const mime = mimeMatch ? mimeMatch[1] : void 0;
+                  const base64Data = arr[1];
+                  if (mime && base64Data) {
+                    const bstr = atob(base64Data);
+                    let n = bstr.length;
+                    const u8arr = new Uint8Array(n);
+                    while (n--) {
+                      u8arr[n] = bstr.charCodeAt(n);
+                    }
+                    const imgFile = new File([u8arr], `__PDF__${file.name}__page${i}.jpg`, { type: mime });
+                    const id = Math.random().toString(36).substring(7);
+                    onImageAdd({ id, dataUrl, file: imgFile, name: imgFile.name });
+                  }
+                }
+              }
+            }
           }
-          const newText = `[Extracted from ${file.name}]
+          const newText = `\u{1F4C4} PDF: ${file.name} (${pdf.numPages} pages total, showing images for first ${maxPages} pages)
+
+Extracted Text:
 ${fullText}`;
           onChange(value ? `${value}
 
@@ -1064,7 +1094,6 @@ ${newText}` : newText);
                 onClick: () => fileInputRef.current?.click(),
                 title: "Attach image or PDF (Ctrl+V to paste)",
                 children: [
-                  /* @__PURE__ */ jsx2(Paperclip, { className: "w-[11px] h-[11px] opacity-70 group-hover:opacity-100 transition-opacity", strokeWidth: 1.5 }),
                   /* @__PURE__ */ jsx2("span", { className: "text-[10px] font-bold tracking-[0.2em] uppercase whitespace-nowrap", children: "[ FILE ]" }),
                   /* @__PURE__ */ jsx2("span", { className: "text-[9px] opacity-40 group-hover:opacity-60 transition-opacity tracking-widest whitespace-nowrap", children: "\u30D5\u30A1\u30A4\u30EB" })
                 ]
@@ -1079,7 +1108,6 @@ ${newText}` : newText);
               className: "group flex items-center justify-center gap-2 px-4 py-2 rounded border bg-red-500/10 border-red-500/30 text-red-500 hover:bg-red-500/20 transition-all duration-300",
               onClick: onStop,
               children: [
-                /* @__PURE__ */ jsx2(Square, { className: "w-[11px] h-[11px] opacity-70 group-hover:opacity-100 transition-opacity", strokeWidth: 1.5 }),
                 /* @__PURE__ */ jsx2("span", { className: "text-[10px] font-bold tracking-[0.2em] uppercase whitespace-nowrap", children: "[ STOP ]" }),
                 /* @__PURE__ */ jsx2("span", { className: "text-[9px] opacity-40 group-hover:opacity-60 transition-opacity tracking-widest whitespace-nowrap", children: "\u505C\u6B62" })
               ]
@@ -1092,7 +1120,6 @@ ${newText}` : newText);
               onClick: onSend,
               disabled: !canSend,
               children: [
-                /* @__PURE__ */ jsx2(Send, { className: "w-[11px] h-[11px] opacity-70 group-hover:opacity-100 transition-opacity", strokeWidth: 1.5 }),
                 /* @__PURE__ */ jsx2("span", { className: "text-[10px] font-bold tracking-[0.2em] uppercase whitespace-nowrap", children: "[ SEND ]" }),
                 /* @__PURE__ */ jsx2("span", { className: "text-[9px] opacity-40 group-hover:opacity-60 transition-opacity tracking-widest whitespace-nowrap", children: "\u9001\u4FE1" })
               ]
@@ -1105,7 +1132,7 @@ ${newText}` : newText);
 }
 
 // src/react/components.tsx
-import { RotateCcw, AlertCircle } from "lucide-react";
+import { AlertCircle } from "lucide-react";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { Streamdown, parseMarkdownIntoBlocks } from "streamdown";
@@ -1471,7 +1498,6 @@ ${systemPrompt}` : systemPrompt;
           onClick: reload,
           className: "group flex items-center justify-center min-w-max gap-3 px-6 py-3 rounded-md border border-red-500/30 bg-red-500/10 text-red-500 hover:bg-red-500/20 transition-all duration-300",
           children: [
-            /* @__PURE__ */ jsx3(RotateCcw, { className: "w-[11px] h-[11px] opacity-70 group-hover:opacity-100 transition-opacity", strokeWidth: 1.5 }),
             /* @__PURE__ */ jsx3("span", { className: "text-[11px] font-bold tracking-[0.2em] uppercase", children: "[ REBOOT ]" }),
             /* @__PURE__ */ jsx3("span", { className: "text-[10px] opacity-40 group-hover:opacity-60 transition-opacity tracking-widest", children: "\u518D\u8D77\u52D5" })
           ]

package/dist/index.css

@@ -2319,9 +2319,6 @@ video {
 .h-8 {
   height: 2rem;
 }
-.h-\[11px\] {
-  height: 11px;
-}
 .h-\[1px\] {
   height: 1px;
 }
@@ -2367,9 +2364,6 @@ video {
 .w-8 {
   width: 2rem;
 }
-.w-\[11px\] {
-  width: 11px;
-}
 .w-full {
   width: 100%;
 }

package/dist/index.js

@@ -26,7 +26,7 @@ import {
   useCompletion,
   useLLM,
   useStream
-} from "./chunk-NMWUZC4S.js";
+} from "./chunk-ZCKQLTCD.js";
 export {
   Chat,
   ChatInput,

package/dist/react/index.css

@@ -2319,9 +2319,6 @@ video {
 .h-8 {
   height: 2rem;
 }
-.h-\[11px\] {
-  height: 11px;
-}
 .h-\[1px\] {
   height: 1px;
 }
@@ -2367,9 +2364,6 @@ video {
 .w-8 {
   width: 2rem;
 }
-.w-\[11px\] {
-  width: 11px;
-}
 .w-full {
   width: 100%;
 }

package/dist/react/index.js

@@ -9,7 +9,7 @@ import {
   useCompletion,
   useLLM,
   useStream
-} from "../chunk-NMWUZC4S.js";
+} from "../chunk-ZCKQLTCD.js";
 export {
   Chat,
   ChatApp,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blank-utils/llm",
-  "version": "0.4.7",
+  "version": "0.4.9",
   "description": "Run LLMs directly in your browser with WebGPU acceleration. Supports React hooks and eager background loading.",
   "type": "module",
   "main": "./dist/index.js",