Merge pull request #89 from smellman/dev-reactnative0.62

React Native 0.62 supports

Author: fchasen

.gitignore

@@ -49,3 +49,9 @@ buck-out/
 
 my-release-key.keystore
 StaticServerExample/my-release-key.keystore
+
+# Android
+.classpath
+.project
+.settings/
+android/.project

README.md

@@ -9,6 +9,8 @@ A cross platform component for serving static assets with React Native.
 
 ### Installation
 
+From react-native 0.60 autolinking will take care of the link step but don't forget to run pod install
+
 `$ react-native link react-native-static-server`
 
 ## Usage

StaticServerExample/.flowconfig

@@ -5,24 +5,23 @@
 ; Ignore "BUCK" generated dirs
 <PROJECT_ROOT>/\.buckd/
 
-; Ignore unexpected extra "@providesModule"
-.*/node_modules/.*/node_modules/fbjs/.*
+; Ignore polyfills
+node_modules/react-native/Libraries/polyfills/.*
 
-; Ignore duplicate module providers
-; For RN Apps installed via npm, "Libraries" folder is inside
-; "node_modules/react-native" but in the source repo it is in the root
-.*/Libraries/react-native/React.js
+; These should not be required directly
+; require from fbjs/lib instead: require('fbjs/lib/warning')
+node_modules/warning/.*
 
-; Ignore polyfills
-.*/Libraries/polyfills/.*
+; Flow doesn't support platforms
+.*/Libraries/Utilities/LoadingView.js
 
-; Ignore metro
-.*/node_modules/metro/.*
+[untyped]
+.*/node_modules/@react-native-community/cli/.*/.*
 
 [include]
 
 [libs]
-node_modules/react-native/Libraries/react-native/react-native-interface.js
+node_modules/react-native/interface.js
 node_modules/react-native/flow/
 
 [options]
@@ -31,39 +30,44 @@ emoji=true
 esproposal.optional_chaining=enable
 esproposal.nullish_coalescing=enable
 
-module.system=haste
-module.system.haste.use_name_reducers=true
-# get basename
-module.system.haste.name_reducers='^.*/\([a-zA-Z0-9$_.-]+\.js\(\.flow\)?\)$' -> '\1'
-# strip .js or .js.flow suffix
-module.system.haste.name_reducers='^\(.*\)\.js\(\.flow\)?$' -> '\1'
-# strip .ios suffix
-module.system.haste.name_reducers='^\(.*\)\.ios$' -> '\1'
-module.system.haste.name_reducers='^\(.*\)\.android$' -> '\1'
-module.system.haste.name_reducers='^\(.*\)\.native$' -> '\1'
-module.system.haste.paths.blacklist=.*/__tests__/.*
-module.system.haste.paths.blacklist=.*/__mocks__/.*
-module.system.haste.paths.blacklist=<PROJECT_ROOT>/node_modules/react-native/Libraries/Animated/src/polyfills/.*
-module.system.haste.paths.whitelist=<PROJECT_ROOT>/node_modules/react-native/Libraries/.*
+module.file_ext=.js
+module.file_ext=.json
+module.file_ext=.ios.js
 
 munge_underscores=true
 
-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'
-
-module.file_ext=.js
-module.file_ext=.jsx
-module.file_ext=.json
-module.file_ext=.native.js
+module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/node_modules/react-native/\1'
+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\)$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/Image/RelativeImageStub'
 
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
 suppress_type=$FlowFixMeProps
 suppress_type=$FlowFixMeState
 
-suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
-suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
-suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)?:? #[0-9]+
 suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
 
+[lints]
+sketchy-null-number=warn
+sketchy-null-mixed=warn
+sketchy-number=warn
+untyped-type-import=warn
+nonstrict-import=warn
+deprecated-type=warn
+unsafe-getters-setters=warn
+inexact-spread=warn
+unnecessary-invariant=warn
+signature-verification-failure=warn
+deprecated-utility=error
+[strict]
+deprecated-type
+nonstrict-import
+sketchy-null
+unclear-type
+unsafe-getters-setters
+untyped-import
+untyped-type-import
+
 [version]
