ChronSyn

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      ["@babel/plugin-transform-flow-strip-types"],
      ["@babel/plugin-proposal-decorators", { "legacy": true }],
      ["@babel/plugin-proposal-class-properties", { "loose": true }],
      ["module-resolver", {
        "alias": {

ChronSyn

import { ITheme } from "@Themes/interfaces";
import { DarkTheme } from "@Themes/theme.dark";
import { LightTheme } from "@Themes/theme.light";
import React from "react";
import { useColorScheme } from "react-native-appearance";

export const useTheme = (): [ITheme] => {
  const scheme = useColorScheme();

  const [currentTheme, setCurrentTheme] = React.useState<ITheme>(DarkTheme);

ChronSyn

/*

IMPORTANT NOTE

The below is just an example showing how the root component of your project should be structured to support this multiple-navigator setup
You should adapt your app around it

*/

import React from "react";

ChronSyn

import * as React from "react";
import RN, { Text, TextProps } from "react-native";
import { Asset } from 'expo-asset';
import { useFonts } from '@use-expo/font';
import * as fonts from "@expo-google-fonts/dev";


enum FontDisplay {
  AUTO = "auto",
  SWAP = "swap",

ChronSyn

import * as React from "react";
import { Text, TextProps } from "react-native";
import { useFonts } from '@use-expo/font';
import {
  Nunito_Regular400,
  Nunito_SemiBold600_Italic,
} from '@expo-google-fonts/nunito';

const CustomText: React.FC<TextProps> = (props) => {
  const [fontsLoaded] = useFonts({

ChronSyn

import { useEffect, useState } from "react";
import { Keyboard, KeyboardEvent } from "react-native";

export const useKeyboard = (): [number, boolean] => {
  const [keyboardHeight, setKeyboardHeight] = useState(0);
  const [keyboardVisible, setKeyboardVisible] = useState(false);

  function onKeyboardDidShow(e: KeyboardEvent): void {
    setKeyboardHeight(e.endCoordinates.height);
    setKeyboardVisible(true);

ChronSyn

const adaptTimeForToday = (time: Date | string): Date => {
  const existingFormattedDate: Date = new Date(time);
  const [hours, minutes, seconds]: number[] = existingFormattedDate.toLocaleTimeString().split(":").map((segment) => Number(segment));
  const output: Date = new Date();
  output.setHours(hours);
  output.setMinutes(minutes);
  output.setSeconds(seconds);
  return output;
}

ChronSyn

import * as React from "react";
import { TouchableOpacity, Text } from "react-native";
import { Notifications } from "expo"
import { useNotification } from "./useNotification";

const sendNotification = async () => await Notifications.presentLocalNotificationAsync(
  {
    title: "Notified!",
    body: "Hello, World!",
    data: {}

ChronSyn

{
  "140": {
    "Manufacturer": "",
    "Date Built": 1980,
    "Number Built": "1 × 2-car set",
    "Withdrawn": 1981,
    "Scrapped": ""
  },
  "141": {
    "Type": "Pacer",

ChronSyn

In August 2007 a hacker found a way to expose the PHP source code on facebook.com. He retrieved two files and then emailed them to me, and I wrote about the issue:

http://techcrunch.com/2007/08/11/facebook-source-code-leaked/

It became a big deal:

http://www.techmeme.com/070812/p1#a070812p1

The two files are index.php (the homepage) and search.php (the search page)