-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
100 lines (90 loc) · 3.98 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Minecraft Data and Resource pack Analyzer</title>
<meta name="description" content="An open source and offline-working tool to analyze your Minecraft Java data and resource packs and generate stats from them.">
<meta name="theme-color" content="#216E4A">
<meta property="og:url" content="https://pack-analyzer.pages.dev/">
<meta property="og:image" content="https://pack-analyzer.pages.dev/assets/images/showcase1.png">
<link rel="manifest" href="./assets/manifest.json">
<link href="./assets/images/icon-128x128.png" rel="shortcut icon" type="image/x-icon">
<link href="./assets/images/icon-192x192.png" rel="apple-touch-icon" sizes="192x192">
<link rel="stylesheet" href="./assets/style.css">
<script src="./assets/script.js"></script>
<script src="./assets/jszip.js" async></script>
</head>
<body>
<header>
<h1>Minecraft Java Data and Resource pack analyzer</h1>
<h2>Drop/paste a .zip or .mcfunction file, or select a folder below to analyze it!</h2>
<div>
<button type="button" id="select-folder">Select folder</button>
<button type="button" id="select-zip">Select .zip</button>
<button type="button" id="toggle-theme">Toggle theme</button>
<button type="button" id="about-button">About</button>
</div>
<div id="resultButtons" hidden>
<button type="button" id="clear-results">Clear results</button>
<button type="button" class="share" data-type="txt">Export as .txt</button>
<button type="button" class="share" data-type="json">Export as .json</button>
<button type="button" class="share" data-type="link">Share as link</button>
<button type="button" class="share" data-type="png">Generate image</button>
</div>
<br>
<div class="packType">
<span>Select the pack type the site uses for analyzing files:</span>
<div>
<input type="radio" id="radiodp" name="packType" checked>
<label for="radiodp" title="Analyze data packs">Data pack</label>
</div>
<div>
<input type="radio" id="radiorp" name="packType">
<label for="radiorp" title="Analyze resource and shader packs">Resource pack</label>
</div>
</div>
<br>
</header>
<main>
<h1 id="progress"></h1>
<canvas id="shareImage" width="955" height="500"></canvas>
<p id="result"></p>
<dialog id="aboutDialog">
<span class="close">×</span>
<h1>About</h1>
<p>
Made in HTML, plain JavaScript and CSS, this site allows you to get usage stats from your Minecraft data and resource packs.
It also allows analyzing of whole worlds and shaders.
<br>
Everything is done locally, no data ever gets sent to any server (except for anonymous Cloudflare statistics).
</p>
<p>
Developed by: <a href="https://discord.com/users/581146486646243339" target="_blank" rel="noopener">TomatoCake</a>
</p>
<p>
Inspired by: <a href="https://github.com/ErrorCraft/FunctionAnalyser" target="_blank" rel="noopener">ErrorCrafts FunctionAnalyser</a>
</p>
<p>
Uses <a href="https://github.com/misode/mcmeta" target="_blank" rel="noopener">misodes mcmeta</a> to get a list of all Minecraft versions with their respective pack formats.
</p>
<p>
GitHub: <a href="https://github.com/DEVTomatoCake/Pack-Analyzer" target="_blank" rel="noopener">https://github.com/DEVTomatoCake/Pack-Analyzer</a>
</p>
<p>
Support/Feedback:
<a href="https://discord.gg/JXVDQFf" target="_blank" rel="noopener">Vanilla Minigames Discord</a> or
<a href="https://github.com/DEVTomatoCake/Pack-Analyzer/issues" target="_blank" rel="noopener">GitHub</a>
</p>
</dialog>
<dialog id="shareDialog">
<span class="close">×</span>
<h1>Share the results as link</h1>
<a id="share-link" href="https://sh0rt.zip"></a>
<br>
<br>
<img id="share-img" width="180" height="180" alt="QR code for sharing">
</dialog>
</main>
</body>
</html>