Pasindu Dilshan Pasi-D

🤖

Dreaming Big 🌠

Jack of all trades, master of none, though often better than a master of one ⚔️🎲

Pasi-D / helpers\accessEnv.ts

Last active March 23, 2024 20:23

React Native env accessor and version name displayer

	/*****************************************************************************************
	* Accesses a variable inside of .env file and cache for later usage; throws an error if its not found.
	*
	* caching the values to improve the performance.
	*
	* Usage:
	*
	* import accessEnv from "helpers/accessEnv";
	*
	* const redirectionHost = accessEnv("MAJOR_VERSION", 1);

Pasi-D / info.plist

Created May 23, 2021 15:54

Info.plist file with configurable versioning (react native)

	<?xml version="1.0" encoding="UTF-8"?>
	<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
	<plist version="1.0">
	<dict>
	...
	<key>CFBundleShortVersionString</key>
	<string>$(MAJOR_VERSION).$(MINOR_VERSION).$(PATCH_VERSION)</string>
	<key>CFBundleVersion</key>
	<string>$(MAJOR_VERSION).$(MINOR_VERSION).$(PATCH_VERSION)</string>
	...

Pasi-D / appcenter-pre-build.sh

Created May 23, 2021 15:52

App center pre build script to update your react native .env with versioning info

	#!/usr/bin/env bash

	# Make a copy of .env.dist
	echo "Updating version name in .env"
	echo " - Version Name : $MAJOR_VERSION.$MINOR_VERSION.$PATCH_VERSION-$PRE_RELEASE"

	cd ${APPCENTER_SOURCE_DIRECTORY}

	cp .env.dist .env

Pasi-D / android\app\build.gradle

Last active May 28, 2021 16:46

Android build gradle for react native with configurable versioning

	apply plugin: "com.android.application"
	apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"

	....

	android {

	...

	defaultConfig {

Pasi-D / .env.dist

Last active May 23, 2021 15:54

Basic .env file for configuring semantic versioning in react native

	# Application versioning semantic values
	MAJOR_VERSION=1
	MINOR_VERSION=0
	PATCH_VERSION=0
	# For Release Flavors (Ex: alpha, beta). Empty the assigned value for a stable release.
	PRE_RELEASE=ALPHA0

Pasi-D / fizzbuzz_typescript.ts

Created May 11, 2021 19:08 — forked from Schniz/fizzbuzz_typescript.ts

	////////////////////////////////////////////////////////////// Array utilities
	type Length<T extends any[]> = T["length"];
	type Head<T extends any[]> = T[0];
	type Tail<T extends any[]> = ((...xs: T) => any) extends ((_x: any, ...xs: infer R) => any) ? R : [];

	type AllTrue<Ts extends any[]> = {
	0: true,
	1: false,
	2: AllTrue<Tail<Ts>>
	}[Length<Ts> extends 0 ? 0 : Head<Ts> extends false ? 1 : 2]

Pasi-D / babel.config.js

Created April 27, 2021 18:04

Medium Demo - Babel.config.js for path resolution

	module.exports = {
	presets: ["module:metro-react-native-babel-preset"],
	plugins: [
	[
	"module-resolver",
	{
	root: ["./src"],
	alias: {
	navigation: "./src/components/navigation",
	themes: "./src/assets/theme",

Pasi-D / Indicator.tsx

Last active April 27, 2021 17:59

Medium Demo - Indicator Atom

	/**
	* Loading spinner component
	*/

	import React, { FC } from "react";
	import { ActivityIndicator, View } from "react-native";
	import useStyles from "./Indicators.style";

	import { useThemeContext } from "themes";

Pasi-D / Indicators.style.ts

Created April 27, 2021 17:57

Medium Demo - Custom Style file for react native styling

	import { StyleSheet } from "react-native";
	import { Theme } from "themes";

	const styles = (theme: Theme) =>
	StyleSheet.create({
	spinnerContainer: {
	flex: 1,
	alignItems: "center",
	justifyContent: "center",
	color: theme.colors?.primary,

Pasi-D / App.tsx

Created April 27, 2021 17:54

Medium Demo - Simple Root File of a react native styled project

	import "react-native-gesture-handler";
	import React, { FC } from "react";
	import { ReloadInstructions } from "react-native/Libraries/NewAppScreen";
	import { ThemeProvider } from "react-native-elements";

	import theme from "themes";

	const App: FC = () => {
	return (
	<ThemeProvider theme={theme}>