Get proof of concept working

Author: jsdario

App.js

@@ -12,13 +12,6 @@ import {
   View
 } from 'react-native';
 
-const instructions = Platform.select({
-  ios: 'Press Cmd+R to reload,\n' +
-    'Cmd+D or shake for dev menu',
-  android: 'Double tap R on your keyboard to reload,\n' +
-    'Shake or press menu button for dev menu',
-});
-
 export default class App extends Component<{}> {
   render() {
     return (
@@ -27,10 +20,11 @@ export default class App extends Component<{}> {
           Welcome to React Native!
         </Text>
         <Text style={styles.instructions}>
-          To get started, edit App.js
+          To get started, edit App.js and widgetTask.js
         </Text>
         <Text style={styles.instructions}>
-          {instructions}
+          Edit your native code and define the business logic in
+          javascript
         </Text>
       </View>
     );

android/app/src/main/AndroidManifest.xml

@@ -2,6 +2,7 @@
     xmlns:android="http://schemas.android.com/apk/res/android" package="com.androidwidgetpoc" android:versionCode="1" android:versionName="1.0">
     <uses-permission android:name="android.permission.INTERNET" />
     <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
+    <uses-permission android:name="android.permission.WAKE_LOCK" />
     <uses-sdk android:minSdkVersion="16" android:targetSdkVersion="22" />
     <application android:name=".MainApplication" android:allowBackup="true" android:label="@string/app_name" android:icon="@mipmap/ic_launcher" android:theme="@style/AppTheme">
         <activity android:name=".MainActivity" android:label="@string/app_name" android:configChanges="keyboard|keyboardHidden|orientation|screenSize" android:windowSoftInputMode="adjustResize">

android/app/src/main/java/com/androidwidgetpoc/MainApplication.java

@@ -24,7 +24,7 @@ public boolean getUseDeveloperSupport() {
     protected List<ReactPackage> getPackages() {
       return Arrays.<ReactPackage>asList(
           new MainReactPackage(),
-            new BackgroundTimerPackage(),
+          new BackgroundTimerPackage(),
           new BackgroundTaskBridgePackage()
       );
     }

android/app/src/main/res/drawable/babyroom.png

@@ -31,7 +31,7 @@
             android:layout_height="match_parent"
             android:gravity="center_vertical"
             android:paddingLeft="5dp"
-            android:text="Charms"
+            android:text="React Native Widget"
             android:textColor="#FCFCFC"
             android:textSize="14sp" />
 
@@ -51,6 +51,6 @@
         android:layout_height="match_parent"
         android:textColor="#FCFCFC"
         android:gravity="center"
-        android:text="Configure your charms" />
+        android:text="Placeholder text" />
 
 </LinearLayout>

android/app/src/main/res/drawable/bath.png

@@ -0,0 +1,7 @@
+import { AppRegistry } from 'react-native';
+import App from './App';
+import widgetTask from './widgetTask';
+
+AppRegistry.registerHeadlessTask('widgetTask', () => widgetTask);
+AppRegistry.registerComponent('androidWidgetPoc', () => App);
+

android/app/src/main/res/drawable/bedroom.png

@@ -1,7 +1,7 @@
 import { AppRegistry } from 'react-native';
 import App from './App';
-import widgetTask from './widgetTask';
+import WidgetTask from './widgetTask';
 
 AppRegistry.registerComponent('androidWidgetPoc', () => App);
-AppRegistry.registerHeadlessTask('widgetTask', () => widgetTask);
+AppRegistry.registerHeadlessTask('WidgetTask', () => WidgetTask);
 

android/app/src/main/res/drawable/chillout.png

@@ -3,33 +3,40 @@
 */
 
 import { NativeModules, ToastAndroid } from 'react-native'
+import bgTimer from 'react-native-background-timer'
+
 const { BackgroundTaskBridge } = NativeModules
 
+const charms = [
+  {
+    id: 'uuid1',
+    name: 'First',
+    cover: 'goodmorning',
+  },
+  {
+    id: 'uuid2',
+    name: 'Second',
+    cover: 'night',
+  }
+]
+
 type TaskInfo = {
   id: string,
 }
 export default async function widgetTask (taskData: TaskInfo) {
   const {id} = taskData || {}
-  console.log('Running widget task')
-  synchronizeWidget()
-  triggerCharm(id)
+  bgTimer.setTimeout(() => {
+    synchronizeWidget()
+    triggerCharm(id)
+  }, 0)
 }
 
 export function synchronizeWidget () {
+  ToastAndroid.show(`Initializing ...`, ToastAndroid.SHORT);
   BackgroundTaskBridge.initializeWidgetBridge(charms)
 }
 
 function triggerCharm (id) {
+  if (!id) return
   ToastAndroid.show(`Triggering ${id}...`, ToastAndroid.SHORT);
-}
-
-const charms = {
-  uuid1: {
-    id: 'uuid1',
-    name: 'First',
-  },
-  uuid2: {
-    id: 'uuid2',
-    name: 'Second',
-  }
-}
+}