@churchcenter/url

@churchcenter/url

A dumb url origin generator in JS.

Builds environment-considered url origins in JS-land, for Church Center subdomains.

Examples

churchcenterurl("development")("carlsbad");
// => "http://carlsbad.churchcenter.test"

churchcenterurl("staging")("carlsbad");
// => "https://carlbad.churchcenteronline.com"

churchcenterurl("production")("carlsbad");
// => "https://carlsbad.staging.churchcenteronline.com"

Arguments are curried. You can make a generic env-considered function.

const envURL = churchcenterurl(window.railsEnv);

envURL("api");

In Church Center Apps

Church center apps expose the Rails env as the JS global railsEnv. Use like so.

churchcenterurl(railsEnv)("api");

Fetching example

fetch(`${churchcenterurl(env)("api")}/people/v2/me`, {
  credentials: "include"
})
  .then(res => res.json())
  .then(json => json.data)
  .then(({ id, attributes }) =>
    this.setState({
      currentUser: {
        id,
        ...attributes
      }
    })
  )
  .catch(err => console.log(err));

Installation

Script tag on Rails

<script type="javascript" src="https://unpkg.com/@churchcenter/url"></script>
<!-- exposed as global `churchcenterurl` -->

Webpacker on Rails

yarn add @churchcenter/url

/* global railsEnv */
import pcurl from "@churchcenter/url";

pcurl(railsEnv)("api");