Closes #12 Examples section

.dockerignore

@@ -0,0 +1,13 @@
+node_modules/
+.mongodata/
+elm-stuff/
+.DS_Store
+.secretenv
+*.pyc
+__pycache__/
+npm-debug.log
+env/
+.packages_index/
+.vscode
+.*~
+client/elm-stuff/generated-code

.env

@@ -0,0 +1,7 @@
+SERVER_HOSTNAME=http://0.0.0.0:5000
+PACKAGE_SYNC_INTERVAL_MINUTES=1
+ENV=development
+NODE_ENV=development
+FLASK_APP=server/server.py
+FLASK_DEBUG=1
+CDN_BASE="/"

.gitignore

@@ -2,8 +2,10 @@ node_modules/
 .mongodata/
 elm-stuff/
 .DS_Store
-.env
+.secretenv
 build/
+client_log
+server_log
 *.pyc
 __pycache__/
 npm-debug.log
@@ -13,3 +15,7 @@ env/
 output/
 bower_components/
 .pulp-cache/
+.vscode
+.*~
+.secretenv
+erl_crash.dump

Dockerfile

@@ -0,0 +1,9 @@
+FROM python:3
+
+ADD . /app
+WORKDIR "/app"
+RUN pip3 install -r requirements.txt
+
+CMD env && (yarn watch &) && flask run --host=0.0.0.0 --port=$PORT
+
+EXPOSE 5000

Dockerfile.web

@@ -0,0 +1,9 @@
+FROM python:3
+
+ADD . /app
+WORKDIR "/app"
+RUN pip3 install -r requirements.txt
+
+CMD env && (yarn watch &) && flask run --host=0.0.0.0 --port=$PORT
+
+EXPOSE 5000

Makefile

@@ -0,0 +1,29 @@
+all:
+	make setup
+	make build-compiler
+	yarn elm-css
+	./dotenv yarn build:production
+
+setup:
+	python3 -m venv ./env && . env/bin/activate && pip3 install -r requirements.txt
+	yarn
+	cd client && elm-install && cd ../
+
+docker-build:
+	./dotenv yarn build:production
+	docker build . -t elchemy:dev
+
+docker-run:
+	docker run --env-file .env --env-file .secretenv -p 5000:5000 -p 8000:8000 -e PORT=5000 -d --name elchemy elchemy:dev
+
+heroku-publish:
+	heroku container:push web -a elchemy-live --recursive
+
+start-server:
+	./dotenv flask run
+
+start-client:
+	./dotenv yarn watch
+
+build-compiler:
+	./dotenv npm run-script build:make

README.md

@@ -1,55 +1,3 @@
-# Ellie
+# Elchemy live
 
