<!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>
<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()"><<</button>
<button id="prev" onclick="prev()"><</button>
<span>Showing page <span id="pagen">0</span>/<span id="of">0</span>.</span>
<button id="next" onclick="next()">></button>
<button id="last" onclick="last()">>></button>
</div>
<hr/>
<div id="resultslist"></div>
<p>Maintained by <a href="https://rec.net/user/winrg" target="_blank" rel="noopener noreferrer">@winrg</a>/@✨Aleteoryx✨#1027</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>-->
</details>
</body>
</html>