-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
175 lines (150 loc) · 6.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Discord Package Util</title>
<link rel="stylesheet" href="style.css">
<script src="zip.min.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body>
<h1>Discord Package Util</h1>
<p>A simple tool to parse through your archive and export only the selected channels / groups / private messages.
May be useful for people who want to make data deletion requests to Discord's support team.</p>
<div class="card">
<span>📌</span>
<p>
<b>Nothing is sent to anyone</b>, it's all in YOUR browser, your data stays on your computer and your
computer only.
</p>
</div>
<div class="card">
<span>🛜</span>
<p>You can disable your <b>internet</b>. It still works !</p>
</div>
<div class="card desktop">
<span>📖</span>
<p>You can read your messages to get more context.</p>
</div>
<div class="card mobile">
<span>📖</span>
<p>You can <b>press long on a channel</b> to read your messages and get more context. <br><i>It may not work on
some devices, refresh the page or give up</i></p>
</div>
<div class="card">
<span>🤨</span>
<p>Most 'Unknown Channels' are from servers you're not on anymore.<br>'None' are probably deleted.</p>
</div>
<div class="card">
<span>🙏</span>
<p class="github">Source code on GitHub: <a class="github-button"
href="https://github.com/dorifor/undiscord-package-util"
data-color-scheme="no-preference: dark; light: dark; dark: dark;" data-size="large"
data-show-count="true" aria-label="Star dorifor/undiscord-package-util on GitHub">Star</a>
</p>
</div>
<div class="card">
<span><img src="pal_flag.svg" alt="PS"></span>
<p>Free Palestine !</p>
</div>
<label for="package-file" class="file-input">
<input type="file" name="package" id="package-file" accept=".zip">
<span>Load Archive</span>
</label>
<hr>
<section class="package-channels hidden">
<section class="tips">
<input type="checkbox" id="tip-none" disabled>
<label>No channel selected</label>
<input type="checkbox" indeterminate id="tip-partial" disabled>
<label>Some channels selected</label>
<input type="checkbox" checked id="tip-full" disabled>
<label>All channels selected</label>
</section>
<details class="root">
<summary>
<input type="checkbox" name="select-servers" id="select-servers">
<label for="select-servers" title="Select All"></label>
Servers
<div class="search">
<input type="text" id="search-servers" placeholder="search servers">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-search">
<circle cx="11" cy="11" r="8" />
<path d="m21 21-4.3-4.3" />
</svg>
</div>
</summary>
<ul class="channels">
<li class="hidden nothing-found">No channel found.</li>
</ul>
</details>
<details class="root">
<summary>
<input type="checkbox" name="select-groups" id="select-groups">
<label for="select-groups" title="Select All"></label>
Group Chats
<div class="search">
<input type="text" id="search-groups" placeholder="search groups...">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-search">
<circle cx="11" cy="11" r="8" />
<path d="m21 21-4.3-4.3" />
</svg>
</div>
</summary>
<ul class="group-chats">
<li class="hidden nothing-found">No channel found.</li>
</ul>
</details>
<details class="root">
<summary>
<input type="checkbox" name="select-messages" id="select-messages">
<label for="select-messages" title="Select All"></label>
Direct Messages
<div class="search">
<input type="text" id="search-messages" placeholder="search DMs...">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-search">
<circle cx="11" cy="11" r="8" />
<path d="m21 21-4.3-4.3" />
</svg>
</div>
</summary>
<ul class="direct-messages">
<li class="hidden nothing-found">No channel found.</li>
</ul>
</details>
<hr>
</section>
<section class="export hidden">
<!-- <input type="checkbox" name="export-channels" id="export-channels">
<label for="export-channels">Only export channels</label> -->
<div class="actions">
<button id="export-button">Export</button>
<!-- <button id="download-button" disabled>Download</button> -->
</div>
<progress value="0" max="10"></progress>
<p class="export-report"></p>
<textarea readonly rows="32" class="hidden"></textarea>
</section>
<dialog class="messages-popup">
<h3>__channelName__ messages (__length__)</h3>
<p>Loading Messages ...</p>
<button class="close">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-x">
<path d="M18 6 6 18" />
<path d="m6 6 12 12" />
</svg>
</button>
</dialog>
<script type="module" src="index.js">
</script>
</body>
</html>