aboutsummaryrefslogblamecommitdiffstats
path: root/index.html
blob: 6ff01811e29895e8163a7f340b6f37ea3cbf555b (plain) (tree)






































                                                                                                                                                   
                                                             

















































                                                                                                                                       
                                                                                                                                                                                  











                                                                                           





                                                                                                                                   
                                    



































                                                                                                                                                   


                          
<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
		<meta name="description" content="A simple utility to help you work out what chips do.">
		<meta name="author" content="@✨Aleteoryx✨#1027">
    <title>CV2 Chip Searcher</title>
    <link crossorigin href="style.css" rel="stylesheet" type="text/css" />
    <link crossorigin href="chips.css" rel="stylesheet" type="text/css" />

    <link crossorigin href="util.js" rel="preload" as="script"/>
    <link crossorigin href="chips.js" rel="preload" as="script"/>
    <link crossorigin href="script.js" rel="preload" as="script"/>
    <link crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.min.js" rel="preload" as="script"/>
    <link crossorigin href="chips.css" rel="preload" as="style"/>
    <link crossorigin href="style.css" rel="preload" as="style"/>
    <link crossorigin href="./terms.json" rel="preload" as="fetch"/>
    <link crossorigin href="./circuitsv2.json" rel="preload" as="fetch"/>
    <link crossorigin href="https://raw.githubusercontent.com/tyleo-rec/CircuitsV2Resources/master/misc/circuitsv2.json" rel="preload" as="fetch"/>
		
    <script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.min.js"></script>
		<script crossorigin src="util.js"></script>
		<script crossorigin src="chips.js"></script>
		<script crossorigin src="script.js"></script>
    <noscript><style> #form, hr, #listcontrols, #helpbox, #resultslist { display: none } </style></noscript>
		<datalist id="paletteSearch">
		</datalist>
  </head>
  <body>
		<noscript>
			The chip searcher requires JavaScript to function.
			If you cannot enable it, you can try
			<kbd>Crtl</kbd>+<kbd>F</kbd>ing your way through
			<a href="https://raw.githubusercontent.com/tyleo-rec/CircuitsV2Resources/master/misc/circuitsv2.json">
				the actual chip JSON file
			</a>.
			
		</noscript>
		<div id="imgbox" style="display:none;"></div>
	  <form id="form" autocomplete="off">
	  	<input type="text" id="search" placeholder="Search for a chip." list="paletteSearch"/>
			<hr/>
			<details>
				<summary>Options</summary>
				<div>
					<input type="checkbox" name="refresh" id="autorefresh" checked/>
					<label for="autorefresh">Auto Refresh</label>
					<input type="checkbox" name="beta" id="beta" checked/>
					<label for="beta">Show Beta Chips</label>
					<input type="checkbox" name="depr" id="deprecated"/>
					<label for="deprecated">Show Deprecated Chips</label>
					<input type="checkbox" name="filterSug" id="fsug" checked>
					<label for="fsug">Enable Filter Suggestions</label>
				</div>
				<hr/>
				<div>
					<p>Fuzzy Finder:</p>
					<input type="radio" name="fuzziness" value='{"thresh":0,"nummod":1}' id="fuzzy0"/>
				 	<label for="fuzzy0">Exact Match</label>
			 		<input type="radio" name="fuzziness" value='{"thresh":0.3,"nummod":0.95}' id="fuzzy1" checked/>
				 	<label for="fuzzy1">Small Typos</label>
				 	<input type="radio" name="fuzziness" value='{"thresh":0.6,"nummod":0.9}' id="fuzzy2"/>
				 	<label for="fuzzy2">Loose Match</label>
				</div>
				<hr/>
				<div>
					<p>Search By:</p>
					<input type="checkbox" name="ReadonlyName" id="key0" checked/>
			 		<label for="key0">Chip Name</label>
				 	<input type="checkbox" name="Description" id="key1"/>
				 	<label for="key1">Chip Description</label>
				</div>
				<hr/>
				<div>
					<label for="cfgitems">Items Per Page: </label>
					<input type="number" name="items" id="cfgitems" value="12" step="1">
				</div>
			</details>
		</form>
		<hr/>
		<div id="listcontrols">
			<button id="first" onclick="first()">&lt;&lt;</button>
			<button id="prev" onclick="prev()">&lt;</button>
			<span>Showing page <span id="pagen">0</span>/<span id="of">0</span>.</span>
			<button id="next" onclick="next()">&gt;</button>
			<button id="last" onclick="last()">&gt;&gt;</button>
		</div>
		<hr/>
		<div id="resultslist"></div>
		<p>Maintained by <a href="https://rec.net/user/winrg" target="_blank" rel="noopener noreferrer">@winrg</a>/<code>@✨Aleteoryx, Keeper of Names✨#1027</code></p>
		<details id="helpbox">
			<summary>?</summary>
			<div>
				<!-- Unused tabbing system. Ignore.
				<input type="radio" name="test" class="selecttab" checked/>
				<p class="tab">text for button 1</p>
				<input type="radio" name="test" class="selecttab"/>
				<p class="tab">text for button 2</p>
				<input type="radio" name="test" class="selecttab"/>
				<p class="tab">text for button 3</p>
				<input type="radio" name="test" class="selecttab"/>
				<p class="tab">text for button 4</p>-->
				<h2>The Basics</h2>
				<hr/>
				<p>The chip searcher is a simple program.
					To get started, simply type the name of the chip you'd like to know about into the top box.
					By default, the searcher will automatically refresh the results as you type.</p>
				<h4>Different types of chips</h4>
				<hr>
				<ul>
					<li><b>Beta Chips</b> are indicated by a β symbol.</li>
					<li><b>Soon-to-be deprecated Chips</b> are indicated by yellow text, as well as a warning.</li>
					<li><b>Deprecated Chips</b> are indicated by red text, as well as a warning.</li>
				</ul>
				<p>Neither form of deprecated chip will display by default.</p>
				<h2>Options</h2>
				<hr/>
				<p>The chip searcher supports the following configuration
					options, contained in the fold-out menu below the search bar.</p>
				<h4>Toggles</h4>
				<hr/>
				<ul>
					<li><b>Auto Refresh</b>: Automatically update search results as you type.
					When disabled, hit <kbd>Enter</kbd> to refresh.</li>
					<li><b>Show Beta Chips</b>: When enabled, beta chips will be included in the search.</li>
					<li><b>Show Deprecated Chips</b>: When enabled, deprecated chips will be included in the search.</li>
					<li><b>Enable Filter Suggestions</b>: When enabled, filters will be displayed as autocomplete options.</li>
				</ul>
				<h4>Fuzzy Finder</h4>
				<hr/>
				<ul>
					<li><b>Exact Match</b>: What is typed must appear identically in the results.</li>
					<li><b>Small Typos</b>: Small errors are ignored, though larger ones will still affect the results.</li>
					<li><b>Loose Match</b>: Really only useful if you can't spell.</li>
				</ul>
				<h4>Search By</h4>
				<hr/>
				<ul>
					<li><b>Name</b>: Search for what is typed in the chip name.</li>
					<li><b>Description</b>: Search for what is typed in the chip description</li>
				</ul>
				<h4>Items Per Page</h4>
				<hr/>
				<p>Configures the number of items that will appear in each page. Defaults to 12.</p>
			</div>
		</details>
  </body>
</html>