travis.ci (build only)

What is sbs-app

This is the repository for StopByStop.com and Device applicatication UI

Working in sbs-app repo

Never submit to master branch directly. Propose your changes in one of two ways

• If you have permissions to create branches in the repository, submit the changes into your branch and then open a pull request, from your branch to master
• If you don't have permissions to create branches in the repository, fork the repository into your repository, open a branch off master, submit the changes into that branch, then open a pull request from your fork. This is a good reference

MVC and SPA UI

The project has two UI modes: MVC (classic navigation model) and SPA (single page app mode). MVC is what is running in production. SPA is currently under development, the entry point is src/cordova/www/index.html.

Building and running (with dotnet installed)

• npm run build

Building and running (in Docker container)

• Build docker image (from ..): docker build -f ./sbs-gh/web.dockerfile -t bulankou/scratch:sbs-web .
• Upload to repo docker push bulankou/scratch:sbs-web
• Start docker container: docker run --name sbs-web -p 5000:5000 -d bulankou/scratch:sbs-web

Building Cordova app

• cd src/cordova
• npm install
• export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_144.jdk/Contents/Home
• node_modules/cordova/bin/cordova build

Running SPA app locally

To run you can use http-server. It is already installed into dev dependencies after you run npm install:

• Run http-server -S from repo root
• Navigate to https://localhost:8080/src/cordova/www/

Running client unit tests

Run unit tests using http-server.

• Run http-server -S from repo root
• Navigate to https://localhost:8080/test/qunit/all.html

Viewing latest SPA UI from GitHub

You can view the latest version of SPA UI for a given branch using rawgit.com. For example: https://rawgit.com/stopbystop/sbs-app/master/src/cordova/www/index.html . Replace master with your branch name to see the how it appears and works in your branch

Test pass isues opened last week

query

Debugging on Android devices

• https://taco.visualstudio.com/en-us/docs/run-app-apache/#android-devices

Emulate device and location with Chrome developer tools

Generate keys using openssl

• openssl req -new -x509 -newkey rsa:2048 -keyout localhost.key -out localhost.cer -days 365 -nodes -subj /CN=localhost
• openssl pkcs12 -export -out localhost.pfx -inkey localhost.key -in localhost.cer

React Native

• https://facebook.github.io/react-native/docs/getting-started.html

JDK

• https://stackoverflow.com/questions/14788345/how-to-install-jdk-on-ubuntu-linux
• sudo apt-get install openjdk-8-jdk
• apt-cache search jdk
• export JAVA_HOME=/usr/lib/jvm/java-8-openjdk
• export PATH=$PATH:/usr/lib/jvm/java-8-openjdk/bin
• javac -version

##IDE

VSCode

Atom with Nuclide

https://nuclide.io/docs/editor/setup/

Auto-update

Use the command from here: https://askubuntu.com/questions/589469/how-to-automatically-update-atom-editor

• wget https://github.com$(cat /tmp/latest | grep -o -E 'href=".*atom-amd64.deb' | cut -d'"' -f2) -O /tmp/atom-amd64.deb
• sudo atom-auto-update

Next steps

• Finish adding typescript for native: https://github.com/Microsoft/TtypeScript-React-Native-Starter#moving-files-over-to-typescript

• react native: https://nativebase.io/, material: http://docs.nativebase.io/Customize.html#custom-component-headref