Repository files navigation



React Native background service library for running background tasks forever in Android & iOS. Schedule a background job that will run your JavaScript when your app is in the background or foreground.

WARNING

  • Android: This library relies on React Native's HeadlessJS for Android. Before building your JS task, make sure to read all the documentation. The jobs will run even if the app has been closed. In Android 12+ you will not be able to launch background tasks from the background. A notification will be shown when the task is running, it is not possible to start the service without it. The notification will only be visible in Android.

  • iOS: This library relies on iOS's UIApplication beginBackgroundTaskWithName method, which won't keep your app in the background forever by itself. However, you can rely on other libraries like react-native-track-player that use audio, geolocalization, etc. to keep your app alive in the background while you excute the JS from this library.

Table of Contents

React Native / Android / iOS compatibility

To use this module you need to ensure you are using the correct version of React Native. If you are using an Android (targetSdkVersion) version lower than 31 (introduced in React Native 0.68.0) you will need to upgrade before attempting to use react-native-background-actions's latest version.

VersionReact Native versionAndroid (targetSdkVersion) versioniOS version
4.X.X>= Unknown>= 34>= Unknown
3.X.X>= Unknown>= 31>= Unknown
2.6.7>= Unknown>= Unknown>= Unknown

Install

Go to INSTALL.md to see the how to install, compatibility with RN and Linking process.

Usage

Example Code

importBackgroundServicefrom'react-native-background-actions';constsleep=(time)=>newPromise((resolve)=>setTimeout(()=>resolve(),time));// You can do anything in your task such as network requests, timers and so on,// as long as it doesn't touch UI. Once your task completes (i.e. the promise is resolved),// React Native will go into "paused" mode (unless there are other tasks running,// or there is a foreground app).constveryIntensiveTask=async(taskDataArguments)=>{// Example of an infinite loop taskconst{ delay }=taskDataArguments;awaitnewPromise(async(resolve)=>{for(leti=0;BackgroundService.isRunning();i++){console.log(i);awaitsleep(delay);}});};constoptions={taskName: 'Example',taskTitle: 'ExampleTask title',taskDesc: 'ExampleTask description',taskIcon: {name: 'ic_launcher',type: 'mipmap',},color: '#ff00ff',linkingURI: 'yourSchemeHere://chat/jane',// See Deep Linking for more infoparameters: {delay: 1000,},};awaitBackgroundService.start(veryIntensiveTask,options);awaitBackgroundService.updateNotification({taskDesc: 'New ExampleTask description'});// Only Android, iOS will ignore this call// iOS will also run everything here in the background until .stop() is calledawaitBackgroundService.stop();

If you call stop() on background no new tasks will be able to be started! Don't call .start() twice, as it will stop performing previous background tasks and start a new one. If .start() is called on the backgound, it will not have any effect.

Options

PropertyTypeDescription
taskName<string>Task name for identification.
taskTitle<string>Android Required. Notification title.
taskDesc<string>Android Required. Notification description.
taskIcon<taskIconOptions>Android Required. Notification icon.
color<string>Notification color. Default: "#ffffff".
linkingURI<string>Link that will be called when the notification is clicked. Example: "yourSchemeHere://chat/jane". See Deep Linking for more info. Default: undefined.
progressBar<taskProgressBarOptions>Notification progress bar.
parameters<any>Parameters to pass to the task.

taskIconOptions

Android only

PropertyTypeDescription
name<string>Required. Icon name in res/ folder. Ex: ic_launcher.
type<string>Required. Icon type in res/ folder. Ex: mipmap.
package<string>Icon package where to search the icon. Ex: com.example.package. It defaults to the app's package. It is highly recommended to leave like that.

Example:

photo5837026843969041365

taskProgressBarOptions

Android only

PropertyTypeDescription
max<number>Required. Maximum value.
value<number>Required. Current value.
indeterminate<boolean>Display the progress status as indeterminate.

Example:

ProgressBar

Deep Linking

Android only

To handle incoming links when the notification is clicked by the user, first you need to modify your android/app/src/main/AndroidManifest.xml and add an <intent-filter> (fill yourSchemeHere with the name you prefer):

 <manifest ... >
...
<application ... >
<activity
...
android:launchMode="singleTask"> // Add this if not present
...
<intent-filterandroid:label="filter_react_native">
<actionandroid:name="android.intent.action.VIEW" />
<categoryandroid:name="android.intent.category.DEFAULT" />
<categoryandroid:name="android.intent.category.BROWSABLE" />
<dataandroid:scheme="yourSchemeHere" />
</intent-filter>
</application>
</manifest>

You must provide a linkingURI in the BackgroundService's options that matches the scheme you just added to android/app/src/main/AndroidManifest.xml:

