html2apk 0.1.0 → 0.3.0

package/src/desktop/renderer/styles.css

@@ -381,7 +381,9 @@ h2 {
 .toggle-grid,
 .pipeline,
 .review-grid,
-.help-grid {
+.help-grid,
+.permission-grid,
+.code-grid {
   display: grid;
   gap: 16px;
 }
@@ -489,10 +491,62 @@ h2 {
   outline: none;
 }
 
-.icon-field {
+.icon-field,
+.onesignal-field,
+.permissions-field {
   grid-column: span 2;
 }
 
+.field small {
+  color: var(--muted);
+  line-height: 1.4;
+}
+
+.permission-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.permission-option {
+  min-height: 74px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  padding: 12px;
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  background: var(--bg);
+}
+
+.permission-option input {
+  width: 20px;
+  height: 20px;
+  accent-color: var(--blue);
+  flex: 0 0 auto;
+}
+
+.permission-option strong,
+.permission-option small {
+  display: block;
+}
+
+.permission-option small {
+  margin-top: 4px;
+  color: var(--muted);
+}
+
+.color-picker {
+  display: grid;
+  grid-template-columns: 64px minmax(0, 1fr);
+  gap: 10px;
+  align-items: center;
+}
+
+.field .color-picker input[type="color"] {
+  width: 64px;
+  padding: 4px;
+}
+
 .icon-picker {
   display: grid;
   grid-template-columns: 86px minmax(0, 1fr);
@@ -800,6 +854,75 @@ h2 {
   padding: 20px;
 }
 
+.creator-card {
+  display: grid;
+  align-content: start;
+  gap: 12px;
+}
+
+.creator-card p {
+  margin: 0;
+}
+
+.instagram-action {
+  justify-self: start;
+  margin-top: 4px;
+}
+
+.view-intro {
+  max-width: 760px;
+  color: var(--muted);
+  margin-bottom: 18px;
+}
+
+.code-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.code-card {
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: var(--panel);
+  box-shadow: var(--shadow);
+  padding: 16px;
+  display: grid;
+  gap: 10px;
+}
+
+.code-card code {
+  overflow-wrap: anywhere;
+  color: #d6e4f7;
+  background: #0c1117;
+  border-radius: 7px;
+  padding: 10px;
+}
+
+.code-card span {
+  color: var(--blue);
+  font-weight: 800;
+}
+
+.code-card p {
+  margin: 0;
+  color: var(--muted);
+}
+
+.code-card small {
+  display: block;
+  color: var(--green);
+  line-height: 1.45;
+}
+
+.code-card small strong {
+  color: var(--text);
+}
+
+.code-card .handling {
+  color: var(--muted);
+  border-top: 1px solid var(--line);
+  padding-top: 10px;
+}
+
 .success-view {
   min-height: 100%;
   display: none;
@@ -1152,11 +1275,15 @@ body.logs-visible .bottom-log-bar {
   .toggle-grid,
   .pipeline,
   .review-grid,
-  .help-grid {
+  .help-grid,
+  .permission-grid,
+  .code-grid {
     grid-template-columns: 1fr;
   }
 
-  .icon-field {
+  .icon-field,
+  .onesignal-field,
+  .permissions-field {
     grid-column: span 1;
   }
 

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

@@ -16,11 +16,16 @@
     <config-file target="AndroidManifest.xml" parent="/manifest">
       <uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
       <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_NETWORK_STATE" />
+      <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">
+      <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.BootReceiver" android:enabled="true" android:exported="true">
         <intent-filter>
@@ -31,6 +36,7 @@
     </config-file>
 
     <source-file src="src/android/Html2ApkBridge.java" target-dir="app/src/main/java/dev/html2apk/bridge" />
+    <source-file src="src/android/FloatingIconService.java" target-dir="app/src/main/java/dev/html2apk/bridge" />
     <source-file src="src/android/NotificationReceiver.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" />

package/src/templates/cordova-plugin-html2apk-bridge/src/android/FloatingIconService.java

@@ -0,0 +1,141 @@
+package dev.html2apk.bridge;
+
+import android.app.Service;
+import android.content.Intent;
+import android.graphics.PixelFormat;
+import android.graphics.drawable.GradientDrawable;
+import android.os.Build;
+import android.os.IBinder;
+import android.provider.Settings;
+import android.view.Gravity;
+import android.view.MotionEvent;
+import android.view.View;
+import android.view.WindowManager;
+import android.widget.ImageView;
+
+public class FloatingIconService extends Service {
+    private WindowManager windowManager;
+    private View floatingView;
+    private WindowManager.LayoutParams params;
+    private int startX;
+    private int startY;
+    private float touchStartX;
+    private float touchStartY;
+
+    @Override
+    public IBinder onBind(Intent intent) {
+        return null;
+    }
+
+    @Override
+    public int onStartCommand(Intent intent, int flags, int startId) {
+        showFloatingIcon();
+        return START_STICKY;
+    }
+
+    @Override
+    public void onDestroy() {
+        removeFloatingIcon();
+        super.onDestroy();
+    }
+
+    private void showFloatingIcon() {
+        if (floatingView != null) {
+            return;
+        }
+
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M && !Settings.canDrawOverlays(this)) {
+            stopSelf();
+            return;
+        }
+
+        windowManager = (WindowManager) getSystemService(WINDOW_SERVICE);
+        if (windowManager == null) {
+            stopSelf();
+            return;
+        }
+
+        ImageView icon = new ImageView(this);
+        int size = dp(58);
+        int padding = dp(8);
+        icon.setImageDrawable(getApplicationInfo().loadIcon(getPackageManager()));
+        icon.setPadding(padding, padding, padding, padding);
+
+        GradientDrawable background = new GradientDrawable();
+        background.setShape(GradientDrawable.OVAL);
+        background.setColor(0xff126fff);
+        icon.setBackground(background);
+
+        int windowType = Build.VERSION.SDK_INT >= Build.VERSION_CODES.O
+            ? WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY
+            : WindowManager.LayoutParams.TYPE_PHONE;
+
+        params = new WindowManager.LayoutParams(
+            size,
+            size,
+            windowType,
+            WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
+            PixelFormat.TRANSLUCENT
+        );
+        params.gravity = Gravity.TOP | Gravity.START;
+        params.x = dp(16);
+        params.y = dp(96);
+
+        icon.setOnTouchListener(new View.OnTouchListener() {
+            @Override
+            public boolean onTouch(View view, MotionEvent event) {
+                switch (event.getAction()) {
+                    case MotionEvent.ACTION_DOWN:
+                        startX = params.x;
+                        startY = params.y;
+                        touchStartX = event.getRawX();
+                        touchStartY = event.getRawY();
+                        return true;
+                    case MotionEvent.ACTION_MOVE:
+                        params.x = startX + Math.round(event.getRawX() - touchStartX);
+                        params.y = startY + Math.round(event.getRawY() - touchStartY);
+                        windowManager.updateViewLayout(floatingView, params);
+                        return true;
+                    case MotionEvent.ACTION_UP:
+                        float deltaX = Math.abs(event.getRawX() - touchStartX);
+                        float deltaY = Math.abs(event.getRawY() - touchStartY);
+                        if (deltaX < dp(6) && deltaY < dp(6)) {
+                            openApp();
+                        }
+                        return true;
+                    default:
+                        return false;
+                }
+            }
+        });
+
+        floatingView = icon;
+        try {
+            windowManager.addView(floatingView, params);
+        } catch (RuntimeException error) {
+            floatingView = null;
+            stopSelf();
+        }
+    }
+
+    private void removeFloatingIcon() {
+        if (windowManager != null && floatingView != null) {
+            windowManager.removeView(floatingView);
+        }
+        floatingView = null;
+    }
+
+    private void openApp() {
+        Intent launchIntent = getPackageManager().getLaunchIntentForPackage(getPackageName());
+        if (launchIntent == null) {
+            return;
+        }
+
+        launchIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK | Intent.FLAG_ACTIVITY_SINGLE_TOP | Intent.FLAG_ACTIVITY_CLEAR_TOP);
+        startActivity(launchIntent);
+    }
+
+    private int dp(int value) {
+        return Math.round(value * getResources().getDisplayMetrics().density);
+    }
+}