Muratbeser commited on
Commit
62a1cd3
1 Parent(s): 639ac95
Files changed (1) hide show
  1. app.py +139 -140
app.py CHANGED
@@ -1,100 +1,137 @@
1
  import gradio as gr
2
  import os
3
-
4
- os.system('pip install dashscope -U')
5
  import tempfile
6
  from pathlib import Path
7
  import secrets
8
- import dashscope
9
- from dashscope import MultiModalConversation, Generation
10
  from PIL import Image
 
 
11
 
12
-
13
- # 设置API密钥
14
  YOUR_API_TOKEN = os.getenv('YOUR_API_TOKEN')
15
- dashscope.api_key = YOUR_API_TOKEN
16
- math_messages = []
17
- def process_image(image, shouldConvert=False):
18
- # 获取上传文件的目录
19
- global math_messages
20
- math_messages = [] # reset when upload image
21
- uploaded_file_dir = os.environ.get("GRADIO_TEMP_DIR") or str(
22
- Path(tempfile.gettempdir()) / "gradio"
23
- )
24
  os.makedirs(uploaded_file_dir, exist_ok=True)
25
-
26
- # 创建临时文件路径
27
  name = f"tmp{secrets.token_hex(20)}.jpg"
28
  filename = os.path.join(uploaded_file_dir, name)
29
- # 保存上传的图片
30
- if shouldConvert:
 
31
  new_img = Image.new('RGB', size=(image.width, image.height), color=(255, 255, 255))
32
  new_img.paste(image, (0, 0), mask=image)
33
  image = new_img
 
 
34
  image.save(filename)
35
-
36
- # 调用qwen-vl-max-0809模型处理图片
37
- messages = [{
38
- 'role': 'system',
39
- 'content': [{'text': 'You are a helpful assistant.'}]
40
- }, {
41
- 'role': 'user',
42
- 'content': [
43
- {'image': f'file://{filename}'},
44
- {'text': 'Please describe the math-related content in this image, ensuring that any LaTeX formulas are correctly transcribed. Non-mathematical details do not need to be described.'}
 
 
 
 
 
 
 
 
 
 
45
  ]
46
- }]
47
-
48
- response = MultiModalConversation.call(model='qwen-vl-max-0809', messages=messages)
49
-
50
- # 清理临时文件
51
- os.remove(filename)
52
-
53
- return response.output.choices[0]["message"]["content"]
54
-
55
- def get_math_response(image_description, user_question):
56
- global math_messages
57
- if not math_messages:
58
- math_messages.append({'role': 'system', 'content': 'You are a helpful math assistant.'})
59
- math_messages = math_messages[:1]
60
- if image_description is not None:
61
- content = f'Image description: {image_description}\n\n'
62
- else:
63
- content = ''
64
- query = f"{content}User question: {user_question}"
65
- math_messages.append({'role': 'user', 'content': query})
66
- response = Generation.call(
67
- model="qwen2.5-math-72b-instruct",
68
- messages=math_messages,
69
- result_format='message',
70
- stream=True
71
- )
72
- answer = None
73
- for resp in response:
74
- if resp.output is None:
75
- continue
76
- answer = resp.output.choices[0].message.content
77
- yield answer.replace("\\", "\\\\")
78
- print(f'query: {query}\nanswer: {answer}')
79
- if answer is None:
80
- math_messages.pop()
81
- else:
82
- math_messages.append({'role': 'assistant', 'content': answer})
83
-
84
-
85
- def math_chat_bot(image, sketchpad, question, state):
86
- current_tab_index = state["tab_index"]
87
- image_description = None
88
- # Upload
89
- if current_tab_index == 0:
90
- if image is not None:
91
- image_description = process_image(image)
92
- # Sketch
93
- elif current_tab_index == 1:
94
- print(sketchpad)
95
- if sketchpad and sketchpad["composite"]:
96
- image_description = process_image(sketchpad["composite"], True)
97
- yield from get_math_response(image_description, question)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
98
 
99
  css = """
100
  #qwen-md .katex-display { display: inline; }
@@ -102,68 +139,30 @@ css = """
102
  #qwen-md .katex-display>.katex>.katex-html { display: inline; }
103
  """
104
 
105
- def tabs_select(e: gr.SelectData, _state):
106
- _state["tab_index"] = e.index
107
-
108
-
109
- # 创建Gradio接口
110
  with gr.Blocks(css=css) as demo:
111
  gr.HTML("""\
