A lot of things

public/rom-patcher-js/RomPatcher.webapp.js

@@ -6,19 +6,19 @@
 * License:
 *
 * MIT License
-* 
+*
 * Copyright (c) 2016-2025 Marc Robledo
-* 
+*
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
-* 
+*
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
-* 
+*
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
@@ -35,7 +35,7 @@
 	- switch to ES6 classes and modules?
 */
 
-const ROM_PATCHER_JS_PATH = './rom-patcher-js/';
+const ROM_PATCHER_JS_PATH = '../../rom-patcher-js/';
 
 const RomPatcherWeb = (function () {
 	const SCRIPT_DEPENDENCIES = [
@@ -198,7 +198,6 @@ const RomPatcherWeb = (function () {
 					ZIPManager.unzipEmbededPatches(arrayBuffer, currentEmbededPatches);
 				} else {
 					const parsedPatch = _parseEmbededPatchInfo(embededPatchInfo);
-
 					currentEmbededPatches = [parsedPatch];
 					const option = document.createElement('option');
 					option.innerHTML = parsedPatch.name;
@@ -612,6 +611,7 @@ const RomPatcherWeb = (function () {
 			const containerOptionalPatches = document.createElement('div');
 			containerOptionalPatches.id = 'rom-patcher-container-optional-patches';
 			containerOptionalPatches.style.display = 'none';
+            containerOptionalPatches.classList.add("form-group", "level", "form-type-of-checkboxes");
 			htmlSelectPatch.parentElement.appendChild(containerOptionalPatches);
 		} else {
 			const htmlInputFilePatch = htmlElements.get('input-file-patch');
@@ -1415,9 +1415,16 @@ const ZIPManager = (function (romPatcherWeb) {
 							const optionalPatches = [];
 							for (var i = 0; i < filteredEntries.length; i++) {
 								const embededPatchInfo = embededPatchesInfo.find((embededPatchInfo) => embededPatchInfo.file === filteredEntries[i].filename);
-								if (embededPatchInfo && embededPatchInfo.optional)
+								if (embededPatchInfo && embededPatchInfo.optional )
 									optionalPatches.push(filteredEntries[i]);
-								else
+                                else if( filteredEntries[i].filename.startsWith('optional_') ){
+                                  embededPatchesInfo.push({
+                                      file: filteredEntries[i].filename,
+                                      name: filteredEntries[i].filename.replace(/^optional_/, '').replace(/_/g, ' ').replace(/\.[^.]+$/, ''),
+                                      optional: true
+                                  });
+                                  optionalPatches.push(filteredEntries[i]);
+                                } else
 									selectablePatches.push(filteredEntries[i]);
 							}
 
@@ -1446,6 +1453,7 @@ const ZIPManager = (function (romPatcherWeb) {
 								const embededPatchInfo = embededPatchesInfo.find((embededPatchInfo) => embededPatchInfo.file === optionalPatches[i].filename);
 
 								const checkbox = document.createElement('input');
+                                checkbox.classList.add('form-checkbox');
 								checkbox.type = 'checkbox';
 								checkbox.value = i;
 								checkbox.checked = false;
@@ -2164,4 +2172,4 @@ const ROM_PATCHER_LOCALE = {
 		'Invalid patch file': '無效的patch檔',
 		'Using big files is not recommended': '不建議使用大檔。'
 	}
-};
+};