mirror of
https://github.com/marcrobledo/RomPatcher.js.git
synced 2025-06-27 16:25:54 +00:00
158 lines
No EOL
7 KiB
HTML
158 lines
No EOL
7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Rom Patcher JS</title>
|
|
<meta http-equiv="content-Type" content="text/html; charset=UTF-8"/>
|
|
<meta name="description" content="An online web-based ROM patcher. Supported formats: IPS, BPS, UPS, APS, RUP, PPF and xdelta."/>
|
|
<meta name="keywords" content="ips,ups,aps,bps,rup,ninja,ppf,xdelta,patcher,online,html5,web,rom,patch,hack,translation"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
|
|
<link rel="manifest" href="./manifest.json"/>
|
|
<link rel="shortcut icon" href="./favicon.png" type="image/png" sizes="16x16"/>
|
|
<link rel="shortcut icon" href="./logo192.png" type="image/png" sizes="192x192"/>
|
|
<!-- iOS icons -->
|
|
<link rel="apple-touch-icon" sizes="57x57" href="./logo114.png" />
|
|
<link rel="apple-touch-icon" sizes="114x114" href="./logo114.png" />
|
|
<link rel="apple-touch-icon" sizes="72x72" href="./logo144.png" />
|
|
<link rel="apple-touch-icon" sizes="144x144" href="./logo144.png" />
|
|
<link rel="apple-touch-icon" href="./logo192.png" />
|
|
|
|
<link type="text/css" rel="stylesheet" href="./RomPatcher.css" media="all"/>
|
|
<script type="text/javascript" src="./locale.js"></script>
|
|
<script type="text/javascript" src="./RomPatcher.js"></script>
|
|
<script type="text/javascript" src="./libs/MarcFile.js"></script>
|
|
<script type="text/javascript" src="./zip.js"></script>
|
|
<script type="text/javascript" src="./crc.js"></script>
|
|
<script type="text/javascript" src="./ips.js"></script>
|
|
<script type="text/javascript" src="./ups.js"></script>
|
|
<script type="text/javascript" src="./aps.js"></script>
|
|
<script type="text/javascript" src="./bps.js"></script>
|
|
<script type="text/javascript" src="./rup.js"></script>
|
|
<script type="text/javascript" src="./ppf.js"></script>
|
|
<script type="text/javascript" src="./pmsr.js"></script>
|
|
<script type="text/javascript" src="./vcdiff.js"></script>
|
|
<script type="text/javascript" src="./libs/zip.js"></script>
|
|
|
|
<script type="text/javascript"><!--
|
|
/*
|
|
// PREDEFINED PATCHES EXAMPLE
|
|
// uncomment this to enable predefined patches, Rom Patcher JS will fetch patches hosted in your server
|
|
// - format should be self explanatory
|
|
// - you can add provide crc for source files, allowing IPS to have validation!
|
|
// - this could be also dynamically generated by your server backend, allowing you to build your own patcher for your projects
|
|
var PREDEFINED_PATCHES=[
|
|
//zip includes a single patch (recommended)
|
|
{patch:'./_example/SONICDX.zip',name:'Sonic 3D Blast Director\'s Cut v1.1',crc:0x44a2ca44},
|
|
|
|
//if providing a zipped file, multiple patch files within it can be specified (recommended)
|
|
{patch:'./_example/SML2DXv181.zip#SML2DXv181.ips',name:'Super Mario Land 2 DX v1.8.1 (USA/Europe)',crc:0xd5ec24e4},
|
|
{patch:'./_example/SML2DXv181.zip#SML2DXv181_jap.ips',name:'Super Mario Land 2 DX v1.8.1 (Japan)',crc:0xa715daf5},
|
|
|
|
//if a patch file is not specified in a zipped file, user will be able to choose the desired patch file in a popup (not recommended, also only a single crc for all patches could be provided)
|
|
{patch:'./_example/SML2DXv181.zip',name:'Super Mario Land 2 DX v1.8.1 (All regions)'},
|
|
|
|
//uncompressed patch (not recommended because of bandwidth purposes)
|
|
{patch:'./_example/MarvelousATI_EN_v1.07.xdelta',name:'Marvelous (SFC) ENG Translation v1.07',crc:0xcedf3ba7}
|
|
];
|
|
*/
|
|
--></script>
|
|
</head>
|
|
<body><div id="column">
|
|
|
|
|
|
<!-- HEADER -->
|
|
<header><img src="logo192.png" /><h1>Rom Patcher JS</h1></header>
|
|
|
|
<!-- APP -->
|
|
<div id="wrapper">
|
|
<div id="switch-container"><span id="switch-create-button" onclick="setCreatorMode(!/enabled/.test(el('switch-create').className));"><span data-localize="creator_mode">Creator mode</span> <span id="switch-create" class="switch disabled"></span></span></div>
|
|
|
|
<div id="tab0" class="tab">
|
|
<div class="row">
|
|
<div class="leftcol"><label for="input-file-rom" data-localize="rom_file">ROM file:</label></div>
|
|
<div class="rightcol">
|
|
<input type="file" id="input-file-rom" class="enabled" />
|
|
</div>
|
|
</div>
|
|
<div class="row" id="rom-info">
|
|
<div class="leftcol">CRC32:</div><div class="rightcol"><span id="crc32"></span></div>
|
|
<div class="leftcol">MD5:</div><div class="rightcol"><span id="md5"></span></div>
|
|
<div class="leftcol">SHA-1:</div><div class="rightcol"><span id="sha1"></span></div>
|
|
</div>
|
|
<div class="row" id="row-removeheader" style="display:none">
|
|
<div class="leftcol"></div>
|
|
<div class="rightcol">
|
|
<input type="checkbox" id="checkbox-removeheader" /> <label for="checkbox-removeheader" data-localize="remove_header">Remove header before patching</label>
|
|
</div>
|
|
</div>
|
|
<div class="row" id="row-addheader" style="display:none">
|
|
<div class="leftcol"></div>
|
|
<div class="rightcol">
|
|
<input type="checkbox" id="checkbox-addheader" /> <label for="checkbox-addheader" data-localize="add_header">Add temporary header:</label> <small>(<label id="headersize" for="checkbox-addheader"></label>)</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" id="row-file-patch">
|
|
<div class="leftcol"><label for="input-file-patch" data-localize="patch_file">Patch file:</label></div>
|
|
<div class="rightcol">
|
|
<input type="file" id="input-file-patch" accept=".ips,.ups,.bps,.aps,.rup,.ppf,.mod,.xdelta,.zip"/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="buttons">
|
|
<span id="message-apply" class="message"></span>
|
|
<button id="button-apply" data-localize="apply_patch" class="disabled" disabled onclick="applyPatch(patch, romFile, false)">Apply patch</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="tab1" class="tab">
|
|
<div class="row">
|
|
<div class="leftcol"><label for="input-file-rom1" data-localize="original_rom" >Original ROM:</label></div>
|
|
<div class="rightcol">
|
|
<input type="file" id="input-file-rom1" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="leftcol"><label for="input-file-rom2" data-localize="modified_rom">Modified ROM:</label></div>
|
|
<div class="rightcol">
|
|
<input type="file" id="input-file-rom2" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="leftcol" data-localize="patch_type">Patch type:</div>
|
|
<div class="rightcol">
|
|
<select id="select-patch-type">
|
|
<option value="ips">IPS</option>
|
|
<option value="bps">BPS</option>
|
|
<option value="ppf">PPF</option>
|
|
<option value="ups">UPS</option>
|
|
<option value="aps">APS</option>
|
|
<option value="rup">RUP</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="buttons">
|
|
<span id="message-create" class="message"></span>
|
|
<button id="button-create" class="disabled" disabled onclick="createPatch(romFile1, romFile2, el('select-patch-type').value)" data-localize="create_patch">Create patch</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="snackbar" class="closed"></div>
|
|
|
|
|
|
|
|
|
|
<!-- FOOTER -->
|
|
<footer>
|
|
Rom Patcher JS <small>v2.2</small> by <a href="/">Marc Robledo</a>
|
|
<br />
|
|
<i class="icon github"></i> <a href="https://github.com/marcrobledo/RomPatcher.js/" target="_blank">See on GitHub</a>
|
|
<i class="icon heart"></i> <a href="https://www.paypal.me/marcrobledo/5" target="_blank" rel="nofollow">Donate</a>
|
|
</footer>
|
|
|
|
</div></body></html> |