112
- <p align="center"><img src="https://modelscope.oss-cn-beijing.aliyuncs.com/resource/qwen.png" style="height: 60px"/><p>"""
113
- """<center><font size=8>📖 Qwen2.5-Math Demo</center>"""
114
- """\
115
- <center><font size=3>This WebUI is based on Qwen2-VL for OCR and Qwen2.5-Math for mathematical reasoning. You can input either images or texts of mathematical or arithmetic problems.</center>"""
116
- )
117
- state = gr.State({"tab_index": 0})
118
  with gr.Row():
119
  with gr.Column():
120
- with gr.Tabs() as input_tabs:
121
- with gr.Tab("Upload"):
122
- input_image = gr.Image(type="pil", label="Upload"),
123
- with gr.Tab("Sketch"):
124
- input_sketchpad = gr.Sketchpad(type="pil", label="Sketch", layers=False)
125
- input_tabs.select(fn=tabs_select, inputs=[state])
126
- input_text = gr.Textbox(label="input your question")
127
  with gr.Row():
128
- with gr.Column():
129
- clear_btn = gr.ClearButton(
130
- [*input_image, input_sketchpad, input_text])
131
- with gr.Column():
132
- submit_btn = gr.Button("Submit", variant="primary")
133
  with gr.Column():
134
- output_md = gr.Markdown(label="answer",
135
- latex_delimiters=[{
136
- "left": "\\(",
137
- "right": "\\)",
138
- "display": True
139
- }, {
140
- "left": "\\begin\{equation\}",
141
- "right": "\\end\{equation\}",
142
- "display": True
143
- }, {
144
- "left": "\\begin\{align\}",
145
- "right": "\\end\{align\}",
146
- "display": True
147
- }, {
148
- "left": "\\begin\{alignat\}",
149
- "right": "\\end\{alignat\}",
150
- "display": True
151
- }, {
152
- "left": "\\begin\{gather\}",
153
- "right": "\\end\{gather\}",
154
- "display": True
155
- }, {
156
- "left": "\\begin\{CD\}",
157
- "right": "\\end\{CD\}",
158
- "display": True
159
- }, {
160
- "left": "\\[",
161
- "right": "\\]",
162
- "display": True
163
- }],
164
- elem_id="qwen-md")
165
- submit_btn.click(
166
- fn=math_chat_bot,
167
- inputs=[*input_image, input_sketchpad, input_text, state],
168
- outputs=output_md)
169
- demo.launch()
 
1
  import gradio as gr
2
  import os
 
 
3
  import tempfile
4
  from pathlib import Path
5
  import secrets
 
 
6
  from PIL import Image
7
+ import requests
8
+ import json
9
 
10
+ # API key setup
 
11
  YOUR_API_TOKEN = os.getenv('YOUR_API_TOKEN')
12
+
13
+ # API Endpoints (Gerçek API URL'lerinizi buraya ekleyin)
14
+ IMAGE_DESCRIPTION_API_ENDPOINT = "https://api.actual-qwen-model.com/v1/image-description"
15
+ MATH_RESPONSE_API_ENDPOINT = "https://api.actual-qwen-model.com/v1/math-response"
16
+
17
+ def process_image(image, should_convert=False):
18
+ # Geçici dizin oluşturma
19
+ uploaded_file_dir = os.environ.get("GRADIO_TEMP_DIR") or str(Path(tempfile.gettempdir()) / "gradio")
 
20
  os.makedirs(uploaded_file_dir, exist_ok=True)
21
+
22
+ # Geçici dosya adı oluşturma
23
  name = f"tmp{secrets.token_hex(20)}.jpg"
24
  filename = os.path.join(uploaded_file_dir, name)
25
+
26
+ # İsteğe bağlı olarak resmi dönüştürme
27
+ if should_convert:
28
  new_img = Image.new('RGB', size=(image.width, image.height), color=(255, 255, 255))
29
  new_img.paste(image, (0, 0), mask=image)
30
  image = new_img
31
+
32
+ # Resmi kaydetme
33
  image.save(filename)
34
+
35
+ # API isteği hazırlama
36
+ headers = {
37
+ "Authorization": f"Bearer {YOUR_API_TOKEN}",
38
+ "Content-Type": "application/json"
39
+ }
40
+ data = {
41
+ "model": "qwen-vl-max-0809",
42
+ "messages": [
43
+ {
44
+ 'role': 'system',
45
+ 'content': [{'text': 'You are a helpful assistant.'}]
46
+ },
47
+ {
48
+ 'role': 'user',
49
+ 'content': [
50
+ {'image': f'file://{filename}'},
51
+ {'text': 'Please describe the math-related content in this image, ensuring that any LaTeX formulas are correctly transcribed. Non-mathematical details do not need to be described.'}
52
+ ]
53
+ }
54
  ]
55
+ }
56
+
57
+ try:
58
+ # API isteğini gönderme
59
+ response = requests.post(IMAGE_DESCRIPTION_API_ENDPOINT, headers=headers, json=data)
60
+ response.raise_for_status()
61
+ response_data = response.json()
62
+
63
+ # Açıklamayı çıkarma
64
+ description = response_data["output"]["choices"][0]["message"]["content"]
65
+
66
+ except Exception as e:
67
+ description = f"Error processing image: {str(e)}"
68
+
69
+ finally:
70
+ # Geçici dosyayı silme
71
+ os.remove(filename)
72
+
73
+ return description
74
+
75
+ def get_math_response(image_descriptions, user_question):
76
+ if not image_descriptions:
77
+ return "No image descriptions provided."
78
+
79
+ # API isteği hazırlama
80
+ headers = {
81
+ "Authorization": f"Bearer {YOUR_API_TOKEN}",
82
+ "Content-Type": "application/json"
83
+ }
84
+ content = "Image descriptions:\n" + "\n".join(image_descriptions) + f"\n\nUser question: {user_question}"
85
+ data = {
86
+ "model": "qwen2.5-math-72b-instruct",
87
+ "messages": [
88
+ {'role': 'system', 'content': 'You are a helpful math assistant.'},
89
+ {'role': 'user', 'content': content}
90
+ ],
91
+ "result_format": "message",
92
+ "stream": False # Streaming'i kapattık
93
+ }
94
+
95
+ try:
96
+ # API isteğini gönderme
97
+ response = requests.post(MATH_RESPONSE_API_ENDPOINT, headers=headers, json=data)
98
+ response.raise_for_status()
99
+ response_data = response.json()
100
+
101
+ # Yanıtı çıkarma
102
+ answer = response_data["output"]["choices"][0]["message"]["content"]
103
+
104
+ except Exception as e:
105
+ answer = f"Error generating response: {str(e)}"
106
+
107
+ return answer
108
+
109
+ def math_chat_bot(images, sketchpad, question, chat_history):
110
+ image_descriptions = []
111
+
112
+ # Yeni resimleri işleme
113
+ if images is not None:
114
+ for image in images:
115
+ if image:
116
+ img = Image.open(image.name) if hasattr(image, 'name') else image
117
+ description = process_image(img)
118
+ image_descriptions.append(description)
119
+
120
+ # Sketchpad varsa işle
121
+ if sketchpad and sketchpad["composite"]:
122
+ sketch_image = sketchpad["composite"]
123
+ sketch_description = process_image(sketch_image, should_convert=True)
124
+ image_descriptions.append(sketch_description)
125
+
126
+ # Matematik yanıtını al
127
+ math_response = get_math_response(image_descriptions, question)
128
+
129
+ # Sohbet geçmişine ekleme
130
+ if chat_history is None:
131
+ chat_history = []
132
+ chat_history.append((question, math_response))
133
+
134
+ return chat_history
135
 
136
  css = """
