/lds.io-frontend

Static assets of LDS.io - Tech Hub for LDS Developers

Primary LanguageHTMLApache License 2.0Apache-2.0

LDS I/O Frontend

The lds.io API is completely decoupled from the static assets.

This repository is provided so that you can comfortably develop the UI against the real API without any worry of the backend.

Zero-Config Install

LDS.io allows API access to the test domain https://local.ldsconnect.org:8043 so that you can run a copy of it locally without needing to install a local api server.

  1. Install

curl -fsSL https://bit.ly/install-ldsio-frontend-min | bash
  1. In a new terminal, start the server

pushd ldsio-static-backend
node ./serve.js
  1. In a new terminal, watch jade files

pushd ldsio-static-backend
jade -w ./public/views/*.jade
  1. Visit https://local.ldsconnect.org:8043

localhost and 127.0.0.1 are not valid domains.

Use https://local.ldsconnect.org:8043.

  1. Develop in frontend/app

You can fork this repository and then submit pull requests after updating your local copy:

git remote rename origin upstream
git remote add origin https://github.com/${YOUR_USER_NAME}/lds.io-frontend.git

Do not commit .html files (with the exception of index.html and oauth2-close.html.

Install the Hard Way

echo "Cloning Frontend-Developer Backend (very minimal)..."
git clone https://github.com/LDSorg/backend-oauth2-node-passport-example.git \
  ldsio-static-backend \
  > /dev/null
pushd ldsio-static-backend
echo "Installing NPMs (this will take several seconds, maybe a minute)..."
npm install --loglevel silent
echo "Cloning Developer HTTPS Certificates..."
git clone https://github.com/LDSorg/local.ldsconnect.org-certificates.git \
  ./certs \
  > /dev/null
tree -I .git ./certs
echo "Cloning the Frontend and Creating ./public link"
git clone https://github.com/LDSorg/lds.io-frontend.git \
  ./frontend \
  > /dev/null
ln -s 'frontend/app' ./public
echo "Installing NPMs (this will take several seconds, maybe a minute)..."
pushd frontend
bower install --silent > /dev/null
jade app/views/*.jade

Directory Structure

lds-dev-backend/
├── package.json
├── serve.js
├── app.js
├── certs
│   ├── ca
│   │   ├── intermediate.crt.pem
│   │   └── root.crt.pem
│   └── server
│       ├── my-server.crt.pem
│       └── my-server.key.pem
├── public -> frontend/app
|
|
|
└── frontend
    ├── index.html
    ├── oauth3.html -> bower_components/oauth3/oauth3.html
    ├── bower_components
    │   ├── oauth3
    │   └── angular-lds-io
    ├── scripts
    │   ├── app.js
    │   ├── client-config.js -> client-config.sample.js
    │   ├── client-config.sample.js
    │   ├── controllers
    │   │   ├── nav.js
    │   │   ├── oauthclients.js
    │   │   ├── playground.js
    │   │   └── verify-contact-details.js
    │   └── services
    │       ├── lds-account.js
    │       ├── st-api.js
    │       └── st-oauthclients.js
    ├── views
    |   ├── api.jade
    |   ├── nav.jade
    |   ├── oauthclients.jade
    |   ├── playground.jade
    |   └── verify-contact-details.jade
    |
    |
    |
    ├── favicon.ico
    ├── robots.txt
    ├── styles
    │   ├── auth-modal.css
    │   ├── bootstrap-social.css
    │   ├── bootstrap-social.min.css
    │   ├── bootstrap.cerulean.min.css
    │   ├── bootstrap.cosmo.min.css
    │   ├── bootstrap.flatly.min.css
    │   ├── bootstrap.spacelab.min.css
    │   ├── bootstrap.min.css
    │   ├── card.css
    │   ├── font-awesome.css
    │   ├── font-awesome.min.css
    │   ├── social-buttons-3.css
    │   └── style.css
    ├── fonts
    │   ├── FontAwesome.otf
    │   ├── fontawesome-webfont.eot
    │   ├── fontawesome-webfont.svg
    │   ├── fontawesome-webfont.ttf
    │   ├── fontawesome-webfont.woff
    │   └── fontawesome-webfont.woff2
    └── images
        ├── lds-connect-logo-inverse-32px.png
        ├── ldsconnect-app-256.png
        ├── moroni-128px.png
        └── moroni.png