Build examples using github actions (#13)

* build examples with parcel * adds github action to deploy * adds temp master branch
andrewMacmurray · Feb 26, 2021 · 4a9ba99 · 4a9ba99
1 parent b309896
commit 4a9ba99
Show file tree

Hide file tree

Showing 11 changed files with 6,822 additions and 31 deletions.
diff --git a/.github/workflows/examples.yml b/.github/workflows/examples.yml
@@ -0,0 +1,30 @@
+name: Deploy Examples
+
+on:
+  push:
+    branches:
+      - main
+      - master
+
+jobs:
+  deploy-examples:
+    runs-on: ubuntu-latest
+    env:
+      SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }}
+      SURGE_LOGIN: ${{ secrets.SURGE_LOGIN }}
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/cache@v2
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: ${{ runner.os }}-node-
+      - uses: actions/cache@v2
+        with:
+          path: ~/.elm
+          key: ${{ runner.os }}-elm-${{ hashFiles('**/elm.json') }}
+          restore-keys: ${{ runner.os }}-elm-
+
+      - run: npm ci
+      - run: npm run examples:build
+      - run: npm run surge:push
diff --git a/.gitignore b/.gitignore
@@ -1,9 +1,15 @@
-# elm-package generated files
+# elm
 elm-stuff/
-# elm-repl generated files
 repl-temp-*
-
-documentation.json
-
 examples/elm.js
 tests/elm.js
+
+# JS
+node_modules
+.cache
+
+# build
+dist
+
+# editor
+.idea
diff --git a/README.md b/README.md
@@ -2,7 +2,7 @@
 
 Elm utilities to trigger updates after a delay
 
-**example**: https://wakeful-treatment.surge.sh/   
+**example**: https://elm-delay-examples.surge.sh/   
 **tests**: https://near-pie.surge.sh/
 
 ### Why?

diff --git a/examples/elm.json b/examples/elm.json
@@ -1,20 +1,21 @@
 {
     "type": "application",
     "source-directories": [
-        ".",
+        "src",
         "../src"
     ],
-    "elm-version": "0.19.0",
+    "elm-version": "0.19.1",
     "dependencies": {
         "direct": {
-            "elm/browser": "1.0.0",
-            "elm/core": "1.0.0",
+            "elm/browser": "1.0.2",
+            "elm/core": "1.0.5",
             "elm/html": "1.0.0"
         },
         "indirect": {
-            "elm/json": "1.0.0",
+            "elm/json": "1.1.3",
+            "elm/time": "1.0.0",
             "elm/url": "1.0.0",
-            "elm/virtual-dom": "1.0.0"
+            "elm/virtual-dom": "1.0.2"
         }
     },
     "test-dependencies": {

diff --git a/examples/index.html b/examples/index.html
diff --git a/examples/Sequence.elm → examples/src/Main.elm b/examples/Sequence.elm → examples/src/Main.elm
@@ -1,4 +1,4 @@
-module Sequence exposing (main)
+module Main exposing (main)
 
 import Browser
 import Delay
@@ -7,6 +7,10 @@ import Html.Attributes exposing (class, style)
 import Html.Events exposing (onClick)
 
 
+
+-- Model
+
+
 type alias Model =
     { color : String
     , colorCycling : Bool
@@ -21,6 +25,10 @@ type Msg
     | ColorCycling Bool
 
 
+
+-- Init
+
+
 init : ( Model, Cmd Msg )
 init =
     ( { color = "#1E70B5"
@@ -30,16 +38,25 @@ init =
     )
 
 
+
+-- Sequence
+
+
 cycleColors : Model -> Cmd Msg
 cycleColors model =
-    Delay.sequenceIf (not model.colorCycling) <|
-        Delay.withUnit Delay.Millisecond
+    Delay.sequenceIf (not model.colorCycling)
+        (Delay.withUnit Delay.Millisecond
             [ ( 0, ColorCycling True )
             , ( 0, Red )
             , ( 2000, Green )
             , ( 2000, Blue )
             , ( 2000, ColorCycling False )
             ]
+        )
+
+
+
+-- Update
 
 
 update : Msg -> Model -> ( Model, Cmd Msg )
@@ -61,6 +78,10 @@ update msg model =
             ( { model | colorCycling = bool }, Cmd.none )
 
 
+
+-- View
+
+
 view : Model -> Html Msg
 view { color } =
     div
@@ -71,6 +92,10 @@ view { color } =
         [ text "click to cycle through the colors" ]
 
 
+
+-- App
+
+
 main : Program () Model Msg
 main =
     Browser.element

diff --git a/examples/src/index.html b/examples/src/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Delay Example</title>
+    <link rel="stylesheet" href="./style.css" />
+  </head>
+  <body>
+    <div id="app"></div>
+    <script src="./index.js"></script>
+  </body>
+</html>
diff --git a/examples/src/index.js b/examples/src/index.js
@@ -0,0 +1,6 @@
+import { Elm } from "./Main";
+
+Elm.Main.init({
+  node: document.getElementById("app"),
+  flags: null,
+});
diff --git a/examples/style.css → examples/src/style.css b/examples/style.css → examples/src/style.css