-## Development
-
-### Requirements
-- [Python 3](https://www.python.org/downloads/)
-- [Node.js LTS](https://nodejs.org/en/download/)
-- [Elm 0.18.0](https://guide.elm-lang.org/install.html)
-
-### Setup
-1. Copy `.env.example` to `.env`, filling in the following required variables:
-  - `AWS_S3_BUCKET`: an S3 bucket to which you want to save revisions
-  - `AWS_ACCESS_KEY_ID`: an access key id for an AWS user that has write access to your S3 bucket
-  - `AWS_SECRET_ACCESS_KEY`: a secret access key for an AWS user that has write access to your S3 bucket
-
-  > I don't recommend that you change the CDN_BASE variable right now, it's needed for loading the compiler web worker and installing packages
-
-2. Choose your favorite way to load `.env` files
-  - I have a shell function that does it:
-    ```
-    function dotenv () {
-      env $(cat .env | xargs) $*
-    }
-    ```
-  - There are various `dotenv` programs written in different languages that you can try
-
-3. Give `http://localhost:5000` write access to your S3 bucket
-  ![AWS Bucket CORS Config](docs/images/aws_bucket_cors.png)
-
-4. Set up a virtual python environment and load it.
-  ```
-  python3 -m venv ./env && . env/bin/activate
-  ```
-
-5. Install Python dependencies
-  ```
-  pip install -r requirements.txt
-  ```
-
-6. Install frontend dependencies
-  ```
-  npm install
-  ```
-
-7. Run the server
-  ```
-  dotenv flask run
-  ```
-
-8. Run the client development server
-  ```
-  dotenv npm run watch
-  ```
-
-9. Open `http://localhost:5000`
+## PROJECT UNDER DEVELOPMENT. NO STABLE VERSION ACCESSIBLE YET

bucket_test.py

@@ -0,0 +1,18 @@
+import boto3
+from botocore.client import Config
+from botocore.exceptions import ClientError
+
+def test_bucket(bucket):
+    print 'testing bucket: ' + bucket
+    try:
+        s3 = boto3.resource('s3', config=Config(signature_version='s3v4'))
+        b = s3.Bucket(bucket)
+        objects = b.objects.all()
+
+        for obj in objects:
+            print obj.key
+        print 'bucket test SUCCESS'
+    except ClientError as e:
+        print 'Client Error'
+        print e
+        print 'bucket test FAIL'

client/css/Colors.elm

@@ -13,20 +13,47 @@ type alias BoxShadow =
     }
 
 
+borderGrey : Color
+borderGrey =
+    hex "#606671"
+
+
 boxShadow : BoxShadow
 boxShadow =
-    { right = boxShadow5 (px 2) zero (px 4) zero <| rgba 0 0 0 0.75
-    , bottom = boxShadow5 zero (px 2) (px 4) zero <| rgba 0 0 0 0.75
-    , left = boxShadow5 (px -2) zero (px 4) zero <| rgba 0 0 0 0.75
-    , bottomHover = boxShadow5 zero (px 3) (px 4) zero <| rgba 0 0 0 0.75
-    , popout = boxShadow5 zero (px 2) (px 8) (px 2) <| rgba 0 0 0 0.75
-    , top = boxShadow5 zero (px -2) (px 4) zero <| rgba 0 0 0 0.75
+    { right = borderRight3 (px 0) solid borderGrey
+    , bottom = borderBottom3 (px 0) solid borderGrey
+    , left = borderLeft3 (px 0) solid borderGrey
+    , bottomHover = borderBottom3 (px 0) solid borderGrey
+    , popout = border3 (px 0) solid borderGrey
+    , top = borderTop3 (px 0) solid borderGrey
     }
 
 
+
+--    border3 (px 2) solid (hex "#bcc7d2")
+-- boxShadow : BoxShadow
+-- boxShadow =
+--     { right = boxShadow5 (px 2) zero (px 4) zero <| rgba 0 0 0 0.75
+--     , bottom = boxShadow5 zero (px 2) (px 4) zero <| rgba 0 0 0 0.75
+--     , left = boxShadow5 (px -2) zero (px 4) zero <| rgba 0 0 0 0.75
+--     , bottomHover = boxShadow5 zero (px 3) (px 4) zero <| rgba 0 0 0 0.75
+--     , popout = boxShadow5 zero (px 2) (px 8) (px 2) <| rgba 0 0 0 0.75
+--     , top = boxShadow5 zero (px -2) (px 4) zero <| rgba 0 0 0 0.75
+--     }
+
+
+elchemyGradient : BackgroundImage (ListStyle {})
+elchemyGradient =
+    linearGradient2 toRight (stop <| hex "#272c35") (stop <| hex "#272c35") []
+
+
+
+--    linearGradient2 toRight (stop <| hex "#4e2a8e") (stop <| hex "#60b5cc") []
+
+
 darkMediumGray : Color
 darkMediumGray =
-    hex "292929"
+    hex "#292929"
 
 
 lightGray : Color
@@ -41,12 +68,12 @@ mediumGray =
 
 pink : Color
 pink =
-    hex "#FC6ECC"
+    hex "#5669aa"
 
 
 darkGray : Color
 darkGray =
-    hex "#1D1D1D"
+    hex "#272c35"
 
 
 lightMediumGray : Color
@@ -72,3 +99,13 @@ blue =
 red : Color
 red =
     hex "#ec5f67"
+
+
+white : Color
+white =
+    hex "#ffffff"
+
+
+blueGrey : Color
+blueGrey =
+    hex "#2F3541"

client/css/Ellie/Ui/Button.elm

@@ -45,7 +45,7 @@ primary : UniqueClass
 primary =
     uniqueClass
         [ backgroundColor Colors.mediumGray
-        , color Colors.lightGray
+        , color Colors.white
         , backgroundShared
         ]
 
@@ -54,24 +54,24 @@ accent : UniqueClass
 accent =
     uniqueClass
         [ backgroundColor Colors.pink
-        , color Colors.lightGray
+        , color Colors.white
         , backgroundShared
         ]
 
 
 link : UniqueClass
 link =
     uniqueClass
-        [ color Colors.lightMediumGray
+        [ color (hex "#606671")
         , padding zero |> important
         , property "background" "none"
         , fontWeight bold
         , property "transition" "color 150ms"
         , hover
-            [ color Colors.lightGray
+            [ color Colors.white
             ]
         , disabled
-            [ color Colors.lightMediumGray
+            [ color Colors.white
             ]
         ]
 
@@ -121,6 +121,6 @@ inner =
 disabledLink : UniqueClass
 disabledLink =
     uniqueClass
-        [ hover [ color Colors.lightMediumGray |> important ]
+        [ hover [ color Colors.white |> important ]
         , cursor notAllowed
         ]