instbyte 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +200 -0
- package/bin/instbyte.js +28 -0
- package/client/assets/favicon-16.png +0 -0
- package/client/assets/favicon.png +0 -0
- package/client/assets/logo.png +0 -0
- package/client/css/app.css +813 -0
- package/client/index.html +81 -0
- package/client/js/app.js +946 -0
- package/package.json +47 -0
- package/server/cleanup.js +27 -0
- package/server/config.js +69 -0
- package/server/db.js +56 -0
- package/server/server.js +668 -0
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<title>Instbyte</title>
|
|
6
|
+
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-dynamic.png">
|
|
7
|
+
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-dynamic.png">
|
|
8
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
9
|
+
|
|
10
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
|
|
11
|
+
<link rel="stylesheet" href="/css/app.css">
|
|
12
|
+
</head>
|
|
13
|
+
|
|
14
|
+
<body>
|
|
15
|
+
|
|
16
|
+
<header class="app-header">
|
|
17
|
+
<div class="header-left">
|
|
18
|
+
<img src="/assets/logo.png" class="logo" id="appLogo">
|
|
19
|
+
<span class="app-name" id="appName">Instbyte</span>
|
|
20
|
+
</div>
|
|
21
|
+
<div class="header-center">
|
|
22
|
+
<div class="search-wrapper">
|
|
23
|
+
<span class="search-icon">🔍</span>
|
|
24
|
+
<input id="search" type="text" placeholder="Search across channels...">
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
|
27
|
+
<div class="header-right">
|
|
28
|
+
<span id="who"></span>
|
|
29
|
+
<button onclick="changeName()" class="link-btn">change</button>
|
|
30
|
+
<button id="logoutBtn" onclick="logout()" class="link-btn">logout</button>
|
|
31
|
+
</div>
|
|
32
|
+
</header>
|
|
33
|
+
|
|
34
|
+
<div class="container">
|
|
35
|
+
<div class="channel-bar">
|
|
36
|
+
<div class="channels" id="channels"></div>
|
|
37
|
+
<button class="add-channel" id="addChannelBtnDesktop">+</button>
|
|
38
|
+
<button class="add-channel-mobile" id="addChannelBtn">+</button>
|
|
39
|
+
</div>
|
|
40
|
+
|
|
41
|
+
<div class="composer">
|
|
42
|
+
<input id="msg" type="text" placeholder="Type message or paste link" onkeydown="handleEnter(event)" />
|
|
43
|
+
<button onclick="sendText()">Send</button>
|
|
44
|
+
<input type="file" id="fileInput" hidden>
|
|
45
|
+
<button onclick="fileInput.click()">Upload</button>
|
|
46
|
+
</div>
|
|
47
|
+
<div class="drop" id="drop">Drag files anywhere to upload</div>
|
|
48
|
+
<div id="uploadStatus"
|
|
49
|
+
style="display:none;background:#111827;color:#fff;padding:10px;border-radius:8px;margin-top:10px;font-size:13px;">
|
|
50
|
+
<div id="uploadText">Uploading...</div>
|
|
51
|
+
<div style="background:#374151;height:6px;border-radius:4px;margin-top:6px;">
|
|
52
|
+
<div id="uploadBar" style="width:0%;height:6px;background:#10b981;border-radius:4px;"></div>
|
|
53
|
+
</div>
|
|
54
|
+
</div>
|
|
55
|
+
<div id="items"></div>
|
|
56
|
+
</div>
|
|
57
|
+
|
|
58
|
+
<div id="dragOverlay"
|
|
59
|
+
style="position:fixed;inset:0;background:rgba(0,0,0,0.55);color:#fff;display:none;align-items:center;justify-content:center;font-size:28px;z-index:9999;pointer-events:none;">
|
|
60
|
+
Drop to upload
|
|
61
|
+
</div>
|
|
62
|
+
|
|
63
|
+
<div class="qr-widget">
|
|
64
|
+
<div class="qr-card" id="qrCard">
|
|
65
|
+
<div class="qr-label">Join on network</div>
|
|
66
|
+
<img id="qrImg" src="" alt="QR">
|
|
67
|
+
<div class="qr-url" id="qrUrl"></div>
|
|
68
|
+
</div>
|
|
69
|
+
<button class="qr-toggle" onclick="toggleQR()">📡 Join</button>
|
|
70
|
+
</div>
|
|
71
|
+
|
|
72
|
+
<div class="context-menu" id="channelMenu"></div>
|
|
73
|
+
|
|
74
|
+
<script src="/socket.io/socket.io.js"></script>
|
|
75
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/9.1.6/marked.min.js"></script>
|
|
76
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
|
|
77
|
+
<script src="/js/app.js"></script>
|
|
78
|
+
|
|
79
|
+
</body>
|
|
80
|
+
|
|
81
|
+
</html>
|