fix: image viewer docs #172
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: Expo Latest | |
| on: | |
| push: | |
| branches: [ main, master ] | |
| pull_request: | |
| branches: [ main, master ] | |
| schedule: | |
| - cron: '0 0 * * *' # Run daily at midnight UTC | |
| jobs: | |
| check-expo-version: | |
| runs-on: macos-latest | |
| outputs: | |
| should_run: ${{ steps.check.outputs.should_run }} | |
| latest_version: ${{ steps.check.outputs.latest_version }} | |
| steps: | |
| - id: check | |
| run: | | |
| LATEST=$(npm view expo version) | |
| CURRENT=$(cat .expo-version 2>/dev/null || echo "") | |
| if [ "$LATEST" != "$CURRENT" ]; then | |
| echo "should_run=true" >> $GITHUB_OUTPUT | |
| echo "latest_version=$LATEST" >> $GITHUB_OUTPUT | |
| echo $LATEST > .expo-version | |
| else | |
| echo "should_run=false" >> $GITHUB_OUTPUT | |
| fi | |
| test-expo-latest: | |
| needs: check-expo-version | |
| if: ${{ needs.check-expo-version.outputs.should_run == 'true' || github.event_name == 'push' || github.event_name == 'pull_request' }} | |
| runs-on: macos-latest | |
| name: Expo latest | |
| steps: | |
| - uses: actions/checkout@v3 | |
| - name: Use Node.js | |
| uses: actions/setup-node@v3 | |
| with: | |
| node-version: '18' | |
| - name: Create Expo project | |
| run: | | |
| npx create-expo-app@latest test-app | |
| cd test-app | |
| - name: Install dependencies | |
| working-directory: test-app | |
| run: | | |
| npm install react-native-web react-dom @expo/metro-runtime | |
| - name: Install gluestack-ui | |
| working-directory: test-app | |
| run: | | |
| npx gluestack-ui init --template-only --projectType expo | |
| npx gluestack-ui add --all | |
| npx tailwindcss -i ./global.css -o ./node_modules/.cache/nativewind/global.css | |
| - name: Add Button component | |
| working-directory: test-app | |
| run: | | |
| mkdir -p app/\(tabs\) | |
| cat <<EOT > app/\(tabs\)/index.tsx | |
| import React from 'react'; | |
| import { View } from 'react-native'; | |
| import { Button, ButtonText } from '@/components/ui/button'; | |
| export default function App() { | |
| return ( | |
| <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}> | |
| <Button size="md" variant="solid" action="primary"> | |
| <ButtonText>Hello World!</ButtonText> | |
| </Button> | |
| </View> | |
| ); | |
| } | |
| EOT | |
| - name: Start Expo web app | |
| working-directory: test-app | |
| run: | | |
| npm run web & sleep 30 | |
| - name: Check if button is rendered | |
| run: | | |
| echo "First curl attempt:" | |
| curl -s http://localhost:8081 | tee curl_output_1.log | |
| echo "Waiting for 30 seconds..." | |
| sleep 30 | |
| echo "Second curl attempt:" | |
| curl -s http://localhost:8081 | tee curl_output_2.log | |
| echo "Searching for 'Hello World!' in the output:" | |
| if grep -q "Hello World!" curl_output_1.log || grep -q "Hello World!" curl_output_2.log; then | |
| echo "Button found on the page" | |
| exit 0 | |
| else | |
| echo "Button not found on the page" | |
| exit 1 | |
| fi | |
| notify: | |
| needs: test-expo-latest | |
| if: always() && github.event_name == 'push' && github.ref == 'refs/heads/main' | |
| runs-on: macos-latest | |
| steps: | |
| - name: Slack Notification | |
| uses: 8398a7/action-slack@v3 | |
| with: | |
| status: ${{ job.status }} | |
| text: 'Expo Latest Test: ${{ job.status }}' | |
| fields: repo,commit,action,eventName | |
| env: | |
| GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} | |
| SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }} |