build: add release workflow and build settings (#44)

* refactor(api): improve the api parameter call
* build(app): add build configuration
* test: fix tests after using wallaby and quokka
* ci(sematic-release): add the release workflow
* ci(semantic-release): fix the path of the config file

.github/workflows/release.yml

@@ -2,10 +2,8 @@ name: Release CI
 
 on:
   push:
-    branches-ignore:
-      - '**'
-    # branches:
-    #   - main
+    branches:
+      - main
 
 jobs:
   release:

.gitignore

@@ -1,17 +1,22 @@
+# macOS
+.DS_Store
+
+# DeepCode
+.dccache
+
 # expo
 node_modules/**/*
 .expo/
-npm-debug.*
+.expo-creds/
+pc-api-*.json
 *.jks
 *.p8
 *.p12
 *.key
 *.mobileprovision
 *.orig.*
 web-build/
-
-# macOS
-.DS_Store
+npm-debug.*
 
 # testing
-/coverage
+coverage

app.json

@@ -1,25 +1,34 @@
 {
   "expo": {
     "entryPoint": "./src/App.tsx",
-    "name": "convention-app",
-    "slug": "convention-app",
+    "name": "Convention International",
+    "slug": "convention-international",
+    "description": "Trends, developments and current news from the MICE industry. Everything around meetings, incentives, congresses and events.",
     "version": "1.0.0",
     "orientation": "portrait",
-    "icon": "./assets/icon.png",
+    "icon": "./assets/logo.png",
     "splash": {
-      "image": "./assets/splash.png",
+      "image": "./assets/logo.png",
       "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
+      "backgroundColor": "#111111"
     },
     "updates": {
       "fallbackToCacheTimeout": 0
     },
     "assetBundlePatterns": ["**/*"],
-    "ios": {
-      "supportsTablet": true
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/logo-transparent.png",
+        "backgroundColor": "#111111"
+      },
+      "permissions": [],
+      "package": "de.convention_net",
+      "versionCode": 3
     },
-    "web": {
-      "favicon": "./assets/favicon.png"
+    "ios": {
+      "supportsTablet": false,
+      "bundleIdentifier": "de.convention-net",
+      "buildNumber": "1.0.0"
     }
   }
 }

jest.config.js

@@ -7,7 +7,7 @@ module.exports = {
   setupFilesAfterEnv: ['<rootDir>/config/jest.setup.after.js'],
 
   automock: false,
-  coveragePathIgnorePatterns: ['<rootDir>/src/styles/'],
+  coveragePathIgnorePatterns: ['<rootDir>/config/', '<rootDir>/src/styles/'],
   testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$',
   transformIgnorePatterns: [
     'node_modules/(?!(jest-)?react-native|react-clone-referenced-element|@react-native-community|expo(nent)?|@expo(nent)?/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|@sentry/.*)',

package.json

@@ -3,6 +3,8 @@
   "main": "node_modules/expo/AppEntry.js",
   "scripts": {
     "android": "expo start --android",
+    "build:android": "expo build:android -t app-bundle",
+    "build:ios": "expo build:ios",
     "commit": "git-cz",
     "dev": "expo start",
     "eject": "expo eject",
@@ -13,6 +15,8 @@
     "test": "jest --detectOpenHandles --forceExit",
     "test:cov": "jest --coverage --detectOpenHandles --forceExit",
     "test:watch": "jest -u --watch --detectOpenHandles --forceExit",
+    "upload:android": "expo upload:android --latest",
+    "upload:ios": "expo upload:ios --latest --language German",
     "web": "expo start --web"
   },
   "husky": {
@@ -98,6 +102,6 @@
     "access": "restricted"
   },
   "release": {
-    "extends": "./config/release.config.js"
+    "extends": "./config/.releaserc.json"
   }
 }

src/screens/HomeScreen.tsx

@@ -81,6 +81,7 @@ interface Style extends DefaultStyles {
 
 const styles = StyleSheet.create<Style>({
   ...defaultStyles,
+  // TODO: Can this get removed?
   sectionHeaderContainer: {},
   title: {
     ...defaultStyles.title,

src/screens/SettingsScreen.tsx

@@ -1,7 +1,8 @@
 import React from 'react'
 import { ScrollView, StyleSheet, View } from 'react-native'
 
-import SettingsList from '@components/Settings/SettingsList'
+// TODO: Reactivate this setting after adding the push notifications
+// import SettingsList from '@components/Settings/SettingsList'
 import LegalList from '@components/Settings/LegalList'
 import SocialList from '@components/Settings/SocialList'
 import { socialMediaChannels } from '@data/social'
@@ -20,7 +21,7 @@ const SettingsScreen: React.FC = () => {
   return (
     <View style={styles.container}>
       <ScrollView>
-        <SettingsList data={settingArray} />
+        {/* <SettingsList data={settingArray} /> */}
         <LegalList data={legalScreens} />
         <SocialList data={socialMediaChannels} />
       </ScrollView>

src/utils/__tests__/styling.test.ts

@@ -1,11 +1,11 @@
 import { hexToRgb } from '../styling'
 
 describe('Styling utils Testings', () => {
-  test('return the rgb colors as comma separated string', () => {
+  it('return the rgb colors as comma separated string', () => {
     expect(hexToRgb('#00ff00')).toBe('0, 255, 0')
   })
 
-  test('return the rgb colors as comma separated string', () => {
+  it('return the rgb colors as comma separated string', () => {
     expect(hexToRgb('#ggDDTT')).toBeNull()
   })
 })

src/utils/api.ts

@@ -37,27 +37,27 @@ export const fetchPostAsync = async (postId: number): Promise<Response> => {
  *
  * @param parameter The parameter for the WordPress REST API query.
  */
-export const fetchPostsAsync = async (parameter?: {
-  categoryId?: number | string
-  page?: number | string
-  perPage?: number | string
-}): Promise<Response> => {
-  const categoryQuery = parameter?.categoryId ? '&categories=' + parameter.categoryId : ''
-  const perPageQuery = '&per_page=' + (parameter?.perPage ? parameter.perPage : '20')
-  const pageQuery = parameter?.page ? '&page=' + parameter.page : ''
+export const fetchPostsAsync = async ({
+  categoryId,
+  page,
+  perPage,
+}: { categoryId?: number | string; page?: number | string; perPage?: number | string } = {}): Promise<Response> => {
+  const categoryQuery = categoryId ? '&categories=' + categoryId : ''
+  const perPageQuery = '&per_page=' + (perPage ? perPage : '20')
+  const pageQuery = page ? '&page=' + page : ''
   return await fetch(API_URL_WP + API_WP_TYPE.POSTS + API_WP_FIELDS.POSTS + categoryQuery + perPageQuery + pageQuery)
 }
 
 /**
  * Fetches the categories from the WordPress API.
  *
- * @param parameter The parameter for the WordPress REST API query.
+ * @param The parameter for the WordPress REST API query.
  */
-export const fetchCategoriesAsync = async (parameter?: {
-  perPage?: number | string
-  orderBy?: string
-}): Promise<Response> => {
-  const perPageQuery = '&per_page=' + (parameter?.perPage ? parameter.perPage : '99')
-  const orderByQuery = '&orderby=' + (parameter?.orderBy ? parameter.orderBy : 'description')
+export const fetchCategoriesAsync = async ({
+  perPage,
+  orderBy,
+}: { perPage?: number | string; orderBy?: string } = {}): Promise<Response> => {
+  const perPageQuery = '&per_page=' + (perPage ? perPage : '99')
+  const orderByQuery = '&orderby=' + (orderBy ? orderBy : 'description')
   return await fetch(API_URL_WP + API_WP_TYPE.CATEGORIES + API_WP_FIELDS.CATEGORIES + perPageQuery + orderByQuery)
 }