Merge branch 'release/0.1.0'

.gitattributes

@@ -0,0 +1,3 @@
+*.png filter=lfs diff=lfs merge=lfs -text
+*.gif filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text

.github/workflows/run.yaml

@@ -0,0 +1,19 @@
+name: Sync to Hugging Face hub
+on:
+  push:
+    branches: [main]
+
+  # to run this workflow manually from the Actions tab
+  workflow_dispatch:
+jobs:
+  sync-to-hub:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+          lfs: true
+      - name: Push to hub
+        env:
+          HF_TOKEN: ${{ secrets.HF_TOKEN }}
+        run: git push --force  https://MakiAi:$HF_TOKEN@huggingface.co/spaces/MakiAi/SlideNova main

.gitignore

@@ -158,3 +158,6 @@ cython_debug/
 #  and can be added to the global gitignore or merged into this file.  For a more nuclear
 #  option (not recommended) you can uncomment the following to ignore the entire idea folder.
 #.idea/
+SourceSageAssets
+node_modules
+slides/out

.streamlit/config.toml

@@ -0,0 +1,2 @@
+[theme]
+base="light"

Dockerfile

@@ -0,0 +1,38 @@
+# Dockerfile
+FROM node:18
+
+USER root
+RUN useradd -m -u 1001 user
+WORKDIR /app
+RUN chown -R user:user /app
+
+# Pythonのインストール
+RUN apt-get update && apt-get install -y python3 python3-pip
+
+# 作業ディレクトリの設定
+WORKDIR /app
+
+RUN npm install -g @slidev/cli@latest
+RUN npx playwright install-deps
+RUN npx playwright install
+RUN chown -R user:user /app
+RUN chown -R user:user /usr/local/lib/node_modules/@slidev/
+USER user
+
+# Slidevのインストール
+
+RUN npm install -D playwright-chromium
+RUN npm install @slidev/theme-seriph
+
+COPY --chown=user:user . /app
+RUN yes | npx slidev export slides/demo.md --format png --output slides/out/ --dark
+RUN npm install
+
+
+USER user
+
+RUN pip install streamlit --break-system-packages
+ENV PATH="/home/user/.local/bin:${PATH}"
+
+
+CMD ["python3", "-m", "streamlit", "run", "app.py"]

README.md

