html2apk 0.8.0 → 0.9.0

package/src/desktop/renderer/styles.css

@@ -712,7 +712,7 @@ h2 {
 
 .file-editor-panel {
   display: grid;
-  grid-template-rows: auto minmax(280px, 1fr) minmax(180px, 240px);
+  grid-template-rows: auto minmax(0, 1fr);
   overflow: hidden;
 }
 
@@ -745,58 +745,96 @@ h2 {
   font-weight: 800;
 }
 
-#fileEditorInput {
-  width: 100%;
+.code-editor-shell {
+  position: relative;
   min-height: 0;
-  resize: none;
+  overflow: hidden;
+  background: #0c1117;
+}
+
+#fileEditorInput,
+.file-editor-highlight {
+  width: 100%;
   border: 0;
-  border-bottom: 1px solid var(--line);
   outline: none;
-  padding: 16px;
-  background: var(--bg);
-  color: var(--text);
-  font: 13px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace;
+  padding: 16px 18px;
+  font: 13px/1.55 "Cascadia Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
   tab-size: 2;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
 }
 
-.syntax-preview-wrap {
+#fileEditorInput {
+  position: relative;
+  z-index: 2;
+  height: 100%;
   min-height: 0;
-  display: grid;
-  grid-template-rows: auto minmax(0, 1fr);
-  background: color-mix(in srgb, var(--panel-soft) 55%, var(--panel));
+  resize: none;
+  background: transparent;
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+  caret-color: #d6e4f7;
 }
 
-.syntax-preview-wrap > strong {
-  padding: 10px 14px 0;
-  color: var(--muted);
-  font-size: 12px;
+#fileEditorInput::selection {
+  background: rgba(88, 166, 255, 0.34);
 }
 
-.syntax-preview {
+.file-editor-highlight {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
   margin: 0;
-  padding: 12px 14px 16px;
-  overflow: auto;
-  color: var(--text);
-  font: 12px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace;
+  min-height: 100%;
+  overflow: hidden;
+  color: #d6e4f7;
+  pointer-events: none;
+}
+
+.file-editor-highlight code {
+  display: block;
+  min-height: 100%;
+}
+
+#fileEditorInput:disabled {
+  cursor: not-allowed;
+}
+
+#fileEditorInput:disabled + .file-editor-highlight,
+.code-editor-shell:has(#fileEditorInput:disabled) .file-editor-highlight {
+  opacity: .58;
+}
+
+#fileEditorInput::placeholder {
+  color: #64748b;
+  -webkit-text-fill-color: #64748b;
 }
 
 .syntax-token-tag,
 .syntax-token-keyword {
-  color: var(--blue);
+  color: #79c0ff;
   font-weight: 800;
 }
 
 .syntax-token-string {
-  color: var(--green);
+  color: #a5d6a7;
 }
 
 .syntax-token-comment {
-  color: var(--muted);
+  color: #8b949e;
   font-style: italic;
 }
 
 .syntax-token-number {
-  color: var(--amber);
+  color: #f2cc60;
+}
+
+.syntax-token-function {
+  color: #d2a8ff;
+}
+
+.syntax-token-operator {
+  color: #ffab70;
 }
 
 .preference-row {
@@ -1053,6 +1091,110 @@ h2 {
   margin-bottom: 18px;
 }
 
+.code-browser {
+  display: grid;
+  grid-template-columns: minmax(220px, 270px) minmax(0, 1fr);
+  gap: 16px;
+  align-items: start;
+}
+
+.code-categories {
+  position: sticky;
+  top: 0;
+  display: grid;
+  gap: 8px;
+  max-height: calc(100vh - 160px - var(--visible-log-height));
+  overflow: auto;
+  padding-right: 2px;
+}
+
+.code-category-button {
+  width: 100%;
+  min-height: 58px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: var(--panel);
+  color: var(--text);
+  padding: 10px 12px;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 4px 10px;
+  align-items: center;
+  text-align: left;
+  box-shadow: 0 14px 34px rgba(49, 86, 130, 0.08);
+  transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
+}
+
+.code-category-button:hover {
+  border-color: color-mix(in srgb, var(--blue) 42%, var(--line));
+  background: color-mix(in srgb, var(--blue-soft) 56%, var(--panel));
+  transform: translateY(-1px);
+}
+
+.code-category-button.active {
+  border-color: var(--blue);
+  background: var(--blue-soft);
+  color: var(--blue);
+  box-shadow: inset 4px 0 0 var(--blue), 0 14px 34px rgba(18, 111, 255, 0.12);
+}
+
+.code-category-button strong {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 14px;
+}
+
+.code-category-button small {
+  grid-column: 1 / -1;
+  color: var(--muted);
+  line-height: 1.35;
+}
+
+.code-category-count {
+  min-width: 28px;
+  min-height: 24px;
+  border-radius: 999px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--panel-soft);
+  color: var(--muted);
+  font-size: 12px;
+  font-weight: 900;
+}
+
+.code-category-button.active .code-category-count {
+  background: var(--panel);
+  color: var(--blue);
+}
+
+.code-results {
+  min-width: 0;
+  display: grid;
+  gap: 14px;
+}
+
+.code-summary {
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: color-mix(in srgb, var(--panel) 82%, var(--panel-soft));
+  padding: 14px 16px;
+}
+
+.code-summary strong {
+  display: block;
+  color: var(--text);
+  margin-bottom: 4px;
+}
+
+.code-summary p {
+  margin: 0;
+  color: var(--muted);
+  line-height: 1.45;
+}
+
 .code-grid {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
@@ -1073,11 +1215,14 @@ h2 {
 }
 
 .code-card-top code {
+  display: block;
   overflow-wrap: anywhere;
   color: #d6e4f7;
   background: #0c1117;
   border-radius: 7px;
   padding: 10px;
+  font: 12px/1.55 "Cascadia Mono", Consolas, "Courier New", monospace;
+  white-space: pre-wrap;
 }
 
 .code-card-top span {
@@ -1155,7 +1300,7 @@ h2 {
   display: block;
   padding: 12px;
   color: #d6e4f7;
-  font: 12px/1.55 Consolas, "Courier New", monospace;
+  font: 12px/1.55 "Cascadia Mono", Consolas, "Courier New", monospace;
   white-space: pre;
 }
 
@@ -1517,6 +1662,20 @@ body.logs-visible .bottom-log-bar {
     grid-template-columns: 1fr;
   }
 
+  .code-browser {
+    grid-template-columns: 1fr;
+  }
+
+  .code-categories {
+    position: static;
+    grid-auto-flow: column;
+    grid-auto-columns: minmax(180px, 220px);
+    overflow-x: auto;
+    overflow-y: hidden;
+    max-height: none;
+    padding: 0 0 4px;
+  }
+
   .icon-field,
   .keystore-field,
   .onesignal-field,

package/src/templates/cordova-plugin-html2apk-bridge/plugin.xml

@@ -18,13 +18,29 @@
       <uses-permission android:name="android.permission.VIBRATE" />
       <uses-permission android:name="android.permission.CAMERA" />
       <uses-permission android:name="android.permission.RECORD_AUDIO" />
+      <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
+      <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
+      <uses-permission android:name="android.permission.USE_BIOMETRIC" />
+      <uses-permission android:name="android.permission.USE_FINGERPRINT" />
+      <uses-permission android:name="android.permission.SET_WALLPAPER" />
       <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+      <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
+      <uses-feature android:name="android.hardware.camera" android:required="false" />
       <uses-feature android:name="android.hardware.camera.flash" android:required="false" />
       <uses-permission android:name="android.permission.SCHEDULE_EXACT_ALARM" />
       <uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED" />
     </config-file>
 
     <config-file target="AndroidManifest.xml" parent="/manifest/application">
+      <provider
+        android:name="androidx.core.content.FileProvider"
+        android:authorities="${applicationId}.html2apk.fileprovider"
+        android:exported="false"
+        android:grantUriPermissions="true">
+        <meta-data
+          android:name="android.support.FILE_PROVIDER_PATHS"
+          android:resource="@xml/html2apk_file_paths" />
+      </provider>
       <service android:name="dev.html2apk.bridge.FloatingIconService" android:exported="false" />
       <receiver android:name="dev.html2apk.bridge.NotificationReceiver" android:exported="false" />
       <receiver android:name="dev.html2apk.bridge.NotificationClickReceiver" android:exported="false" />
@@ -42,6 +58,7 @@
     <source-file src="src/android/NotificationClickReceiver.java" target-dir="app/src/main/java/dev/html2apk/bridge" />
     <source-file src="src/android/BootReceiver.java" target-dir="app/src/main/java/dev/html2apk/bridge" />
     <source-file src="src/android/NotificationStore.java" target-dir="app/src/main/java/dev/html2apk/bridge" />
+    <resource-file src="src/android/xml/html2apk_file_paths.xml" target="res/xml/html2apk_file_paths.xml" />
     <framework src="androidx.core:core:1.12.0" />
   </platform>
 </plugin>