test: github workflows

.github/workflows/gluestack-expo-app.yml

@@ -0,0 +1,37 @@
+name: Gluestack-ui Expo App | Start and Build
+
+on:
+  push:
+    branches:
+      - patch
+  pull_request:
+    branches:
+      - patch
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    env:
+      working-directory: expo-app
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Use Node.js 18.x
+        uses: actions/setup-node@v1
+        with:
+          node-version: 18.x
+
+      - name: Install dependencies
+        working-directory: ${{ env.working-directory }}
+        run: yarn
+
+      - name: Start Expo on port 19006
+        working-directory: ${{ env.working-directory }}
+        run: |
+          yarn web --port 19006 &
+          sleep 60 # Wait for Expo to start
+
+      - name: Run tests
+        working-directory: ${{ env.working-directory }}
+        run: yarn test

.github/workflows/gluestack-next.yml

@@ -0,0 +1,31 @@
+name: Gluestack-ui Next App | Start and Build
+
+on:
+  push:
+    branches:
+      - patch
+  pull_request:
+    branches:
+      - patch
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    env:
+      working-directory: next
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Use Node.js 18.x
+        uses: actions/setup-node@v1
+        with:
+          node-version: 18.x
+
+      - name: Install dependencies
+        working-directory: ${{ env.working-directory }}
+        run: yarn
+
+      - name: Build Next
+        working-directory: ${{ env.working-directory }}
+        run: yarn build

.github/workflows/universal-gluestack-app.yml

@@ -0,0 +1,34 @@
+name: Universal App | Start and Build
+
+on:
+  push:
+    branches:
+      - patch
+  pull_request:
+    branches:
+      - patch
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    env:
+      working-directory: universal
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Use Node.js 18.x
+        uses: actions/setup-node@v1
+        with:
+          node-version: 18.x
+
+      - name: Install dependencies
+        run: yarn
+
+      - name: Install dependencies for Next app
+        working-directory: ${{ env.working-directory }}/apps/next
+        run: yarn
+
+      - name: Build Next
+        working-directory: ${{ env.working-directory }}
+        run: yarn build:next

README.md

@@ -9,12 +9,13 @@ Welcome to the gluestack-ui Starter Kit! This project is designed to help you ki
 1. Clone the repository:
 
 ```bash
-https://github.com/gluestack/gluestack-ui-starter-kits.git
+git clone https://github.com/gluestack/gluestack-ui-starter-kits.git
+cd gluestack-ui-starter-kits
 ```
 
 2. Install dependencies:
 
-Go to `expo-app`, `next` and `universal` folders and run the following command:
+Go to `expo-app`, `next` and `universal` folders and run the following command in each:
 
 ```bash
 yarn
@@ -40,13 +41,13 @@ cd expo-app && yarn start
 
 #### Universal
 
-To run expo app, run the following command:
+For the Expo app in the universal project, run the following command:
 
 ```bash
 cd universal && yarn run:expo
 ```
 
-To run next app, run the following command:
+For the Next.js app in the universal project, run the following command:
 
 ```bash
 cd universal && yarn run:next
@@ -68,10 +69,11 @@ cd universal && yarn run:next
 - `app/expo`: Contains the Expo application.
 - `packages/components`: Shared components used across platforms.
 - `packages/screens`: Shared screens that can be used in both Next.js and Expo projects.
+- `packages/shared`: Shared assets
 
 # Usage
 
-You can copy project of your choice and start building your application.
+You can copy the project of your choice (Next.js, Expo, or Universal) and start building your application. The starter kit provides a basic structure and shared components to help you get started quickly.
 
 # Ejection
 

expo-app/.gitignore

@@ -6,4 +6,5 @@ expo-env.d.ts
 # @end expo-cli
 node_modules
 .expo
-dist
+dist
+coverage

expo-app/__tests__/expo-app.test.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { render, screen } from "@testing-library/react-native";
+import App from "../app/index";
+
+test("renders correctly", () => {
+  render(<App />);
+
+  // Check if a specific text or element is present in the component
+  expect(screen.getByText("SplashScreen")).toBeTruthy();
+});

expo-app/app/index.tsx

@@ -1,12 +1,12 @@
 import React from "react";
 import { Button, ButtonText } from "@/components/ui/button";
 import { router } from "expo-router";
-import { SafeAreaView } from "react-native";
+import { SafeAreaView } from "@/components/ui/safe-area-view";
 import { VStack } from "@/components/ui/vstack";
-const index = () => {
+function index() {
   return (
-    <SafeAreaView>
-      <VStack className="m-2" space="xl">
+    <SafeAreaView className="md:flex flex-col items-center justify-center md:w-full h-full">
+      <VStack className="p-2 md:max-w-[440px] w-full" space="xl">
         <Button
           onPress={() => {
             router.push("auth/splash-screen");
@@ -67,6 +67,6 @@ const index = () => {
       </VStack>
     </SafeAreaView>
   );
-};
+}
 
 export default index;