constoptions={taskName: 'Example',taskTitle: 'ExampleTask title',taskDesc: 'ExampleTask description',taskIcon: {name: 'ic_launcher',type: 'mipmap',},color: '#ff00ff',linkingURI: 'yourSchemeHere://chat/jane',// Add thisparameters: {delay: 1000,},};awaitBackgroundService.start(veryIntensiveTask,options);

React Native provides a Linking class to get notified of incoming links. Your JavaScript code must then listen to the url using React Native Linking class:

import{Linking}from'react-native';Linking.addEventListener('url',handleOpenURL);functionhandleOpenURL(evt){// Will be called when the notification is pressedconsole.log(evt.url);// do something}

Events

'expiration'

iOS only Listen for the iOS-only expiration handler that allows you to 'clean up' shortly before the app’s remaining background time reaches 0. Check the iOS documentation for more info.

BackgroundService.on('expiration',()=>{console.log('I am being closed :(');});awaitBackgroundService.start(veryIntensiveTask,options);

Maintainers

Acknowledgments

License

The library is released under the MIT license. For more information see LICENSE.

About

React Native background service library for running background tasks forever in Android & iOS.

Resources

Code of conduct

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

Repository files navigation



React Native background service library for running background tasks forever in Android & iOS. Schedule a background job that will run your JavaScript when your app is in the background or foreground.

WARNING

  • Android: This library relies on React Native's HeadlessJS for Android. Before building your JS task, make sure to read all the documentation. The jobs will run even if the app has been closed. In Android 12+ you will not be able to launch background tasks from the background. A notification will be shown when the task is running, it is not possible to start the service without it. The notification will only be visible in Android.

  • iOS: This library relies on iOS's UIApplication beginBackgroundTaskWithName method, which won't keep your app in the background forever by itself. However, you can rely on other libraries like react-native-track-player that use audio, geolocalization, etc. to keep your app alive in the background while you excute the JS from this library.

Table of Contents

React Native / Android / iOS compatibility

To use this module you need to ensure you are using the correct version of React Native. If you are using an Android (targetSdkVersion) version lower than 31 (introduced in React Native 0.68.0) you will need to upgrade before attempting to use react-native-background-actions's latest version.

VersionReact Native versionAndroid (targetSdkVersion) versioniOS version
4.X.X>= Unknown>= 34>= Unknown
3.X.X>= Unknown>= 31>= Unknown
2.6.7>= Unknown>= Unknown>= Unknown

Install

Go to INSTALL.md to see the how to install, compatibility with RN and Linking process.

Usage

Example Code

importBackgroundServicefrom'react-native-background-actions';constsleep=(time)=>newPromise((resolve)=>setTimeout(()=>resolve(),time));// You can do anything in your task such as network requests, timers and so on,// as long as it doesn't touch UI. Once your task completes (i.e. the promise is resolved),// React Native will go into "paused" mode (unless there are other tasks running,// or there is a foreground app).constveryIntensiveTask=async(taskDataArguments)=>{// Example of an infinite loop taskconst{ delay }=taskDataArguments;awaitnewPromise(async(resolve)=>{for(leti=0;BackgroundService.isRunning();i++){console.log(i);awaitsleep(delay);}});};constoptions={taskName: 'Example',taskTitle: 'ExampleTask title',taskDesc: 'ExampleTask description',taskIcon: {name: 'ic_launcher',type: 'mipmap',},color: '#ff00ff',linkingURI: 'yourSchemeHere://chat/jane',// See Deep Linking for more infoparameters: {delay: 1000,},};awaitBackgroundService.start(veryIntensiveTask,options);awaitBackgroundService.updateNotification({taskDesc: 'New ExampleTask description'});// Only Android, iOS will ignore this call// iOS will also run everything here in the background until .stop() is calledawaitBackgroundService.stop();

If you call stop() on background no new tasks will be able to be started! Don't call .start() twice, as it will stop performing previous background tasks and start a new one. If .start() is called on the backgound, it will not have any effect.

Options

PropertyTypeDescription
taskName<string>Task name for identification.
taskTitle<string>Android Required. Notification title.
taskDesc<string>Android Required. Notification description.
taskIcon<taskIconOptions>Android Required. Notification icon.
color<string>Notification color. Default: "#ffffff".
linkingURI<string>Link that will be called when the notification is clicked. Example: "yourSchemeHere://chat/jane". See Deep Linking for more info. Default: undefined.
progressBar<taskProgressBarOptions>Notification progress bar.
parameters<any>Parameters to pass to the task.

taskIconOptions

Android only

PropertyTypeDescription
name<string>Required. Icon name in res/ folder. Ex: ic_launcher.
type<string>Required. Icon type in res/ folder. Ex: mipmap.
package<string>Icon package where to search the icon. Ex: com.example.package. It defaults to the app's package. It is highly recommended to leave like that.

Example:

photo5837026843969041365

taskProgressBarOptions

Android only

PropertyTypeDescription
max<number>Required. Maximum value.
value<number>Required. Current value.
indeterminate<boolean>Display the progress status as indeterminate.

Example:

ProgressBar

Deep Linking

Android only

To handle incoming links when the notification is clicked by the user, first you need to modify your android/app/src/main/AndroidManifest.xml and add an <intent-filter> (fill yourSchemeHere with the name you prefer):

 <manifest ... >
...
<application ... >
<activity
...
android:launchMode="singleTask"> // Add this if not present
...
<intent-filterandroid:label="filter_react_native">
<actionandroid:name="android.intent.action.VIEW" />
<categoryandroid:name="android.intent.category.DEFAULT" />
<categoryandroid:name="android.intent.category.BROWSABLE" />
<dataandroid:scheme="yourSchemeHere" />
</intent-filter>
</application>
</manifest>

You must provide a linkingURI in the BackgroundService's options that matches the scheme you just added to android/app/src/main/AndroidManifest.xml:

constoptions={taskName: 'Example',taskTitle: 'ExampleTask title',taskDesc: 'ExampleTask description',taskIcon: {name: 'ic_launcher',type: 'mipmap',},color: '#ff00ff',linkingURI: 'yourSchemeHere://chat/jane',// Add thisparameters: {delay: 1000,},};awaitBackgroundService.start(veryIntensiveTask,options);

React Native provides a Linking class to get notified of incoming links. Your JavaScript code must then listen to the url using React Native Linking class:

import{Linking}from'react-native';Linking.addEventListener('url',handleOpenURL);functionhandleOpenURL(evt){// Will be called when the notification is pressedconsole.log(evt.url);// do something}

Events

'expiration'

iOS only Listen for the iOS-only expiration handler that allows you to 'clean up' shortly before the app’s remaining background time reaches 0. Check the iOS documentation for more info.

BackgroundService.on('expiration',()=>{console.log('I am being closed :(');});awaitBackgroundService.start(veryIntensiveTask,options);

Maintainers

Acknowledgments

License

The library is released under the MIT license. For more information see LICENSE.

About

React Native background service library for running background tasks forever in Android & iOS.

Resources

Code of conduct

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation



React Native background service library for running background tasks forever in Android & iOS. Schedule a background job that will run your JavaScript when your app is in the background or foreground.

WARNING

  • Android: This library relies on React Native's HeadlessJS for Android. Before building your JS task, make sure to read all the documentation. The jobs will run even if the app has been closed. In Android 12+ you will not be able to launch background tasks from the background. A notification will be shown when the task is running, it is not possible to start the service without it. The notification will only be visible in Android.

  • iOS: This library relies on iOS's UIApplication beginBackgroundTaskWithName method, which won't keep your app in the background forever by itself. However, you can rely on other libraries like react-native-track-player that use audio, geolocalization, etc. to keep your app alive in the background while you excute the JS from this library.

Table of Contents

React Native / Android / iOS compatibility

To use this module you need to ensure you are using the correct version of React Native. If you are using an Android (targetSdkVersion) version lower than 31 (introduced in React Native 0.68.0) you will need to upgrade before attempting to use react-native-background-actions's latest version.

VersionReact Native versionAndroid (targetSdkVersion) versioniOS version
4.X.X>= Unknown>= 34>= Unknown
3.X.X>= Unknown>= 31>= Unknown
2.6.7>= Unknown>= Unknown>= Unknown

Install

Go to INSTALL.md to see the how to install, compatibility with RN and Linking process.

Usage

Example Code

importBackgroundServicefrom'react-native-background-actions';constsleep=(time)=>newPromise((resolve)=>setTimeout(()=>resolve(),time));// You can do anything in your task such as network requests, timers and so on,// as long as it doesn't touch UI. Once your task completes (i.e. the promise is resolved),// React Native will go into "paused" mode (unless there are other tasks running,// or there is a foreground app).constveryIntensiveTask=async(taskDataArguments)=>{// Example of an infinite loop taskconst{ delay }=taskDataArguments;awaitnewPromise(async(resolve)=>{for(leti=0;BackgroundService.isRunning();i++){console.log(i);awaitsleep(delay);}});};constoptions={taskName: 'Example',taskTitle: 'ExampleTask title',taskDesc: 'ExampleTask description',taskIcon: {name: 'ic_launcher',type: 'mipmap',},color: '#ff00ff',linkingURI: 'yourSchemeHere://chat/jane',// See Deep Linking for more infoparameters: {delay: 1000,},};awaitBackgroundService.start(veryIntensiveTask,options);awaitBackgroundService.updateNotification({taskDesc: 'New ExampleTask description'});// Only Android, iOS will ignore this call// iOS will also run everything here in the background until .stop() is calledawaitBackgroundService.stop();

If you call stop() on background no new tasks will be able to be started! Don't call .start() twice, as it will stop performing previous background tasks and start a new one. If .start() is called on the backgound, it will not have any effect.

Options

PropertyTypeDescription
taskName<string>Task name for identification.
taskTitle<string>Android Required. Notification title.
taskDesc<string>Android Required. Notification description.
taskIcon<taskIconOptions>Android Required. Notification icon.
color<string>Notification color. Default: "#ffffff".
linkingURI<string>Link that will be called when the notification is clicked. Example: "yourSchemeHere://chat/jane". See Deep Linking for more info. Default: undefined.
progressBar<taskProgressBarOptions>Notification progress bar.
parameters<any>Parameters to pass to the task.

taskIconOptions

Android only

PropertyTypeDescription
name<string>Required. Icon name in res/ folder. Ex: ic_launcher.
type<string>Required. Icon type in res/ folder. Ex: mipmap.
package<string>Icon package where to search the icon. Ex: com.example.package. It defaults to the app's package. It is highly recommended to leave like that.

Example:

photo5837026843969041365

taskProgressBarOptions

Android only

PropertyTypeDescription
max<number>Required. Maximum value.
value<number>Required. Current value.
indeterminate<boolean>Display the progress status as indeterminate.

Example:

ProgressBar

Deep Linking

Android only

To handle incoming links when the notification is clicked by the user, first you need to modify your android/app/src/main/AndroidManifest.xml and add an <intent-filter> (fill yourSchemeHere with the name you prefer):

 <manifest ... >
...
<application ... >
<activity
...
android:launchMode="singleTask"> // Add this if not present
...
<intent-filterandroid:label="filter_react_native">
<actionandroid:name="android.intent.action.VIEW" />
<categoryandroid:name="android.intent.category.DEFAULT" />
<categoryandroid:name="android.intent.category.BROWSABLE" />
<dataandroid:scheme="yourSchemeHere" />
</intent-filter>
</application>
</manifest>

You must provide a linkingURI in the BackgroundService's options that matches the scheme you just added to android/app/src/main/AndroidManifest.xml:

constoptions={taskName: 'Example',taskTitle: 'ExampleTask title',taskDesc: 'ExampleTask description',taskIcon: {name: 'ic_launcher',type: 'mipmap',},color: '#ff00ff',linkingURI: 'yourSchemeHere://chat/jane',// Add thisparameters: {delay: 1000,},};awaitBackgroundService.start(veryIntensiveTask,options);

React Native provides a Linking class to get notified of incoming links. Your JavaScript code must then listen to the url using React Native Linking class:

import{Linking}from'react-native';Linking.addEventListener('url',handleOpenURL);functionhandleOpenURL(evt){// Will be called when the notification is pressedconsole.log(evt.url);// do something}

Events

'expiration'

iOS only Listen for the iOS-only expiration handler that allows you to 'clean up' shortly before the app’s remaining background time reaches 0. Check the iOS documentation for more info.

BackgroundService.on('expiration',()=>{console.log('I am being closed :(');});awaitBackgroundService.start(veryIntensiveTask,options);

Maintainers

Acknowledgments

License

The library is released under the MIT license. For more information see LICENSE.

About

React Native background service library for running background tasks forever in Android & iOS.

Resources

Code of conduct

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation



React Native background service library for running background tasks forever in Android & iOS. Schedule a background job that will run your JavaScript when your app is in the background or foreground.

WARNING

  • Android: This library relies on React Native's HeadlessJS for Android. Before building your JS task, make sure to read all the documentation. The jobs will run even if the app has been closed. In Android 12+ you will not be able to launch background tasks from the background. A notification will be shown when the task is running, it is not possible to start the service without it. The notification will only be visible in Android.

  • iOS: This library relies on iOS's UIApplication beginBackgroundTaskWithName method, which won't keep your app in the background forever by itself. However, you can rely on other libraries like react-native-track-player that use audio, geolocalization, etc. to keep your app alive in the background while you excute the JS from this library.

Table of Contents

React Native / Android / iOS compatibility

To use this module you need to ensure you are using the correct version of React Native. If you are using an Android (targetSdkVersion) version lower than 31 (introduced in React Native 0.68.0) you will need to upgrade before attempting to use react-native-background-actions's latest version.

VersionReact Native versionAndroid (targetSdkVersion) versioniOS version
4.X.X>= Unknown>= 34>= Unknown
3.X.X>= Unknown>= 31>= Unknown
2.6.7>= Unknown>= Unknown>= Unknown

Install

Go to INSTALL.md to see the how to install, compatibility with RN and Linking process.

Usage

Example Code

importBackgroundServicefrom'react-native-background-actions';constsleep=(time)=>newPromise((resolve)=>setTimeout(()=>resolve(),time));// You can do anything in your task such as network requests, timers and so on,// as long as it doesn't touch UI. Once your task completes (i.e. the promise is resolved),// React Native will go into "paused" mode (unless there are other tasks running,// or there is a foreground app).constveryIntensiveTask=async(taskDataArguments)=>{// Example of an infinite loop taskconst{ delay }=taskDataArguments;awaitnewPromise(async(resolve)=>{for(leti=0;BackgroundService.isRunning();i++){console.log(i);awaitsleep(delay);}});};constoptions={taskName: 'Example',taskTitle: 'ExampleTask title',taskDesc: 'ExampleTask description',taskIcon: {name: 'ic_launcher',type: 'mipmap',},color: '#ff00ff',linkingURI: 'yourSchemeHere://chat/jane',// See Deep Linking for more infoparameters: {delay: 1000,},};awaitBackgroundService.start(veryIntensiveTask,options);awaitBackgroundService.updateNotification({taskDesc: 'New ExampleTask description'});// Only Android, iOS will ignore this call// iOS will also run everything here in the background until .stop() is calledawaitBackgroundService.stop();

If you call stop() on background no new tasks will be able to be started! Don't call .start() twice, as it will stop performing previous background tasks and start a new one. If .start() is called on the backgound, it will not have any effect.

Options

PropertyTypeDescription
taskName<string>Task name for identification.
taskTitle<string>Android Required. Notification title.
taskDesc<string>Android Required. Notification description.
taskIcon<taskIconOptions>Android Required. Notification icon.
color<string>Notification color. Default: "#ffffff".
linkingURI<string>Link that will be called when the notification is clicked. Example: "yourSchemeHere://chat/jane". See Deep Linking for more info. Default: undefined.
progressBar<taskProgressBarOptions>Notification progress bar.
parameters<any>Parameters to pass to the task.

taskIconOptions

Android only

PropertyTypeDescription
name<string>Required. Icon name in res/ folder. Ex: ic_launcher.
type<string>Required. Icon type in res/ folder. Ex: mipmap.
package<string>Icon package where to search the icon. Ex: com.example.package. It defaults to the app's package. It is highly recommended to leave like that.

Example:

photo5837026843969041365

taskProgressBarOptions

Android only

PropertyTypeDescription
max<number>Required. Maximum value.
value<number>Required. Current value.
indeterminate<boolean>Display the progress status as indeterminate.

Example:

ProgressBar

Deep Linking

Android only

To handle incoming links when the notification is clicked by the user, first you need to modify your android/app/src/main/AndroidManifest.xml and add an <intent-filter> (fill yourSchemeHere with the name you prefer):

 <manifest ... >
...
<application ... >
<activity
...
android:launchMode="singleTask"> // Add this if not present
...
<intent-filterandroid:label="filter_react_native">
<actionandroid:name="android.intent.action.VIEW" />
<categoryandroid:name="android.intent.category.DEFAULT" />
<categoryandroid:name="android.intent.category.BROWSABLE" />
<dataandroid:scheme="yourSchemeHere" />
</intent-filter>
</application>
</manifest>

You must provide a linkingURI in the BackgroundService's options that matches the scheme you just added to android/app/src/main/AndroidManifest.xml:

constoptions={taskName: 'Example',taskTitle: 'ExampleTask title',taskDesc: 'ExampleTask description',taskIcon: {name: 'ic_launcher',type: 'mipmap',},color: '#ff00ff',linkingURI: 'yourSchemeHere://chat/jane',// Add thisparameters: {delay: 1000,},};awaitBackgroundService.start(veryIntensiveTask,options);

React Native provides a Linking class to get notified of incoming links. Your JavaScript code must then listen to the url using React Native Linking class:

import{Linking}from'react-native';Linking.addEventListener('url',handleOpenURL);functionhandleOpenURL(evt){// Will be called when the notification is pressedconsole.log(evt.url);// do something}

Events

'expiration'

iOS only Listen for the iOS-only expiration handler that allows you to 'clean up' shortly before the app’s remaining background time reaches 0. Check the iOS documentation for more info.

BackgroundService.on('expiration',()=>{console.log('I am being closed :(');});awaitBackgroundService.start(veryIntensiveTask,options);

Maintainers

Acknowledgments

License

The library is released under the MIT license. For more information see LICENSE.

About

React Native background service library for running background tasks forever in Android & iOS.

Resources

Code of conduct

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

Repository files navigation



React Native background service library for running background tasks forever in Android & iOS. Schedule a background job that will run your JavaScript when your app is in the background or foreground.

WARNING

  • Android: This library relies on React Native's HeadlessJS for Android. Before building your JS task, make sure to read all the documentation. The jobs will run even if the app has been closed. In Android 12+ you will not be able to launch background tasks from the background. A notification will be shown when the task is running, it is not possible to start the service without it. The notification will only be visible in Android.

  • iOS: This library relies on iOS's UIApplication beginBackgroundTaskWithName method, which won't keep your app in the background forever by itself. However, you can rely on other libraries like react-native-track-player that use audio, geolocalization, etc. to keep your app alive in the background while you excute the JS from this library.

Table of Contents

React Native / Android / iOS compatibility

To use this module you need to ensure you are using the correct version of React Native. If you are using an Android (targetSdkVersion) version lower than 31 (introduced in React Native 0.68.0) you will need to upgrade before attempting to use react-native-background-actions's latest version.

VersionReact Native versionAndroid (targetSdkVersion) versioniOS version
4.X.X>= Unknown>= 34>= Unknown
3.X.X>= Unknown>= 31>= Unknown
2.6.7>= Unknown>= Unknown>= Unknown

Install

Go to INSTALL.md to see the how to install, compatibility with RN and Linking process.

Usage

Example Code

importBackgroundServicefrom'react-native-background-actions';constsleep=(time)=>newPromise((resolve)=>setTimeout(()=>resolve(),time));// You can do anything in your task such as network requests, timers and so on,// as long as it doesn't touch UI. Once your task completes (i.e. the promise is resolved),// React Native will go into "paused" mode (unless there are other tasks running,// or there is a foreground app).constveryIntensiveTask=async(taskDataArguments)=>{// Example of an infinite loop taskconst{ delay }=taskDataArguments;awaitnewPromise(async(resolve)=>{for(leti=0;BackgroundService.isRunning();i++){console.log(i);awaitsleep(delay);}});};constoptions={taskName: 'Example',taskTitle: 'ExampleTask title',taskDesc: 'ExampleTask description',taskIcon: {name: 'ic_launcher',type: 'mipmap',},color: '#ff00ff',linkingURI: 'yourSchemeHere://chat/jane',// See Deep Linking for more infoparameters: {delay: 1000,},};awaitBackgroundService.start(veryIntensiveTask,options);awaitBackgroundService.updateNotification({taskDesc: 'New ExampleTask description'});// Only Android, iOS will ignore this call// iOS will also run everything here in the background until .stop() is calledawaitBackgroundService.stop();

If you call stop() on background no new tasks will be able to be started! Don't call .start() twice, as it will stop performing previous background tasks and start a new one. If .start() is called on the backgound, it will not have any effect.

Options

PropertyTypeDescription
taskName<string>Task name for identification.
taskTitle<string>Android Required. Notification title.
taskDesc<string>Android Required. Notification description.
taskIcon<taskIconOptions>Android Required. Notification icon.
color<string>Notification color. Default: "#ffffff".
linkingURI<string>Link that will be called when the notification is clicked. Example: "yourSchemeHere://chat/jane". See Deep Linking for more info. Default: undefined.
progressBar<taskProgressBarOptions>Notification progress bar.
parameters<any>Parameters to pass to the task.

taskIconOptions

Android only

PropertyTypeDescription
name<string>Required. Icon name in res/ folder. Ex: ic_launcher.
type<string>Required. Icon type in res/ folder. Ex: mipmap.
package<string>Icon package where to search the icon. Ex: com.example.package. It defaults to the app's package. It is highly recommended to leave like that.

Example:

photo5837026843969041365

taskProgressBarOptions

Android only

PropertyTypeDescription
max<number>Required. Maximum value.
value<number>Required. Current value.
indeterminate<boolean>Display the progress status as indeterminate.

Example:

ProgressBar

Deep Linking

Android only

To handle incoming links when the notification is clicked by the user, first you need to modify your android/app/src/main/AndroidManifest.xml and add an <intent-filter> (fill yourSchemeHere with the name you prefer):

 <manifest ... >
...
<application ... >
<activity
...
android:launchMode="singleTask"> // Add this if not present
...
<intent-filterandroid:label="filter_react_native">
<actionandroid:name="android.intent.action.VIEW" />
<categoryandroid:name="android.intent.category.DEFAULT" />
<categoryandroid:name="android.intent.category.BROWSABLE" />
<dataandroid:scheme="yourSchemeHere" />
</intent-filter>
</application>
</manifest>

You must provide a linkingURI in the BackgroundService's options that matches the scheme you just added to android/app/src/main/AndroidManifest.xml:

constoptions={taskName: 'Example',taskTitle: 'ExampleTask title',taskDesc: 'ExampleTask description',taskIcon: {name: 'ic_launcher',type: 'mipmap',},color: '#ff00ff',linkingURI: 'yourSchemeHere://chat/jane',// Add thisparameters: {delay: 1000,},};awaitBackgroundService.start(veryIntensiveTask,options);

React Native provides a Linking class to get notified of incoming links. Your JavaScript code must then listen to the url using React Native Linking class:

import{Linking}from'react-native';Linking.addEventListener('url',handleOpenURL);functionhandleOpenURL(evt){// Will be called when the notification is pressedconsole.log(evt.url);// do something}

Events

'expiration'

iOS only Listen for the iOS-only expiration handler that allows you to 'clean up' shortly before the app’s remaining background time reaches 0. Check the iOS documentation for more info.

BackgroundService.on('expiration',()=>{console.log('I am being closed :(');});awaitBackgroundService.start(veryIntensiveTask,options);

Maintainers

Acknowledgments

License

The library is released under the MIT license. For more information see LICENSE.

About

React Native background service library for running background tasks forever in Android & iOS.

Resources

Code of conduct

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation



React Native background service library for running background tasks forever in Android & iOS. Schedule a background job that will run your JavaScript when your app is in the background or foreground.

WARNING

  • Android: This library relies on React Native's HeadlessJS for Android. Before building your JS task, make sure to read all the documentation. The jobs will run even if the app has been closed. In Android 12+ you will not be able to launch background tasks from the background. A notification will be shown when the task is running, it is not possible to start the service without it. The notification will only be visible in Android.

  • iOS: This library relies on iOS's UIApplication beginBackgroundTaskWithName method, which won't keep your app in the background forever by itself. However, you can rely on other libraries like react-native-track-player that use audio, geolocalization, etc. to keep your app alive in the background while you excute the JS from this library.

Table of Contents

React Native / Android / iOS compatibility

To use this module you need to ensure you are using the correct version of React Native. If you are using an Android (targetSdkVersion) version lower than 31 (introduced in React Native 0.68.0) you will need to upgrade before attempting to use react-native-background-actions's latest version.

VersionReact Native versionAndroid (targetSdkVersion) versioniOS version
4.X.X>= Unknown>= 34>= Unknown
3.X.X>= Unknown>= 31>= Unknown
2.6.7>= Unknown>= Unknown>= Unknown

Install

Go to INSTALL.md to see the how to install, compatibility with RN and Linking process.

Usage

Example Code

importBackgroundServicefrom'react-native-background-actions';constsleep=(time)=>newPromise((resolve)=>setTimeout(()=>resolve(),time));// You can do anything in your task such as network requests, timers and so on,// as long as it doesn't touch UI. Once your task completes (i.e. the promise is resolved),// React Native will go into "paused" mode (unless there are other tasks running,// or there is a foreground app).constveryIntensiveTask=async(taskDataArguments)=>{// Example of an infinite loop taskconst{ delay }=taskDataArguments;awaitnewPromise(async(resolve)=>{for(leti=0;BackgroundService.isRunning();i++){console.log(i);awaitsleep(delay);}});};constoptions={taskName: 'Example',taskTitle: 'ExampleTask title',taskDesc: 'ExampleTask description',taskIcon: {name: 'ic_launcher',type: 'mipmap',},color: '#ff00ff',linkingURI: 'yourSchemeHere://chat/jane',// See Deep Linking for more infoparameters: {delay: 1000,},};awaitBackgroundService.start(veryIntensiveTask,options);awaitBackgroundService.updateNotification({taskDesc: 'New ExampleTask description'});// Only Android, iOS will ignore this call// iOS will also run everything here in the background until .stop() is calledawaitBackgroundService.stop();

If you call stop() on background no new tasks will be able to be started! Don't call .start() twice, as it will stop performing previous background tasks and start a new one. If .start() is called on the backgound, it will not have any effect.

Options

PropertyTypeDescription
taskName<string>Task name for identification.
taskTitle<string>Android Required. Notification title.
taskDesc<string>Android Required. Notification description.
taskIcon<taskIconOptions>Android Required. Notification icon.
color<string>Notification color. Default: "#ffffff".
linkingURI<string>Link that will be called when the notification is clicked. Example: "yourSchemeHere://chat/jane". See Deep Linking for more info. Default: undefined.
progressBar<taskProgressBarOptions>Notification progress bar.
parameters<any>Parameters to pass to the task.

taskIconOptions

Android only

PropertyTypeDescription
name<string>Required. Icon name in res/ folder. Ex: ic_launcher.
type<string>Required. Icon type in res/ folder. Ex: mipmap.
package<string>Icon package where to search the icon. Ex: com.example.package. It defaults to the app's package. It is highly recommended to leave like that.

Example:

photo5837026843969041365

taskProgressBarOptions

Android only

PropertyTypeDescription
max<number>Required. Maximum value.
value<number>Required. Current value.
indeterminate<boolean>Display the progress status as indeterminate.

Example:

ProgressBar

Deep Linking

Android only

To handle incoming links when the notification is clicked by the user, first you need to modify your android/app/src/main/AndroidManifest.xml and add an <intent-filter> (fill yourSchemeHere with the name you prefer):

 <manifest ... >
...
<application ... >
<activity
...
android:launchMode="singleTask"> // Add this if not present
...
<intent-filterandroid:label="filter_react_native">
<actionandroid:name="android.intent.action.VIEW" />
<categoryandroid:name="android.intent.category.DEFAULT" />
<categoryandroid:name="android.intent.category.BROWSABLE" />
<dataandroid:scheme="yourSchemeHere" />
</intent-filter>
</application>
</manifest>

You must provide a linkingURI in the BackgroundService's options that matches the scheme you just added to android/app/src/main/AndroidManifest.xml:

constoptions={taskName: 'Example',taskTitle: 'ExampleTask title',taskDesc: 'ExampleTask description',taskIcon: {name: 'ic_launcher',type: 'mipmap',},color: '#ff00ff',linkingURI: 'yourSchemeHere://chat/jane',// Add thisparameters: {delay: 1000,},};awaitBackgroundService.start(veryIntensiveTask,options);

React Native provides a Linking class to get notified of incoming links. Your JavaScript code must then listen to the url using React Native Linking class:

import{Linking}from'react-native';Linking.addEventListener('url',handleOpenURL);functionhandleOpenURL(evt){// Will be called when the notification is pressedconsole.log(evt.url);// do something}

Events

'expiration'

iOS only Listen for the iOS-only expiration handler that allows you to 'clean up' shortly before the app’s remaining background time reaches 0. Check the iOS documentation for more info.

BackgroundService.on('expiration',()=>{console.log('I am being closed :(');});awaitBackgroundService.start(veryIntensiveTask,options);

Maintainers

Acknowledgments

License

The library is released under the MIT license. For more information see LICENSE.

About

React Native background service library for running background tasks forever in Android & iOS.

Resources

Code of conduct

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation



React Native background service library for running background tasks forever in Android & iOS. Schedule a background job that will run your JavaScript when your app is in the background or foreground.

WARNING

  • Android: This library relies on React Native's HeadlessJS for Android. Before building your JS task, make sure to read all the documentation. The jobs will run even if the app has been closed. In Android 12+ you will not be able to launch background tasks from the background. A notification will be shown when the task is running, it is not possible to start the service without it. The notification will only be visible in Android.

  • iOS: This library relies on iOS's UIApplication beginBackgroundTaskWithName method, which won't keep your app in the background forever by itself. However, you can rely on other libraries like react-native-track-player that use audio, geolocalization, etc. to keep your app alive in the background while you excute the JS from this library.

Table of Contents

React Native / Android / iOS compatibility

To use this module you need to ensure you are using the correct version of React Native. If you are using an Android (targetSdkVersion) version lower than 31 (introduced in React Native 0.68.0) you will need to upgrade before attempting to use react-native-background-actions's latest version.

VersionReact Native versionAndroid (targetSdkVersion) versioniOS version
4.X.X>= Unknown>= 34>= Unknown
3.X.X>= Unknown>= 31>= Unknown
2.6.7>= Unknown>= Unknown>= Unknown

Install

Go to INSTALL.md to see the how to install, compatibility with RN and Linking process.

Usage

Example Code

importBackgroundServicefrom'react-native-background-actions';constsleep=(time)=>newPromise((resolve)=>setTimeout(()=>resolve(),time));// You can do anything in your task such as network requests, timers and so on,// as long as it doesn't touch UI. Once your task completes (i.e. the promise is resolved),// React Native will go into "paused" mode (unless there are other tasks running,// or there is a foreground app).constveryIntensiveTask=async(taskDataArguments)=>{// Example of an infinite loop taskconst{ delay }=taskDataArguments;awaitnewPromise(async(resolve)=>{for(leti=0;BackgroundService.isRunning();i++){console.log(i);awaitsleep(delay);}});};constoptions={taskName: 'Example',taskTitle: 'ExampleTask title',taskDesc: 'ExampleTask description',taskIcon: {name: 'ic_launcher',type: 'mipmap',},color: '#ff00ff',linkingURI: 'yourSchemeHere://chat/jane',// See Deep Linking for more infoparameters: {delay: 1000,},};awaitBackgroundService.start(veryIntensiveTask,options);awaitBackgroundService.updateNotification({taskDesc: 'New ExampleTask description'});// Only Android, iOS will ignore this call// iOS will also run everything here in the background until .stop() is calledawaitBackgroundService.stop();

If you call stop() on background no new tasks will be able to be started! Don't call .start() twice, as it will stop performing previous background tasks and start a new one. If .start() is called on the backgound, it will not have any effect.

Options

PropertyTypeDescription
taskName<string>Task name for identification.
taskTitle<string>Android Required. Notification title.
taskDesc<string>Android Required. Notification description.
taskIcon<taskIconOptions>Android Required. Notification icon.
color<string>Notification color. Default: "#ffffff".
linkingURI<string>Link that will be called when the notification is clicked. Example: "yourSchemeHere://chat/jane". See Deep Linking for more info. Default: undefined.
progressBar<taskProgressBarOptions>Notification progress bar.
parameters<any>Parameters to pass to the task.

taskIconOptions

Android only

PropertyTypeDescription
name<string>Required. Icon name in res/ folder. Ex: ic_launcher.
type<string>Required. Icon type in res/ folder. Ex: mipmap.
package<string>Icon package where to search the icon. Ex: com.example.package. It defaults to the app's package. It is highly recommended to leave like that.

Example:

photo5837026843969041365

taskProgressBarOptions

Android only

PropertyTypeDescription
max<number>Required. Maximum value.
value<number>Required. Current value.
indeterminate<boolean>Display the progress status as indeterminate.

Example:

ProgressBar

Deep Linking

Android only

To handle incoming links when the notification is clicked by the user, first you need to modify your android/app/src/main/AndroidManifest.xml and add an <intent-filter> (fill yourSchemeHere with the name you prefer):

 <manifest ... >
...
<application ... >
<activity
...
android:launchMode="singleTask"> // Add this if not present
...
<intent-filterandroid:label="filter_react_native">
<actionandroid:name="android.intent.action.VIEW" />
<categoryandroid:name="android.intent.category.DEFAULT" />
<categoryandroid:name="android.intent.category.BROWSABLE" />
<dataandroid:scheme="yourSchemeHere" />
</intent-filter>
</application>
</manifest>

You must provide a linkingURI in the BackgroundService's options that matches the scheme you just added to android/app/src/main/AndroidManifest.xml:

constoptions={taskName: 'Example',taskTitle: 'ExampleTask title',taskDesc: 'ExampleTask description',taskIcon: {name: 'ic_launcher',type: 'mipmap',},color: '#ff00ff',linkingURI: 'yourSchemeHere://chat/jane',// Add thisparameters: {delay: 1000,},};awaitBackgroundService.start(veryIntensiveTask,options);

React Native provides a Linking class to get notified of incoming links. Your JavaScript code must then listen to the url using React Native Linking class:

import{Linking}from'react-native';Linking.addEventListener('url',handleOpenURL);functionhandleOpenURL(evt){// Will be called when the notification is pressedconsole.log(evt.url);// do something}

Events

'expiration'

iOS only Listen for the iOS-only expiration handler that allows you to 'clean up' shortly before the app’s remaining background time reaches 0. Check the iOS documentation for more info.

BackgroundService.on('expiration',()=>{console.log('I am being closed :(');});awaitBackgroundService.start(veryIntensiveTask,options);

Maintainers

Acknowledgments

License

The library is released under the MIT license. For more information see LICENSE.

About

React Native background service library for running background tasks forever in Android & iOS.

Resources

Code of conduct

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

Repository files navigation



React Native background service library for running background tasks forever in Android & iOS. Schedule a background job that will run your JavaScript when your app is in the background or foreground.

WARNING

  • Android: This library relies on React Native's HeadlessJS for Android. Before building your JS task, make sure to read all the documentation. The jobs will run even if the app has been closed. In Android 12+ you will not be able to launch background tasks from the background. A notification will be shown when the task is running, it is not possible to start the service without it. The notification will only be visible in Android.

  • iOS: This library relies on iOS's UIApplication beginBackgroundTaskWithName method, which won't keep your app in the background forever by itself. However, you can rely on other libraries like react-native-track-player that use audio, geolocalization, etc. to keep your app alive in the background while you excute the JS from this library.

Table of Contents

React Native / Android / iOS compatibility

To use this module you need to ensure you are using the correct version of React Native. If you are using an Android (targetSdkVersion) version lower than 31 (introduced in React Native 0.68.0) you will need to upgrade before attempting to use react-native-background-actions's latest version.

VersionReact Native versionAndroid (targetSdkVersion) versioniOS version
4.X.X>= Unknown>= 34>= Unknown
3.X.X>= Unknown>= 31>= Unknown
2.6.7>= Unknown>= Unknown>= Unknown

Install

Go to INSTALL.md to see the how to install, compatibility with RN and Linking process.

Usage

Example Code

importBackgroundServicefrom'react-native-background-actions';constsleep=(time)=>newPromise((resolve)=>setTimeout(()=>resolve(),time));// You can do anything in your task such as network requests, timers and so on,// as long as it doesn't touch UI. Once your task completes (i.e. the promise is resolved),// React Native will go into "paused" mode (unless there are other tasks running,// or there is a foreground app).constveryIntensiveTask=async(taskDataArguments)=>{// Example of an infinite loop taskconst{ delay }=taskDataArguments;awaitnewPromise(async(resolve)=>{for(leti=0;BackgroundService.isRunning();i++){console.log(i);awaitsleep(delay);}});};constoptions={taskName: 'Example',taskTitle: 'ExampleTask title',taskDesc: 'ExampleTask description',taskIcon: {name: 'ic_launcher',type: 'mipmap',},color: '#ff00ff',linkingURI: 'yourSchemeHere://chat/jane',// See Deep Linking for more infoparameters: {delay: 1000,},};awaitBackgroundService.start(veryIntensiveTask,options);awaitBackgroundService.updateNotification({taskDesc: 'New ExampleTask description'});// Only Android, iOS will ignore this call// iOS will also run everything here in the background until .stop() is calledawaitBackgroundService.stop();

If you call stop() on background no new tasks will be able to be started! Don't call .start() twice, as it will stop performing previous background tasks and start a new one. If .start() is called on the backgound, it will not have any effect.

Options

PropertyTypeDescription
taskName<string>Task name for identification.
taskTitle<string>Android Required. Notification title.
taskDesc<string>Android Required. Notification description.
taskIcon<taskIconOptions>Android Required. Notification icon.
color<string>Notification color. Default: "#ffffff".
linkingURI<string>Link that will be called when the notification is clicked. Example: "yourSchemeHere://chat/jane". See Deep Linking for more info. Default: undefined.
progressBar<taskProgressBarOptions>Notification progress bar.
parameters<any>Parameters to pass to the task.

taskIconOptions

Android only

PropertyTypeDescription
name<string>Required. Icon name in res/ folder. Ex: ic_launcher.
type<string>Required. Icon type in res/ folder. Ex: mipmap.
package<string>Icon package where to search the icon. Ex: com.example.package. It defaults to the app's package. It is highly recommended to leave like that.

Example:

photo5837026843969041365

taskProgressBarOptions

Android only

PropertyTypeDescription
max<number>Required. Maximum value.
value<number>Required. Current value.
indeterminate<boolean>Display the progress status as indeterminate.

Example:

ProgressBar

Deep Linking

Android only

To handle incoming links when the notification is clicked by the user, first you need to modify your android/app/src/main/AndroidManifest.xml and add an <intent-filter> (fill yourSchemeHere with the name you prefer):

 <manifest ... >
...
<application ... >
<activity
...
android:launchMode="singleTask"> // Add this if not present
...
<intent-filterandroid:label="filter_react_native">
<actionandroid:name="android.intent.action.VIEW" />
<categoryandroid:name="android.intent.category.DEFAULT" />
<categoryandroid:name="android.intent.category.BROWSABLE" />
<dataandroid:scheme="yourSchemeHere" />
</intent-filter>
</application>
</manifest>

You must provide a linkingURI in the BackgroundService's options that matches the scheme you just added to android/app/src/main/AndroidManifest.xml:

constoptions={taskName: 'Example',taskTitle: 'ExampleTask title',taskDesc: 'ExampleTask description',taskIcon: {name: 'ic_launcher',type: 'mipmap',},color: '#ff00ff',linkingURI: 'yourSchemeHere://chat/jane',// Add thisparameters: {delay: 1000,},};awaitBackgroundService.start(veryIntensiveTask,options);

React Native provides a Linking class to get notified of incoming links. Your JavaScript code must then listen to the url using React Native Linking class:

import{Linking}from'react-native';Linking.addEventListener('url',handleOpenURL);functionhandleOpenURL(evt){// Will be called when the notification is pressedconsole.log(evt.url);// do something}

Events

'expiration'

iOS only Listen for the iOS-only expiration handler that allows you to 'clean up' shortly before the app’s remaining background time reaches 0. Check the iOS documentation for more info.

BackgroundService.on('expiration',()=>{console.log('I am being closed :(');});awaitBackgroundService.start(veryIntensiveTask,options);

Maintainers

Acknowledgments

License

The library is released under the MIT license. For more information see LICENSE.

About

React Native background service library for running background tasks forever in Android & iOS.

Resources

Code of conduct

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages