+
+
+
+
+
+
+ Regions (0)
+
+
+
+
+
+ Modify Mode
+
+
+
+
+
+
+
+
+
+
+
+ Ready
+
+
+
+
+
+
+ No mod image loaded
+
+
+
+
+
+
+ ![Preview]()
+
+
+
+
+
+
+
+
+ Confirm
+Are you sure?
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/android-app/www/js/atlas-api.js b/android-app/www/js/atlas-api.js
new file mode 100644
index 0000000..cc855cc
--- /dev/null
+++ b/android-app/www/js/atlas-api.js
@@ -0,0 +1,381 @@
+/**
+ * atlas-api.js
+ * Replaces pywebview.api with a pure-JS implementation.
+ * Exposes the same async interface that script.js expects.
+ */
+
+import { autoConvertAtlas } from './atlas-converter.js';
+import { AtlasProcessor, _loadImage } from './atlas-extracter.js';
+import { AtlasModifier, parseAtlas } from './atlas-modifier.js';
+
+// ─── State ────────────────────────────────────────────────────────────────────
+
+let _processor = null;
+let _modifier = null;
+let _currentAtlasFilename = '';
+let _currentAtlasText = '';
+let _mergedCanvas = null;
+let _mergedAtlasText = null;
+let _preRepackCanvas = null;
+let _preRepackText = null;
+
+// ─── Helpers ──────────────────────────────────────────────────────────────────
+
+function _readFileAsText(file) {
+ return new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.onload = e => resolve(e.target.result);
+ reader.onerror = reject;
+ reader.readAsText(file);
+ });
+}
+
+/** Extract page image filenames required by an atlas text. */
+function _extractRequiredPages(atlasText) {
+ const proc = new AtlasProcessor(atlasText);
+ return proc.pages.map(p => p.filename);
+}
+
+/**
+ * Download data as a file.
+ * @param {string} filename
+ * @param {Blob} blob
+ */
+async function _downloadBlob(filename, blob) {
+ // If running in Capacitor, use Filesystem plugin to write to Documents
+ if (window.Capacitor && window.Capacitor.isNativePlatform() && window.Capacitor.Plugins.Filesystem) {
+ const { Filesystem, Directory } = window.Capacitor.Plugins;
+ const base64 = await new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.onload = () => resolve(reader.result.split(',')[1]);
+ reader.onerror = reject;
+ reader.readAsDataURL(blob);
+ });
+ await Filesystem.writeFile({ path: filename, data: base64, directory: Directory.Documents });
+ return;
+ }
+ // Fallback: browser download
+ const url = URL.createObjectURL(blob);
+ const a = document.createElement('a');
+ a.href = url;
+ a.download = filename;
+ document.body.appendChild(a);
+ a.click();
+ document.body.removeChild(a);
+ setTimeout(() => URL.revokeObjectURL(url), 100);
+}
+
+function _canvasToBlob(canvas) {
+ return new Promise((resolve, reject) => {
+ canvas.toBlob(blob => blob ? resolve(blob) : reject(new Error('toBlob failed')), 'image/png');
+ });
+}
+
+/** Pick one or more files using a hidden file input triggered by a user gesture. */
+function _pickFiles({ accept = '', multiple = false } = {}) {
+ return new Promise((resolve) => {
+ const input = document.createElement('input');
+ input.type = 'file';
+ input.accept = accept;
+ input.multiple = multiple;
+ // listen for change; also handle cancel gracefully
+ const onchange = (e) => {
+ input.removeEventListener('change', onchange);
+ resolve(Array.from(e.target.files));
+ };
+ input.addEventListener('change', onchange);
+ input.click();
+ // Safari/some Android may not fire 'cancel' event; resolve with [] after long delay
+ setTimeout(() => { input.removeEventListener('change', onchange); resolve([]); }, 60000);
+ });
+}
+
+// ─── Core: load an atlas File + associated image Files ───────────────────────
+
+/**
+ * Load an atlas from File objects.
+ * @param {File} atlasFile
+ * @param {Object.