├── .watchmanconfig ├── app.json ├── expo.png ├── .firebaserc ├── App.js ├── assets ├── images │ ├── appcode.png │ ├── clion.png │ ├── goland.png │ ├── pycharm.png │ ├── rider.png │ ├── datagrip.png │ ├── phpstorm.png │ ├── resharper.png │ ├── rubymine.png │ ├── webstorm.png │ ├── intellij_idea.png │ └── resharper_cplusplus.png └── sounds │ └── decision22.mp3 ├── .babelrc ├── .storybook ├── config.js └── webpack.config.js ├── firebase.json ├── src ├── native │ ├── index.ts │ ├── App.tsx │ ├── Sound.ts │ └── expo.d.ts ├── shared │ ├── Sound.ts │ ├── Product.tsx │ └── Products.tsx └── web │ ├── index.ts │ ├── App.tsx │ ├── assets.d.ts │ └── Sound.ts ├── webroot ├── index.html └── 404.html ├── App.test.js ├── .gitignore ├── stories └── index.js ├── webpack.common.js ├── README.md ├── webpack.config.js ├── package.json ├── .flowconfig └── tsconfig.json /.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} 2 | -------------------------------------------------------------------------------- /app.json: -------------------------------------------------------------------------------- 1 | { 2 | "expo": { 3 | "sdkVersion": "23.0.0" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /expo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Nkzn/react-native-multi-target-sample/HEAD/expo.png -------------------------------------------------------------------------------- /.firebaserc: -------------------------------------------------------------------------------- 1 | { 2 | "projects": { 3 | "default": "rn-multi-target-sample" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /App.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import App from "./dist/native"; 3 | export default () => (); -------------------------------------------------------------------------------- /assets/images/appcode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Nkzn/react-native-multi-target-sample/HEAD/assets/images/appcode.png -------------------------------------------------------------------------------- /assets/images/clion.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Nkzn/react-native-multi-target-sample/HEAD/assets/images/clion.png -------------------------------------------------------------------------------- /assets/images/goland.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Nkzn/react-native-multi-target-sample/HEAD/assets/images/goland.png -------------------------------------------------------------------------------- /assets/images/pycharm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Nkzn/react-native-multi-target-sample/HEAD/assets/images/pycharm.png -------------------------------------------------------------------------------- /assets/images/rider.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Nkzn/react-native-multi-target-sample/HEAD/assets/images/rider.png -------------------------------------------------------------------------------- /assets/images/datagrip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Nkzn/react-native-multi-target-sample/HEAD/assets/images/datagrip.png -------------------------------------------------------------------------------- /assets/images/phpstorm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Nkzn/react-native-multi-target-sample/HEAD/assets/images/phpstorm.png -------------------------------------------------------------------------------- /assets/images/resharper.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Nkzn/react-native-multi-target-sample/HEAD/assets/images/resharper.png -------------------------------------------------------------------------------- /assets/images/rubymine.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Nkzn/react-native-multi-target-sample/HEAD/assets/images/rubymine.png -------------------------------------------------------------------------------- /assets/images/webstorm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Nkzn/react-native-multi-target-sample/HEAD/assets/images/webstorm.png -------------------------------------------------------------------------------- /assets/sounds/decision22.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Nkzn/react-native-multi-target-sample/HEAD/assets/sounds/decision22.mp3 -------------------------------------------------------------------------------- /assets/images/intellij_idea.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Nkzn/react-native-multi-target-sample/HEAD/assets/images/intellij_idea.png -------------------------------------------------------------------------------- /assets/images/resharper_cplusplus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Nkzn/react-native-multi-target-sample/HEAD/assets/images/resharper_cplusplus.png -------------------------------------------------------------------------------- /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["babel-preset-expo"], 3 | "env": { 4 | "development": { 5 | "plugins": ["transform-react-jsx-source"] 6 | } 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /.storybook/config.js: -------------------------------------------------------------------------------- 1 | import { configure } from '@storybook/react'; 2 | 3 | function loadStories() { 4 | require('../stories'); 5 | } 6 | 7 | configure(loadStories, module); 8 | -------------------------------------------------------------------------------- /firebase.json: -------------------------------------------------------------------------------- 1 | { 2 | "hosting": { 3 | "public": "webroot", 4 | "ignore": [ 5 | "firebase.json", 6 | "**/.*", 7 | "**/node_modules/**" 8 | ] 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /src/native/index.ts: -------------------------------------------------------------------------------- 1 | import App from "./App"; 2 | export default App; 3 | 4 | import Sound from "../shared/Sound"; 5 | import SoundNative from "./Sound"; 6 | Sound.soundInterface = new SoundNative(); 7 | -------------------------------------------------------------------------------- /webroot/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |

9 | 10 | 11 | -------------------------------------------------------------------------------- /App.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import App from './App'; 3 | 4 | import renderer from 'react-test-renderer'; 5 | 6 | it('renders without crashing', () => { 7 | const rendered = renderer.create().toJSON(); 8 | expect(rendered).toBeTruthy(); 9 | }); 10 | -------------------------------------------------------------------------------- /src/shared/Sound.ts: -------------------------------------------------------------------------------- 1 | export interface SoundInterface { 2 | play(): Promise; 3 | } 4 | 5 | export default class Sound { 6 | static soundInterface: SoundInterface; 7 | 8 | async play() { 9 | try { 10 | await Sound.soundInterface.play(); 11 | } catch (e) { 12 | console.error(e); 13 | } 14 | } 15 | } -------------------------------------------------------------------------------- /src/web/index.ts: -------------------------------------------------------------------------------- 1 | import { AppRegistry } from 'react-native'; 2 | import App from './App'; 3 | 4 | import SoundWeb from "./Sound"; 5 | import Sound from "../shared/Sound"; 6 | Sound.soundInterface = new SoundWeb(); 7 | 8 | AppRegistry.registerComponent('WebpackedMultiTargetSample', () => App); 9 | AppRegistry.runApplication('WebpackedMultiTargetSample', { 10 | rootTag: document.querySelector('main') 11 | }) -------------------------------------------------------------------------------- /src/web/App.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | import { 3 | ScrollView 4 | } from 'react-native'; 5 | import Products from "../shared/Products"; 6 | 7 | export default class App extends React.Component { 8 | render() { 9 | return ( 10 | 11 | 12 | 13 | ); 14 | } 15 | } -------------------------------------------------------------------------------- /src/native/App.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | import { 3 | ScrollView 4 | } from 'react-native'; 5 | import Products from "../shared/Products"; 6 | 7 | export default class App extends React.Component { 8 | render() { 9 | return ( 10 | 11 | 12 | 13 | ); 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /src/native/Sound.ts: -------------------------------------------------------------------------------- 1 | import { SoundInterface } from "../shared/Sound"; 2 | import { Audio } from "expo"; 3 | 4 | export default class SoundNative implements SoundInterface { 5 | resource: any; 6 | constructor() { 7 | this.resource = require("../../assets/sounds/decision22.mp3"); 8 | } 9 | 10 | async play() { 11 | await Audio.Sound.create( 12 | this.resource, 13 | { shouldPlay: true } 14 | ); 15 | } 16 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # expo 4 | .expo/ 5 | 6 | # dependencies 7 | /node_modules 8 | 9 | # misc 10 | .env.local 11 | .env.development.local 12 | .env.test.local 13 | .env.production.local 14 | 15 | npm-debug.log* 16 | yarn-debug.log* 17 | yarn-error.log* 18 | 19 | # distribution 20 | dist/ 21 | webroot/bundle.js 22 | webroot/images 23 | webroot/sounds 24 | webroot/storybook 25 | 26 | # build 27 | build/ -------------------------------------------------------------------------------- /stories/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { View } from 'react-native' 3 | 4 | import { storiesOf } from '@storybook/react'; 5 | import { action } from '@storybook/addon-actions'; 6 | 7 | import Product from "../src/shared/Product"; 8 | 9 | storiesOf('Product', module) 10 | .add('image with text', () => ( 11 | 12 | 16 | 17 | )); -------------------------------------------------------------------------------- /src/web/assets.d.ts: -------------------------------------------------------------------------------- 1 | // dummy typings for assets 2 | // ref: https://webpack.js.org/guides/typescript/#importing-other-assets 3 | 4 | declare module "*.gif" { 5 | const content: any; 6 | export default content; 7 | } 8 | 9 | declare module "*.jpg" { 10 | const content: any; 11 | export default content; 12 | } 13 | 14 | declare module "*.jpeg" { 15 | const content: any; 16 | export default content; 17 | } 18 | 19 | declare module "*.png" { 20 | const content: any; 21 | export default content; 22 | } 23 | 24 | declare module "*.svg" { 25 | const content: any; 26 | export default content; 27 | } 28 | 29 | declare module "*.mp3" { 30 | const content: any; 31 | export default content; 32 | } -------------------------------------------------------------------------------- /src/shared/Product.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { View, Text, TouchableOpacity, Image, ImageRequireSource } from "react-native"; 3 | 4 | export interface Props { 5 | source: ImageRequireSource; 6 | title: string; 7 | onPress: () => void; 8 | } 9 | 10 | export default (props: Props) => ( 11 | props.onPress()}> 12 | 13 | 14 | 15 | {props.title} 16 | 17 | 18 | 19 | ); -------------------------------------------------------------------------------- /webpack.common.js: -------------------------------------------------------------------------------- 1 | const tsLoaderConfiguration = { 2 | test: /\.(tsx?)$/, 3 | exclude: [ 4 | "/node_modules/" 5 | ], 6 | use: { 7 | loader: 'ts-loader', 8 | options: { 9 | compilerOptions: { // overwrite tsconfig.json 10 | allowJs: true, 11 | target: "ES5", 12 | jsx: "react", 13 | outDir: "webroot", 14 | lib: ["dom", "ES2017"], 15 | } 16 | } 17 | } 18 | } 19 | 20 | // This is needed for webpack to import static images in JavaScript files 21 | const fileLoaderImageConfiguration = { 22 | test: /\.(gif|jpe?g|png|svg)$/, 23 | use: { 24 | loader: 'file-loader', 25 | options: { 26 | name: './images/[name].[ext]' 27 | } 28 | } 29 | }; 30 | 31 | const fileLoaderSoundConfiguration = { 32 | test: /\.(ogg|mp3)$/, 33 | use: { 34 | loader: 'file-loader', 35 | options: { 36 | name: './sounds/[name].[ext]' 37 | } 38 | } 39 | }; 40 | 41 | module.exports = { 42 | tsLoaderConfiguration, 43 | fileLoaderImageConfiguration, 44 | fileLoaderSoundConfiguration 45 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | react-native-multi-target-sample 2 | ========== 3 | 4 | React Native & Web Development sample. 5 | 6 | * TypeScript 7 | * React Native for Web 8 | * Image & Sound Resources 9 | * Platform Specific Entry Point 10 | * Shared Directory 11 | 12 | Demo 13 | ---------- 14 | 15 | ### Web 16 | 17 | https://rn-multi-target-sample.firebaseapp.com/ 18 | 19 | ### Storybook (Web) 20 | 21 | https://rn-multi-target-sample.firebaseapp.com/storybook/ 22 | 23 | ### Expo 24 | 25 | ![Expo QR Code](./expo.png) 26 | 27 | https://expo.io/@nkzn/react-native-multi-target-sample 28 | 29 | Getting Started 30 | ---------- 31 | 32 | ```bash 33 | $ yarn 34 | ``` 35 | 36 | Getting Started on Web 37 | ---------- 38 | 39 | ```bash 40 | $ yarn start:web 41 | ``` 42 | 43 | then, webpack-dev-server is started. 44 | 45 | Getting Started on Native 46 | ---------- 47 | 48 | ```bash 49 | # terminal 1 50 | $ yarn start:tsc 51 | ``` 52 | 53 | ```bash 54 | # terminal 2 55 | $ yarn start 56 | ``` 57 | 58 | then, expo bundler is started. 59 | 60 | Thanks 61 | ---------- 62 | 63 | * https://soundeffect-lab.info/ -------------------------------------------------------------------------------- /.storybook/webpack.config.js: -------------------------------------------------------------------------------- 1 | // you can use this file to add your custom webpack plugins, loaders and anything you like. 2 | // This is just the basic way to add additional webpack configurations. 3 | // For more information refer the docs: https://storybook.js.org/configurations/custom-webpack-config 4 | 5 | // IMPORTANT 6 | // When you add this file, we won't add the default configurations which is similar 7 | // to "React Create App". This only has babel loader to load JavaScript. 8 | 9 | const common = require("../webpack.common"); 10 | 11 | module.exports = { 12 | plugins: [ 13 | // your custom plugins 14 | ], 15 | module: { 16 | rules: [ 17 | common.tsLoaderConfiguration, 18 | common.fileLoaderImageConfiguration, 19 | common.fileLoaderSoundConfiguration 20 | ], 21 | }, 22 | resolve: { 23 | // If you're working on a multi-platform React Native app, web-specific 24 | // module implementations should be written in files using the extension 25 | // `.web.js`. 26 | extensions: [ '.web.js', '.js', '.ts', '.web.ts', '.tsx', '.web.tsx' ], 27 | alias: { 28 | 'react-native': 'react-native-web' 29 | } 30 | } 31 | }; 32 | -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require("path"); 2 | const webpack = require("webpack"); 3 | const common = require("./webpack.common"); 4 | 5 | module.exports = { 6 | devServer: { 7 | publicPath: '/', 8 | port: 5555, 9 | contentBase: path.join(__dirname, 'webroot') 10 | }, 11 | entry: './src/web/index.ts', 12 | output: { 13 | filename: 'bundle.js', 14 | path: path.resolve(__dirname, 'webroot') 15 | }, 16 | module: { 17 | rules: [ 18 | common.tsLoaderConfiguration, 19 | common.fileLoaderImageConfiguration, 20 | common.fileLoaderSoundConfiguration 21 | ] 22 | }, 23 | 24 | plugins: [ 25 | // `process.env.NODE_ENV === 'production'` must be `true` for production 26 | // builds to eliminate development checks and reduce build size. You may 27 | // wish to include additional optimizations. 28 | new webpack.DefinePlugin({ 29 | 'process.env.NODE_ENV': JSON.stringify('production') 30 | }) 31 | ], 32 | 33 | resolve: { 34 | // If you're working on a multi-platform React Native app, web-specific 35 | // module implementations should be written in files using the extension 36 | // `.web.js`. 37 | extensions: [ '.web.js', '.js', '.ts', '.web.ts', '.tsx', '.web.tsx' ], 38 | alias: { 39 | 'react-native': 'react-native-web' 40 | } 41 | } 42 | } -------------------------------------------------------------------------------- /src/web/Sound.ts: -------------------------------------------------------------------------------- 1 | import { SoundInterface } from "../shared/Sound"; 2 | import "../../assets/sounds/decision22.mp3"; // webpack magic 3 | 4 | const _AudioContext = (window).AudioContext || (window).webkitAudioContext; 5 | 6 | export default class SoundWeb implements SoundInterface { 7 | 8 | context = new _AudioContext(); 9 | buffer: AudioBuffer; 10 | 11 | constructor() { 12 | this.setup(); 13 | } 14 | 15 | async setup() { 16 | if (!this.context) { 17 | return; 18 | } 19 | 20 | const response = await fetch("/sounds/decision22.mp3"); 21 | 22 | const responseBuffer = await response.arrayBuffer(); 23 | 24 | this.buffer = await new Promise((resolve, reject) => { 25 | // webkitAudioContext does not have Promised decodeAudioData 26 | this.context.decodeAudioData(responseBuffer, (buffer: AudioBuffer) => { 27 | resolve(buffer); 28 | }, (e: any) => { 29 | reject(e); 30 | }); 31 | }); 32 | } 33 | 34 | async play() { 35 | if (!this.context) { 36 | return; 37 | } 38 | const source = this.context.createBufferSource(); 39 | source.buffer = this.buffer; 40 | source.connect(this.context.destination); 41 | source.start(0); 42 | } 43 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-multi-target-sample", 3 | "version": "0.1.0", 4 | "private": true, 5 | "devDependencies": { 6 | "@types/fbemitter": "^2.0.32", 7 | "@types/react-native": "^0.50.7", 8 | "babel-loader": "^7.1.2", 9 | "file-loader": "^1.1.5", 10 | "jest-expo": "23.0.0", 11 | "react-native-scripts": "1.8.1", 12 | "react-test-renderer": "16.0.0", 13 | "ts-loader": "^3.2.0", 14 | "typescript": "^2.6.2", 15 | "webpack": "^3.8.1", 16 | "webpack-dev-server": "^2.9.5", 17 | "@storybook/react": "^3.2.17", 18 | "@storybook/addon-actions": "^3.2.17", 19 | "@storybook/addon-links": "^3.2.17" 20 | }, 21 | "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js", 22 | "scripts": { 23 | "deploy": "yarn build:web && yarn build-storybook && firebase deploy", 24 | "build:tsc": "rm -rf dist/* && tsc -p .", 25 | "start:tsc": "rm -rf dist/* && tsc -w -p .", 26 | "build:web": "webpack -p --progress --config webpack.config.js", 27 | "start:web": "webpack-dev-server -d --config webpack.config.js --inline --hot --colors", 28 | "start": "react-native-scripts start", 29 | "eject": "react-native-scripts eject", 30 | "android": "react-native-scripts android", 31 | "ios": "react-native-scripts ios", 32 | "test": "node node_modules/jest/bin/jest.js --watch", 33 | "storybook": "start-storybook -p 6006", 34 | "build-storybook": "build-storybook && mv storybook-static webroot/storybook" 35 | }, 36 | "jest": { 37 | "preset": "jest-expo" 38 | }, 39 | "dependencies": { 40 | "expo": "^23.0.4", 41 | "react": "16.0.0", 42 | "react-dom": "^16.2.0", 43 | "react-native": "0.50.3", 44 | "react-native-web": "^0.1.14" 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /webroot/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Page Not Found 7 | 8 | 23 | 24 | 25 |

26 |

404

27 |

Page Not Found

28 |

The specified file was not found on this website. Please check the URL for mistakes and try again.

29 |

Why am I seeing this?

30 |

This page was generated by the Firebase Command-Line Interface. To modify it, edit the 404.html file in your project's configured public directory.

31 |

32 | 33 | 34 | -------------------------------------------------------------------------------- /src/shared/Products.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { View, Linking } from "react-native"; 3 | import Product from "./Product"; 4 | import Sound from "./Sound"; 5 | 6 | const products: Product[] = [ 7 | { name: "AppCode", source: require("../../assets/images/appcode.png"), url: "http://www.jetbrains.com/objc/" }, 8 | { name: "CLion", source: require("../../assets/images/clion.png"), url: "http://www.jetbrains.com/clion/" }, 9 | { name: "DataGrip", source: require("../../assets/images/datagrip.png"), url: "http://www.jetbrains.com/datagrip/" }, 10 | { name: "GoLand", source: require("../../assets/images/goland.png"), url: "http://www.jetbrains.com/go/" }, 11 | { name: "IntelliJ IDEA", source: require("../../assets/images/intellij_idea.png"), url: "http://www.jetbrains.com/idea/" }, 12 | { name: "PhpStorm", source: require("../../assets/images/phpstorm.png"), url: "http://www.jetbrains.com/phpstorm/" }, 13 | { name: "PyCharm", source: require("../../assets/images/pycharm.png"), url: "http://www.jetbrains.com/pycharm/" }, 14 | { name: "ReSharper C++", source: require("../../assets/images/resharper_cplusplus.png"), url: "http://www.jetbrains.com/resharper-cpp/" }, 15 | { name: "ReSharper", source: require("../../assets/images/resharper.png"), url: "http://www.jetbrains.com/resharper/" }, 16 | { name: "Rider", source: require("../../assets/images/rider.png"), url: "http://www.jetbrains.com/rider/" }, 17 | { name: "RubyMine", source: require("../../assets/images/rubymine.png"), url: "http://www.jetbrains.com/ruby/" }, 18 | { name: "WebStorm", source: require("../../assets/images/webstorm.png"), url: "http://www.jetbrains.com/webstorm/" }, 19 | ]; 20 | 21 | interface Product { 22 | name: string; 23 | source: any; 24 | url: string; 25 | } 26 | 27 | export default class Products extends React.Component { 28 | 29 | sound = new Sound(); 30 | 31 | async onPress(product: Product) { 32 | await this.sound.play(); 33 | await Linking.openURL(product.url); 34 | } 35 | 36 | render() { 37 | return ( 38 | 39 | { products.map( product => this.onPress(product)} />) } 40 | 41 | ); 42 | } 43 | } -------------------------------------------------------------------------------- /.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | ; We fork some components by platform 3 | .*/*[.]android.js 4 | 5 | ; Ignore templates for 'react-native init' 6 | /node_modules/react-native/local-cli/templates/.* 7 | 8 | ; Ignore RN jest 9 | /node_modules/react-native/jest/.* 10 | 11 | ; Ignore RNTester 12 | /node_modules/react-native/RNTester/.* 13 | 14 | ; Ignore the website subdir 15 | /node_modules/react-native/website/.* 16 | 17 | ; Ignore the Dangerfile 18 | /node_modules/react-native/danger/dangerfile.js 19 | 20 | ; Ignore Fbemitter 21 | /node_modules/fbemitter/.* 22 | 23 | ; Ignore "BUCK" generated dirs 24 | /node_modules/react-native/\.buckd/ 25 | 26 | ; Ignore unexpected extra "@providesModule" 27 | .*/node_modules/.*/node_modules/fbjs/.* 28 | 29 | ; Ignore polyfills 30 | /node_modules/react-native/Libraries/polyfills/.* 31 | 32 | ; Ignore various node_modules 33 | /node_modules/react-native-gesture-handler/.* 34 | /node_modules/expo/.* 35 | /node_modules/react-navigation/.* 36 | /node_modules/xdl/.* 37 | /node_modules/reqwest/.* 38 | /node_modules/metro-bundler/.* 39 | 40 | [include] 41 | 42 | [libs] 43 | node_modules/react-native/Libraries/react-native/react-native-interface.js 44 | node_modules/react-native/flow/ 45 | node_modules/expo/flow/ 46 | 47 | [options] 48 | emoji=true 49 | 50 | module.system=haste 51 | 52 | module.file_ext=.js 53 | module.file_ext=.jsx 54 | module.file_ext=.json 55 | module.file_ext=.ios.js 56 | 57 | munge_underscores=true 58 | 59 | module.name_mapper='^[./a-zA-Z0-9$_-]+\.$bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf$$' -> 'RelativeImageStub' 60 | 61 | suppress_type=$FlowIssue 62 | suppress_type=$FlowFixMe 63 | suppress_type=$FlowFixMeProps 64 | suppress_type=$FlowFixMeState 65 | suppress_type=$FixMe 66 | 67 | suppress_comment=\$.\\|\n\$*\\$FlowFixMe\$$\\|[^(]\\|(\\(>=0\\.\\(5[0-6]\\|[1-4][0-9]\\|[0-9]\$.[0-9]\\)? *\$site=[a-z,_]*react_native_oss[a-z,_]*\$?)\\) 68 | suppress_comment=\$.\\|\n\$*\\$FlowIssue\$(\\(>=0\\.\\(5[0-6]\\|[1-4][0-9]\\|[0-9]\$.[0-9]\\)? *\$site=[a-z,_]*react_native_oss[a-z,_]*\$?)\\)?:? #[0-9]+ 69 | suppress_comment=\$.\\|\n\$*\\$FlowFixedInNextDeploy 70 | suppress_comment=\$.\\|\n\$*\\$FlowExpectedError 71 | 72 | unsafe.enable_getters_and_setters=true 73 | 74 | [version] 75 | ^0.56.0 76 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Basic Options */ 4 | "target": "ES2017", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', or 'ESNEXT'. */ 5 | "module": "es2015", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */ 6 | // "lib": [], /* Specify library files to be included in the compilation: */ 7 | // "allowJs": true, /* Allow javascript files to be compiled. */ 8 | // "checkJs": true, /* Report errors in .js files. */ 9 | "jsx": "react-native", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 10 | // "declaration": true, /* Generates corresponding '.d.ts' file. */ 11 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 12 | // "outFile": "./", /* Concatenate and emit output to single file. */ 13 | "outDir": "./dist", /* Redirect output structure to the directory. */ 14 | // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 15 | // "removeComments": true, /* Do not emit comments to output. */ 16 | // "noEmit": true, /* Do not emit outputs. */ 17 | // "importHelpers": true, /* Import emit helpers from 'tslib'. */ 18 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 19 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 20 | 21 | /* Strict Type-Checking Options */ 22 | // "strict": true /* Enable all strict type-checking options. */ 23 | "noImplicitAny": true /* Raise error on expressions and declarations with an implied 'any' type. */ 24 | // "strictNullChecks": true, /* Enable strict null checks. */ 25 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 26 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 27 | // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */ 28 | 29 | /* Additional Checks */ 30 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 31 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 32 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 33 | // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */ 34 | 35 | /* Module Resolution Options */ 36 | // "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 37 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 38 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 39 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 40 | // "typeRoots": [] /* List of folders to include type definitions from. */ 41 | // "types": [], /* Type declaration files to be included in compilation. */ 42 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 43 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 44 | 45 | /* Source Map Options */ 46 | // "sourceRoot": "./", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 47 | // "mapRoot": "./", /* Specify the location where debugger should locate map files instead of generated locations. */ 48 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 49 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 50 | 51 | /* Experimental Options */ 52 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 53 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 54 | }, 55 | "include": [ 56 | "src/native", 57 | "src/shared" 58 | ] 59 | } -------------------------------------------------------------------------------- /src/native/expo.d.ts: -------------------------------------------------------------------------------- 1 | // Copy from https://github.com/janaagaard75/expo-and-typescript/blob/1838404ebd43395084275c49cb6e833981ef56d8/src/expo.d.ts 2 | 3 | // tslint:disable:ban-types 4 | // tslint:disable:interface-over-type-literal 5 | // tslint:disable:max-classes-per-file 6 | // tslint:disable:member-access 7 | 8 | declare module 'expo' { 9 | import { ColorPropType } from 'react-native' 10 | import { Component } from 'react' 11 | // tslint:disable-next-line:no-implicit-dependencies - fbemitter is included by Expo. 12 | import { EventSubscription } from 'fbemitter' 13 | import { GestureResponderEvent } from 'react-native' 14 | import { PanResponderGestureState } from 'react-native' 15 | import { ViewProperties } from 'react-native' 16 | import { ViewStyle } from 'react-native' 17 | import { ImageURISource } from 'react-native' 18 | 19 | /** Access the device accelerometer sensor(s) to respond to changes in acceleration in 3d space. */ 20 | namespace Accelerometer { 21 | interface AccelerometerObject { 22 | x: number 23 | y: number 24 | z: number 25 | } 26 | 27 | /** 28 | * Subscribe for updates to the accelerometer. 29 | * @param listener A callback that is invoked when an accelerometer update is available. When invoked, the listener is provided a single argumument that is an object containing keys x, y, z. 30 | * @returns An EventSubscription object that you can call remove() on when you would like to unsubscribe the listener. 31 | */ 32 | function addListener(listener: (obj: AccelerometerObject) => any): EventSubscription 33 | 34 | /** Remove all listeners. */ 35 | function removeAllListeners(): void 36 | 37 | /** 38 | * Subscribe for updates to the accelerometer. 39 | * @param intervalMs Desired interval in milliseconds between accelerometer updates. 40 | */ 41 | function setUpdateInterval(intervalMs: number): void 42 | } 43 | 44 | namespace Amplitude { 45 | function initialize(apiKey: string): void 46 | function setUserId(userId: string): void 47 | function setUserProperties(userProperties: object): void // TODO: add userProperties definition from amplitude doc 48 | function clearUserProperties(): void 49 | function logEvent(eventName: string): void 50 | function logEventWithProperties(eventName: string, properties: object): void 51 | function setGroup(groupType: string, groupNames: object): void 52 | } 53 | 54 | /** This module provides an interface to Expo’s asset system. An asset is any file that lives alongside the source code of your app that the app needs at runtime. Examples include images, fonts and sounds. Expo’s asset system integrates with React Native’s, so that you can refer to files with require('path/to/file'). This is how you refer to static image files in React Native for use in an Image component, for example. */ 55 | class Asset { 56 | // The asset class has properties that these, but I believe that these are the only ones meant to be public. 57 | 58 | /** The MD5 hash of the asset’s data. */ 59 | hash: string 60 | 61 | /** If the asset is an image, the height of the image data divided by the scale factor. The scale factor is the number after `@` in the filename, or `1` if not present. */ 62 | height: number 63 | 64 | /** If the asset has been downloaded (by calling `downloadAsync()`), the `file://` URI pointing to the local file on the device that contains the asset data. */ 65 | localUri: string 66 | 67 | /** The name of the asset file without the extension. Also without the part from @ onward in the filename (used to specify scale factor for images). */ 68 | name: string 69 | 70 | /** The extension of the asset filename. */ 71 | type: string 72 | 73 | /** A URI that points to the asset’s data on the remote server. When running the published version of your app, this refers to the the location on Expo’s asset server where Expo has stored your asset. When running the app from XDE during development, this URI points to XDE’s server running on your computer and the asset is served directly from your computer. */ 74 | uri: string 75 | 76 | /** If the asset is an image, the width of the image data divided by the scale factor. The scale factor is the number after `@` in the filename, or `1` if not present. */ 77 | width: number 78 | 79 | /** Downloads the asset data to a local file in the device’s cache directory. Once the returned promise is fulfilled without error, the localUri field of this asset points to a local file containing the asset data. The asset is only downloaded if an up-to-date local file for the asset isn’t already present due to an earlier download. */ 80 | downloadAsync(): Promise 81 | 82 | /** Returns the `Expo.Asset` instance representing an asset given its module. */ 83 | static fromModule(moduleId: number): Asset 84 | 85 | /** 86 | * A helper that wraps `Expo.Asset.fromModule(module).downloadAsync` for convenience. 87 | * @param moduleIds An array of `require('path/to/file')`. Can also be just one module without an Array. 88 | */ 89 | static loadAsync(moduleIds: number | Array): Promise 90 | } 91 | 92 | namespace AV { 93 | type PlaybackSource = number | { uri: string } | Asset 94 | 95 | type PlaybackStatus = 96 | { 97 | isLoaded: false, 98 | androidImplementation?: string, 99 | 100 | /** Populated exactly once when an error forces the object to unload. */ 101 | error?: string 102 | } | 103 | { 104 | isLoaded: true, 105 | androidImplementation?: string, 106 | 107 | uri: string, 108 | 109 | progressUpdateIntervalMillis: number, 110 | durationMillis?: number, 111 | positionMillis: number, 112 | playableDurationMillis?: number, 113 | 114 | shouldPlay: boolean, 115 | isPlaying: boolean, 116 | isBuffering: boolean, 117 | 118 | rate: number, 119 | shouldCorrectPitch: boolean, 120 | volume: number, 121 | isMuted: boolean, 122 | isLooping: boolean, 123 | 124 | /** True exactly once when the track plays to finish. */ 125 | didJustFinish: boolean 126 | } 127 | 128 | type PlaybackStatusToSet = { 129 | androidImplementation?: string, 130 | progressUpdateIntervalMillis?: number, 131 | positionMillis?: number, 132 | shouldPlay?: boolean, 133 | rate?: number, 134 | shouldCorrectPitch?: boolean, 135 | volume?: number, 136 | isMuted?: boolean, 137 | isLooping?: boolean 138 | } 139 | } 140 | 141 | /** 142 | * Provides basic sample playback and recording. 143 | * 144 | * Note that Expo does not yet support backgrounding, so audio is not available to play in the background of your experience. Audio also automatically stops if headphones / bluetooth audio devices are disconnected. 145 | */ 146 | namespace Audio { 147 | type PlaybackSource = AV.PlaybackSource 148 | type PlaybackStatus = AV.PlaybackStatus 149 | type PlaybackStatusToSet = AV.PlaybackStatusToSet 150 | 151 | type RecordingOptions = { 152 | android: { 153 | extension: string, 154 | outputFormat: number, 155 | audioEncoder: number, 156 | sampleRate?: number, 157 | numberOfChannels?: number, 158 | bitRate?: number, 159 | maxFileSize?: number 160 | }, 161 | ios: { 162 | extension: string, 163 | outputFormat?: string | number, 164 | audioQuality: number, 165 | sampleRate: number, 166 | numberOfChannels: number, 167 | bitRate: number, 168 | bitRateStrategy?: number, 169 | bitDepthHint?: number, 170 | linearPCMBitDepth?: number, 171 | linearPCMIsBigEndian?: boolean, 172 | linearPCMIsFloat?: boolean 173 | } 174 | } 175 | 176 | enum RecordingOptionsAndroidOutputFormat { 177 | RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_DEFAULT = 0, 178 | RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_THREE_GPP = 1, 179 | RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_MPEG_4 = 2, 180 | RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AMR_NB = 3, 181 | RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AMR_WB = 4, 182 | RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AAC_ADIF = 5, 183 | RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_AAC_ADTS = 6, 184 | RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_RTP_AVP = 7, 185 | RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_MPEG2TS = 8, 186 | RECORDING_OPTION_ANDROID_OUTPUT_FORMAT_WEBM = 9 187 | } 188 | 189 | enum RecordingOptionAndroidAudioEncoder { 190 | RECORDING_OPTION_ANDROID_AUDIO_ENCODER_DEFAULT = 0, 191 | RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AMR_NB = 1, 192 | RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AMR_WB = 2, 193 | RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AAC = 3, 194 | RECORDING_OPTION_ANDROID_AUDIO_ENCODER_HE_AAC = 4, 195 | RECORDING_OPTION_ANDROID_AUDIO_ENCODER_AAC_ELD = 5, 196 | RECORDING_OPTION_ANDROID_AUDIO_ENCODER_VORBIS = 6 197 | } 198 | 199 | enum RecordingOptionIosOutputFormat { 200 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_LINEARPCM = 'lpcm', 201 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_AC3 = 'ac-3', 202 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_60958AC3 = 'cac3', 203 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_APPLEIMA4 = 'ima4', 204 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC = 'aac ', 205 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4CELP = 'celp', 206 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4HVXC = 'hvxc', 207 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4TWINVQ = 'twvq', 208 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MACE3 = 'MAC3', 209 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MACE6 = 'MAC6', 210 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_ULAW = 'ulaw', 211 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_ALAW = 'alaw', 212 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_QDESIGN = 'QDMC', 213 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_QDESIGN2 = 'QDM2', 214 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_QUALCOMM = 'Qclp', 215 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEGLAYER1 = '.mp1', 216 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEGLAYER2 = '.mp2', 217 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEGLAYER3 = '.mp3', 218 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_APPLELOSSLESS = 'alac', 219 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_HE = 'aach', 220 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_LD = 'aacl', 221 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_ELD = 'aace', 222 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_ELD_SBR = 'aacf', 223 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_ELD_V2 = 'aacg', 224 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_HE_V2 = 'aacp', 225 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MPEG4AAC_SPATIAL = 'aacs', 226 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_AMR = 'samr', 227 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_AMR_WB = 'sawb', 228 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_AUDIBLE = 'AUDB', 229 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_ILBC = 'ilbc', 230 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_DVIINTELIMA = 0x6d730011, 231 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_MICROSOFTGSM = 0x6d730031, 232 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_AES3 = 'aes3', 233 | RECORDING_OPTION_IOS_OUTPUT_FORMAT_ENHANCEDAC3 = 'ec-3' 234 | } 235 | 236 | enum RecordingOptionIosAudioQuality { 237 | RECORDING_OPTION_IOS_AUDIO_QUALITY_MIN = 0, 238 | RECORDING_OPTION_IOS_AUDIO_QUALITY_LOW = 0x20, 239 | RECORDING_OPTION_IOS_AUDIO_QUALITY_MEDIUM = 0x40, 240 | RECORDING_OPTION_IOS_AUDIO_QUALITY_HIGH = 0x60, 241 | RECORDING_OPTION_IOS_AUDIO_QUALITY_MAX = 0x7f 242 | } 243 | 244 | enum RecodingOptionIosBitRateStratety { 245 | RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_CONSTANT = 0, 246 | RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_LONG_TERM_AVERAGE = 1, 247 | RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_VARIABLE_CONSTRAINED = 2, 248 | RECORDING_OPTION_IOS_BIT_RATE_STRATEGY_VARIABLE = 3 249 | } 250 | 251 | enum InterruptionModeIos { 252 | /** This is the default option. If this option is set, your experience’s audio is mixed with audio playing in background apps. */ 253 | INTERRUPTION_MODE_IOS_MIX_WITH_OTHERS = 0, 254 | 255 | /** If this option is set, your experience’s audio interrupts audio from other apps. */ 256 | INTERRUPTION_MODE_IOS_DO_NOT_MIX = 1, 257 | 258 | /** If this option is set, your experience’s audio lowers the volume ("ducks") of audio from other apps while your audio plays. */ 259 | INTERRUPTION_MODE_IOS_DUCK_OTHERS = 2 260 | } 261 | 262 | enum InterruptionModeAndroid { 263 | /** If this option is set, your experience’s audio interrupts audio from other apps. */ 264 | INTERRUPTION_MODE_ANDROID_DO_NOT_MIX = 1, 265 | 266 | /** This is the default option. If this option is set, your experience’s audio lowers the volume ("ducks") of audio from other apps while your audio plays. */ 267 | INTERRUPTION_MODE_ANDROID_DUCK_OTHERS = 2 268 | } 269 | 270 | const RECORDING_OPTIONS_PRESET_HIGH_QUALITY: RecordingOptions 271 | const RECORDING_OPTIONS_PRESET_LOW_QUALITY: RecordingOptions 272 | 273 | type RecordingStatus = 274 | { 275 | canRecord: false, 276 | isDoneRecording: false 277 | } | { 278 | canRecord: true, 279 | isRecording: boolean, 280 | durationMillis: number 281 | } | { 282 | canRecord: false, 283 | isDoneRecording: true, 284 | durationMillis: number 285 | } 286 | 287 | /** 288 | * Note that these are the only legal `AudioMode` combinations of (`playsInSilentModeIOS`, `allowsRecordingIOS`, `interruptionModeIOS`), and any other will result in promise rejection: 289 | * 290 | * - `false`, `false`, `INTERRUPTION_MODE_IOS_DO_NOT_MIX` 291 | * - `false`, `false`, `INTERRUPTION_MODE_IOS_MIX_WITH_OTHERS` 292 | * - `true`, `true`, `INTERRUPTION_MODE_IOS_DO_NOT_MIX` 293 | * - `true`, `true`, `INTERRUPTION_MODE_IOS_DUCK_OTHERS` 294 | * - `true`, `true`, `INTERRUPTION_MODE_IOS_MIX_WITH_OTHERS` 295 | * - `true`, `false`, `INTERRUPTION_MODE_IOS_DO_NOT_MIX` 296 | * - `true`, `false`, `INTERRUPTION_MODE_IOS_DUCK_OTHERS` 297 | * - `true`, `false`, `INTERRUPTION_MODE_IOS_MIX_WITH_OTHERS` 298 | */ 299 | type AudioMode = { 300 | /** Boolean selecting if recording is enabled on iOS. This value defaults to `false`. NOTE: when this flag is set to true, playback may be routed to the phone receiver instead of to the speaker. */ 301 | allowsRecordingIOS: boolean, 302 | 303 | /** Enum selecting how your experience’s audio should interact with the audio from other apps on iOS. */ 304 | interruptionModeIOS: InterruptionModeIos, 305 | 306 | /** Boolean selecting if your experience’s audio should play in silent mode on iOS. This value defaults to `false`. */ 307 | playsInSilentLockedModeIOS: boolean, 308 | 309 | /** an enum selecting how your experience’s audio should interact with the audio from other apps on Android: */ 310 | interruptionModeAndroid: InterruptionModeAndroid, 311 | 312 | /** Boolean selecting if your experience’s audio should automatically be lowered in volume ("duck") if audio from another app interrupts your experience. This value defaults to true. If false, audio from other apps will pause your audio. */ 313 | shouldDuckAndroid: boolean 314 | } 315 | 316 | type SoundStatus = 317 | { 318 | isLoaded: false 319 | } | { 320 | isLoaded: true, 321 | isPlaying: boolean, 322 | durationMillis: number, 323 | positionMillis: number, 324 | rate: number, 325 | shouldCorrectPitch: boolean, 326 | volume: number, 327 | isMuted: boolean, 328 | isLooping: boolean, 329 | didJustFinish: boolean 330 | } 331 | 332 | function setIsEnabledAsync(value: boolean): Promise 333 | function setAudioModeAsync(mode: AudioMode): Promise 334 | 335 | /** This class represents a sound corresponding to an Asset or URL. */ 336 | class Sound { 337 | /** 338 | * Creates and loads a sound from source, with optional `initialStatus`, `onPlaybackStatusUpdate`, and `downloadFirst`. 339 | * 340 | * @returns A `Promise` that is rejected if creation failed, or fulfilled with the following dictionary if creation succeeded: 341 | * - `sound`: The newly created and loaded Sound object. 342 | * - `status`: The PlaybackStatus of the Sound object. See the AV documentation for further information. 343 | */ 344 | static create( 345 | /** 346 | * The source of the sound. The following forms are supported: 347 | * 348 | * - A dictionary of the form `{ uri: 'http://path/to/file' }` with a network URL pointing to an audio file on the web. 349 | * - `require('path/to/file')` for an audio file asset in the source code directory. 350 | * - An `Expo.Asset` object for an audio file asset. 351 | */ 352 | source: PlaybackSource, 353 | 354 | /** The initial intended PlaybackStatusToSet of the sound, whose values will override the default initial playback status. This value defaults to `{}` if no parameter is passed. */ 355 | initialStatus?: PlaybackStatusToSet, 356 | 357 | /** A function taking a single parameter PlaybackStatus. This value defaults to `null` if no parameter is passed. */ 358 | onPlaybackStatusUpdate?: ((status?: PlaybackStatus) => void) | null, 359 | 360 | /** If set to true, the system will attempt to download the resource to the device before loading. This value defaults to `true`. Note that at the moment, this will only work for `source`s of the form `require('path/to/file')` or `Asset` objects. */ 361 | downloadFirst?: boolean 362 | ): Promise<{ sound: Sound, status: PlaybackStatus }> 363 | 364 | getStatusAsync(): Promise 365 | setOnPlaybackStatusUpdate(onPlaybackStatusUpdate?: (status: PlaybackStatus) => void): void 366 | 367 | loadAsync( 368 | source: PlaybackSource, 369 | /** Default: `{}`. */ 370 | initialStatus?: PlaybackStatusToSet, 371 | /** Default: `true`. */ 372 | downloadFirst?: boolean 373 | ): Promise 374 | 375 | unloadAsync(): Promise 376 | 377 | setStatusAsync(status: PlaybackStatusToSet): Promise 378 | 379 | playAsync(): Promise 380 | playFromPositionAsync(positionMillis: number): Promise 381 | pauseAsync(): Promise 382 | stopAsync(): Promise 383 | setPositionAsync(positionMillis: number): Promise 384 | setRateAsync(rate: number, shouldCorrectPitch: boolean): Promise 385 | setVolumeAsync(volume: number): Promise 386 | setIsMutedAsync(isMuted: boolean): Promise 387 | setIsLoopingAsync(isLooping: boolean): Promise 388 | setProgressUpdateIntervalAsync(progressUpdateIntervalMillis: number): Promise 389 | } 390 | 391 | class Recording { 392 | /** Gets the `status` of the `Recording`. */ 393 | getStatusAsync(): Promise 394 | 395 | /** Sets a function to be called regularly with the `status` of the `Recording`. */ 396 | setOnRecordingStatusUpdate(onRecordingStatusUpdate?: (status: RecordingStatus) => void): void 397 | 398 | /** Sets the interval with which onRecordingStatusUpdate is called while the recording can record. This value defaults to 500 milliseconds. */ 399 | setProgressUpdateInterval(progressUpdateIntervalMillis: number): void 400 | 401 | /** Loads the recorder into memory and prepares it for recording. This must be called before calling `startAsync()`. This method can only be called if the `Recording` instance has never yet been prepared. */ 402 | prepareToRecordAsync( 403 | /** Options for the recording, including sample rate, bitrate, channels, format, encoder, and extension. If no options are passed to `prepareToRecordAsync()`, the recorder will be created with options `Expo.Audio.RECORDING_OPTIONS_PRESET_LOW_QUALITY`. */ 404 | options?: RecordingOptions 405 | ): Promise 406 | 407 | /** Begins recording. This method can only be called if the `Recording` has been prepared. */ 408 | startAsync(): Promise 409 | 410 | /** 411 | * Pauses recording. This method can only be called if the Recording has been prepared. 412 | * 413 | * NOTE: This is only available on Android API version 24 and later. 414 | */ 415 | pauseAsync(): Promise 416 | 417 | /** Stops the recording and deallocates the recorder from memory. This reverts the Recording instance to an unprepared state, and another Recording instance must be created in order to record again. This method can only be called if the `Recording` has been prepared. */ 418 | stopAndUnloadAsync(): Promise 419 | 420 | /** 421 | * Gets the local URI of the Recording. Note that this will only succeed once the Recording is prepared to record. 422 | * 423 | * @returns A string with the local URI of the `Recording`, or `null` if the `Recording` is not prepared to record. 424 | */ 425 | getURI(): string | null | undefined 426 | 427 | /** 428 | * Creates and loads a new `Sound` object to play back the `Recording`. Note that this will only succeed once the `Recording` is done recording (once `stopAndUnloadAsync()` has been called). 429 | * 430 | * @returns A Promise that is rejected if creation failed, or fulfilled with the following dictionary if creation succeeded: 431 | * - `sound`: the newly created and loaded Sound object. 432 | * - `status`: the PlaybackStatus of the Sound object. 433 | */ 434 | createNewLoadedSound( 435 | /** The initial intended `PlaybackStatusToSet` of the sound, whose values will override the default initial playback status. This value defaults to `{}` if no parameter is passed. */ 436 | initialStatus?: PlaybackStatusToSet, 437 | 438 | /** A function taking a single parameter `PlaybackStatus`. This value defaults to `null` if no parameter is passed. */ 439 | onPlaybackStatusUpdate?: ((status: PlaybackStatus) => void) | null 440 | ): Promise<{ sound: Sound, status: PlaybackStatus }> 441 | } 442 | } 443 | 444 | namespace Brightness { 445 | function getBrightnessAsync(): Promise 446 | function getSystemBrightnessAsync(): Promise 447 | function setBrightnessAsync(brightnessValue: number): Promise 448 | function setSystemBrightnessAsync(brightnessValue: number): Promise 449 | } 450 | 451 | // #region Camera 452 | interface CameraProps extends ViewProperties { 453 | /** State of camera auto focus. Use one of `Camera.Constants.AutoFocus`. When `on`, auto focus will be enabled, when `off`, it wont’t and focus will lock as it was in the moment of change, but it can be adjusted on some devices via the `focusDepth` property. Default: `on`. */ 454 | autoFocus?: Camera.Constants.AutoFocus 455 | 456 | /** Default: Object.values(CameraManager.BarCodeType). */ 457 | barCodeTypes?: Array 458 | 459 | /** Camera flash mode. Use one of `Camera.Constants.FlashMode`. When `on`, the flash on your device will turn on when taking a picture, when `off`, it wont’t. Setting to `auto` will fire flash if required, `torch` turns on flash during the preview. Default: `off`. */ 460 | flashMode?: Camera.Constants.FlashMode 461 | 462 | /** Distance to plane of sharpest focus. A value between `0` and `1`: `0` - infinity focus, `1` - focus as close as possible. Default: `0`. */ 463 | focusDepth?: number 464 | 465 | onBarCodeRead?: Function 466 | 467 | /** Callback invoked when camera preview has been set. */ 468 | onCameraReady?: Function 469 | 470 | onMountError?: Function 471 | 472 | /** **Android only**. A string representing aspect ratio of the preview, eg. `'4:3'`, `'16:9'`, `'1:1'`. To check if a ratio is supported by the device use `getSupportedRatiosAsync`. Default: `'4:3'`. */ 473 | ratio?: string, 474 | 475 | /** Camera facing. Use one of `Camera.Constants.Type`. When `front`, use the front-facing camera. When `back`, use the back-facing camera. Default: `back`. */ 476 | type: Camera.Constants.Type, 477 | 478 | /** Camera white balance. Use one of `Camera.Constants.WhiteBalance`: `auto`, `sunny`, `cloudy`, `shadow`, `fluorescent`, `incandescent`. If a device does not support any of these values previous one is used. */ 479 | whiteBalance?: Camera.Constants.WhiteBalance 480 | 481 | /** A value between `0` and `1` being a percentage of device’s max zoom. `0` - not zoomed, `1` - maximum zoom. Default: `0`. */ 482 | zoom?: number 483 | } 484 | 485 | /** 486 | * A React component that renders a preview for the device’s either front or back camera. Camera’s parameters like zoom, auto focus, white balance and flash mode are adjustable. With use of Camera one can also take photos and record videos that are saved to the app’s cache. Only one Camera preview is supported by Expo right now. 487 | * 488 | * Requires `Permissions.CAMERA`. Video recording requires `Permissions.AUDIO_RECORDING`. 489 | */ 490 | class Camera extends Component { 491 | takePictureAsync(options: Camera.TakePictureOptions): Promise 492 | } 493 | 494 | namespace Camera { 495 | // From https://github.com/expo/expo/blob/32c29eea06ff5a2f811f3fe72239d1da2b23cba2/ios/versioned-react-native/ABI21_0_0/Exponent/Modules/Api/Components/ABI21_0_0EXCameraManager.m 496 | 497 | // tslint:disable-next-line:no-shadowed-variable 498 | namespace Constants { 499 | enum AutoFocus { 500 | on = 'on', 501 | off = 'off' 502 | } 503 | 504 | enum FlashMode { 505 | off = 'off', 506 | on = 'on', 507 | auto = 'auto', 508 | photo = 'photo' 509 | } 510 | 511 | /** Camera facing. */ 512 | enum Type { 513 | back = 'back', 514 | front = 'front' 515 | } 516 | 517 | enum VideoQuality { 518 | '2160p' = '2160p', 519 | '1080p' = '1080p', 520 | '720p' = '720p', 521 | '480p' = '480p', 522 | '4:3' = '4:3' 523 | } 524 | 525 | enum WhiteBalance { 526 | auto = 'auto', 527 | sunny = 'sunny', 528 | cloudy = 'cloudy', 529 | shadow = 'shadow', 530 | incandescent = 'incandescent', 531 | fluorescent = 'fluorescent' 532 | } 533 | } 534 | 535 | interface Photo { 536 | base64: boolean 537 | exif: boolean 538 | height: number 539 | uri: string 540 | width: number 541 | } 542 | 543 | interface TakePictureOptions { 544 | base64: boolean 545 | exif: boolean 546 | quality: number 547 | } 548 | } 549 | // #endregion 550 | 551 | /** System information that remains constant throughout the lifetime of your app. */ 552 | namespace Constants { 553 | type Platform = { 554 | ios: { 555 | /** The human-readable model name of this device, e.g. `"iPhone 7 Plus"`. */ 556 | model: string, 557 | 558 | /** The Apple internal model identifier for this device, e.g. `"iPhone1,1"`. */ 559 | platform: string, 560 | 561 | /** The version of iOS running on this device, e.g. `"10.3"`. */ 562 | systemVersion: string, 563 | 564 | /** The user interface idiom of this device, i.e. whether the app is running on an iPhone or an iPad. Current supported values are `"handset"` and `"tablet"`. Apple TV and CarPlay will show up as `"unsupported"`. */ 565 | userInterfaceIdiom: string 566 | } 567 | } 568 | 569 | /** 570 | * - `"expo"`: Running inside the Expo client. 571 | * - `"standalone"`: Standalone app. 572 | * - `"guest"`: Opened through a link from a standalone app. 573 | */ 574 | const appOwnership: 'expo' | 'standalone' | 'guest' 575 | 576 | /** An identifier that is unique to this particular device and installation of the Expo client. */ 577 | const deviceId: string 578 | 579 | /** A human-readable name for the device type. */ 580 | const deviceName: string 581 | 582 | /** The year the device would be considered high end. Might be Android only. */ 583 | const deviceYearClass: number 584 | 585 | /** The version string of the Expo client currently running. */ 586 | const expoVersion: string 587 | 588 | /** Gets the user agent string which would be included in requests sent by a web view running on this device. */ 589 | function getWebViewUserAgentAsync(): Promise 590 | 591 | /** true if the app is running on a device, false if running in a simulator or emulator. */ 592 | const isDevice: boolean 593 | 594 | /** When an app is opened due to a deep link, the prefix of the URI without the deep link part. This value depends on `Expo.Constants.appOwnership`—: it may be different if your app is running standalone vs. in the Expo client. */ 595 | const linkingUri: string 596 | 597 | /** See https://docs.expo.io/versions/latest/guides/how-expo-works.html#expo-manifest. */ 598 | const manifest: any 599 | 600 | const platform: Platform 601 | 602 | /** A string that is unique to the current session of your app. It is different across apps and across multiple launches of the same app. */ 603 | const sessionId: string 604 | 605 | /** The default status bar height for the device. Does not factor in changes when location tracking is in use or a phone call is active. */ 606 | const statusBarHeight: number 607 | 608 | /** A list of the system font names available on the current device. */ 609 | const systemFonts: Array 610 | } 611 | 612 | namespace Contacts { 613 | type FieldType = 'phoneNumbers' | 'emails' | 'addresses' 614 | 615 | interface Options { 616 | pageSize?: number 617 | pageOffset?: number 618 | fields?: Array 619 | } 620 | 621 | interface Contact { 622 | id: number 623 | name: string 624 | firstName?: string 625 | middleName?: string 626 | lastName?: string 627 | emails?: Array<{ 628 | email?: string, 629 | primary?: boolean, 630 | label: string 631 | }> 632 | phoneNumbers?: Array<{ 633 | number?: string, 634 | primary?: boolean, 635 | label: string 636 | }> 637 | addresses?: Array<{ 638 | street?: string, 639 | city?: string, 640 | country?: string, 641 | region?: string, 642 | neighborhood?: string, 643 | postcode?: string, 644 | pobox?: string, 645 | label: string 646 | }> 647 | company?: string 648 | jobTitle?: string 649 | } 650 | 651 | interface Response { 652 | data: Array, 653 | total: number, 654 | hasNextPage: boolean, 655 | hasPreviousPage: boolean, 656 | } 657 | 658 | const PHONE_NUMBERS = 'phoneNumbers' 659 | const EMAILS = 'emails' 660 | const ADDRESSES = 'addresses' 661 | 662 | type Field = 'phoneNumbers' | 'emails' | 'addresses' 663 | 664 | interface Options { 665 | pageSize?: number 666 | pageOffset?: number 667 | fields?: Array 668 | } 669 | function getContactsAsync(options: Options): Promise 670 | } 671 | 672 | //#region BlurView 673 | interface BlurViewProps { 674 | intensity: number 675 | style?: ViewStyle 676 | tint: 'light' | 'default' | 'dark' 677 | } 678 | 679 | class BlurView extends React.Component { } 680 | //#endregion 681 | 682 | class AppLoading extends React.Component { } 683 | 684 | //#region BarCodeScanner 685 | interface BarCodeScannerProps { 686 | type?: 'front' | 'back' 687 | torchMode?: 'on' | 'off' 688 | barCodeTypes: Array // TODO: add supported formats 689 | style: ViewStyle 690 | } 691 | 692 | class BarCodeScanner extends React.Component { } 693 | //#endregion 694 | 695 | //#region GLView 696 | // TODO: better defs because there is no complete documentation. I did it from the code. 697 | interface GLViewProps extends ViewProperties { 698 | onContextCreate(): void 699 | msaaSamples: number 700 | } 701 | 702 | class GLView extends React.Component { } 703 | //#endregion 704 | 705 | class KeepAwake extends React.Component { 706 | static activate(): void 707 | static deactivate(): void 708 | } 709 | 710 | //#region MapView 711 | // Copied from https://github.com/airbnb/react-native-maps/blob/master/index.d.ts. Don't know if it is possible to avoid copying. 712 | interface MapViewProps { 713 | provider?: 'google' 714 | style: any 715 | customMapStyle?: Array 716 | customMapStyleString?: string 717 | showsUserLocation?: boolean 718 | userLocationAnnotationTitle?: string 719 | showsMyLocationButton?: boolean 720 | followsUserLocation?: boolean 721 | showsPointsOfInterest?: boolean 722 | showsCompass?: boolean 723 | zoomEnabled?: boolean 724 | rotateEnabled?: boolean 725 | cacheEnabled?: boolean 726 | loadingEnabled?: boolean 727 | loadingBackgroundColor?: any 728 | loadingIndicatorColor?: any 729 | scrollEnabled?: boolean 730 | pitchEnabled?: boolean 731 | toolbarEnabled?: boolean 732 | moveOnMarkerPress?: boolean 733 | showsScale?: boolean 734 | showsBuildings?: boolean 735 | showsTraffic?: boolean 736 | showsIndoors?: boolean 737 | showsIndoorLevelPicker?: boolean 738 | mapType?: 'standard' | 'satellite' | 'hybrid' | 'terrain' | 'none' 739 | region?: { 740 | latitude: number; 741 | longitude: number; 742 | /** Distance between the minimum and the maximum latitude. */ 743 | latitudeDelta: number; 744 | /** Distance between the minimum and the maximum longitude. */ 745 | longitudeDelta: number; 746 | } 747 | initialRegion?: { 748 | latitude: number; 749 | longitude: number; 750 | /** Distance between the minimum and the maximum latitude. */ 751 | latitudeDelta: number; 752 | /** Distance between the minimum and the maximum longitude. */ 753 | longitudeDelta: number; 754 | } 755 | liteMode?: boolean 756 | maxDelta?: number 757 | minDelta?: number 758 | legalLabelInsets?: any 759 | onChange?: Function 760 | onMapReady?: Function 761 | onRegionChange?: Function 762 | onRegionChangeComplete?: Function 763 | onPress?: Function 764 | onLayout?: Function 765 | onLongPress?: Function 766 | onPanDrag?: Function 767 | onMarkerPress?: Function 768 | onMarkerSelect?: Function 769 | onMarkerDeselect?: Function 770 | onCalloutPress?: Function 771 | onMarkerDragStart?: Function 772 | onMarkerDrag?: Function 773 | onMarkerDragEnd?: Function 774 | minZoomLevel?: number 775 | maxZoomLevel?: number 776 | } 777 | 778 | class MapView extends React.Component { 779 | static Animated: any 780 | static AnimatedRegion: any 781 | } 782 | 783 | namespace MapView { 784 | type LineCapType = 'butt' | 'round' | 'square' 785 | type LineJoinType = 'miter' | 'round' | 'bevel' 786 | 787 | interface MarkerProps { 788 | identifier?: string 789 | reuseIdentifier?: string 790 | title?: string 791 | description?: string 792 | image?: any 793 | opacity?: number 794 | pinColor?: string 795 | coordinate: { latitude: number; longitude: number } 796 | centerOffset?: { x: number; y: number } 797 | calloutOffset?: { x: number; y: number } 798 | anchor?: { x: number; y: number } 799 | calloutAnchor?: { x: number; y: number } 800 | flat?: boolean 801 | draggable?: boolean 802 | onPress?: Function 803 | onSelect?: Function 804 | onDeselect?: Function 805 | onCalloutPress?: Function 806 | onDragStart?: Function 807 | onDrag?: Function 808 | onDragEnd?: Function 809 | zIndex?: number 810 | } 811 | 812 | interface MapPolylineProps { 813 | coordinates?: Array<{ latitude: number; longitude: number; }> 814 | onPress?: Function 815 | tappable?: boolean 816 | fillColor?: string 817 | strokeWidth?: number 818 | strokeColor?: string 819 | zIndex?: number 820 | lineCap?: LineCapType 821 | lineJoin?: LineJoinType 822 | miterLimit?: number 823 | geodesic?: boolean 824 | lineDashPhase?: number 825 | lineDashPattern?: Array 826 | } 827 | 828 | interface MapPolygonProps { 829 | coordinates?: Array<{ latitude: number; longitude: number; }> 830 | holes?: Array> 831 | onPress?: Function 832 | tappable?: boolean 833 | strokeWidth?: number 834 | strokeColor?: string 835 | fillColor?: string 836 | zIndex?: number 837 | lineCap?: LineCapType 838 | lineJoin?: LineJoinType 839 | miterLimit?: number 840 | geodesic?: boolean 841 | lineDashPhase?: number 842 | lineDashPattern?: Array 843 | } 844 | 845 | interface MapCircleProps { 846 | center: { latitude: number; longitude: number } 847 | radius: number 848 | onPress?: Function 849 | strokeWidth?: number 850 | strokeColor?: string 851 | fillColor?: string 852 | zIndex?: number 853 | lineCap?: LineCapType 854 | lineJoin?: LineJoinType 855 | miterLimit?: number 856 | lineDashPhase?: number 857 | lineDashPattern?: Array 858 | } 859 | 860 | interface MapUrlTitleProps { 861 | urlTemplate: string 862 | zIndex?: number 863 | } 864 | 865 | interface MapCalloutProps { 866 | tooltip?: boolean 867 | onPress?: Function 868 | } 869 | 870 | class Marker extends React.Component { } 871 | class Polyline extends React.Component { } 872 | class Polygon extends React.Component { } 873 | class Circle extends React.Component { } 874 | class UrlTile extends React.Component { } 875 | class Callout extends React.Component { } 876 | } 877 | //#endregion 878 | 879 | /** 880 | * Expo Video 881 | */ 882 | interface VideoLoad { 883 | duration: number 884 | currentTime: number 885 | canPlayReverse: boolean 886 | canPlayFastForward: boolean 887 | canPlaySlowForward: boolean 888 | canPlaySlowReverse: boolean 889 | canStepBackward: boolean 890 | canStepForward: boolean 891 | naturalSize: { 892 | width: number; 893 | heigth: number; 894 | orientation: 'landscape' | 'portrait' 895 | } 896 | } 897 | type VideoError = 898 | { 899 | code: any, 900 | domain: any 901 | } | { 902 | what: any, 903 | extra: any 904 | } 905 | 906 | interface VideoProgress { 907 | currentTime: number 908 | playableDuration: number 909 | } 910 | 911 | interface VideoSeek { 912 | currentTime: number 913 | seekTime: number 914 | } 915 | 916 | interface VideoProps { 917 | source: any // TODO: better def: string|*require(file)* 918 | fullscreen?: boolean 919 | resizeMode?: string // TODO: resize mode instead of general string 920 | repeat?: boolean 921 | paused?: boolean 922 | volume?: number 923 | muted?: boolean 924 | rate?: number 925 | onLoadStart?: (param: { uri: string }) => any 926 | onLoad?: (load: VideoLoad) => any 927 | onError?: (error: { error: VideoError }) => any 928 | onProgress?: (progress: VideoProgress) => any 929 | onSeek?: (seek: VideoSeek) => any 930 | onEnd?: () => any 931 | } 932 | 933 | class Video extends React.Component { 934 | static RESIZE_MODE_CONTAIN: string 935 | static RESIZE_MODE_COVER: string 936 | static RESIZE_MODE_STRETCH: string 937 | 938 | seek(time: string): void 939 | presentFullscreenPlayer(): void 940 | dismissFullscreenPlayer(): void 941 | } 942 | 943 | namespace DocumentPicker { 944 | interface Options { 945 | type: string 946 | } 947 | type Response = 948 | { 949 | type: 'success', 950 | uri: string, 951 | name: string, 952 | size: number 953 | } | { 954 | type: 'cancel' 955 | } 956 | 957 | function getDocumentAsync(options: Options): Response 958 | } 959 | 960 | namespace ErrorRecovery { 961 | function setRecoveryProps(props: object): void 962 | } 963 | 964 | namespace Facebook { 965 | type FacebookPermissions = 'email' | 'public_profile' | 'read_custom_friendlists' | 'user_about_me' | 'user_birthday' | 'user_education_history' | 'user_friends' | 'user_hometown' | 'user_location' | 'user_relationship_details' | 'user_relationships' | 'user_religion_politics' | 'user_work_history' | 'user_actions.books' | 'user_actions.fitness' | 'user_actions.music' | 'user_actions.news' | 'user_actions.video' | 'user_games_activity' | 'user_likes' | 'user_photos' | 'user_posts' | 'user_tagged_places' | 'user_videos' | 'user_website' | 'user_events' | 'user_managed_groups' | 'publish_actions' | 'rsvp_event' | 'ads_management' | 'ads_read' | 'business_management' | 'read_audience_network_insights' | 'read_insights' | 'manage_pages' | 'pages_manage_cta' | 'pages_manage_instant_articles' | 'pages_show_list' | 'read_page_mailboxes' | 'publish_pages' | 'pages_messaging' | 'pages_messaging_payments' | 'pages_messaging_phone_number' | 'pages_messaging_subscriptions' | 'instagram_basic' | 'instagram_manage_comments' | 'instagram_manage_insights' 966 | 967 | interface Options { 968 | permissions?: Array 969 | behavior?: 'web' | 'native' | 'browser' | 'system' 970 | } 971 | 972 | type Response = 973 | { 974 | type: 'success', 975 | token: string, 976 | expires: number 977 | } | { 978 | type: 'cancel' 979 | } 980 | 981 | function logInWithReadPermissionsAsync(appId: string, options: Options): Promise 982 | } 983 | 984 | namespace FacebookAds { 985 | /** 986 | * Interstitial Ads 987 | */ 988 | namespace InterstitialAdManager { 989 | function showAd(placementId: string): Promise 990 | } 991 | 992 | /** 993 | * Native Ads 994 | */ 995 | type MediaCachePolicy = 'none' | 'icon' | 'image' | 'all' 996 | class NativeAdsManager { 997 | constructor(placementId: string, numberOfAdsToRequest?: number); 998 | disableAutoRefresh(): void 999 | setMediaCachePolicy(iOS: MediaCachePolicy): any 1000 | } 1001 | 1002 | function withNativeAd(component: React.Component<{ 1003 | icon?: string; 1004 | coverImage?: string; 1005 | title?: string; 1006 | subtitle?: string; 1007 | description?: string; 1008 | callToActionText?: string; 1009 | socialContext?: string; 1010 | }, any>): React.Component<{ adsManager: NativeAdsManager }, { ad: any, canRequestAds: boolean }> 1011 | 1012 | /** 1013 | * Banner View 1014 | */ 1015 | type AdType = 'large' | 'rectangle' | 'standard' 1016 | 1017 | interface BannerViewProps { 1018 | type: AdType 1019 | placementId: string 1020 | onPress: () => any 1021 | onError: () => any 1022 | } 1023 | 1024 | class BannerView extends React.Component { } 1025 | 1026 | /** 1027 | * Ad Settings 1028 | */ 1029 | namespace AdSettings { 1030 | const currentDeviceHash: string 1031 | function addTestDevice(device: string): void 1032 | function clearTestDevices(): void 1033 | type SDKLogLevel = 'none' 1034 | | 'debug' 1035 | | 'verbose' 1036 | | 'warning' 1037 | | 'error' 1038 | | 'notification' 1039 | 1040 | function setLogLevel(logLevel: SDKLogLevel): void 1041 | function setIsChildDirected(isDirected: boolean): void 1042 | function setMediationService(mediationService: string): void 1043 | function setUrlPrefix(urlPrefix: string): void 1044 | } 1045 | } 1046 | 1047 | namespace Font { 1048 | type FontSource = string | number | Asset 1049 | 1050 | function isLoaded(name: string): boolean 1051 | function isLoading(name: string): boolean 1052 | function loadAsync( 1053 | nameOrMap: string | { [index: string]: FontSource }, 1054 | uriOrModuleOrAsset?: FontSource 1055 | ): Promise 1056 | function processFontFamily(name?: string | null): string | null | undefined 1057 | } 1058 | 1059 | namespace Google { 1060 | interface LogInConfig { 1061 | androidClientId?: string 1062 | androidStandaloneAppClientId?: string 1063 | iosClientId?: string 1064 | iosStandaloneAppClientId?: string 1065 | behavior?: 'system' | 'web' 1066 | scopes?: Array 1067 | } 1068 | 1069 | type LogInResult = 1070 | { 1071 | type: 'cancel' 1072 | } | { 1073 | type: 'success', 1074 | accessToken: string, 1075 | idToken?: string, 1076 | refreshToken?: string, 1077 | serverAuthCode?: string, 1078 | user: { 1079 | id: string, 1080 | name: string, 1081 | givenName: string, 1082 | familyName: string, 1083 | photoUrl?: string, 1084 | email?: string 1085 | } 1086 | } 1087 | 1088 | function logInAsync(config: LogInConfig): Promise 1089 | } 1090 | 1091 | /** Access the device gyroscope sensor to respond to changes in rotation in 3d space. */ 1092 | namespace Gyroscope { 1093 | interface GyroscopeObject { 1094 | x: number 1095 | y: number 1096 | z: number 1097 | } 1098 | 1099 | /** A callback that is invoked when an gyroscope update is available. */ 1100 | function addListener(listener: (obj: GyroscopeObject) => any): EventSubscription 1101 | 1102 | /** Remove all listeners. */ 1103 | function removeAllListeners(): void 1104 | 1105 | /** Subscribe for updates to the gyroscope. */ 1106 | function setUpdateInterval(intervalMs: number): void 1107 | } 1108 | 1109 | namespace ImagePicker { 1110 | interface ImageInfo { 1111 | uri: string 1112 | width: number 1113 | height: number 1114 | } 1115 | 1116 | type ImageResult = { cancelled: true } | ({ cancelled: false } & ImageInfo) 1117 | 1118 | interface ImageLibraryOptions { 1119 | allowsEditing?: boolean 1120 | aspect?: [number, number] 1121 | quality?: number 1122 | } 1123 | 1124 | function launchImageLibraryAsync(options?: ImageLibraryOptions): Promise 1125 | 1126 | interface CameraOptions { 1127 | allowsEditing?: boolean 1128 | aspect?: [number, number] 1129 | quality?: number 1130 | } 1131 | function launchCameraAsync(options?: CameraOptions): Promise 1132 | } 1133 | 1134 | interface LinearGradientProps extends ViewProperties { 1135 | colors?: Array 1136 | start?: [number, number] 1137 | end?: [number, number] 1138 | locations?: Array 1139 | } 1140 | 1141 | /** Linear gradient. See https://github.com/react-native-community/react-native-linear-gradient. */ 1142 | class LinearGradient extends Component { } 1143 | 1144 | namespace Location { 1145 | interface LocationOptions { 1146 | enableHighAccuracy?: boolean 1147 | timeInterval?: number 1148 | distanceInterval?: number 1149 | } 1150 | 1151 | interface LocationData { 1152 | coords: { 1153 | latitude: number, 1154 | longitude: number, 1155 | altitude: number, 1156 | accuracy: number, 1157 | heading: number, 1158 | speed: number 1159 | } 1160 | timestamp: number 1161 | } 1162 | 1163 | type LocationCallback = (data: LocationData) => any 1164 | 1165 | function getCurrentPositionAsync(options: LocationOptions): Promise // TODO: check if it's correct 1166 | function watchPositionAsync(options: LocationOptions, callback: (data: LocationData) => any): EventSubscription 1167 | } 1168 | 1169 | namespace Notifications { 1170 | interface Notification { 1171 | origin: 'selected' | 'received' 1172 | data: any 1173 | remote: boolean 1174 | isMultiple: boolean 1175 | } 1176 | 1177 | interface LocalNotification { 1178 | title: string 1179 | body?: string 1180 | data?: any 1181 | ios?: { 1182 | sound?: boolean 1183 | } 1184 | android?: { 1185 | sound?: boolean; 1186 | icon?: string; 1187 | color?: string; 1188 | priority?: 'min' | 'low' | 'high' | 'max'; 1189 | sticky?: boolean; 1190 | vibrate?: boolean | Array; 1191 | link?: string; 1192 | } 1193 | } 1194 | 1195 | type LocalNotificationId = string | number 1196 | 1197 | function addListener(listener: (notification: Notification) => any): EventSubscription 1198 | function getExponentPushTokenAsync(): Promise 1199 | function presentLocalNotificationAsync(localNotification: LocalNotification): Promise 1200 | function scheduleLocalNotificationAsync( 1201 | localNotification: LocalNotification, 1202 | schedulingOptions: { time: Date | number, repeat?: 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year' } 1203 | ): Promise 1204 | function dismissNotificationAsync(localNotificationId: LocalNotificationId): Promise 1205 | function dismissAllNotificationsAsync(): Promise 1206 | function cancelScheduledNotificationAsync(localNotificationId: LocalNotificationId): Promise 1207 | function cancelAllScheduledNotificationsAsync(): Promise 1208 | function getBadgeNumberAsync(): Promise 1209 | function setBadgeNumberAsync(badgeNumber: number): Promise 1210 | } 1211 | 1212 | namespace Permissions { 1213 | type PermissionType 1214 | = 'audioRecording' 1215 | | 'camera' 1216 | | 'cameraRoll' 1217 | | 'contacts' 1218 | | 'location' 1219 | | 'remoteNotifications' 1220 | | 'systemBrightness' 1221 | 1222 | type PermissionStatus = 'undetermined' | 'granted' | 'denied' 1223 | type PermissionExpires = 'never' 1224 | interface PermissionDetailsLocationIos { 1225 | scope: 'whenInUse' | 'always' 1226 | } 1227 | interface PermissionDetailsLocationAndroid { 1228 | scope: 'fine' | 'coarse' | 'none' 1229 | } 1230 | interface PermissionResponse { 1231 | android?: PermissionDetailsLocationAndroid 1232 | expires: PermissionExpires 1233 | ios?: PermissionDetailsLocationIos 1234 | status: PermissionStatus 1235 | } 1236 | 1237 | function getAsync(type: PermissionType): Promise 1238 | function askAsync(type: PermissionType): Promise 1239 | 1240 | const AUDIO_RECORDING: PermissionType 1241 | const CAMERA_ROLL: PermissionType 1242 | const CAMERA: PermissionType 1243 | const CONTACTS: PermissionType 1244 | const LOCATION: PermissionType 1245 | const NOTIFICATIONS: PermissionType 1246 | const REMOTE_NOTIFICATIONS: PermissionType 1247 | const SYSTEM_BRIGHTNESS: PermissionType 1248 | } 1249 | 1250 | /** Register Root Component. Useful when using function like react-redux connect for example. */ 1251 | // TODO: verify if it's a good idea or not to use generics. 1252 | function registerRootComponent(component: React.Component): React.Component 1253 | 1254 | namespace ScreenOrientation { 1255 | namespace Orientation { 1256 | /** All 4 possible orientations. */ 1257 | const ALL: 'ALL' 1258 | 1259 | /** All but reverse portrait, could be all 4 orientations on certain Android devices. */ 1260 | const ALL_BUT_UPSIDE_DOWN: 'ALL_BUT_UPSIDE_DOWN' 1261 | 1262 | /** Portrait orientation, could also be reverse portrait on certain Android devices. */ 1263 | const PORTRAIT: 'PORTRAIT' 1264 | 1265 | /** Upside portrait only. */ 1266 | const PORTRAIT_UP: 'PORTRAIT_UP' 1267 | 1268 | /** Upside down portrait only. */ 1269 | const PORTRAIT_DOWN: 'PORTRAIT_DOWN' 1270 | 1271 | /** Any landscape orientation. */ 1272 | const LANDSCAPE: 'LANDSCAPE' 1273 | 1274 | /** Left landscape only. */ 1275 | const LANDSCAPE_LEFT: 'LANDSCAPE_LEFT' 1276 | 1277 | /** Right landscape only. */ 1278 | const LANDSCAPE_RIGHT: 'LANDSCAPE_RIGHT' 1279 | } 1280 | 1281 | function allow(orientation: 'ALL' | 'ALL_BUT_UPSIDE_DOWN' | 'PORTRAIT' | 'PORTRAIT_UP' | 'PORTRAIT_DOWN' | 'LANDSCAPE' | 'LANDSCAPE_LEFT' | 'LANDSCAPE_RIGHT'): void 1282 | } 1283 | 1284 | // TODO: check that all these functions return void or not. 1285 | namespace Segment { 1286 | function initializeIOS(writeKey: string): void 1287 | function initializeAndroid(writeKey: string): void 1288 | function identify(userId: string): void 1289 | function identifyWithTraits(userId: string, traits: any): void 1290 | function track(event: string): void 1291 | function trackWithProperties(event: string, properties: any): void 1292 | function flush(): void 1293 | } 1294 | 1295 | namespace SQLite { 1296 | type Error = any 1297 | 1298 | interface Database { 1299 | transaction( 1300 | callback: (transaction: Transaction) => any, 1301 | error?: (error: Error) => any, // TODO def of error 1302 | success?: () => any 1303 | ): void 1304 | } 1305 | 1306 | interface Transaction { 1307 | executeSql( 1308 | sqlStatement: string, 1309 | arguments?: Array, 1310 | success?: (transaction: Transaction, resultSet: ResultSet) => any, 1311 | error?: (transaction: Transaction, error: Error) => any 1312 | ): any 1313 | } 1314 | 1315 | interface ResultSet { 1316 | insertId: number 1317 | rowAffected: number 1318 | rows: { 1319 | length: number; 1320 | item: (index: number) => any; 1321 | _array: Array