@@ -1 +1,102 @@
-# SlideNova
+---
+title: SlideNova
+emoji: 🐠
+colorFrom: indigo
+colorTo: green
+sdk: docker
+pinned: false
+license: mit
+app_port: 8501
+---
+
+
+
+<p align="center">
+<img src="https://media.githubusercontent.com/media/Sunwood-ai-labs/SlideNova/develop/docs/SlideNova_icon.png" width="100%">
+<br>
+<h1 align="center">SlideNova</h1>
+<h3 align="center">
+  ～Experience Slide-Making Reinvented～
+
+[![Hugging Face Spaces](https://img.shields.io/badge/%F0%9F%A4%97%20Hugging%20Face-Spaces-blue)](https://huggingface.co/spaces/Sunwood-ai-labs/SlideNova)
+[![GitHub Stars](https://img.shields.io/github/stars/Sunwood-ai-labs/SlideNova)](https://github.com/Sunwood-ai-labs/SlideNova)
+[![GitHub Last Commit](https://img.shields.io/github/last-commit/Sunwood-ai-labs/SlideNova)](https://github.com/Sunwood-ai-labs/SlideNova)
+[![GitHub Top Language](https://img.shields.io/github/languages/top/Sunwood-ai-labs/SlideNova)](https://github.com/Sunwood-ai-labs/SlideNova)
+[![GitHub Release](https://img.shields.io/github/v/release/Sunwood-ai-labs/SlideNova?sort=date&color=red)](https://github.com/Sunwood-ai-labs/SlideNova)
+</h3>
+</p>
+
+## 🚀 はじめに
+
+SlideNovaは、Markdownからモダンで美しいスライドを簡単に作成できるWebアプリケーションです。
+[Slidev](https://sli.dev/)を使用しており、スライドの生成はDockerコンテナ内で行われます。
+Streamlitを使用した直感的なユーザーインターフェイスで、Markdownを入力するだけですぐにスライドを作成できます。
+
+## 更新情報
+
+### [2024/04/13] SlideNova v0.1.0 [リリースノート](https://github.com/Sunwood-ai-labs/SlideNova/releases/tag/v0.1.0)
+- Markdownからスライド生成するWebアプリの公開
+- Dockerを使った環境構築の自動化
+- Streamlitによる直感的なユーザーインターフェイス
+- スライドのダウンロード機能
+- ドキュメントの拡充
+- 開発環境の整備とGitHub Actionsの設定
+
+## 🌟 主な特徴
+
+- 📝 Markdownでスライド作成
+- 🎨 Slidevを使用したモダンなスライドデザイン
+- 🐳 Dockerによる環境構築の簡易化
+- 🖥️ Streamlitによる使いやすいWebUI
+
+## 📦 インストール
+
+SlideNovaを使用するには、DockerとDocker Composeが必要です。以下の手順に従ってください。
+
+1. このリポジトリをクローンします。
+
+```bash
+git clone https://github.com/Sunwood-ai-labs/SlideNova.git
+```
+
+2. プロジェクトディレクトリに移動します。
+
+```bash
+cd SlideNova
+```
+
+3. Docker Composeを使用してSlideNovaを起動します。
+
+```bash
+docker-compose up --build
+```
+
+4. ブラウザで `http://localhost:8502` を開きます。
+
+## 🛠️ 使い方
+
+1. Markdownエディタにスライドのコンテンツを入力します。
+2. 「Generate Slides」ボタンをクリックします。
+3. 生成されたスライドが表示されます。
+
+## Develop command
+
+```bash
+yes | npx slidev export slides/demo.md --format png --output slides/out/ --dark
+```
+
+## 📖 ドキュメント
+
+より詳細な情報は、[ドキュメント](docs/)を参照してください。
+
+## 🤝 コントリビューション
+
+コントリビューションは歓迎します！詳細は[コントリビューションガイド](CONTRIBUTING.md)を参照してください。
+
+## 📜 ライセンス
+
+このプロジェクトは[MITライセンス](LICENSE)の下で公開されています。
+
+## 📧 お問い合わせ
+
+ご質問やご提案がありましたら、[Issue](https://github.com/Sunwood-ai-labs/SlideNova/issues)を作成してください。

app.py

@@ -0,0 +1,74 @@
+# app.py
+import streamlit as st
+import os
+import subprocess
+import zipfile
+import shutil
+import base64
+
+def load_markdown(file_path):
+    with open(file_path, encoding="utf8") as f:
+        return f.read()
+
+
+def display_front_page():
+    html_front = load_markdown('docs/page_front.md')
+    st.markdown(f"{html_front}", unsafe_allow_html=True)
+
+def main():
+    display_front_page()
+
+    # マークダウンファイルの内容を入力するテキストエリア
+    markdown_text = st.text_area("Enter your markdown content here:", height=400)
+
+    # スライドを生成するボタン
+    if st.button("Generate Slides"):
+        # slides/outフォルダを綺麗にする
+        if os.path.exists("slides/out"):
+            shutil.rmtree("slides/out")
+        os.makedirs("slides/out")
+
+        # 一時ファイルにマークダウンの内容を書き込む
+        with open("temp.md", "w") as f:
+            f.write(markdown_text)
+
+        # slidevコマンドを実行してスライドを生成
+        subprocess.run(["npx", "slidev", "export", "temp.md", "--format", "png", "--output", "slides/out/", "--dark", "-t"])
+
+        # 生成されたスライドを表示
+        slides = []
+        for filename in os.listdir("slides/out"):
+            if filename.endswith(".png"):
+                slides.append(filename)
+        slides.sort()
+
+        for slide in slides:
+            # 画像を表示
+            st.image(f"slides/out/{slide}")
+            
+            # 画像をダウンロードするリンクを表示
+            with open(f"slides/out/{slide}", "rb") as f:
+                img_bytes = f.read()
+                b64 = base64.b64encode(img_bytes).decode()
+                href = f'<a href="data:image/png;base64,{b64}" download="{slide}">Download {slide}</a>'
+                st.markdown(href, unsafe_allow_html=True)
+
+        # スライドをZIPファイルに圧縮
+        zip_filename = "slides.zip"
+        with zipfile.ZipFile(zip_filename, "w") as zip_file:
+            for slide in slides:
+                zip_file.write(f"slides/out/{slide}", slide)
+
+        # ZIPファイルをダウンロードするリンクを表示
+        with open(zip_filename, "rb") as f:
+            bytes = f.read()
+            b64 = base64.b64encode(bytes).decode()
+            href = f'<a href="data:application/zip;base64,{b64}" download="{zip_filename}">Download All Slides</a>'
+            st.markdown(href, unsafe_allow_html=True)
+
+        # 一時ファイルとZIPファイルを削除
+        os.remove("temp.md")
+        os.remove(zip_filename)
+
+if __name__ == "__main__":
+    main()

docker-compose.yml

@@ -0,0 +1,14 @@
+# docker-compose.yml
+version: '3'
+services:
+  slidev:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    volumes:
+      - ./slides:/app/slides
+    ports:
+      - "3030:3030"
+      - "8502:8501"
+    tty: true
+    user: user

docs/page_front.md

@@ -0,0 +1,15 @@
+
+<p align="center">
+<img src="https://media.githubusercontent.com/media/Sunwood-ai-labs/SlideNova/develop/docs/SlideNova_icon.png" width="100%">
+<br>
+<h1 align="center">SlideNova</h1>
+<h3 align="center">
+  ～Experience Slide-Making Reinvented～
+
+[![Hugging Face Spaces](https://img.shields.io/badge/%F0%9F%A4%97%20Hugging%20Face-Spaces-blue)](https://huggingface.co/spaces/Sunwood-ai-labs/SlideNova)
+[![GitHub Stars](https://img.shields.io/github/stars/Sunwood-ai-labs/SlideNova)](https://github.com/Sunwood-ai-labs/SlideNova)
+[![GitHub Last Commit](https://img.shields.io/github/last-commit/Sunwood-ai-labs/SlideNova)](https://github.com/Sunwood-ai-labs/SlideNova)
+[![GitHub Top Language](https://img.shields.io/github/languages/top/Sunwood-ai-labs/SlideNova)](https://github.com/Sunwood-ai-labs/SlideNova)
+[![GitHub Release](https://img.shields.io/github/v/release/Sunwood-ai-labs/SlideNova?sort=date&color=red)](https://github.com/Sunwood-ai-labs/SlideNova)
+</h3>
+</p>

run_slidev.py

@@ -0,0 +1,7 @@
+# run_slidev.py
+import os
+import subprocess
+
+
+# slidevコマンドを実行してスライドをビルド
+subprocess.run(["npx slidev export slides/demo.md --format png --output slides/out/ --dark -t"])

slides/demo.md

@@ -0,0 +1,82 @@
+---
+theme: seriph
+---
+
+# SlideNova
+
+～Experience Slide-Making Reinvented～
+
+---
+
+# SlideNova
+
+- Markdownからモダンで美しいスライドを簡単に作成できるWebアプリケーション
+- Slidevを使用しスライドの生成はDockerコンテナ内で実行
+- Streamlitを使用した直感的なユーザーインターフェイス
+- Markdownを入力するだけですぐにスライドを作成可能
+
+---
+
+# 主な特徴
+
+- Markdownでスライド作成
+- Slidevを使用したモダンなスライドデザイン
+- Dockerによる環境構築の簡易化
+- Streamlitによる使いやすいWebUI
+
+---
+
+# インストール
+
+1. リポジトリをクローン
+
+```bash
+git clone https://github.com/Sunwood-ai-labs/SlideNova.git
+```
+
+2. プロジェクトディレクトリに移動
+
+```bash
+cd SlideNova
+```
+
+3. Docker Composeを使用してSlideNovaを起動
+
+```bash
+docker-compose up --build
+```
+
+4. ブラウザで `http://localhost:8502` を開く
+
+---
+
+# 使い方
+
+1. Markdownエディタにスライドのコンテンツを入力
+2. 「Generate Slides」ボタンをクリック
+3. 生成されたスライドが表示される
+
+---
+
+# ドキュメント
+
+- 詳細な情報は、ドキュメントを参照
+
+---
+
+# コントリビューション
+
+- コントリビューションは歓迎
+- 詳細はコントリビューションガイドを参照
+
+---
+
+# ライセンス
+
+- MITライセンスの下で公開
+
+---
+
+# お問い合わせ
+
+- ご質問やご提案がありましたら、Issueを作成

slides/temp.md

@@ -0,0 +1,19 @@
+# Slidev
+
+Hello World
+あああああ
+
+
+---
+
+# Page 2
+
+Directly use code blocks for highlighting
+
+```ts
+console.log('Hello, World!')
+```
+
+---
+
+# Page 3