Skip to content
This repository was archived by the owner on Oct 30, 2025. It is now read-only.

Commit 661ef84

Browse files
roerohanroerohan
authored
Merge pull request #43 from dyte-io/feat-multiple-meetings
feat: demo app with multiple meetings
2 parents ab0b5f1 + 3232b59 commit 661ef84

File tree

21 files changed

+2262
-424
lines changed

21 files changed

+2262
-424
lines changed

‎.github/workflows/deploy.yml‎

Lines changed: 16 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,22 @@
1-
name: Deploy to github.io
1+
name: Deploy
22

33
on:
4-
push:
5-
branches:
6-
- main
4+
push:
5+
branches:
6+
- main
77

88
jobs:
9-
deploy:
10-
runs-on: ubuntu-latest
11-
steps:
12-
- name: Checkout
13-
uses: actions/checkout@v2
14-
with:
15-
fetch-depth: 0
16-
submodules: recursive
9+
deploy:
10+
runs-on: ubuntu-latest
11+
name: Deploy
12+
steps:
13+
- uses: actions/checkout@v4
1714

18-
- uses: actions/setup-node@v2
19-
with:
20-
node-version: 16
15+
- build: npm run build
2116

22-
- name: npm install
23-
run: |
24-
npm install
25-
26-
- name: npm build
27-
run: |
28-
npm run build
29-
30-
- name: Deploy to github.io
31-
uses: JamesIves/[email protected]
32-
with:
33-
branch: gh-pages
34-
folder: samples
17+
- name: Deploy to Production
18+
uses: cloudflare/wrangler-action@v3
19+
with:
20+
apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
21+
accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
22+
wranglerVersion: "4.19.1"

‎index.html‎

Lines changed: 99 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,99 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>React Samples - Cloudflare Realtime Kit</title>
7+
<style>
8+
body {
9+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
10+
margin: 0;
11+
padding: 0;
12+
background-color: #f0f2f5; /* Light gray background */
13+
color: #333;
14+
display: flex;
15+
justify-content: center;
16+
align-items: flex-start; /* Align to top */
17+
min-height: 100vh;
18+
padding-top: 40px; /* Add some padding at the top */
19+
}
20+
#root {
21+
background-color: #ffffff; /* White card background */
22+
padding: 30px 40px;
23+
border-radius: 8px;
24+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
25+
width: 90%;
26+
max-width: 700px;
27+
}
28+
h1 {
29+
color: #f38020; /* Cloudflare Orange */
30+
text-align: center;
31+
margin-bottom: 30px;
32+
font-size: 28px;
33+
font-weight: 600;
34+
}
35+
ul {
36+
list-style-type: none;
37+
padding: 0;
38+
margin: 0;
39+
}
40+
li {
41+
margin-bottom: 15px;
42+
border-bottom: 1px solid #e0e0e0; /* Light separator line */
43+
padding-bottom: 15px;
44+
}
45+
li:last-child {
46+
border-bottom: none;
47+
margin-bottom: 0;
48+
padding-bottom: 0;
49+
}
50+
a {
51+
text-decoration: none;
52+
color: #0053a0; /* Cloudflare Blue */
53+
font-size: 18px;
54+
font-weight: 500;
55+
display: block; /* Make the whole area clickable */
56+
padding: 8px 0;
57+
transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
58+
}
59+
a:hover {
60+
color: #f38020; /* Cloudflare Orange on hover */
61+
transform: translateX(5px);
62+
}
63+
/* Responsive adjustments */
64+
@media (max-width: 600px) {
65+
#root {
66+
padding: 20px;
67+
}
68+
h1 {
69+
font-size: 24px;
70+
}
71+
a {
72+
font-size: 16px;
73+
}
74+
}
75+
</style>
76+
</head>
77+
<body>
78+
<div id="root">
79+
<h1>Cloudflare Realtime Kit React Samples</h1>
80+
<ul>
81+
<li><a href="/samples/active-speaker-ui/dist">Active Speaker UI</a></li>
82+
<li><a href="/samples/async-video-survey/dist">Async Video Survey</a></li>
83+
<li><a href="/samples/audio-room/dist">Audio Room</a></li>
84+
<li><a href="/samples/chat/dist">Chat</a></li>
85+
<li><a href="/samples/chat-widget/dist">Chat Widget</a></li>
86+
<li><a href="/samples/clubhouse/dist">Clubhouse</a></li>
87+
<li><a href="/samples/create-your-own-ui/dist">Create Your Own UI</a></li>
88+
<li><a href="/samples/default-meeting-ui/dist">Default Meeting UI</a></li>
89+
<li><a href="/samples/facetime/dist">Facetime</a></li>
90+
<li><a href="/samples/live-auction/dist">Live Auction</a></li>
91+
<li><a href="/samples/multi-meeting/dist">Multiple Meeting UI</a></li>
92+
<li><a href="/samples/screenshare-focused-ui-with-custom-addons/dist">Screenshare Focused UI with Custom Addons</a></li>
93+
<li><a href="/samples/simple-group-call/dist">Simple Group Call</a></li>
94+
<li><a href="/samples/simple-ui/dist">Simple UI</a></li>
95+
<li><a href="/samples/with-background-transformer/dist">With Background Transformer</a></li>
96+
</ul>
97+
</div>
98+
</body>
99+
</html>

0 commit comments

Comments
 (0)