-^0.92.0
+^0.113.0

StaticServerExample/.gitattributes

@@ -1 +1,3 @@
 *.pbxproj -text
+# specific for windows script files
+*.bat text eol=crlf

StaticServerExample/.gitignore

@@ -20,7 +20,6 @@ DerivedData
 *.hmap
 *.ipa
 *.xcuserstate
-project.xcworkspace
 
 # Android/IntelliJ
 #
@@ -40,6 +39,7 @@ yarn-error.log
 buck-out/
 \.buckd/
 *.keystore
+!debug.keystore
 
 # fastlane
 #
@@ -54,3 +54,6 @@ buck-out/
 
 # Bundle artifact
 *.jsbundle
+
+# CocoaPods
+/ios/Pods/

StaticServerExample/.prettierrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  bracketSpacing: false,
+  jsxBracketSameLine: true,
+  singleQuote: true,
+  trailingComma: 'all',
+};

StaticServerExample/App.js

@@ -0,0 +1,108 @@
+/**
+ * Sample React Native Static Server
+ * https://github.com/futurepress/react-native-static-server
+ * @flow
+ */
+
+import React, { useState, useEffect } from 'react'
+import {
+  StyleSheet,
+  Text,
+  View,
+  Image
+} from 'react-native'
+
+// requires react-native-webview, see: https://github.com/uuidjs/uuid#getrandomvalues-not-supported
+import 'react-native-get-random-values'
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { v4 as uuidv4 } from 'uuid'
+import StaticServer from 'react-native-static-server'
+import RNFetchBlob from 'rn-fetch-blob'
+import { WebView } from 'react-native-webview'
+
+interface ITestViewProps {
+  port?: number
+  root?: string
+  file?: string
+  target?: any
+}
+
+export default function App (props: ITestViewProps): JSX.Element {
+  const [origin, setOrigin] = useState<string>('')
+  const [server, setServer] = useState<StaticServer>(null)
+  const port = typeof props.port !== 'undefined' ? props.port : 3030
+  const root = typeof props.root !== 'undefined' ? props.root : 'www/'
+  const file = typeof props.file !== 'undefined' ? props.file : 'index.html'
+  const target = typeof props.target !== 'undefined' ? props.target : require('./index.html')
+
+  useEffect(() => {
+    if (origin === '') {
+      // eslint-disable-next-line @typescript-eslint/no-var-requires
+      const index = target
+      const { uri } = Image.resolveAssetSource(index)
+      const path = RNFetchBlob.fs.dirs.DocumentDir + '/' + root
+      const dest = path + file
+      const startServer = async (): Promise<void> => {
+        const newServer = new StaticServer(port, root, { localOnly: true })
+        const origin = await newServer.start()
+        setOrigin(origin)
+        setServer(newServer)
+      }
+      const prepare = async (): Promise<void> => {
+        try {
+          await RNFetchBlob.fs.mkdir(path)
+        } catch (e) {
+          console.log(`directory is created ${path}`)
+        }
+        let added: Promise<boolean>
+        if (uri.includes('file://')) {
+          // Copy file in release
+          const result = await RNFetchBlob.fs.exists(dest)
+          if (!result) {
+            added = RNFetchBlob.fs.cp(uri, dest)
+          }
+        } else {
+          // Download for development
+          const result = await RNFetchBlob.config({ fileCache: true }).fetch('GET', uri)
+          added = RNFetchBlob.fs.mv(result.path(), dest)
+        }
+        try {
+          await added
+        } catch (e) {
+          console.log(e)
+        }
+        await startServer()
+      }
+      // eslint-disable-next-line @typescript-eslint/no-floating-promises
+      prepare()
+      return () => {
+        if (server !== null) {
+          server.kill()
+        }
+      }
+    }
+  }, [])
+
+  if (origin !== '') {
+    return <WebView
+      source={{ uri: `${origin}/${file}` }}
+      style={styles.webview}
+    />
+  }
+  return <View style={styles.container}>
+    <Text>Loading...</Text>
+  </View>
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF'
+  },
+  webview: {
+    marginTop: 20,
+    flex: 1
+  }
+})