11

app.py

@@ -1,4 +1,207 @@
+import openai
 import streamlit as st
 
-x = st.slider('Select a value')
-st.write(x, 'squared is', x * x)
+openai.api_key = st.secrets["OPENAI_API_KEY"]
+
+example_input = '''
+老师：这节课，我们就来一起认识一下Python最基础的3种数据类型。
+
+没有很多，就3种，而且你基本都和他们打过照面了：
+
+- 整数(int)
+- 浮点数(float)
+- 字符串(str)
+
+<img src="https://siyuan-harry.oss-cn-beijing.aliyuncs.com/oss://siyuan-harry/20230916111933.png"/>
+
+### 整数int
+
+<img src="https://siyuan-harry.oss-cn-beijing.aliyuncs.com/oss://siyuan-harry/20230916221934.png"/>
+
+整数(integer) 其实非常简单，就等同于我们小学数学里学到的“整数”概念。
+
+我们上次让你print(42)，这个 42 就是整数类型的。
+
+你可以对整数进行各种数学运算，就像我们试过的print(1+2) 一样。
+
+Python中的运算符号如下
+<img src="https://siyuan-harry.oss-cn-beijing.aliyuncs.com/oss://siyuan-harry/20230915181353.png"/>
+
+我们可以搞个稍微复杂点的式子让python算一下：
+
+```python
+print((4+2)*3-8)
+```
+
+你可以尝试运行一下，应该是秒出结果，结果是10
+
+学生：没错。果然是数学学霸~
+
+老师：哈哈哈，没错。我们继续。
+'''
+
+example_output = '''·
+```cleword
+- 发言:
+    谁: 思远
+    说:
+    - 这节课，我们就来一起认识一下Python最基础的3种数据类型。
+    - 没有很多，就3种，而且你基本都和他们打过照面了：
+
+- 图片:
+    地址: https://siyuan-harry.oss-cn-beijing.aliyuncs.com/oss://siyuan-harry/20230916111933.png
+
+- 大纲:
+    标题: 整数int
+    等级: 2
+
+- 图片:
+    地址: https://siyuan-harry.oss-cn-beijing.aliyuncs.com/oss://siyuan-harry/20230916221934.png
+
+- 发言:
+    谁: 思远
+    说:
+    - 整数(integer) 其实非常简单，就等同于我们小学数学里学到的“整数”概念。
+    - 我们上次让你print(42)，这个 42 就是整数类型的。
+    - 你可以对整数进行各种数学运算，就像我们试过的print(1+2) 一样。
+    - Python中的运算符号如下
+- 图片:
+    地址: https://siyuan-harry.oss-cn-beijing.aliyuncs.com/oss://siyuan-harry/20230915181353.png
+
+- 发言:
+    谁: 思远
+    说:
+    - 我们可以搞个稍微复杂点的式子让python算一下：
+    - |
+        ```python
+        print((4+2)*3-8)
+        ```
+    - 你可以尝试运行一下，应该是秒出结果，结果是10
+
+- 发言:
+    谁: 学生
+    说:
+    - 没错。果然是数学学霸~
+
+- 发言:
+    谁: 思远
+    说:
+    - 哈哈哈，没错。我们继续。
+```
+'''
+
+def get_completion_from_messages(messages, model="gpt-3.5-turbo", temperature=0):
+        response = openai.ChatCompletion.create(
+            model=model,
+            messages=messages,
+            temperature=temperature, # this is the degree of randomness of the model's output
+        )
+    #     print(str(response.choices[0].message))
+        return response.choices[0].message["content"]
+
+def generate_cleword(content):
+
+    system_message = "你是一名优秀的课程文稿录入员，擅长把markdown格式的课程文稿，转化为一种叫做cleword的领域特定语言。"
+    user_message = f"""
+              你是一名优秀的课程文稿录入员。我将给你markdown格式的课程文稿，请你帮助我把这种文稿转化为一种叫做cleword的领域特定语言。下面是一些转化的基本规则：
+              cleword是一种基于yaml的，缩进敏感的领域特定语言。它被专门用来创作课程。
+              以下是某门课内容的cleword语法示例，这门课的内容演示了一个名叫思远的老师，教给名叫大乾的学生关于Python的变量的知识的场景。请注意其中的语法规则和缩进：
+
+              ```cleword
+
+                - 发言:
+                    谁: 思远
+                    说:
+                      - ok，那现在请你在自己的电脑中打开python，我们开始接下来的学习✊✊
+                      - 前面，我们学习了Python的print()函数和3种基本数据类型。这能够让Python把一些东西“说”给我们听。
+
+                - 图片:
+                    地址: https://siyuan-harry.oss-cn-beijing.aliyuncs.com/oss://siyuan-harry/20231026105853.png
+
+                - 发言:
+                    谁: 思远
+                    说:
+                      - 但是目前，我们所有的程序都只是运行一步，把一个值打印出来。
+                      - |
+                        这对于更复杂的程序而言，肯定是不够用的。
+                        - 数据如何在程序中被传递？
+                        - 如何实现多个步骤的程序？
+                      - 这些都是问题。
+                - 发言:
+                    谁: 大乾
+                    说:
+                      - 复杂的程序？
+                - 发言:
+                    谁: 思远
+                    说:
+                      - 举个具体点例子来说，
+                      - 比如我们想用Python写一个进制转换的小程序，它能够自动把你输入进去的十进制进制的数字，转化为二进制数字。
+                      - 这个程序的构架会大概长下面这样：
+                - 图片:
+                    地址: https://siyuan-harry.oss-cn-beijing.aliyuncs.com/oss://siyuan-harry/20231013113342.png
+
+                - 发言:
+                    谁: 思远
+                    说:
+                      - 这里，我们需要 变量 来帮助这个程序做得更好。
+
+                - 大纲:
+                    标题: 1 什么是变量
+                    等级: 1
+
+                - 发言:
+                    谁: 思远
+                    说:
+                      - |
+                        虽然变量是个非常重要的东西，但其实它一点都不难，很容易理解。
+                        > 只要你用心去做！
+                      - 多说无益，先来尝试运行一下下面这个代码：
+                      - |
+                        ```python
+                        weather = '今天的天气是多云转晴'
+                        print(weather)
+                        ```
+
+                - 旁白: 请自己在本地的编辑器里手打出来，不要复制粘贴哦
+              ```
+
+              接下来，我将给你一个markdown版本的原始课程文稿。请你把它转化为cleword格式输出。
+              原始文稿：「{content}」
+
+              请你注意这里的markdown语法格式，并将原始文稿逐句地转化为符合cleword语法的格式。
+
+            """
+    messages =  [
+                {'role':'system',
+                'content': system_message},
+                {'role':'user',
+                'content': user_message},
+            ]
+    response = get_completion_from_messages(messages)
+    return response
+
+def app():
+    
+    st.title('''Markdown-to-Cleword v0.0.1 🎉''')
+
+    col1, col2 = st.columns(2)
+    
+    with col1:
+        script = st.text_area('请输入你想要转为cleword的markdown文稿：')
+        btn = st.button('提交')
+
+        with st.expander('输入示例'):
+            st.text_area('', value = example_input, height=500)
+
+        with st.expander('输出示例'):
+             st.markdown(example_output)
+
+    with col2:
+        st.markdown('转化结果如下👇')
+        if btn:
+            cleword = generate_cleword(script)
+            st.markdown(cleword)
+    
+
+if __name__ == '__main__':
+    app()