jesster2k10

JWT Auth + Refresh Tokens in Rails

This is just some code I recently used in my development application in order to add token-based authentication for my api-only rails app. The api-client was to be consumed by a mobile application, so I needed an authentication solution that would keep the user logged in indefinetly and the only way to do this was either using refresh tokens or sliding sessions.

I also needed a way to both blacklist and whitelist tokens based on a unique identifier (jti)

Before trying it out DIY, I considered using:

jesster2k10

Rails API-Only Social Login

This is another piece of code I've extrapolated from a Ruby on Rails project I'm currently working on. The code implmenets social login with a RoR API-based application, targeted at API clients.

The setup does not involve any browser-redirects or sessions as you would have to use working with Omniauth. Instead, what it does is takes an access_token generated on client-side SDKs, retireves user info from the access token and creates a new user and Identity in the database.

This setup works with native applications as described in the Google iOS Sign In Docs (see Authenticating with a backend server)

jesster2k10

import {
  Entity,
  PrimaryGeneratedColumn,
  Column,
  ManyToOne,
  BaseEntity,
} from 'typeorm'
import { Profile } from 'entities'
import { ActivityTargetType, ActivityVerb } from './enums'

jesster2k10

require 'rails_helper'

RSpec.describe External::Provider::Base do
  let(:subject) { described_class.new SecureRandom.hex }

  describe '#for' do
    it 'returns Facebook provider' do
      class_instance = described_class.for :facebook
      expect(class_instance).to eq(External::Provider::Facebook)
    end

jesster2k10

const routes: any[] = [
  {
    path: 'account',
    component: <AccountStep />,
    requiredFields: ['email', 'first_name', 'last_name', 'password']
  },
  {
    path: 'profile',
    component: <ProfileStep />,
    requiredFields: ['user.occupation']

jesster2k10

import React, { Component } from 'react'
import { Animated, StyleProp, ViewStyle } from 'react-native'

export type FadeDirection = 'up' | 'down'

interface FadeProps {
  visible?: boolean
  style?: StyleProp<ViewStyle>
  children: React.ReactNode
  direction?: FadeDirection

jesster2k10

import {Dimensions, Platform} from 'react-native'

const window = Dimensions.get('window')
const {width, height} = window

type DeviceSize =
  | 'xsmall'
  | 'small'
  | 'normal'
  | 'large'