skills.rest
grab
grabOFFICIAL
Explore all skills by this author →
WebsiteGitHub

grabjs-superapp-sdk

Bridge native Grab SuperApp features to MiniApps via JSBridge.

26|11|Updated May 3, 2019
Search Tags:#sdk#webview#miniapp#javascript-bridge#grabjs#superapp
One-click install
npx skills add https://github.com/grab/superapp-sdk --skill grabjs-superapp-sdk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: grabjs-superapp-sdk
Source: https://github.com/grab/superapp-sdk/tree/main/skills
Command: npx skills add https://github.com/grab/superapp-sdk --skill grabjs-superapp-sdk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers need a way to access native Grab SuperApp capabilities (camera, payments, authentication, location, storage, and more) from a MiniApp running inside the Grab WebView without insecure workarounds.

Core Features & Use Cases

  • Modular, type-safe APIs cover each native domain (CameraModule, CheckoutModule, LocationModule, etc.) and communicate with the native layer via the Grab JSBridge.
  • Consistent response patterns and HTTP-like status codes streamline error handling and integration.
  • Use cases include scanning a QR code, authenticating a user, requesting location data, or coordinating container UI flows from within a WebView-based MiniApp.

Quick Start

Install the @grabjs/superapp-sdk in your project and import the modules you need to start calling native features.

Frequently Asked Questions about grabjs-superapp-sdk

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I access native device features from a MiniApp running inside the Grab WebView?▼

You access native device features from a MiniApp inside the Grab WebView by using a JavaScript bridge SDK to communicate securely with the native layer for capabilities like camera, payments, and location.

What is the best way to handle JavaScript bridge responses when calling SuperApp native APIs?▼

The best way to handle JavaScript bridge responses when calling SuperApp native APIs is to use consistent response patterns with HTTP-style status codes, which streamlines error handling and integration across modules.

Can I trigger Grab payments and user authentication directly from my WebView MiniApp?▼

Yes, you can trigger Grab payments and user authentication directly from your WebView MiniApp by importing modular, type-safe API surfaces like the CheckoutModule that communicate over the Grab JSBridge.

Does the Grab MiniApp SDK provide type-safe APIs for location and camera modules?▼

Yes, the Grab MiniApp SDK provides type-safe APIs for location and camera modules, ensuring structured communication with the native layer via the JSBridge for secure QR scanning and location requests.

Why do I need a JavaScript bridge for my Grab SuperApp MiniApp instead of standard HTML5 APIs?▼

You need a JavaScript bridge for your Grab SuperApp MiniApp because standard HTML5 APIs cannot access native SuperApp capabilities like secure payments or container UI flows without insecure workarounds.

Related Skills

Explore More Software Engineering Skills→
Generous-CorpGenerous-Corp
13

webview-ui

Integrate WebView-based UI panels into the Pulp framework with native bridge communication.

Official
Advanced
jguadagnojguadagno
18

http-status-aware-error-handling

Differentiate HTTP error responses by status code in ASP.NET Core MVC.

Community
Intermediate
sbsbhongsbsbhong

zustand

Adapt Zustand state management to json-render's StateStore for React Native JSON UI components.

Community
Intermediate
CJHarmathCJHarmath

rn-native-features

Implement native iOS features in Expo React Native apps.

Community
Intermediate