137
  #qwen-md .katex-display { display: inline; }
 
139
  #qwen-md .katex-display>.katex>.katex-html { display: inline; }
140
  """
141
 
142
+ # Gradio arayüzünü oluşturma
 
 
 
 
143
  with gr.Blocks(css=css) as demo:
144
  gr.HTML("""\
145
+ <p align="center"><img src="https://modelscope.oss-cn-beijing.aliyuncs.com/resource/qwen.png" style="height: 60px"/></p>
146
+ <center><font size=8>📖 Qwen2.5-Math Demo</font></center>
147
+ <center><font size=3>This WebUI is based on Qwen2-VL for OCR and Qwen2.5-Math for mathematical reasoning. You can input either images or texts of mathematical or arithmetic problems.</font></center>
148
+ """)
149
+
 
150
  with gr.Row():
151
  with gr.Column():
152
+ input_images = gr.File(file_count="multiple", label="Upload Images")
153
+ input_sketchpad = gr.Sketchpad(type="pil", label="Sketch", layers=False)
154
+ input_text = gr.Textbox(label="Input your question")
 
 
 
 
155
  with gr.Row():
156
+ clear_btn = gr.ClearButton([input_images, input_sketchpad, input_text])
157
+ submit_btn = gr.Button("Submit", variant="primary")
158
+
 
 
159
  with gr.Column():
160
+ chat_output = gr.Chatbot(label="Chat History", elem_id="qwen-md")
161
+
162
+ submit_btn.click(
163
+ fn=math_chat_bot,
164
+ inputs=[input_images, input_sketchpad, input_text, chat_output],
165
+ outputs=chat_output
166
+ )
167
+
168
+ demo.launch()