[feat] Dockerfileの更新とapp.pyの修正

- Dockerfileを更新し、Streamlitのインストールとコマンドの設定を行いました。
- `RUN pip install streamlit --break-system-packages`を追加してStreamlitをインストール
- `ENV PATH="/home/user/.local/bin:${PATH}"`を追加してPATHを設定
- `CMD ["python3", "-m", "streamlit", "run", "app.py"]`を追加してStreamlitを起動するコマンドを設定
- app.pyを修正し、スライド生成時の不具合を修正しました。
- `os.remove("/app/slides/out/*")`をコメントアウト
- `subprocess.run(["npx", "slidev", "export", "temp.md", "--format", "png", "--output", "slides/out/", "--dark", "-t"])`を`subprocess.run(["yes", "|", "npx", "slidev", "export", "temp.md", "--format", "png", "--output", "slides/out/", "--dark", "-t"])`に変更
- docker-compose.ymlを更新し、ポートとボリュームのマッピングを変更しました。
- `./slides:/app/slides`を`./:/app`に変更
- `"8502:8501"`を追加してStreamlitのポートをマッピング

Dockerfile

@@ -26,4 +26,10 @@ RUN mkdir slides
 
 RUN chown -R user:user /app
 RUN chown -R user:user /usr/local/lib/node_modules/@slidev/
-USER user
+
+USER user
+
+RUN pip install streamlit --break-system-packages
+ENV PATH="/home/user/.local/bin:${PATH}"
+
+CMD ["python3", "-m", "streamlit", "run", "app.py"]

app.py

@@ -8,6 +8,7 @@ def main():
 
     # マークダウンファイルの内容を入力するテキストエリア
     markdown_text = st.text_area("Enter your markdown content here:", height=400)
+    # os.remove("/app/slides/out/*")
 
     # スライドを生成するボタン
     if st.button("Generate Slides"):
@@ -16,7 +17,7 @@ def main():
             f.write(markdown_text)
 
         # slidevコマンドを実行してスライドを生成
-        subprocess.run(["npx", "slidev", "export", "temp.md", "--format", "png", "--output", "slides/out/", "--dark", "-t"])
+        subprocess.run(["yes", "|", "npx", "slidev", "export", "temp.md", "--format", "png", "--output", "slides/out/", "--dark", "-t"])
 
         # 生成されたスライドを表示
         slides = []

docker-compose.yml

@@ -6,9 +6,10 @@ services:
       context: .
       dockerfile: Dockerfile
     volumes:
-      - ./slides:/app/slides
+      - ./:/app
     ports:
       - "3030:3030"
+      - "8502:8501"
     # command: python3 run_slidev.py
     tty: true
     user: user