Use React Native Test App for Example (#97)

Author: Naturalclar

.github/workflows/ci.yml

@@ -6,7 +6,7 @@ jobs:
     runs-on: ubuntu-18.04
     strategy:
       matrix:
-        node-version: [12]
+        node-version: [16]
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
@@ -27,7 +27,7 @@ jobs:
     runs-on: ubuntu-18.04
     strategy:
       matrix:
-        node-version: [12]
+        node-version: [16]
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
@@ -48,7 +48,7 @@ jobs:
     runs-on: ubuntu-18.04
     strategy:
       matrix:
-        node-version: [12]
+        node-version: [16]
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
@@ -69,12 +69,17 @@ jobs:
     runs-on: ubuntu-18.04
     strategy:
       matrix:
-        node-version: [12]
+        node-version: [16]
+        java-version: [11]
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
         with:
           node-version: ${{ matrix.node-version }}
+      - uses: actions/setup-java@v3
+        with:
+          distribution: 'zulu' # See 'Supported distributions' for available options
+          java-version: ${{ matrix.java-version }}
       - name: Get yarn cache
         id: yarn-cache
         run: echo "::set-output name=dir::$(yarn cache dir)"
@@ -84,13 +89,17 @@ jobs:
           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
       - name: Install Dependencies
         run: yarn
+      - name: Install Example Dependencies
+        run: cd example && yarn
+      - name: Build android
+        run: cd example && yarn build:android
       - name: Build Android Example App and Library
         run: cd example/android && ./gradlew clean assembleDebug
   ios:
     runs-on: macos-latest
     strategy:
       matrix:
-        node-version: [12]
+        node-version: [16]
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
@@ -105,7 +114,11 @@ jobs:
           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
       - name: Install Dependencies
         run: yarn
+      - name: Install Example Dependencies
+        run: cd example && yarn
+      - name: Build ios
+        run: cd example && yarn build:ios
       - name: Install Podfiles
-        run: cd example && npx pod-install
+        run: cd example && pod install --project-directory=ios
       - name: Build example app
         run: yarn ios

.github/workflows/windows-ci.yml

@@ -5,6 +5,9 @@ jobs:
   run-windows-tests:
     name: Build & run tests
     runs-on: windows-2019
+    strategy:
+      matrix:
+        node-version: [16]
 
     steps:
     - uses: actions/checkout@v2
@@ -13,7 +16,7 @@ jobs:
     - name: Setup Node.js
       uses: actions/setup-node@v1
       with:
-        node-version: '12.9.1'
+        node-version: ${{ matrix.node-version }}
 
     - name: Setup MSBuild
       uses: microsoft/[email protected]
@@ -33,33 +36,21 @@ jobs:
           ${{ runner.os }}-yarn-
     - name: Install node modules
       if: steps.yarn-cache.outputs.cache-hit != 'true'
-      run: 
-        yarn add [email protected] --dev
-        yarn --pure-lockfile
-    
-    - name: yarn build
-      if: steps.yarn-cache.outputs.cache-hit == 'true'
-      run: |
-        yarn build
-        yarn tsc
-        
-    - name: NuGet restore
-      run: nuget restore example\windows\ProgressViewExample.sln
+      run: yarn --pure-lockfile
+
+    - name: Install example node modules
+      if: steps.yarn-cache.outputs.cache-hit != 'true'
+      run: cd example && yarn
 
-    - name: Build x64 release
-      run: npx react-native run-windows --root example --arch x64 --release --no-packager --no-deploy --logging
- 
-    - name: Deploy
-      shell: powershell
-      run: |
-        cd example
-        Copy-Item -Path windows\x64\Release -Recurse -Destination windows\
-        npx react-native run-windows --arch x64 --release --no-build --no-packager
+    - name: Build Windows
+      run: cd example && yarn build:windows
 
+    - name: Generate Windows App
+      run: cd example && npx install-windows-test-app --use-nuget
+     
+    # - name: Start Appium server
+    #   shell: powershell
+    #   run: Start-Process PowerShell -ArgumentList "yarn appium"
 
-    - name: Start Appium server
-      shell: powershell
-      run: Start-Process PowerShell -ArgumentList "yarn appium"
-      
-    - name: Run tests
-      run: yarn test:windows
+    # - name: Run tests
+    #   run: yarn test:windows

example/.buckconfig

@@ -1,59 +1,14 @@
-# OSX
-#
+*.binlog
+*.hprof
+*.xcworkspace/
+*.zip
 .DS_Store
-
-# Xcode
-#
+.gradle/
+.idea/
+.vs/
+Pods/
 build/
-*.pbxuser
-!default.pbxuser
-*.mode1v3
-!default.mode1v3
-*.mode2v3
-!default.mode2v3
-*.perspectivev3
-!default.perspectivev3
-xcuserdata
-*.xccheckout
-*.moved-aside
-DerivedData
-*.hmap
-*.ipa
-*.xcuserstate
-
-# Android/IntelliJ
-#
-build/
-.idea
-.gradle
+dist/
 local.properties
-*.iml
-
-# node.js
-#
+msbuild.binlog
 node_modules/
-npm-debug.log
-yarn-error.log
-
-# BUCK
-buck-out/
-\.buckd/
-*.keystore
-!debug.keystore
-
-# fastlane
-#
-# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
-# screenshots whenever they are needed.
-# For more information about the recommended setup visit:
-# https://docs.fastlane.tools/best-practices/source-control/
-
-*/fastlane/report.xml
-*/fastlane/Preview.html
-*/fastlane/screenshots
-
-# Bundle artifact
-*.jsbundle
-
-# CocoaPods
-/ios/Pods/

example/.flowconfig

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import {StyleSheet, Text, SafeAreaView, Platform} from 'react-native';
-import {ProgressView} from '../js';
+import {ProgressView} from '@react-native-community/progress-view';
 
 type Props = {||};
 type State = {|
   progress: number,
 |};
 
-export class App extends React.Component<Props, State> {
+class App extends React.Component<Props, State> {
   _rafId: ?AnimationFrameID = null;
 
   state = {
@@ -118,6 +118,8 @@ export class App extends React.Component<Props, State> {
   }
 }
 
+export default App;
+
 const styles = StyleSheet.create({
   container: {
     flex: 1,