Update

apps/mobile/android/app/build.gradle

@@ -91,8 +91,8 @@ android {
         applicationId 'com.sauci.app'
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 42
-        versionName "1.0.4"
+        versionCode 44
+        versionName "1.0.5"
     }
     signingConfigs {
         debug {

apps/mobile/android/app/src/main/AndroidManifest.xml

@@ -40,7 +40,7 @@
         <data android:scheme="exp+sauci"/>
       </intent-filter>
     </activity>
-    <receiver android:name=".widget.LiveDraw" android:exported="false" android:label="Live Draw">
+    <receiver android:name=".widget.LiveDraw" android:exported="true" android:label="Live Draw">
       <intent-filter>
         <action android:name="android.appwidget.action.APPWIDGET_UPDATE"/>
         <action android:name="com.sauci.app.WIDGET_CLICK"/>

apps/mobile/android/app/src/main/java/com/sauci/app/widget/LiveDraw.java

@@ -1,6 +1,84 @@
 package com.sauci.app.widget;
 
-import com.reactnativeandroidwidget.RNWidgetProvider;
+import android.appwidget.AppWidgetManager;
+import android.appwidget.AppWidgetProvider;
+import android.content.Context;
+import android.content.SharedPreferences;
+import android.graphics.Bitmap;
+import android.graphics.BitmapFactory;
+import android.graphics.Canvas;
+import android.graphics.Paint;
+import android.graphics.RectF;
+import android.util.Base64;
+import android.util.TypedValue;
+import android.widget.RemoteViews;
 
-public class LiveDraw extends RNWidgetProvider {
+import com.sauci.app.R;
+
+public class LiveDraw extends AppWidgetProvider {
+
+    private static final String PREFS_NAME_SUFFIX = ".widgetdata";
+    private static final String KEY_IMAGE = "LiveDrawImage";
+    private static final int BG_COLOR = 0xFF1A1A2E;
+    private static final int CORNER_RADIUS_DP = 16;
+
+    @Override
+    public void onUpdate(Context context, AppWidgetManager appWidgetManager, int[] appWidgetIds) {
+        for (int widgetId : appWidgetIds) {
+            updateWidget(context, appWidgetManager, widgetId);
+        }
+    }
+
+    private void updateWidget(Context context, AppWidgetManager appWidgetManager, int widgetId) {
+        RemoteViews views = new RemoteViews(context.getPackageName(), R.layout.widget_live_draw);
+
+        String base64 = getStoredImage(context);
+        if (base64 != null && !base64.isEmpty()) {
+            try {
+                byte[] bytes = Base64.decode(base64, Base64.DEFAULT);
+                Bitmap decoded = BitmapFactory.decodeByteArray(bytes, 0, bytes.length);
+                if (decoded != null) {
+                    Bitmap rounded = addRoundedBackground(context, decoded);
+                    views.setImageViewBitmap(R.id.widget_image, rounded);
+                    decoded.recycle();
+                }
+            } catch (Exception e) {
+                setPlaceholder(views);
+            }
+        } else {
+            setPlaceholder(views);
+        }
+
+        appWidgetManager.updateAppWidget(widgetId, views);
+    }
+
+    private String getStoredImage(Context context) {
+        SharedPreferences prefs = context.getSharedPreferences(
+            context.getPackageName() + PREFS_NAME_SUFFIX, Context.MODE_PRIVATE);
+        return prefs.getString(KEY_IMAGE, null);
+    }
+
+    private void setPlaceholder(RemoteViews views) {
+        views.setImageViewResource(R.id.widget_image, R.drawable.widget_placeholder);
+    }
+
+    private Bitmap addRoundedBackground(Context context, Bitmap drawing) {
+        float radius = TypedValue.applyDimension(
+            TypedValue.COMPLEX_UNIT_DIP, CORNER_RADIUS_DP,
+            context.getResources().getDisplayMetrics());
+
+        int w = drawing.getWidth();
+        int h = drawing.getHeight();
+
+        Bitmap output = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);
+        Canvas canvas = new Canvas(output);
+
+        Paint bgPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
+        bgPaint.setColor(BG_COLOR);
+        canvas.drawRoundRect(new RectF(0, 0, w, h), radius, radius, bgPaint);
+
+        canvas.drawBitmap(drawing, 0, 0, null);
+
+        return output;
+    }
 }

apps/mobile/android/app/src/main/res/drawable/widget_placeholder.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape android:shape="rectangle">
+            <solid android:color="#1A1A2E" />
+            <corners android:radius="16dp" />
+        </shape>
+    </item>
+</layer-list>

apps/mobile/android/app/src/main/res/layout/widget_live_draw.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#1A1A2E">
+
+    <ImageView
+        android:id="@+id/widget_image"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:scaleType="centerInside"
+        android:contentDescription="@string/widget_livedraw_description" />
+</FrameLayout>

apps/mobile/android/app/src/main/res/xml/widgetprovider_livedraw.xml

@@ -4,18 +4,10 @@
     android:minHeight="110dp"
     android:targetCellWidth="4"
     android:targetCellHeight="2"
-
-
-
     android:resizeMode="none"
-
     android:description="@string/widget_livedraw_description"
-
-    android:initialLayout="@layout/rn_widget"
+    android:initialLayout="@layout/widget_live_draw"
     android:previewImage="@drawable/livedraw_preview"
-
-
-
     android:updatePeriodMillis="1800000"
     android:widgetCategory="home_screen">
 </appwidget-provider>