Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update the demo frontend framework #83

Merged
merged 4 commits into from
Dec 30, 2023
Merged

Update the demo frontend framework #83

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
266a9d6
Change the framework of realtime-txt2img demo
ddPn08 Dec 30, 2023
04f8cf9
update app.tsx
ddPn08 Dec 30, 2023
116c432
remove tsconfig.tsbuildinfo
ddPn08 Dec 30, 2023
d9af40e
add .gitignore
ddPn08 Dec 30, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions demo/realtime-txt2img/.dockerignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
Dockerfile
.dockerignore
frontend/node_modules
18 changes: 9 additions & 9 deletions demo/realtime-txt2img/Dockerfile
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,12 @@ FROM node:20-alpine AS frontend
RUN apk add --no-cache libc6-compat
WORKDIR /app

COPY view .
RUN npm ci
RUN npm run build
COPY frontend .
RUN npm i -g pnpm
RUN pnpm i
RUN pnpm run build

# build backend on CUDA
# build backend on CUDA
FROM nvidia/cuda:12.2.2-cudnn8-devel-ubuntu22.04 AS backend
WORKDIR /app

Expand Down Expand Up @@ -56,14 +57,13 @@ RUN pyenv install $PYTHON_VERSION && \

COPY --chown=user:user . .
# change dir since pip needs to seed whl folder
RUN cd server && pip install --no-cache-dir --upgrade -r requirements.txt
RUN --mount=type=secret,id=GITHUB_TOKEN,mode=0444,required=true \
pip install git+https://$(cat /run/secrets/GITHUB_TOKEN)@github.com/cumulo-autumn/StreamDiffusion.git@main#egg=streamdiffusion[tensorrt]
RUN pip install --no-cache-dir --upgrade -r requirements.txt
RUN pip install git+https://github.com/cumulo-autumn/StreamDiffusion.git@main#egg=streamdiffusion[tensorrt]
RUN python -m streamdiffusion.tools.install-tensorrt

COPY --from=frontend /app/build ./view/build
COPY --from=frontend /app/dist ./frontend/dist

WORKDIR $HOME/app/server
WORKDIR $HOME/app

USER user
CMD ["python", "main.py"]
8 changes: 4 additions & 4 deletions demo/realtime-txt2img/README-ja.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,10 +15,10 @@ StreamDiffusion を用いた GUI を提供します。

```bash
pip install -r requirements.txt
cd view
npm i
npm run build
cd ../server
cd frontend
pnpm i
pnpm run build
cd ..
python main.py
```

Expand Down
8 changes: 4 additions & 4 deletions demo/realtime-txt2img/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,10 +13,10 @@ You can realtimely generate 4x4 images from text, on changing the input prompt.

```bash
pip install -r requirements.txt
cd view
npm i
npm run build
cd ../server
cd frontend
pnpm i
pnpm run build
cd ..
python main.py
```

Expand Down
0 demo/realtime-txt2img/server/config.py → demo/realtime-txt2img/config.py
View file
Open in desktop
File renamed without changes.
1 change: 1 addition & 0 deletions demo/realtime-txt2img/frontend/.gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
tsconfig.tsbuildinfo
4 changes: 4 additions & 0 deletions demo/realtime-txt2img/frontend/.prettierrc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
singleQuote: true
semi: false
trailingComma: all
printWidth: 150
0 demo/realtime-txt2img/view/README.md → demo/realtime-txt2img/frontend/README.md
View file
Open in desktop
File renamed without changes.
18 changes: 18 additions & 0 deletions demo/realtime-txt2img/frontend/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, user-scalable=no" />

<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@500&family=Zen+Kaku+Gothic+New:wght@500&display=swap" rel="stylesheet" />

<title>Txt2Img demo</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
28 changes: 28 additions & 0 deletions demo/realtime-txt2img/frontend/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
{
"name": "view",
"version": "0.1.0",
"private": true,
"type": "module",
"scripts": {
"dev": "vite",
"build": "tsc && vite build",
"preview": "vite preview"
},
"dependencies": {
"@mantine/core": "^7.3.1",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
"devDependencies": {
"@types/react": "^18.2.38",
"@types/react-dom": "^18.2.17",
"@vitejs/plugin-react": "^4.2.1",
"postcss": "^8.4.32",
"postcss-preset-mantine": "^1.11.1",
"postcss-simple-vars": "^7.0.1",
"prettier": "^3.1.0",
"typescript": "^4.9.5",
"vite": "^5.0.7",
"vite-tsconfig-paths": "^4.2.2"
}
}
Loading