html2apk 0.4.0 → 0.7.0

package/src/desktop/main.js

@@ -24,6 +24,13 @@ const WINDOW_BACKGROUNDS = {
   light: "#f7fbff",
   dark: "#10141b"
 };
+const EDITOR_MAX_FILE_SIZE = 1024 * 1024;
+const EDITOR_IGNORED_DIRS = new Set([".git", "node_modules", "dist", "platforms", "build"]);
+const EDITOR_TEXT_EXTENSIONS = new Set([
+  ".html", ".htm", ".css", ".js", ".mjs", ".cjs", ".json", ".xml", ".svg",
+  ".txt", ".md", ".ts", ".tsx", ".jsx", ".vue", ".scss", ".sass", ".less",
+  ".yml", ".yaml", ".properties", ".gradle", ".java", ".kt"
+]);
 
 app.commandLine.appendSwitch("disable-crash-reporter");
 process.title = APP_NAME;
@@ -139,6 +146,142 @@ async function inspectProject(projectRoot) {
   };
 }
 
+function isInsideProject(projectRoot, targetPath) {
+  const relative = path.relative(projectRoot, targetPath);
+  return relative === "" || (!relative.startsWith("..") && !path.isAbsolute(relative));
+}
+
+function safeProjectPath(projectRoot, relativePath = "") {
+  const root = path.resolve(projectRoot);
+  const targetPath = path.resolve(root, relativePath || ".");
+  if (!isInsideProject(root, targetPath)) {
+    throw new Error("The file must stay inside the selected project folder.");
+  }
+  return targetPath;
+}
+
+function safeNewFilePath(projectRoot, relativePath) {
+  const cleaned = String(relativePath || "").trim().replace(/\\/g, "/");
+  if (!cleaned || path.isAbsolute(cleaned) || cleaned.split("/").some((part) => part === "..")) {
+    throw new Error("Use a relative path inside the project, example: css/style.css.");
+  }
+  return safeProjectPath(projectRoot, cleaned);
+}
+
+function fileLanguage(filePath) {
+  const ext = path.extname(filePath).toLowerCase().replace(".", "");
+  if (["htm", "html"].includes(ext)) {
+    return "html";
+  }
+  if (["js", "mjs", "cjs", "ts", "tsx", "jsx"].includes(ext)) {
+    return "js";
+  }
+  if (["css", "scss", "sass", "less"].includes(ext)) {
+    return "css";
+  }
+  if (ext === "json") {
+    return "json";
+  }
+  return ext || "text";
+}
+
+function isEditableFile(filePath, size) {
+  const ext = path.extname(filePath).toLowerCase();
+  return size <= EDITOR_MAX_FILE_SIZE && (EDITOR_TEXT_EXTENSIONS.has(ext) || ext === "");
+}
+
+async function listProjectFileTree(projectRoot, relativeDir = "") {
+  const absoluteDir = safeProjectPath(projectRoot, relativeDir);
+  const entries = await fs.readdir(absoluteDir, { withFileTypes: true });
+  const nodes = [];
+
+  for (const entry of entries.sort((a, b) => {
+    if (a.isDirectory() !== b.isDirectory()) {
+      return a.isDirectory() ? -1 : 1;
+    }
+    return a.name.localeCompare(b.name);
+  })) {
+    if (entry.name.startsWith(".html2apk-doctor-")) {
+      continue;
+    }
+
+    const relativePath = path.join(relativeDir, entry.name);
+    const normalizedRelativePath = relativePath.replace(/\\/g, "/");
+    if (entry.isDirectory()) {
+      if (EDITOR_IGNORED_DIRS.has(entry.name)) {
+        continue;
+      }
+      nodes.push({
+        type: "directory",
+        name: entry.name,
+        path: normalizedRelativePath,
+        children: await listProjectFileTree(projectRoot, relativePath)
+      });
+      continue;
+    }
+
+    if (!entry.isFile()) {
+      continue;
+    }
+
+    const absolutePath = safeProjectPath(projectRoot, relativePath);
+    const stat = await fs.stat(absolutePath);
+    nodes.push({
+      type: "file",
+      name: entry.name,
+      path: normalizedRelativePath,
+      size: stat.size,
+      editable: isEditableFile(absolutePath, stat.size),
+      language: fileLanguage(absolutePath)
+    });
+  }
+
+  return nodes;
+}
+
+async function readProjectTextFile(projectRoot, relativePath) {
+  const targetPath = safeProjectPath(projectRoot, relativePath);
+  const stat = await fs.stat(targetPath);
+  if (!stat.isFile()) {
+    throw new Error("Choose a file, not a folder.");
+  }
+  if (!isEditableFile(targetPath, stat.size)) {
+    throw new Error("This file is too large or is not a supported text file.");
+  }
+
+  const buffer = await fs.readFile(targetPath);
+  if (buffer.includes(0)) {
+    throw new Error("Binary files cannot be edited here.");
+  }
+
+  return {
+    path: String(relativePath).replace(/\\/g, "/"),
+    language: fileLanguage(targetPath),
+    size: stat.size,
+    content: buffer.toString("utf8")
+  };
+}
+
+async function writeProjectTextFile(projectRoot, relativePath, content) {
+  const targetPath = safeProjectPath(projectRoot, relativePath);
+  await fs.writeFile(targetPath, String(content || ""), "utf8");
+  const stat = await fs.stat(targetPath);
+  return {
+    path: String(relativePath).replace(/\\/g, "/"),
+    size: stat.size
+  };
+}
+
+async function createProjectTextFile(projectRoot, relativePath) {
+  const targetPath = safeNewFilePath(projectRoot, relativePath);
+  if (await pathExists(targetPath)) {
+    throw new Error("A file already exists at this path.");
+  }
+  await fs.mkdir(path.dirname(targetPath), { recursive: true });
+  await fs.writeFile(targetPath, "", "utf8");
+  return readProjectTextFile(projectRoot, path.relative(projectRoot, targetPath));
+}
+
 function shouldIgnoreProjectWatchPath(fileName) {
   const normalized = String(fileName || "").replace(/\\/g, "/");
   return normalized
@@ -227,15 +370,28 @@ function cleanBuildOptions(options = {}) {
   const output = {
     projectRoot: options.projectRoot,
     debug: Boolean(options.debug),
+    showRuntimeLogs: Boolean(options.showRuntimeLogs),
     release: Boolean(options.release)
   };
 
-  for (const key of ["mode", "appName", "packageId", "version", "icon", "androidPlatform", "minSdkVersion", "themeColor", "themeMode", "theme", "oneSignalAppId", "orientation", "permissions", "deepLinks"]) {
+  for (const key of ["mode", "appName", "packageId", "version", "icon", "androidPlatform", "minSdkVersion", "themeColor", "themeMode", "theme", "oneSignalAppId", "orientation", "permissions", "deepLinks", "buildFormat"]) {
     if (Array.isArray(options[key]) || options[key]) {
       output[key] = options[key];
     }
   }
 
+  if (options.keystore && typeof options.keystore === "object") {
+    const keystore = {};
+    for (const key of ["path", "alias", "storePassword", "keyPassword", "password", "type"]) {
+      if (options.keystore[key]) {
+        keystore[key] = options.keystore[key];
+      }
+    }
+    if (Object.keys(keystore).length) {
+      output.keystore = keystore;
+    }
+  }
+
   return output;
 }
 
@@ -525,10 +681,43 @@ ipcMain.handle("dialog:select-icon", async () => {
   return result.filePaths[0];
 });
 
+ipcMain.handle("dialog:select-keystore", async () => {
+  const result = await dialog.showOpenDialog(mainWindow, {
+    title: "Select Android keystore",
+    properties: ["openFile"],
+    filters: [
+      { name: "Android keystore", extensions: ["jks", "keystore", "p12", "pfx"] },
+      { name: "All files", extensions: ["*"] }
+    ]
+  });
+
+  if (result.canceled || !result.filePaths.length) {
+    return null;
+  }
+
+  return result.filePaths[0];
+});
+
 ipcMain.handle("project:inspect", async (_event, projectRoot) => {
   return inspectProject(projectRoot);
 });
 
+ipcMain.handle("project:list-files", async (_event, projectRoot) => {
+  return listProjectFileTree(projectRoot);
+});
+
+ipcMain.handle("project:read-file", async (_event, projectRoot, relativePath) => {
+  return readProjectTextFile(projectRoot, relativePath);
+});
+
+ipcMain.handle("project:write-file", async (_event, projectRoot, relativePath, content) => {
+  return writeProjectTextFile(projectRoot, relativePath, content);
+});
+
+ipcMain.handle("project:create-file", async (_event, projectRoot, relativePath) => {
+  return createProjectTextFile(projectRoot, relativePath);
+});
+
 ipcMain.handle("project:watch", async (event, projectRoot) => {
   return startProjectWatcher(projectRoot, event.sender);
 });
@@ -599,7 +788,7 @@ ipcMain.handle("build:run", async (event, options) => {
       ...buildOptions,
       onLog: (line) => sendLog(line)
     });
-    sendLog(`APK generated: ${result.apkPath}`, "success");
+    sendLog(`Android file generated: ${result.artifactPath || result.apkPath}`, "success");
     return {
       ok: true,
       result

package/src/desktop/preload.js

@@ -6,7 +6,12 @@ contextBridge.exposeInMainWorld("html2apkDesktop", {
   appInfo: () => ipcRenderer.invoke("app:info"),
   selectFolder: () => ipcRenderer.invoke("dialog:select-folder"),
   selectIcon: () => ipcRenderer.invoke("dialog:select-icon"),
+  selectKeystore: () => ipcRenderer.invoke("dialog:select-keystore"),
   inspectProject: (projectRoot) => ipcRenderer.invoke("project:inspect", projectRoot),
+  listProjectFiles: (projectRoot) => ipcRenderer.invoke("project:list-files", projectRoot),
+  readProjectFile: (projectRoot, relativePath) => ipcRenderer.invoke("project:read-file", projectRoot, relativePath),
+  writeProjectFile: (projectRoot, relativePath, content) => ipcRenderer.invoke("project:write-file", projectRoot, relativePath, content),
+  createProjectFile: (projectRoot, relativePath) => ipcRenderer.invoke("project:create-file", projectRoot, relativePath),
   watchProject: (projectRoot) => ipcRenderer.invoke("project:watch", projectRoot),
   unwatchProject: () => ipcRenderer.invoke("project:unwatch"),
   runDoctor: (projectRoot) => ipcRenderer.invoke("doctor:run", projectRoot),

package/src/desktop/renderer/index.html

@@ -58,6 +58,7 @@
         <button class="nav-item" data-view="settings"><span class="nav-icon">C</span><span data-i18n="navSettings">Configuracoes</span></button>
         <button class="nav-item" data-view="appearance"><span class="nav-icon">A</span><span data-i18n="navAppearance">Aparencia</span></button>
         <button class="nav-item" data-view="build"><span class="nav-icon">B</span><span data-i18n="navBuild">Build</span></button>
+        <button class="nav-item" data-view="files"><span class="nav-icon">F</span><span data-i18n="navFiles">Arquivos</span></button>
         <button class="nav-item" data-view="codes"><span class="nav-icon">J</span><span data-i18n="navCodes">Codigos</span></button>
         <button class="nav-item" data-view="logs"><span class="nav-icon">L</span><span data-i18n="navLogs">Logs</span></button>
       </nav>
@@ -137,6 +138,14 @@
             <span data-i18n="appVersion">Versao do app</span>
             <input id="versionInput" type="text" placeholder="1.0.0">
           </label>
+          <label class="field">
+            <span data-i18n="buildFormat">Formato</span>
+            <select id="buildFormatInput">
+              <option value="apk" data-i18n="formatApk">APK</option>
+              <option value="aab" data-i18n="formatAab">AAB</option>
+            </select>
+            <small data-i18n="buildFormatHint">APK para instalar direto; AAB para loja.</small>
+          </label>
           <label class="field">
             <span data-i18n="mode">Modo</span>
             <select id="modeInput">
@@ -205,6 +214,31 @@
               </div>
             </div>
           </div>
+          <div class="field keystore-field">
+            <span data-i18n="keystoreTitle">Assinatura / keystore</span>
+            <div class="keystore-grid">
+              <label>
+                <small data-i18n="keystoreFile">Arquivo keystore</small>
+                <div class="inline-picker">
+                  <input id="keystorePathInput" type="text" readonly placeholder="release.jks">
+                  <button id="selectKeystoreButton" class="secondary-action" type="button" data-i18n="chooseKeystore">Escolher</button>
+                </div>
+              </label>
+              <label>
+                <small data-i18n="keystoreAlias">Alias</small>
+                <input id="keystoreAliasInput" type="text" placeholder="app">
+              </label>
+              <label>
+                <small data-i18n="keystoreStorePassword">Senha da store</small>
+                <input id="keystoreStorePasswordInput" type="password" autocomplete="off">
+              </label>
+              <label>
+                <small data-i18n="keystoreKeyPassword">Senha da key</small>
+                <input id="keystoreKeyPasswordInput" type="password" autocomplete="off">
+              </label>
+            </div>
+            <small data-i18n="keystoreHint">Opcional para APK debug. Para AAB/release, preencha para assinar o arquivo.</small>
+          </div>
           <div class="field permissions-field">
             <span data-i18n="androidPermissions">Permissoes Android</span>
             <div id="permissionGrid" class="permission-grid"></div>
@@ -219,6 +253,13 @@
               <small data-i18n="debugBuildText">Mantem a pasta Cordova temporaria para inspecao.</small>
             </span>
           </label>
+          <label class="toggle-card">
+            <input id="runtimeLogsInput" type="checkbox">
+            <span>
+              <strong data-i18n="runtimeLogsBuild">Console no APK</strong>
+              <small data-i18n="runtimeLogsBuildText">Mostra um modal Console no app gerado para depurar erros e funcoes interpretadas.</small>
+            </span>
+          </label>
           <label class="toggle-card">
             <input id="releaseInput" type="checkbox">
             <span>
@@ -260,6 +301,36 @@
         </div>
       </section>
 
+      <section id="view-files" class="view">
+        <header class="view-header compact">
+          <div>
+            <p class="eyebrow" data-i18n="filesEyebrow">Editor visual</p>
+            <h1 data-i18n="filesTitle">Arquivos do projeto</h1>
+          </div>
+          <div class="result-actions">
+            <button id="newFileButton" class="secondary-action" type="button" data-i18n="newFile">Novo arquivo</button>
+            <button id="saveFileButton" class="primary-action" type="button" disabled data-i18n="saveFile">Salvar</button>
+          </div>
+        </header>
+        <div class="file-editor-layout">
+          <aside class="file-tree-panel">
+            <strong data-i18n="fileTreeTitle">Pastas e arquivos</strong>
+            <div id="fileTree" class="file-tree-empty" data-i18n="chooseProjectFirst">Escolha uma pasta primeiro</div>
+          </aside>
+          <section class="file-editor-panel">
+            <div class="file-editor-meta">
+              <strong id="currentFileName" data-i18n="noFileSelected">Nenhum arquivo selecionado</strong>
+              <span id="fileLanguageBadge">text</span>
+            </div>
+            <textarea id="fileEditorInput" spellcheck="false" disabled placeholder="index.html"></textarea>
+            <div class="syntax-preview-wrap">
+              <strong data-i18n="syntaxPreview">Previa com sintaxe</strong>
+              <pre id="fileHighlight" class="syntax-preview"><code></code></pre>
+            </div>
+          </section>
+        </div>
+      </section>
+
       <section id="view-build" class="view">
         <header class="view-header compact">
           <div>