-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
187 lines (166 loc) · 8.1 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
176
177
178
179
180
181
182
183
184
185
186
187
<!--{{ regexReplaceAll `<![-]-[^\0]*?[-]->\s*|\s*(\n)\s*|([^-\w<!])\s+([^-\w<!])` `-->
<!DOCTYPE html>
<html lang="en">
<!-- Stardew Valley Item Finder
https://gucci-on-fleek.github.io/Stardew-Valley-Item-Finder/
SPDX-License-Identifier: MPL-2.0+
SPDX-FileCopyrightText: 2024 Max Chernoff
-->
<head>
<meta charset="UTF-8" />
<!-- Load External Files at Start -->
<link rel="stylesheet" href="/assets/style.css" />
<link rel="stylesheet" href="assets/item-finder.css" />
<script type="module" src="assets/item-finder.js" async></script>
<!-- Basic meta tags -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Stardew Valley Item Finder</title>
<meta name="description"
content="This tool extracts information about all of your items in Stardew Valley and displays it in a table. The table shows the item’s name, location, and price." />
<!-- Styling -->
<meta name="theme-color" content="#241504" />
<meta name="color-scheme" content="light dark">
<link rel="manifest" href="assets/manifest.webmanifest" />
<!-- Icons -->
<link rel="icon" href="images/favicon.ico">
<link rel="icon" href="images/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" sizes="180x180" href="images/icon-180.png">
</head>
<body>
<header>
<h1>Stardew Valley Item Finder</h1>
</header>
<section class="text">
<p>This tool extracts information about all of your items in Stardew Valley and displays it in a table. The
table shows the items’ names, locations, and prices.</p>
<h2>Instructions</h2>
<p>
You’ll need to upload your save file below to begin. Your save file is named <code>Name_123456789</code>,
where <code>Name</code>
is your player’s name and <code>123456789</code> is a random 9-digit number. The save file can be found in
<a href="https://stardewvalleywiki.com/Saves#Find_your_save_files">one of the following folders</a>:
</p>
<dl>
<dt>Windows</dt>
<dd><code>%appdata%\StardewValley\Saves</code></dd>
<dt>Linux and macOS</dt>
<dd><code>~/.config/StardewValley/Saves</code></dd>
</dl>
<p id="table_description">
You can sort the table by clicking on the headers, and you can download the table as a <abbr>TSV</abbr>
file to use in Excel. You can also click on an item name to view its description from the <i>Stardew Valley
Wiki</i>.
</p>
</section>
<input hidden aria-hidden="false" aria-label="Browse for Save File" id="save_file_input" type='file'>
<label role="button" aria-hidden="true" for="save_file_input">Browse for Save File</label>
<div id="loading" class="message" role="alert" hidden>Loading…</div>
<div id="error" class="message" role="alert" hidden>Error
<div>Sorry about that. Please refresh and try again.</div>
</div>
<div>
<!-- We need this empty div so that the contents are horizontally centered on the page. Without it, the contents are left aligned to the rest of the page. -->
<article hidden id="table_container">
<h2>Items
<input id="filter" class="input" placeholder="Filter" title="Filter" type="search"
aria-label="Filter Table"/>
</h2>
<button hidden aria-hidden="false" type="button" id="down_button" class="input">Download as
TSV</button>
<label role="button" aria-hidden="true" for="down_button">Download as
<abbr>TSV</abbr></label>
<a class="skip-link" href="#after_table">Skip to after the end of the item table</a>
</article>
</div>
<section class="text" id="after_table">
<h2>About</h2>
<p>
This tool runs entirely inside the browser. Your save file is never sent across the network.
</p>
<p>
Source code repository located at <a
href="https://github.com/gucci-on-fleek/Stardew-Valley-Item-Finder">https://github.com/gucci-on-fleek/Stardew-Valley-Item-Finder</a>.
Inspired by the <a href="https://mouseypounds.github.io/stardew-fair-helper/">Stardew Fair Helper</a>.
</p>
<p>
For support, feedback, and general questions, please <a
href="https://github.com/gucci-on-fleek/Stardew-Valley-Item-Finder/issues/new/choose"> submit an
issue</a> on GitHub.
</p>
<h2>Advanced Usage</h2>
<h3>Offline Use</h3>
<p>
This tool fully supports offline usage. After the first load, no internet access is required.</p>
<h3>Regular Expressions</h3>
<p>
The filter fully supports Regular Expressions. For most users, the most important part is that you can
search
for multiple items at a time by separating them with a pipe (<code>|</code>). For example, to show all
carrots
and potatoes, you would type <code>carrot|potato</code>.</p>
<h3>Running from the Command Line</h3>
<p>
Advanced users can convert their save files to <abbr>TSV</abbr> on the command line. First,
you’ll need to
download the <abbr>XSLT</abbr> files from the <a
href="https://github.com/gucci-on-fleek/Stardew-Valley-Item-Finder">source code repository</a>.
Then, using <a href="http://xmlsoft.org/XSLT/xsltproc.html"><code>xsltproc</code></a>:</p>
<code class="block">
xsltproc items.xslt Name_123456789 | xsltproc items-to-tsv.xslt - > items.tsv
</code>
</section>
<footer>
<ul role="list">
<li><a href="/">Home</a></li>
<li> View on <a href="https://github.com/gucci-on-fleek/Stardew-Valley-Item-Finder">GitHub</a></li>
<li>
<details class="license">
<summary>License</summary>
<h2>Licence</h2>
<p>The majority of this website is licensed under the <a rel="license"
href="https://www.mozilla.org/en-US/MPL/2.0/"><abbr title="Mozilla Public Licence">MPL-2.0</abbr></a>
or any later version.</p>
<p>All icons used are copyright <a href="https://www.stardewvalley.net">ConcernedApe</a> and are
used under Fair Use.</p>
<p>Excerpts from the <a href='https://stardewvalleywiki.com/'><i>Stardew Valley Wiki</i></a> are
licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/3.0/"><abbr>CC-BY-NC-SA-3.0</abbr></a>.</p>
<p><a href="licence.md">View the full licence</a>
</p>
</details>
</li>
</ul>
</footer>
<template id="table_base">
<table id="item_table" aria-describedby="table_description">
<caption hidden aria-hidden="false">Items in your Stardew Valley inventory</caption>
<thead>
</thead>
<tbody></tbody>
<tfoot></tfoot>
</table>
</template>
<template id="header_cell_base">
<th tabindex="0"></th>
</template>
<template id="header_base">
<tr class="header"></tr>
</template>
<template id="silver_base">
<img src="images/silver_star.png" class="icon" alt="Silver" title="Silver" />
</template>
<template id="gold_base">
<img src="images/gold_star.png" class="icon" alt="Gold" title="Gold" />
</template>
<template id="iridium_base">
<img src="images/iridium_star.png" class="icon" alt="Iridium" title="Iridium" />
</template>
<template id="wiki_link_base">
<a href='https://stardewvalleywiki.com/'>See more on the <i>Stardew Valley Wiki</i></a>.
</template>
<template id="wiki_search_base">
<a href='https://stardewvalleywiki.com/mediawiki/index.php?title=Special:Search&search='>Try searching the
<i>Stardew Valley Wiki</i></a>.
</template>
</body>
</html>
<!--` "${1}${2}${3}" }}-->