├── .formatter.exs
├── .gitignore
├── README.md
├── assets
    ├── .babelrc
    ├── css
    │   ├── app.css
    │   └── phoenix.css
    ├── js
    │   ├── app.js
    │   └── socket.js
    ├── package-lock.json
    ├── package.json
    ├── static
    │   ├── favicon.ico
    │   ├── images
    │   │   └── phoenix.png
    │   └── robots.txt
    ├── webpack.config.js
    └── yarn.lock
├── config
    ├── config.exs
    ├── dev.exs
    ├── prod.exs
    ├── prod.secret.exs
    └── test.exs
├── example_workflow.dot
├── example_workflow.png
├── lib
    ├── states_language_live_view.ex
    ├── states_language_live_view
    │   ├── application.ex
    │   └── workflows
    │   │   └── example_workflow.ex
    ├── states_language_live_view_web.ex
    └── states_language_live_view_web
    │   ├── channels
    │       └── user_socket.ex
    │   ├── controllers
    │       └── page_controller.ex
    │   ├── endpoint.ex
    │   ├── gettext.ex
    │   ├── router.ex
    │   ├── templates
    │       ├── layout
    │       │   └── app.html.eex
    │       └── page
    │       │   └── index.html.eex
    │   └── views
    │       ├── error_helpers.ex
    │       ├── error_view.ex
    │       ├── layout_view.ex
    │       ├── page_view.ex
    │       └── workflow.ex
├── mix.exs
├── mix.lock
├── priv
    ├── gettext
    │   ├── en
    │   │   └── LC_MESSAGES
    │   │   │   └── errors.po
    │   └── errors.pot
    └── state_machines
    │   └── example_workflow.json
└── test
    ├── states_language_live_view_web
        ├── controllers
        │   └── page_controller_test.exs
        └── views
        │   ├── error_view_test.exs
        │   ├── layout_view_test.exs
        │   └── page_view_test.exs
    ├── support
        ├── channel_case.ex
        └── conn_case.ex
    └── test_helper.exs


/.formatter.exs:
--------------------------------------------------------------------------------
1 | [
2 |   import_deps: [:phoenix],
3 |   inputs: ["*.{ex,exs}", "{config,lib,test}/**/*.{ex,exs}"]
4 | ]
5 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # The directory Mix will write compiled artifacts to.
 2 | /_build/
 3 | 
 4 | # If you run "mix test --cover", coverage assets end up here.
 5 | /cover/
 6 | 
 7 | # The directory Mix downloads your dependencies sources to.
 8 | /deps/
 9 | 
10 | # Where 3rd-party dependencies like ExDoc output generated docs.
11 | /doc/
12 | 
13 | # Ignore .fetch files in case you like to edit your project deps locally.
14 | /.fetch
15 | 
16 | # If the VM crashes, it generates a dump, let's ignore it too.
17 | erl_crash.dump
18 | 
19 | # Also ignore archive artifacts (built via "mix archive.build").
20 | *.ez
21 | 
22 | # Ignore package tarball (built via "mix hex.build").
23 | states_language_live_view-*.tar
24 | 
25 | # If NPM crashes, it generates a log, let's ignore it too.
26 | npm-debug.log
27 | 
28 | # The directory NPM downloads your dependencies sources to.
29 | /assets/node_modules/
30 | 
31 | # Since we are building assets from assets/,
32 | # we ignore priv/static. You may want to comment
33 | # this depending on your deployment strategy.
34 | /priv/static/
35 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # StatesLanguageLiveView
 2 | 
 3 | This is a simple example of utilizing the [StatesLanguage](https://github.com/citybaseinc/states_language) library with LiveView for a multi-step form.
 4 | 
 5 | ## Creating visual representation
 6 | 
 7 | I've generated a `example_workflow.dot` file and `example_workflow.png` using the following commands.
 8 | 
 9 | ```bash
10 | mix states_language.dot priv/state_machines/example_workflow.json > example_workflow.dot
11 | dot -Tpng example_workflow.dot -o example_workflow.png
12 | ```
13 | 
14 | and the resulting png
15 | 
16 | ![Example Workflow](example_workflow.png)
17 | 
18 | ## About
19 | 
20 | I'm not going to go over how to setup LiveView, their [docs](https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.html<Paste>) do a great job of that.
21 | 
22 | To get a better understanding of how this is implemented the relevant files to review are [example_workflow.json](priv/state_machines/example_workflow.json), [views/workflow.ex](lib/states_language_live_view_web/views/workflow.ex) and [workflows/example_workflow.ex](lib/states_language_live_view/workflows/example_workflow.ex). 
23 | 
24 | I've tried to provide some decent documentation module and function docs to explain what's going on in the files listed above.
25 | 
26 | ## Follow-up
27 | 
28 | If you have any questions feel free to ask in the [ElixirForum](https://elixirforum.com/t/stateslanguage-declaratively-design-state-machines-that-compile-to-elixir-based-gen-statem-processes-with-the-states-language-json-specification/27324/7) thread, or open an issue in this repo or the [StatesLanguage](https://github.com/citybaseinc/states_language) repo.
29 | 
30 | This is a very rudimentary use-case. All the templates are inline in our `example_workflow.ex` state machine, and the live view rendering simply replaces the whole form area. There are much better ways to utilize LiveView for rendering complex forms and handling errors, but the main point of this repo is to showcase utilizing StatesLanguage alongside LiveView. I leave the process of productionizing this to the reader.
31 | 
32 | ## Use
33 | 
34 | To simulate the error transitions, enter either a "1" or a "2" into either of the account lookup types, phone number or account id. Any other values will result in a successful lookup.
35 | 
36 | To start your Phoenix server:
37 | 
38 |   * Install dependencies with `mix deps.get`
39 |   * Install Node.js dependencies with `cd assets && npm install`
40 |   * Start Phoenix endpoint with `mix phx.server`
41 | 
42 | Now you can visit [`localhost:4000`](http://localhost:4000) from your browser.
43 | 


--------------------------------------------------------------------------------
/assets/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |     "presets": [
3 |         "@babel/preset-env"
4 |     ]
5 | }
6 | 


--------------------------------------------------------------------------------
/assets/css/app.css:
--------------------------------------------------------------------------------
1 | /* This file is for your main application css. */
2 | 
3 | @import "./phoenix.css";
4 | 


--------------------------------------------------------------------------------
/assets/css/phoenix.css:
--------------------------------------------------------------------------------
  1 | /* Includes some default style for the starter application.
  2 |  * This can be safely deleted to start fresh.
  3 |  */
  4 | 
  5 | /* Milligram v1.3.0 https://milligram.github.io
  6 |  * Copyright (c) 2017 CJ Patoilo Licensed under the MIT license
  7 |  */
  8 | 
  9 | *,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{color:#000000;font-family:'Helvetica', 'Arial', sans-serif;font-size:1.6em;font-weight:300;line-height:1.6}blockquote{border-left:0.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote *:last-child{margin-bottom:0}.button,button,input[type='button'],input[type='reset'],input[type='submit']{background-color:#0069d9;border:0.1rem solid #0069d9;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3.0rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type='button']:focus,input[type='button']:hover,input[type='reset']:focus,input[type='reset']:hover,input[type='submit']:focus,input[type='submit']:hover{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.button[disabled],button[disabled],input[type='button'][disabled],input[type='reset'][disabled],input[type='submit'][disabled]{cursor:default;opacity:.5}.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type='button'][disabled]:focus,input[type='button'][disabled]:hover,input[type='reset'][disabled]:focus,input[type='reset'][disabled]:hover,input[type='submit'][disabled]:focus,input[type='submit'][disabled]:hover{background-color:#0069d9;border-color:#0069d9}.button.button-outline,button.button-outline,input[type='button'].button-outline,input[type='reset'].button-outline,input[type='submit'].button-outline{background-color:transparent;color:#0069d9}.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,input[type='button'].button-outline:focus,input[type='button'].button-outline:hover,input[type='reset'].button-outline:focus,input[type='reset'].button-outline:hover,input[type='submit'].button-outline:focus,input[type='submit'].button-outline:hover{background-color:transparent;border-color:#606c76;color:#606c76}.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,button.button-outline[disabled]:hover,input[type='button'].button-outline[disabled]:focus,input[type='button'].button-outline[disabled]:hover,input[type='reset'].button-outline[disabled]:focus,input[type='reset'].button-outline[disabled]:hover,input[type='submit'].button-outline[disabled]:focus,input[type='submit'].button-outline[disabled]:hover{border-color:inherit;color:#0069d9}.button.button-clear,button.button-clear,input[type='button'].button-clear,input[type='reset'].button-clear,input[type='submit'].button-clear{background-color:transparent;border-color:transparent;color:#0069d9}.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,input[type='button'].button-clear:focus,input[type='button'].button-clear:hover,input[type='reset'].button-clear:focus,input[type='reset'].button-clear:hover,input[type='submit'].button-clear:focus,input[type='submit'].button-clear:hover{background-color:transparent;border-color:transparent;color:#606c76}.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,button.button-clear[disabled]:hover,input[type='button'].button-clear[disabled]:focus,input[type='button'].button-clear[disabled]:hover,input[type='reset'].button-clear[disabled]:focus,input[type='reset'].button-clear[disabled]:hover,input[type='submit'].button-clear[disabled]:focus,input[type='submit'].button-clear[disabled]:hover{color:#0069d9}code{background:#f4f5f6;border-radius:.4rem;font-size:86%;margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap}pre{background:#f4f5f6;border-left:0.3rem solid #0069d9;overflow-y:hidden}pre>code{border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre}hr{border:0;border-top:0.1rem solid #f4f5f6;margin:3.0rem 0}input[type='email'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='url'],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0.1rem solid #d1d1d1;border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:3.8rem;padding:.6rem 1.0rem;width:100%}input[type='email']:focus,input[type='number']:focus,input[type='password']:focus,input[type='search']:focus,input[type='tel']:focus,input[type='text']:focus,input[type='url']:focus,textarea:focus,select:focus{border-color:#0069d9;outline:0}select{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%23d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat;padding-right:3.0rem}select:focus{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%230069d9" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')}textarea{min-height:6.5rem}label,legend{display:block;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}fieldset{border-width:0;padding:0}input[type='checkbox'],input[type='radio']{display:inline}.label-inline{display:inline-block;font-weight:normal;margin-left:.5rem}.row{display:flex;flex-direction:column;padding:0;width:100%}.row.row-no-padding{padding:0}.row.row-no-padding>.column{padding:0}.row.row-wrap{flex-wrap:wrap}.row.row-top{align-items:flex-start}.row.row-bottom{align-items:flex-end}.row.row-center{align-items:center}.row.row-stretch{align-items:stretch}.row.row-baseline{align-items:baseline}.row .column{display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%}.row .column.column-offset-10{margin-left:10%}.row .column.column-offset-20{margin-left:20%}.row .column.column-offset-25{margin-left:25%}.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}.row .column.column-offset-50{margin-left:50%}.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}.row .column.column-offset-75{margin-left:75%}.row .column.column-offset-80{margin-left:80%}.row .column.column-offset-90{margin-left:90%}.row .column.column-10{flex:0 0 10%;max-width:10%}.row .column.column-20{flex:0 0 20%;max-width:20%}.row .column.column-25{flex:0 0 25%;max-width:25%}.row .column.column-33,.row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}.row .column.column-40{flex:0 0 40%;max-width:40%}.row .column.column-50{flex:0 0 50%;max-width:50%}.row .column.column-60{flex:0 0 60%;max-width:60%}.row .column.column-66,.row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}.row .column.column-75{flex:0 0 75%;max-width:75%}.row .column.column-80{flex:0 0 80%;max-width:80%}.row .column.column-90{flex:0 0 90%;max-width:90%}.row .column .column-top{align-self:flex-start}.row .column .column-bottom{align-self:flex-end}.row .column .column-center{-ms-grid-row-align:center;align-self:center}@media (min-width: 40rem){.row{flex-direction:row;margin-left:-1.0rem;width:calc(100% + 2.0rem)}.row .column{margin-bottom:inherit;padding:0 1.0rem}}a{color:#0069d9;text-decoration:none}a:focus,a:hover{color:#606c76}dl,ol,ul{list-style:none;margin-top:0;padding-left:0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3.0rem}ol{list-style:decimal inside}ul{list-style:circle inside}.button,button,dd,dt,li{margin-bottom:1.0rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}table{border-spacing:0;width:100%}td,th{border-bottom:0.1rem solid #e1e1e1;padding:1.2rem 1.5rem;text-align:left}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}b,strong{font-weight:bold}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-.1rem;margin-bottom:2.0rem;margin-top:0}h1{font-size:4.6rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:2.8rem;line-height:1.3}h4{font-size:2.2rem;letter-spacing:-.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}img{max-width:100%}.clearfix:after{clear:both;content:' ';display:table}.float-left{float:left}.float-right{float:right}
 10 | 
 11 | /* General style */
 12 | h1{font-size: 3.6rem; line-height: 1.25}
 13 | h2{font-size: 2.8rem; line-height: 1.3}
 14 | h3{font-size: 2.2rem; letter-spacing: -.08rem; line-height: 1.35}
 15 | h4{font-size: 1.8rem; letter-spacing: -.05rem; line-height: 1.5}
 16 | h5{font-size: 1.6rem; letter-spacing: 0; line-height: 1.4}
 17 | h6{font-size: 1.4rem; letter-spacing: 0; line-height: 1.2}
 18 | 
 19 | .container{
 20 |   margin: 0 auto;
 21 |   max-width: 80.0rem;
 22 |   padding: 0 2.0rem;
 23 |   position: relative;
 24 |   width: 100%
 25 | }
 26 | select {
 27 |   width: auto;
 28 | }
 29 | 
 30 | /* Alerts and form errors */
 31 | .alert {
 32 |   padding: 15px;
 33 |   margin-bottom: 20px;
 34 |   border: 1px solid transparent;
 35 |   border-radius: 4px;
 36 | }
 37 | .alert-info {
 38 |   color: #31708f;
 39 |   background-color: #d9edf7;
 40 |   border-color: #bce8f1;
 41 | }
 42 | .alert-warning {
 43 |   color: #8a6d3b;
 44 |   background-color: #fcf8e3;
 45 |   border-color: #faebcc;
 46 | }
 47 | .alert-danger {
 48 |   color: #a94442;
 49 |   background-color: #f2dede;
 50 |   border-color: #ebccd1;
 51 | }
 52 | .alert p {
 53 |   margin-bottom: 0;
 54 | }
 55 | .alert:empty {
 56 |   display: none;
 57 | }
 58 | .help-block {
 59 |   color: #a94442;
 60 |   display: block;
 61 |   margin: -1rem 0 2rem;
 62 | }
 63 | 
 64 | /* Phoenix promo and logo */
 65 | .phx-hero {
 66 |   text-align: center;
 67 |   border-bottom: 1px solid #e3e3e3;
 68 |   background: #eee;
 69 |   border-radius: 6px;
 70 |   padding: 3em;
 71 |   margin-bottom: 3rem;
 72 |   font-weight: 200;
 73 |   font-size: 120%;
 74 | }
 75 | .phx-hero p {
 76 |   margin: 0;
 77 | }
 78 | .phx-logo {
 79 |   min-width: 300px;
 80 |   margin: 1rem;
 81 |   display: block;
 82 | }
 83 | .phx-logo img {
 84 |   width: auto;
 85 |   display: block;
 86 | }
 87 | 
 88 | /* Headers */
 89 | header {
 90 |   width: 100%;
 91 |   background: #fdfdfd;
 92 |   border-bottom: 1px solid #eaeaea;
 93 |   margin-bottom: 2rem;
 94 | }
 95 | header section {
 96 |   align-items: center;
 97 |   display: flex;
 98 |   flex-direction: column;
 99 |   justify-content: space-between;
100 | }
101 | header section :first-child {
102 |   order: 2;
103 | }
104 | header section :last-child {
105 |   order: 1;
106 | }
107 | header nav ul,
108 | header nav li {
109 |   margin: 0;
110 |   padding: 0;
111 |   display: block;
112 |   text-align: right;
113 |   white-space: nowrap;
114 | }
115 | header nav ul {
116 |   margin: 1rem;
117 |   margin-top: 0;
118 | }
119 | header nav a {
120 |   display: block;
121 | }
122 | 
123 | @media (min-width: 40.0rem) { /* Small devices (landscape phones, 576px and up) */
124 |   header section {
125 |     flex-direction: row;
126 |   }
127 |   header nav ul {
128 |     margin: 1rem;
129 |   }
130 |   .phx-logo {
131 |     flex-basis: 527px;
132 |     margin: 2rem 1rem;
133 |   }
134 | }
135 | 


--------------------------------------------------------------------------------
/assets/js/app.js:
--------------------------------------------------------------------------------
 1 | // We need to import the CSS so that webpack will load it.
 2 | // The MiniCssExtractPlugin is used to separate it out into
 3 | // its own CSS file.
 4 | import css from "../css/app.css"
 5 | 
 6 | // webpack automatically bundles all modules in your
 7 | // entry points. Those entry points can be configured
 8 | // in "webpack.config.js".
 9 | //
10 | // Import dependencies
11 | //
12 | import "phoenix_html"
13 | 
14 | import {Socket} from "phoenix"
15 | import LiveSocket from "phoenix_live_view"
16 | 
17 | let liveSocket = new LiveSocket("/live", Socket)
18 | liveSocket.connect()
19 | 
20 | // Import local files
21 | //
22 | // Local files can be imported directly using relative paths, for example:
23 | // import socket from "./socket"
24 | 


--------------------------------------------------------------------------------
/assets/js/socket.js:
--------------------------------------------------------------------------------
 1 | // NOTE: The contents of this file will only be executed if
 2 | // you uncomment its entry in "assets/js/app.js".
 3 | 
 4 | // To use Phoenix channels, the first step is to import Socket,
 5 | // and connect at the socket path in "lib/web/endpoint.ex".
 6 | //
 7 | // Pass the token on params as below. Or remove it
 8 | // from the params if you are not using authentication.
 9 | import {Socket} from "phoenix"
10 | 
11 | let socket = new Socket("/socket", {params: {token: window.userToken}})
12 | 
13 | // When you connect, you'll often need to authenticate the client.
14 | // For example, imagine you have an authentication plug, `MyAuth`,
15 | // which authenticates the session and assigns a `:current_user`.
16 | // If the current user exists you can assign the user's token in
17 | // the connection for use in the layout.
18 | //
19 | // In your "lib/web/router.ex":
20 | //
21 | //     pipeline :browser do
22 | //       ...
23 | //       plug MyAuth
24 | //       plug :put_user_token
25 | //     end
26 | //
27 | //     defp put_user_token(conn, _) do
28 | //       if current_user = conn.assigns[:current_user] do
29 | //         token = Phoenix.Token.sign(conn, "user socket", current_user.id)
30 | //         assign(conn, :user_token, token)
31 | //       else
32 | //         conn
33 | //       end
34 | //     end
35 | //
36 | // Now you need to pass this token to JavaScript. You can do so
37 | // inside a script tag in "lib/web/templates/layout/app.html.eex":
38 | //
39 | //     <script>window.userToken = "<%= assigns[:user_token] %>";</script>
40 | //
41 | // You will need to verify the user token in the "connect/3" function
42 | // in "lib/web/channels/user_socket.ex":
43 | //
44 | //     def connect(%{"token" => token}, socket, _connect_info) do
45 | //       # max_age: 1209600 is equivalent to two weeks in seconds
46 | //       case Phoenix.Token.verify(socket, "user socket", token, max_age: 1209600) do
47 | //         {:ok, user_id} ->
48 | //           {:ok, assign(socket, :user, user_id)}
49 | //         {:error, reason} ->
50 | //           :error
51 | //       end
52 | //     end
53 | //
54 | // Finally, connect to the socket:
55 | socket.connect()
56 | 
57 | // Now that you are connected, you can join channels with a topic:
58 | let channel = socket.channel("topic:subtopic", {})
59 | channel.join()
60 |   .receive("ok", resp => { console.log("Joined successfully", resp) })
61 |   .receive("error", resp => { console.log("Unable to join", resp) })
62 | 
63 | export default socket
64 | 


--------------------------------------------------------------------------------
/assets/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "repository": {},
 3 |   "license": "MIT",
 4 |   "scripts": {
 5 |     "deploy": "webpack --mode production",
 6 |     "watch": "webpack --mode development --watch"
 7 |   },
 8 |   "dependencies": {
 9 |     "phoenix": "file:../deps/phoenix",
10 |     "phoenix_html": "file:../deps/phoenix_html",
11 |     "phoenix_live_view": "file:../deps/phoenix_live_view"
12 |   },
13 |   "devDependencies": {
14 |     "@babel/core": "^7.0.0",
15 |     "@babel/preset-env": "^7.0.0",
16 |     "babel-loader": "^8.0.0",
17 |     "copy-webpack-plugin": "^4.5.0",
18 |     "css-loader": "^2.1.1",
19 |     "mini-css-extract-plugin": "^0.4.0",
20 |     "optimize-css-assets-webpack-plugin": "^5.0.1",
21 |     "terser-webpack-plugin": "^1.1.0",
22 |     "webpack": "4.4.0",
23 |     "webpack-cli": "^3.3.2"
24 |   }
25 | }
26 | 


--------------------------------------------------------------------------------
/assets/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/entone/states_language_live_view/2e513232f60bb81e4cd229efe61bb66fe0b317b7/assets/static/favicon.ico


--------------------------------------------------------------------------------
/assets/static/images/phoenix.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/entone/states_language_live_view/2e513232f60bb81e4cd229efe61bb66fe0b317b7/assets/static/images/phoenix.png


--------------------------------------------------------------------------------
/assets/static/robots.txt:
--------------------------------------------------------------------------------
1 | # See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file
2 | #
3 | # To ban all spiders from the entire site uncomment the next two lines:
4 | # User-agent: *
5 | # Disallow: /
6 | 


--------------------------------------------------------------------------------
/assets/webpack.config.js:
--------------------------------------------------------------------------------
 1 | const path = require('path');
 2 | const glob = require('glob');
 3 | const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 4 | const TerserPlugin = require('terser-webpack-plugin');
 5 | const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 6 | const CopyWebpackPlugin = require('copy-webpack-plugin');
 7 | 
 8 | module.exports = (env, options) => ({
 9 |   optimization: {
10 |     minimizer: [
11 |       new TerserPlugin({ cache: true, parallel: true, sourceMap: false }),
12 |       new OptimizeCSSAssetsPlugin({})
13 |     ]
14 |   },
15 |   entry: {
16 |     './js/app.js': glob.sync('./vendor/**/*.js').concat(['./js/app.js'])
17 |   },
18 |   output: {
19 |     filename: 'app.js',
20 |     path: path.resolve(__dirname, '../priv/static/js')
21 |   },
22 |   module: {
23 |     rules: [
24 |       {
25 |         test: /\.js$/,
26 |         exclude: /node_modules/,
27 |         use: {
28 |           loader: 'babel-loader'
29 |         }
30 |       },
31 |       {
32 |         test: /\.css$/,
33 |         use: [MiniCssExtractPlugin.loader, 'css-loader']
34 |       }
35 |     ]
36 |   },
37 |   plugins: [
38 |     new MiniCssExtractPlugin({ filename: '../css/app.css' }),
39 |     new CopyWebpackPlugin([{ from: 'static/', to: '../' }])
40 |   ]
41 | });
42 | 


--------------------------------------------------------------------------------
/config/config.exs:
--------------------------------------------------------------------------------
 1 | # This file is responsible for configuring your application
 2 | # and its dependencies with the aid of the Mix.Config module.
 3 | #
 4 | # This configuration file is loaded before any dependency and
 5 | # is restricted to this project.
 6 | 
 7 | # General application configuration
 8 | use Mix.Config
 9 | 
10 | # Configures the endpoint
11 | config :states_language_live_view, StatesLanguageLiveViewWeb.Endpoint,
12 |   url: [host: "localhost"],
13 |   secret_key_base: "Vh2qigJtJsSD83/ZbI0zVOXyk27sKunX/MGPQrrn/vTT6sV4qVgeFu8XPWaORFQD",
14 |   render_errors: [view: StatesLanguageLiveViewWeb.ErrorView, accepts: ~w(html json)],
15 |   pubsub: [name: StatesLanguageLiveView.PubSub, adapter: Phoenix.PubSub.PG2],
16 |   live_view: [
17 |     signing_salt: "ArI5zbm+CvsSufjTffiP/7OEDwDF5zAQ"
18 |   ]
19 | 
20 | # Configures Elixir's Logger
21 | config :logger, :console,
22 |   format: "$time $metadata[$level] $message\n",
23 |   metadata: [:request_id]
24 | 
25 | # Use Jason for JSON parsing in Phoenix
26 | config :phoenix, :json_library, Jason
27 | 
28 | # Import environment specific config. This must remain at the bottom
29 | # of this file so it overrides the configuration defined above.
30 | import_config "#{Mix.env()}.exs"
31 | 


--------------------------------------------------------------------------------
/config/dev.exs:
--------------------------------------------------------------------------------
 1 | use Mix.Config
 2 | 
 3 | # For development, we disable any cache and enable
 4 | # debugging and code reloading.
 5 | #
 6 | # The watchers configuration can be used to run external
 7 | # watchers to your application. For example, we use it
 8 | # with webpack to recompile .js and .css sources.
 9 | config :states_language_live_view, StatesLanguageLiveViewWeb.Endpoint,
10 |   http: [port: 4000],
11 |   debug_errors: true,
12 |   code_reloader: true,
13 |   check_origin: false,
14 |   watchers: [
15 |     node: [
16 |       "node_modules/webpack/bin/webpack.js",
17 |       "--mode",
18 |       "development",
19 |       "--watch-stdin",
20 |       cd: Path.expand("../assets", __DIR__)
21 |     ]
22 |   ]
23 | 
24 | # ## SSL Support
25 | #
26 | # In order to use HTTPS in development, a self-signed
27 | # certificate can be generated by running the following
28 | # Mix task:
29 | #
30 | #     mix phx.gen.cert
31 | #
32 | # Note that this task requires Erlang/OTP 20 or later.
33 | # Run `mix help phx.gen.cert` for more information.
34 | #
35 | # The `http:` config above can be replaced with:
36 | #
37 | #     https: [
38 | #       port: 4001,
39 | #       cipher_suite: :strong,
40 | #       keyfile: "priv/cert/selfsigned_key.pem",
41 | #       certfile: "priv/cert/selfsigned.pem"
42 | #     ],
43 | #
44 | # If desired, both `http:` and `https:` keys can be
45 | # configured to run both http and https servers on
46 | # different ports.
47 | 
48 | # Watch static and templates for browser reloading.
49 | config :states_language_live_view, StatesLanguageLiveViewWeb.Endpoint,
50 |   live_reload: [
51 |     patterns: [
52 |       ~r"priv/static/.*(js|css|png|jpeg|jpg|gif|svg)$",
53 |       ~r"priv/gettext/.*(po)$",
54 |       ~r"lib/states_language_live_view_web/{live,views}/.*(ex)$",
55 |       ~r"lib/states_language_live_view_web/templates/.*(eex)$"
56 |     ]
57 |   ]
58 | 
59 | # Do not include metadata nor timestamps in development logs
60 | config :logger, :console, format: "[$level] $message\n"
61 | 
62 | # Set a higher stacktrace during development. Avoid configuring such
63 | # in production as building large stacktraces may be expensive.
64 | config :phoenix, :stacktrace_depth, 20
65 | 
66 | # Initialize plugs at runtime for faster development compilation
67 | config :phoenix, :plug_init_mode, :runtime
68 | 


--------------------------------------------------------------------------------
/config/prod.exs:
--------------------------------------------------------------------------------
 1 | use Mix.Config
 2 | 
 3 | # For production, don't forget to configure the url host
 4 | # to something meaningful, Phoenix uses this information
 5 | # when generating URLs.
 6 | #
 7 | # Note we also include the path to a cache manifest
 8 | # containing the digested version of static files. This
 9 | # manifest is generated by the `mix phx.digest` task,
10 | # which you should run after static files are built and
11 | # before starting your production server.
12 | config :states_language_live_view, StatesLanguageLiveViewWeb.Endpoint,
13 |   url: [host: "example.com", port: 80],
14 |   cache_static_manifest: "priv/static/cache_manifest.json"
15 | 
16 | # Do not print debug messages in production
17 | config :logger, level: :info
18 | 
19 | # ## SSL Support
20 | #
21 | # To get SSL working, you will need to add the `https` key
22 | # to the previous section and set your `:url` port to 443:
23 | #
24 | #     config :states_language_live_view, StatesLanguageLiveViewWeb.Endpoint,
25 | #       ...
26 | #       url: [host: "example.com", port: 443],
27 | #       https: [
28 | #         :inet6,
29 | #         port: 443,
30 | #         cipher_suite: :strong,
31 | #         keyfile: System.get_env("SOME_APP_SSL_KEY_PATH"),
32 | #         certfile: System.get_env("SOME_APP_SSL_CERT_PATH")
33 | #       ]
34 | #
35 | # The `cipher_suite` is set to `:strong` to support only the
36 | # latest and more secure SSL ciphers. This means old browsers
37 | # and clients may not be supported. You can set it to
38 | # `:compatible` for wider support.
39 | #
40 | # `:keyfile` and `:certfile` expect an absolute path to the key
41 | # and cert in disk or a relative path inside priv, for example
42 | # "priv/ssl/server.key". For all supported SSL configuration
43 | # options, see https://hexdocs.pm/plug/Plug.SSL.html#configure/1
44 | #
45 | # We also recommend setting `force_ssl` in your endpoint, ensuring
46 | # no data is ever sent via http, always redirecting to https:
47 | #
48 | #     config :states_language_live_view, StatesLanguageLiveViewWeb.Endpoint,
49 | #       force_ssl: [hsts: true]
50 | #
51 | # Check `Plug.SSL` for all available options in `force_ssl`.
52 | 
53 | # Finally import the config/prod.secret.exs which loads secrets
54 | # and configuration from environment variables.
55 | import_config "prod.secret.exs"
56 | 


--------------------------------------------------------------------------------
/config/prod.secret.exs:
--------------------------------------------------------------------------------
 1 | # In this file, we load production configuration and secrets
 2 | # from environment variables. You can also hardcode secrets,
 3 | # although such is generally not recommended and you have to
 4 | # remember to add this file to your .gitignore.
 5 | use Mix.Config
 6 | 
 7 | secret_key_base =
 8 |   System.get_env("SECRET_KEY_BASE") ||
 9 |     raise """
10 |     environment variable SECRET_KEY_BASE is missing.
11 |     You can generate one by calling: mix phx.gen.secret
12 |     """
13 | 
14 | config :states_language_live_view, StatesLanguageLiveViewWeb.Endpoint,
15 |   http: [:inet6, port: String.to_integer(System.get_env("PORT") || "4000")],
16 |   secret_key_base: secret_key_base
17 | 
18 | # ## Using releases (Elixir v1.9+)
19 | #
20 | # If you are doing OTP releases, you need to instruct Phoenix
21 | # to start each relevant endpoint:
22 | #
23 | #     config :states_language_live_view, StatesLanguageLiveViewWeb.Endpoint, server: true
24 | #
25 | # Then you can assemble a release by calling `mix release`.
26 | # See `mix help release` for more information.
27 | 


--------------------------------------------------------------------------------
/config/test.exs:
--------------------------------------------------------------------------------
 1 | use Mix.Config
 2 | 
 3 | # We don't run a server during test. If one is required,
 4 | # you can enable the server option below.
 5 | config :states_language_live_view, StatesLanguageLiveViewWeb.Endpoint,
 6 |   http: [port: 4002],
 7 |   server: false
 8 | 
 9 | # Print only warnings and errors during test
10 | config :logger, level: :warn
11 | 


--------------------------------------------------------------------------------
/example_workflow.dot:
--------------------------------------------------------------------------------
 1 | digraph my_graph {
 2 |   node0 [label="Welcome", shape=box];
 3 |   node1 [label="ShowError", shape=box];
 4 |   node2 [label="ShowAccount", shape=box];
 5 |   node3 [label="PhoneNumberLookup", shape=box];
 6 |   node4 [label="DoLookup", shape=box];
 7 |   node5 [label="AccountLookupChoice", shape=box];
 8 |   node6 [label="AccountIDLookup", shape=box];
 9 |   node6 -> node4 [label=":do_lookup"];
10 |   node5 -> node3 [label=":phone_lookup"];
11 |   node5 -> node6 [label=":account_id_lookup"];
12 |   node4 -> node2 [label=":success"];
13 |   node4 -> node1 [label=":account_not_found"];
14 |   node4 -> node1 [label=":internal_error"];
15 |   node3 -> node4 [label=":do_lookup"];
16 |   node1 -> node5 [label=":ok"];
17 |   node0 -> node5 [label=":transition"];
18 | }
19 | 
20 | 


--------------------------------------------------------------------------------
/example_workflow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/entone/states_language_live_view/2e513232f60bb81e4cd229efe61bb66fe0b317b7/example_workflow.png


--------------------------------------------------------------------------------
/lib/states_language_live_view.ex:
--------------------------------------------------------------------------------
 1 | defmodule StatesLanguageLiveView do
 2 |   @moduledoc """
 3 |   StatesLanguageLiveView keeps the contexts that define your domain
 4 |   and business logic.
 5 | 
 6 |   Contexts are also responsible for managing your data, regardless
 7 |   if it comes from the database, an external API or others.
 8 |   """
 9 | end
10 | 


--------------------------------------------------------------------------------
/lib/states_language_live_view/application.ex:
--------------------------------------------------------------------------------
 1 | defmodule StatesLanguageLiveView.Application do
 2 |   # See https://hexdocs.pm/elixir/Application.html
 3 |   # for more information on OTP Applications
 4 |   @moduledoc false
 5 | 
 6 |   use Application
 7 | 
 8 |   def start(_type, _args) do
 9 |     # List all child processes to be supervised
10 |     children = [
11 |       # Start the endpoint when the application starts
12 |       StatesLanguageLiveViewWeb.Endpoint
13 |       # Starts a worker by calling: StatesLanguageLiveView.Worker.start_link(arg)
14 |       # {StatesLanguageLiveView.Worker, arg},
15 |     ]
16 | 
17 |     # See https://hexdocs.pm/elixir/Supervisor.html
18 |     # for other strategies and supported options
19 |     opts = [strategy: :one_for_one, name: StatesLanguageLiveView.Supervisor]
20 |     Supervisor.start_link(children, opts)
21 |   end
22 | 
23 |   # Tell Phoenix to update the endpoint configuration
24 |   # whenever the application is updated.
25 |   def config_change(changed, _new, removed) do
26 |     StatesLanguageLiveViewWeb.Endpoint.config_change(changed, removed)
27 |     :ok
28 |   end
29 | end
30 | 


--------------------------------------------------------------------------------
/lib/states_language_live_view/workflows/example_workflow.ex:
--------------------------------------------------------------------------------
  1 | defmodule StatesLanguageLiveView.ExampleWorkflow do
  2 |   @moduledoc """
  3 |   This is our state machine implementation, it implements the callbacks from the StatesLanguage library. 
  4 |   The defstruct also allows us to use this module as the state machine data. The :parent key was populated in our LiveView view, 
  5 |   with the pid of the LiveView process. We use this key to send messages back to the LiveView.
  6 | 
  7 |   The @external_resource module attribute tells mix to watch the JSON file, 
  8 |   and recompile our module if the underlying JSON changes.
  9 |   """
 10 | 
 11 |   @external_resource "priv/state_machines/example_workflow.json"
 12 |   use StatesLanguage, data: "priv/state_machines/example_workflow.json"
 13 | 
 14 |   alias StatesLanguage, as: SL
 15 |   alias __MODULE__, as: Data
 16 | 
 17 |   require Logger
 18 | 
 19 |   defstruct [:account_lookup_type, :account_id, :account, :error, :parent]
 20 | 
 21 |   @doc """
 22 |   We're pattern matching on our Resource and the current State. This makes it possible to call the same Resource but behave differently based on the current state. 
 23 | 
 24 |   The ignored argument is the Parameters from our JSON state definition, 
 25 |   in this case we're not utlizing any of the JSONPath support, and only working with our data, 
 26 |   which you can see is always in a %StatesLanguage{} struct, with our inital data that we started our process with in the :data key. 
 27 | 
 28 |   You can see the HTML to be rendered in our template variable, and the event to send to our LiveView process. 
 29 |   This should correlate to the TransitionEvent in the JSON, or the default of :transition.
 30 | 
 31 |   We send an update message to our LiveView process, and it takes care of sending the update to our HTML page.
 32 | 
 33 |   We aren't going to transtition to the next state until the user clicks the button, 
 34 |   so we don't return any additional actions, and we haven't captured any data yet, so we just return the original data.
 35 | 
 36 |   The rest of the handle_resources behave in a similar way. 
 37 |   """
 38 |   @impl true
 39 |   def handle_resource("Welcome", _, "Welcome", %SL{data: %Data{parent: p}} = data) do
 40 |     template = """
 41 |     <h3>Welcome</h3>
 42 |     <button phx-click="transition">Get Started</button>
 43 |     """
 44 | 
 45 |     send(p, {:update, template})
 46 |     {:ok, data, []}
 47 |   end
 48 | 
 49 |   @impl true
 50 |   def handle_resource(
 51 |         "AccountLookupChoice",
 52 |         _,
 53 |         "AccountLookupChoice",
 54 |         %SL{data: %Data{parent: p}} = data
 55 |       ) do
 56 |     template = """
 57 |     <h3>How would you like to look up your account?</h3>
 58 |     <button phx-click="phone_lookup">Phone Number?</button>
 59 |     <button phx-click="account_id_lookup">Account ID</button>
 60 |     """
 61 | 
 62 |     send(p, {:update, template})
 63 |     {:ok, data, []}
 64 |   end
 65 | 
 66 |   @doc """
 67 |   In this state we've captured some data we want to persist for the rest of the states to utilize, 
 68 |   so we update our data before returning it.
 69 |   """
 70 |   @impl true
 71 |   def handle_resource(
 72 |         "PhoneNumberLookup",
 73 |         _,
 74 |         "PhoneNumberLookup",
 75 |         %SL{data: %Data{parent: p} = data} = sl
 76 |       ) do
 77 |     template = """
 78 |     <h3>Please provide your phone number</h3>
 79 |     <form phx-submit="set_value:account_id">
 80 |       <input type="text" name="account_id"/>
 81 |       <input type="submit" value="Find Account" />
 82 |     </form>
 83 |     """
 84 | 
 85 |     send(p, {:update, template})
 86 |     {:ok, %SL{sl | data: %Data{data | account_lookup_type: :phone}}, []}
 87 |   end
 88 | 
 89 |   @impl true
 90 |   def handle_resource(
 91 |         "AccountIDLookup",
 92 |         _,
 93 |         "AccountIDLookup",
 94 |         %SL{data: %Data{parent: p} = data} = sl
 95 |       ) do
 96 |     template = """
 97 |     <h3>Please provide your account number</h3>
 98 |     <form phx-submit="set_value:account_id">
 99 |       <input type="text" name="account_id"/>
100 |       <input type="submit" value="Find Account" />
101 |     </form>
102 |     """
103 | 
104 |     send(p, {:update, template})
105 |     {:ok, %SL{sl | data: %Data{data | account_lookup_type: :account}}, []}
106 |   end
107 | 
108 |   @doc """
109 |   In this state we are simulating reaching out to another API or a database. 
110 |   In the JSON spec we've defined possible errors in our Catch attribute. 
111 |   Depending on the result of the lookup, we send a successatom or one of 2 error atoms. 
112 |   """
113 |   @impl true
114 |   def handle_resource(
115 |         "DoLookup",
116 |         _,
117 |         "DoLookup",
118 |         %SL{data: %Data{account_id: ai, account_lookup_type: t}} = sl
119 |       ) do
120 |     Logger.info("Looking up account type #{t} with id #{ai}")
121 | 
122 |     {data, action} =
123 |       case do_lookup(ai, t) do
124 |         {:success, account} ->
125 |           {
126 |             Map.put(sl.data, :account, account),
127 |             {:next_event, :internal, :success}
128 |           }
129 | 
130 |         {:error, error} ->
131 |           {
132 |             Map.put(sl.data, :error, error),
133 |             {:next_event, :internal, error}
134 |           }
135 |       end
136 | 
137 |     {:ok, %SL{sl | data: data}, action}
138 |   end
139 | 
140 |   @doc """
141 |   This state can only be reached if we've had a successful account lookup, so we can confidently display our account information.
142 |   """
143 |   @impl true
144 |   def handle_resource("ShowAccount", _, "ShowAccount", %SL{data: %Data{parent: p} = data} = sl) do
145 |     template = """
146 |     <h3>Your Account Information</h3>
147 |     <dl>
148 |       <dt>ID</dt>
149 |       <dd>#{data.account.id}</dd>
150 |       <dt>Address</dt>
151 |       <dd>#{data.account.address}</dd>
152 |       <dt>Account Type</dt>
153 |       <dd>#{data.account.account_type}</dd>
154 |       <dt>Amount Due</dt>
155 |       <dd>#{data.account.amount_due}</dd>
156 |       <dt>Due Date</dt>
157 |       <dd>#{data.account.due_date}</dd>
158 |       <dt>Lookup Type</dt>
159 |       <dd>#{data.account.lookup_type}</dd>
160 |     </dl>
161 |     """
162 | 
163 |     send(p, {:update, template})
164 |     {:ok, sl, []}
165 |   end
166 | 
167 |   @doc """
168 |   All errors end up in this state, so we display it, and allow the user to try another lookup.
169 |   """
170 |   @impl true
171 |   def handle_resource("ShowError", _, "ShowError", %SL{data: %Data{parent: p, error: error}} = sl) do
172 |     template = """
173 |     <h3>Error</h3>
174 |     <h4>#{error}</h4>
175 |     <button phx-click="ok">Try Again</button>
176 |     """
177 | 
178 |     send(p, {:update, template})
179 |     {:ok, sl, []}
180 |   end
181 | 
182 |   @impl true
183 |   def handle_resource(resource, _, state, data) do
184 |     Logger.warn("Unhandled Resource #{resource} in state #{state}")
185 |     {:ok, data, []}
186 |   end
187 | 
188 |   @doc """
189 |   The handle_call callback is called from our LiveView view, when setting the account id, 
190 |   the key name is passed in as part of the event and converted to an atom here.
191 | 
192 |   We reply to the call with :ok, but also move onto the next state, 
193 |   as we've captured our account id for lookup now.
194 |   """
195 |   @impl true
196 |   def handle_call({:set_value, key, value}, from, _state, sl) do
197 |     data = Map.put(sl.data, String.to_existing_atom(key), value)
198 |     {:ok, %SL{sl | data: data}, [{:reply, from, :ok}, {:next_event, :internal, :do_lookup}]}
199 |   end
200 | 
201 |   defp do_lookup("1", _) do
202 |     {:error, :account_not_found}
203 |   end
204 | 
205 |   defp do_lookup("2", _) do
206 |     {:error, :internal_error}
207 |   end
208 | 
209 |   defp do_lookup(id, type) do
210 |     {:success,
211 |      %{
212 |        id: id,
213 |        address: "555 Main St, Pleasantville, IL 61111",
214 |        amount_due: "$198.43",
215 |        account_type: "broadband",
216 |        lookup_type: type,
217 |        due_date: "2019-11-18"
218 |      }}
219 |   end
220 | end
221 | 


--------------------------------------------------------------------------------
/lib/states_language_live_view_web.ex:
--------------------------------------------------------------------------------
 1 | defmodule StatesLanguageLiveViewWeb do
 2 |   @moduledoc """
 3 |   The entrypoint for defining your web interface, such
 4 |   as controllers, views, channels and so on.
 5 | 
 6 |   This can be used in your application as:
 7 | 
 8 |       use StatesLanguageLiveViewWeb, :controller
 9 |       use StatesLanguageLiveViewWeb, :view
10 | 
11 |   The definitions below will be executed for every view,
12 |   controller, etc, so keep them short and clean, focused
13 |   on imports, uses and aliases.
14 | 
15 |   Do NOT define functions inside the quoted expressions
16 |   below. Instead, define any helper function in modules
17 |   and import those modules here.
18 |   """
19 | 
20 |   def controller do
21 |     quote do
22 |       use Phoenix.Controller, namespace: StatesLanguageLiveViewWeb
23 | 
24 |       import Plug.Conn
25 |       import StatesLanguageLiveViewWeb.Gettext
26 |       import Phoenix.LiveView.Controller
27 |       alias StatesLanguageLiveViewWeb.Router.Helpers, as: Routes
28 |     end
29 |   end
30 | 
31 |   def view do
32 |     quote do
33 |       use Phoenix.View,
34 |         root: "lib/states_language_live_view_web/templates",
35 |         namespace: StatesLanguageLiveViewWeb
36 | 
37 |       # Import convenience functions from controllers
38 |       import Phoenix.Controller, only: [get_flash: 1, get_flash: 2, view_module: 1]
39 | 
40 |       # Use all HTML functionality (forms, tags, etc)
41 |       use Phoenix.HTML
42 | 
43 |       import StatesLanguageLiveViewWeb.ErrorHelpers
44 |       import StatesLanguageLiveViewWeb.Gettext
45 |       alias StatesLanguageLiveViewWeb.Router.Helpers, as: Routes
46 |     end
47 |   end
48 | 
49 |   def router do
50 |     quote do
51 |       use Phoenix.Router
52 |       import Plug.Conn
53 |       import Phoenix.Controller
54 |       import Phoenix.LiveView.Router
55 |     end
56 |   end
57 | 
58 |   def channel do
59 |     quote do
60 |       use Phoenix.Channel
61 |       import StatesLanguageLiveViewWeb.Gettext
62 |     end
63 |   end
64 | 
65 |   @doc """
66 |   When used, dispatch to the appropriate controller/view/etc.
67 |   """
68 |   defmacro __using__(which) when is_atom(which) do
69 |     apply(__MODULE__, which, [])
70 |   end
71 | end
72 | 


--------------------------------------------------------------------------------
/lib/states_language_live_view_web/channels/user_socket.ex:
--------------------------------------------------------------------------------
 1 | defmodule StatesLanguageLiveViewWeb.UserSocket do
 2 |   use Phoenix.Socket
 3 | 
 4 |   ## Channels
 5 |   # channel "room:*", StatesLanguageLiveViewWeb.RoomChannel
 6 | 
 7 |   # Socket params are passed from the client and can
 8 |   # be used to verify and authenticate a user. After
 9 |   # verification, you can put default assigns into
10 |   # the socket that will be set for all channels, ie
11 |   #
12 |   #     {:ok, assign(socket, :user_id, verified_user_id)}
13 |   #
14 |   # To deny connection, return `:error`.
15 |   #
16 |   # See `Phoenix.Token` documentation for examples in
17 |   # performing token verification on connect.
18 |   def connect(_params, socket, _connect_info) do
19 |     {:ok, socket}
20 |   end
21 | 
22 |   # Socket id's are topics that allow you to identify all sockets for a given user:
23 |   #
24 |   #     def id(socket), do: "user_socket:#{socket.assigns.user_id}"
25 |   #
26 |   # Would allow you to broadcast a "disconnect" event and terminate
27 |   # all active sockets and channels for a given user:
28 |   #
29 |   #     StatesLanguageLiveViewWeb.Endpoint.broadcast("user_socket:#{user.id}", "disconnect", %{})
30 |   #
31 |   # Returning `nil` makes this socket anonymous.
32 |   def id(_socket), do: nil
33 | end
34 | 


--------------------------------------------------------------------------------
/lib/states_language_live_view_web/controllers/page_controller.ex:
--------------------------------------------------------------------------------
1 | defmodule StatesLanguageLiveViewWeb.PageController do
2 |   use StatesLanguageLiveViewWeb, :controller
3 | 
4 |   def index(conn, _params) do
5 |     render(conn, "index.html")
6 |   end
7 | end
8 | 


--------------------------------------------------------------------------------
/lib/states_language_live_view_web/endpoint.ex:
--------------------------------------------------------------------------------
 1 | defmodule StatesLanguageLiveViewWeb.Endpoint do
 2 |   use Phoenix.Endpoint, otp_app: :states_language_live_view
 3 | 
 4 |   socket "/socket", StatesLanguageLiveViewWeb.UserSocket,
 5 |     websocket: true,
 6 |     longpoll: false
 7 | 
 8 |   socket "/live", Phoenix.LiveView.Socket
 9 |   # Serve at "/" the static files from "priv/static" directory.
10 |   #
11 |   # You should set gzip to true if you are running phx.digest
12 |   # when deploying your static files in production.
13 |   plug Plug.Static,
14 |     at: "/",
15 |     from: :states_language_live_view,
16 |     gzip: false,
17 |     only: ~w(css fonts images js favicon.ico robots.txt)
18 | 
19 |   # Code reloading can be explicitly enabled under the
20 |   # :code_reloader configuration of your endpoint.
21 |   if code_reloading? do
22 |     socket "/phoenix/live_reload/socket", Phoenix.LiveReloader.Socket
23 |     plug Phoenix.LiveReloader
24 |     plug Phoenix.CodeReloader
25 |   end
26 | 
27 |   plug Plug.RequestId
28 |   plug Plug.Telemetry, event_prefix: [:phoenix, :endpoint]
29 | 
30 |   plug Plug.Parsers,
31 |     parsers: [:urlencoded, :multipart, :json],
32 |     pass: ["*/*"],
33 |     json_decoder: Phoenix.json_library()
34 | 
35 |   plug Plug.MethodOverride
36 |   plug Plug.Head
37 | 
38 |   # The session will be stored in the cookie and signed,
39 |   # this means its contents can be read but not tampered with.
40 |   # Set :encryption_salt if you would also like to encrypt it.
41 |   plug Plug.Session,
42 |     store: :cookie,
43 |     key: "_states_language_live_view_key",
44 |     signing_salt: "99PdOlnZ"
45 | 
46 |   plug StatesLanguageLiveViewWeb.Router
47 | end
48 | 


--------------------------------------------------------------------------------
/lib/states_language_live_view_web/gettext.ex:
--------------------------------------------------------------------------------
 1 | defmodule StatesLanguageLiveViewWeb.Gettext do
 2 |   @moduledoc """
 3 |   A module providing Internationalization with a gettext-based API.
 4 | 
 5 |   By using [Gettext](https://hexdocs.pm/gettext),
 6 |   your module gains a set of macros for translations, for example:
 7 | 
 8 |       import StatesLanguageLiveViewWeb.Gettext
 9 | 
10 |       # Simple translation
11 |       gettext("Here is the string to translate")
12 | 
13 |       # Plural translation
14 |       ngettext("Here is the string to translate",
15 |                "Here are the strings to translate",
16 |                3)
17 | 
18 |       # Domain-based translation
19 |       dgettext("errors", "Here is the error message to translate")
20 | 
21 |   See the [Gettext Docs](https://hexdocs.pm/gettext) for detailed usage.
22 |   """
23 |   use Gettext, otp_app: :states_language_live_view
24 | end
25 | 


--------------------------------------------------------------------------------
/lib/states_language_live_view_web/router.ex:
--------------------------------------------------------------------------------
 1 | defmodule StatesLanguageLiveViewWeb.Router do
 2 |   use StatesLanguageLiveViewWeb, :router
 3 | 
 4 |   pipeline :browser do
 5 |     plug :accepts, ["html"]
 6 |     plug :fetch_session
 7 |     plug :fetch_flash
 8 |     plug :protect_from_forgery
 9 |     plug :put_secure_browser_headers
10 |     plug Phoenix.LiveView.Flash
11 |   end
12 | 
13 |   pipeline :api do
14 |     plug :accepts, ["json"]
15 |   end
16 | 
17 |   scope "/", StatesLanguageLiveViewWeb do
18 |     pipe_through :browser
19 | 
20 |     live "/", Workflow, session: []
21 |   end
22 | 
23 |   # Other scopes may use custom stacks.
24 |   # scope "/api", StatesLanguageLiveViewWeb do
25 |   #   pipe_through :api
26 |   # end
27 | end
28 | 


--------------------------------------------------------------------------------
/lib/states_language_live_view_web/templates/layout/app.html.eex:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8"/>
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 7 |     <title>Example Workflow</title>
 8 |     <link rel="stylesheet" href="<%= Routes.static_path(@conn, "/css/app.css") %>"/>
 9 |   </head>
10 |   <body>
11 |     <header>
12 |       <section class="container">
13 |         <nav role="navigation">
14 |           <ul>
15 |             <li><a href="/">Start Over</a></li>
16 |           </ul>
17 |         </nav>
18 |         <h1>Example Workflow</h1>
19 |       </section>
20 |     </header>
21 |     <main role="main" class="container">
22 |       <p class="alert alert-info" role="alert"><%= get_flash(@conn, :info) %></p>
23 |       <p class="alert alert-danger" role="alert"><%= get_flash(@conn, :error) %></p>
24 |       <%= render @view_module, @view_template, assigns %>
25 |     </main>
26 |     <script type="text/javascript" src="<%= Routes.static_path(@conn, "/js/app.js") %>"></script>
27 |   </body>
28 | </html>
29 | 


--------------------------------------------------------------------------------
/lib/states_language_live_view_web/templates/page/index.html.eex:
--------------------------------------------------------------------------------
 1 | <section class="phx-hero">
 2 |   <h1><%= gettext "Welcome to %{name}!", name: "Phoenix" %></h1>
 3 |   <p>A productive web framework that<br/>does not compromise speed or maintainability.</p>
 4 | </section>
 5 | 
 6 | <section class="row">
 7 |   <article class="column">
 8 |     <h2>Resources</h2>
 9 |     <ul>
10 |       <li>
11 |         <a href="https://hexdocs.pm/phoenix/overview.html">Guides &amp; Docs</a>
12 |       </li>
13 |       <li>
14 |         <a href="https://github.com/phoenixframework/phoenix">Source</a>
15 |       </li>
16 |       <li>
17 |         <a href="https://github.com/phoenixframework/phoenix/blob/v1.4/CHANGELOG.md">v1.4 Changelog</a>
18 |       </li>
19 |     </ul>
20 |   </article>
21 |   <article class="column">
22 |     <h2>Help</h2>
23 |     <ul>
24 |       <li>
25 |         <a href="https://elixirforum.com/c/phoenix-forum">Forum</a>
26 |       </li>
27 |       <li>
28 |         <a href="https://webchat.freenode.net/?channels=elixir-lang">#elixir-lang on Freenode IRC</a>
29 |       </li>
30 |       <li>
31 |         <a href="https://twitter.com/elixirphoenix">Twitter @elixirphoenix</a>
32 |       </li>
33 |     </ul>
34 |   </article>
35 | </section>
36 | 


--------------------------------------------------------------------------------
/lib/states_language_live_view_web/views/error_helpers.ex:
--------------------------------------------------------------------------------
 1 | defmodule StatesLanguageLiveViewWeb.ErrorHelpers do
 2 |   @moduledoc """
 3 |   Conveniences for translating and building error messages.
 4 |   """
 5 | 
 6 |   use Phoenix.HTML
 7 | 
 8 |   @doc """
 9 |   Generates tag for inlined form input errors.
10 |   """
11 |   def error_tag(form, field) do
12 |     Enum.map(Keyword.get_values(form.errors, field), fn error ->
13 |       content_tag(:span, translate_error(error), class: "help-block")
14 |     end)
15 |   end
16 | 
17 |   @doc """
18 |   Translates an error message using gettext.
19 |   """
20 |   def translate_error({msg, opts}) do
21 |     # When using gettext, we typically pass the strings we want
22 |     # to translate as a static argument:
23 |     #
24 |     #     # Translate "is invalid" in the "errors" domain
25 |     #     dgettext("errors", "is invalid")
26 |     #
27 |     #     # Translate the number of files with plural rules
28 |     #     dngettext("errors", "1 file", "%{count} files", count)
29 |     #
30 |     # Because the error messages we show in our forms and APIs
31 |     # are defined inside Ecto, we need to translate them dynamically.
32 |     # This requires us to call the Gettext module passing our gettext
33 |     # backend as first argument.
34 |     #
35 |     # Note we use the "errors" domain, which means translations
36 |     # should be written to the errors.po file. The :count option is
37 |     # set by Ecto and indicates we should also apply plural rules.
38 |     if count = opts[:count] do
39 |       Gettext.dngettext(StatesLanguageLiveViewWeb.Gettext, "errors", msg, msg, count, opts)
40 |     else
41 |       Gettext.dgettext(StatesLanguageLiveViewWeb.Gettext, "errors", msg, opts)
42 |     end
43 |   end
44 | end
45 | 


--------------------------------------------------------------------------------
/lib/states_language_live_view_web/views/error_view.ex:
--------------------------------------------------------------------------------
 1 | defmodule StatesLanguageLiveViewWeb.ErrorView do
 2 |   use StatesLanguageLiveViewWeb, :view
 3 | 
 4 |   # If you want to customize a particular status code
 5 |   # for a certain format, you may uncomment below.
 6 |   # def render("500.html", _assigns) do
 7 |   #   "Internal Server Error"
 8 |   # end
 9 | 
10 |   # By default, Phoenix returns the status message from
11 |   # the template name. For example, "404.html" becomes
12 |   # "Not Found".
13 |   def template_not_found(template, _assigns) do
14 |     Phoenix.Controller.status_message_from_template(template)
15 |   end
16 | end
17 | 


--------------------------------------------------------------------------------
/lib/states_language_live_view_web/views/layout_view.ex:
--------------------------------------------------------------------------------
1 | defmodule StatesLanguageLiveViewWeb.LayoutView do
2 |   use StatesLanguageLiveViewWeb, :view
3 | end
4 | 


--------------------------------------------------------------------------------
/lib/states_language_live_view_web/views/page_view.ex:
--------------------------------------------------------------------------------
1 | defmodule StatesLanguageLiveViewWeb.PageView do
2 |   use StatesLanguageLiveViewWeb, :view
3 | end
4 | 


--------------------------------------------------------------------------------
/lib/states_language_live_view_web/views/workflow.ex:
--------------------------------------------------------------------------------
 1 | defmodule StatesLanguageLiveViewWeb.Workflow do
 2 |   @moduledoc """
 3 |   LiveView view to start and example workflow
 4 |   """
 5 |   use Phoenix.LiveView
 6 |   use Phoenix.HTML
 7 |   require Logger
 8 |   alias StatesLanguageLiveView.ExampleWorkflow
 9 | 
10 |   @initial_data "Loading..."
11 | 
12 |   def render(assigns) do
13 |     ~L"""
14 |     <div><%= raw(@data) %></div>
15 |     """
16 |   end
17 | 
18 |   @doc """
19 |   Once our LiveView socket is connected, we'll start our ExampleWorkflow, our state machine implementation.
20 | 
21 |   We pass a struct of type ExampleWorkflow as the data for our state machine. 
22 |   This will get populated with data as we move through our state machine.
23 | 
24 |   We also capture the pid of the workflow, and set some initial data while we wait for everything to get setup.
25 |   """
26 |   def mount(%{}, socket) do
27 |     Logger.info("Mounting")
28 | 
29 |     {_, pid} =
30 |       if connected?(socket) do
31 |         Logger.info("Starting Example Workflow...")
32 |         ExampleWorkflow.start_link(%ExampleWorkflow{parent: self()})
33 |       else
34 |         {:noop, nil}
35 |       end
36 | 
37 |     {:ok, assign(socket, data: @initial_data, workflow: pid)}
38 |   end
39 | 
40 |   @doc """
41 |   When inputting a phone number or account id in our HTML form, and pressing the button, 
42 |   this callback pattern matches on our event type, and uses the remainder of the binary data to indicate which form name to get our data from. 
43 |   In this case it also happens to match the key we're going to store the value in, in our state machine data.
44 |   """
45 |   def handle_event(<<"set_value:", key::binary()>>, values, socket) do
46 |     Logger.info("setting values for: #{key} #{inspect(values)}")
47 |     :ok = ExampleWorkflow.call(socket.assigns.workflow, {:set_value, key, Map.get(values, key)})
48 |     {:noreply, socket}
49 |   end
50 | 
51 |   @doc """
52 |   This handles all other events from our HTML forms from our button presses.
53 |   """
54 |   def handle_event(event, _, socket) do
55 |     event = String.to_existing_atom(event)
56 |     Logger.info("Sending Event #{inspect(event)} to #{inspect(socket.assigns.workflow)}")
57 |     send(socket.assigns.workflow, event)
58 |     {:noreply, socket}
59 |   end
60 | 
61 |   @doc """
62 |   This is a GenServer callback that matches on messages sent from our state machine. I
63 |   t updates our data attribute on our socket, which triggers LiveView to push a message down the WebSocket, and re-render our form.
64 |   """
65 |   def handle_info({:update, data}, socket) do
66 |     Logger.info("Updating UI")
67 |     {:noreply, assign(socket, data: data)}
68 |   end
69 | end
70 | 


--------------------------------------------------------------------------------
/mix.exs:
--------------------------------------------------------------------------------
 1 | defmodule StatesLanguageLiveView.MixProject do
 2 |   use Mix.Project
 3 | 
 4 |   def project do
 5 |     [
 6 |       app: :states_language_live_view,
 7 |       version: "0.1.0",
 8 |       elixir: "~> 1.5",
 9 |       elixirc_paths: elixirc_paths(Mix.env()),
10 |       compilers: [:phoenix, :gettext] ++ Mix.compilers(),
11 |       start_permanent: Mix.env() == :prod,
12 |       deps: deps()
13 |     ]
14 |   end
15 | 
16 |   # Configuration for the OTP application.
17 |   #
18 |   # Type `mix help compile.app` for more information.
19 |   def application do
20 |     [
21 |       mod: {StatesLanguageLiveView.Application, []},
22 |       extra_applications: [:logger, :runtime_tools]
23 |     ]
24 |   end
25 | 
26 |   # Specifies which paths to compile per environment.
27 |   defp elixirc_paths(:test), do: ["lib", "test/support"]
28 |   defp elixirc_paths(_), do: ["lib"]
29 | 
30 |   # Specifies your project dependencies.
31 |   #
32 |   # Type `mix help deps` for examples and options.
33 |   defp deps do
34 |     [
35 |       {:phoenix, "~> 1.4.11"},
36 |       {:phoenix_pubsub, "~> 1.1"},
37 |       {:phoenix_html, "~> 2.11"},
38 |       {:phoenix_live_reload, "~> 1.2", only: :dev},
39 |       {:gettext, "~> 0.11"},
40 |       {:jason, "~> 1.0"},
41 |       {:plug_cowboy, "~> 2.0"},
42 |       {:phoenix_live_view, "~> 0.4.0"},
43 |       {:states_language, "~> 0.2"}
44 |     ]
45 |   end
46 | end
47 | 


--------------------------------------------------------------------------------
/mix.lock:
--------------------------------------------------------------------------------
 1 | %{
 2 |   "conv_case": {:hex, :conv_case, "0.2.2", "5a98b74ab8f7ddbad670e5c7bb39ff280e60699aa3b25c7062ceccf48137433c", [:mix], [], "hexpm"},
 3 |   "cowboy": {:hex, :cowboy, "2.7.0", "91ed100138a764355f43316b1d23d7ff6bdb0de4ea618cb5d8677c93a7a2f115", [:rebar3], [{:cowlib, "~> 2.8.0", [hex: :cowlib, repo: "hexpm", optional: false]}, {:ranch, "~> 1.7.1", [hex: :ranch, repo: "hexpm", optional: false]}], "hexpm"},
 4 |   "cowlib": {:hex, :cowlib, "2.8.0", "fd0ff1787db84ac415b8211573e9a30a3ebe71b5cbff7f720089972b2319c8a4", [:rebar3], [], "hexpm"},
 5 |   "elixpath": {:hex, :elixpath, "0.1.0", "f860e931db7bda6856dc68145694ca429643cc068ef30d7ff6b4096d4357963e", [:mix], [{:nimble_parsec, "~> 0.5", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm"},
 6 |   "file_system": {:hex, :file_system, "0.2.7", "e6f7f155970975789f26e77b8b8d8ab084c59844d8ecfaf58cbda31c494d14aa", [:mix], [], "hexpm"},
 7 |   "gettext": {:hex, :gettext, "0.17.1", "8baab33482df4907b3eae22f719da492cee3981a26e649b9c2be1c0192616962", [:mix], [], "hexpm"},
 8 |   "jason": {:hex, :jason, "1.1.2", "b03dedea67a99223a2eaf9f1264ce37154564de899fd3d8b9a21b1a6fd64afe7", [:mix], [{:decimal, "~> 1.0", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm"},
 9 |   "json_xema": {:hex, :json_xema, "0.4.0", "377446cd5c0e2cbba52b9d7ab67c05579e6d4a788335220215a8870eac821996", [:mix], [{:conv_case, "~> 0.2", [hex: :conv_case, repo: "hexpm", optional: false]}, {:xema, "~> 0.11", [hex: :xema, repo: "hexpm", optional: false]}], "hexpm"},
10 |   "mime": {:hex, :mime, "1.3.1", "30ce04ab3175b6ad0bdce0035cba77bba68b813d523d1aac73d9781b4d193cf8", [:mix], [], "hexpm"},
11 |   "nimble_parsec": {:hex, :nimble_parsec, "0.5.2", "1d71150d5293d703a9c38d4329da57d3935faed2031d64bc19e77b654ef2d177", [:mix], [], "hexpm"},
12 |   "phoenix": {:hex, :phoenix, "1.4.11", "d112c862f6959f98e6e915c3b76c7a87ca3efd075850c8daa7c3c7a609014b0d", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 1.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:plug, "~> 1.8.1 or ~> 1.9", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 1.0 or ~> 2.0", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm"},
13 |   "phoenix_html": {:hex, :phoenix_html, "2.13.3", "850e292ff6e204257f5f9c4c54a8cb1f6fbc16ed53d360c2b780a3d0ba333867", [:mix], [{:plug, "~> 1.5", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm"},
14 |   "phoenix_live_reload": {:hex, :phoenix_live_reload, "1.2.1", "274a4b07c4adbdd7785d45a8b0bb57634d0b4f45b18d2c508b26c0344bd59b8f", [:mix], [{:file_system, "~> 0.2.1 or ~> 0.3", [hex: :file_system, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.4", [hex: :phoenix, repo: "hexpm", optional: false]}], "hexpm"},
15 |   "phoenix_live_view": {:hex, :phoenix_live_view, "0.4.1", "17e04bd09873c64d8d8e9b8322fee1911044af3d5b2ec5e54fa5c06fbe35c4e6", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.4.9", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 2.13.2", [hex: :phoenix_html, repo: "hexpm", optional: false]}], "hexpm"},
16 |   "phoenix_pubsub": {:hex, :phoenix_pubsub, "1.1.2", "496c303bdf1b2e98a9d26e89af5bba3ab487ba3a3735f74bf1f4064d2a845a3e", [:mix], [], "hexpm"},
17 |   "plug": {:hex, :plug, "1.8.3", "12d5f9796dc72e8ac9614e94bda5e51c4c028d0d428e9297650d09e15a684478", [:mix], [{:mime, "~> 1.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug_crypto, "~> 1.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4", [hex: :telemetry, repo: "hexpm", optional: true]}], "hexpm"},
18 |   "plug_cowboy": {:hex, :plug_cowboy, "2.1.0", "b75768153c3a8a9e8039d4b25bb9b14efbc58e9c4a6e6a270abff1cd30cbe320", [:mix], [{:cowboy, "~> 2.5", [hex: :cowboy, repo: "hexpm", optional: false]}, {:plug, "~> 1.7", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm"},
19 |   "plug_crypto": {:hex, :plug_crypto, "1.0.0", "18e49317d3fa343f24620ed22795ec29d4a5e602d52d1513ccea0b07d8ea7d4d", [:mix], [], "hexpm"},
20 |   "ranch": {:hex, :ranch, "1.7.1", "6b1fab51b49196860b733a49c07604465a47bdb78aa10c1c16a3d199f7f8c881", [:rebar3], [], "hexpm"},
21 |   "states_language": {:hex, :states_language, "0.2.4", "447d407feaefbb31d2e1a916ce7d6da183c8d513feec21661dda7443d1aef978", [:mix], [{:elixpath, "~> 0.1.0", [hex: :elixpath, repo: "hexpm", optional: false]}, {:jason, "~> 1.1", [hex: :jason, repo: "hexpm", optional: false]}, {:json_xema, "~> 0.4.0", [hex: :json_xema, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:xema, "~> 0.11.0", [hex: :xema, repo: "hexpm", optional: false]}], "hexpm"},
22 |   "telemetry": {:hex, :telemetry, "0.4.1", "ae2718484892448a24470e6aa341bc847c3277bfb8d4e9289f7474d752c09c7f", [:rebar3], [], "hexpm"},
23 |   "xema": {:hex, :xema, "0.11.0", "7b5118418633cffc27092110d02d4faeea938149dd3f6c64299e41e747067e80", [:mix], [{:conv_case, "~> 0.2.2", [hex: :conv_case, repo: "hexpm", optional: false]}, {:decimal, "~> 1.7", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm"},
24 | }
25 | 


--------------------------------------------------------------------------------
/priv/gettext/en/LC_MESSAGES/errors.po:
--------------------------------------------------------------------------------
 1 | ## `msgid`s in this file come from POT (.pot) files.
 2 | ##
 3 | ## Do not add, change, or remove `msgid`s manually here as
 4 | ## they're tied to the ones in the corresponding POT file
 5 | ## (with the same domain).
 6 | ##
 7 | ## Use `mix gettext.extract --merge` or `mix gettext.merge`
 8 | ## to merge POT files into PO files.
 9 | msgid ""
10 | msgstr ""
11 | "Language: en\n"
12 | 


--------------------------------------------------------------------------------
/priv/gettext/errors.pot:
--------------------------------------------------------------------------------
 1 | ## This is a PO Template file.
 2 | ##
 3 | ## `msgid`s here are often extracted from source code.
 4 | ## Add new translations manually only if they're dynamic
 5 | ## translations that can't be statically extracted.
 6 | ##
 7 | ## Run `mix gettext.extract` to bring this file up to
 8 | ## date. Leave `msgstr`s empty as changing them here has no
 9 | ## effect: edit them in PO (`.po`) files instead.
10 | 
11 | 


--------------------------------------------------------------------------------
/priv/state_machines/example_workflow.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "Comment": "This is an example workflow",
 3 |   "StartAt": "Welcome",
 4 |   "States": {
 5 |     "Welcome": {
 6 |       "Type": "Task",
 7 |       "Resource": "Welcome",
 8 |       "Next": "AccountLookupChoice"
 9 |     },
10 |     "AccountLookupChoice": {
11 |       "Type": "Choice",
12 |       "Resource": "AccountLookupChoice",
13 |       "Choices": [
14 |         {
15 |           "Next": "PhoneNumberLookup",
16 |           "StringEquals": ":phone_lookup"
17 |         },
18 |         {
19 |           "Next": "AccountIDLookup",
20 |           "StringEquals": ":account_id_lookup"
21 |         }
22 |       ]
23 |     },
24 |     "PhoneNumberLookup": {
25 |       "Type": "Task",
26 |       "Resource": "PhoneNumberLookup",
27 |       "TransitionEvent": ":do_lookup",
28 |       "Next": "DoLookup"
29 |     },
30 |     "AccountIDLookup": {
31 |       "Type": "Task",
32 |       "Resource": "AccountIDLookup",
33 |       "TransitionEvent": ":do_lookup",
34 |       "Next": "DoLookup"
35 |     },
36 |     "DoLookup": {
37 |       "Type": "Task",
38 |       "Resource": "DoLookup",
39 |       "TransitionEvent": ":success",
40 |       "Next": "ShowAccount",
41 |       "Catch": [
42 |         {
43 |           "ErrorEquals": [":account_not_found", ":internal_error"],
44 |           "Next": "ShowError"
45 |         }
46 |       ]
47 |     },
48 |     "ShowError": {
49 |       "Type": "Task",
50 |       "Resource": "ShowError",
51 |       "TransitionEvent": ":ok",
52 |       "Next": "AccountLookupChoice"
53 |     },
54 |     "ShowAccount": {
55 |       "Type": "Task",
56 |       "Resource": "ShowAccount",
57 |       "End": true
58 |     }
59 |   }
60 | }
61 | 
62 | 


--------------------------------------------------------------------------------
/test/states_language_live_view_web/controllers/page_controller_test.exs:
--------------------------------------------------------------------------------
1 | defmodule StatesLanguageLiveViewWeb.PageControllerTest do
2 |   use StatesLanguageLiveViewWeb.ConnCase
3 | 
4 |   test "GET /", %{conn: conn} do
5 |     conn = get(conn, "/")
6 |     assert html_response(conn, 200) =~ "Welcome to Phoenix!"
7 |   end
8 | end
9 | 


--------------------------------------------------------------------------------
/test/states_language_live_view_web/views/error_view_test.exs:
--------------------------------------------------------------------------------
 1 | defmodule StatesLanguageLiveViewWeb.ErrorViewTest do
 2 |   use StatesLanguageLiveViewWeb.ConnCase, async: true
 3 | 
 4 |   # Bring render/3 and render_to_string/3 for testing custom views
 5 |   import Phoenix.View
 6 | 
 7 |   test "renders 404.html" do
 8 |     assert render_to_string(StatesLanguageLiveViewWeb.ErrorView, "404.html", []) == "Not Found"
 9 |   end
10 | 
11 |   test "renders 500.html" do
12 |     assert render_to_string(StatesLanguageLiveViewWeb.ErrorView, "500.html", []) == "Internal Server Error"
13 |   end
14 | end
15 | 


--------------------------------------------------------------------------------
/test/states_language_live_view_web/views/layout_view_test.exs:
--------------------------------------------------------------------------------
1 | defmodule StatesLanguageLiveViewWeb.LayoutViewTest do
2 |   use StatesLanguageLiveViewWeb.ConnCase, async: true
3 | end
4 | 


--------------------------------------------------------------------------------
/test/states_language_live_view_web/views/page_view_test.exs:
--------------------------------------------------------------------------------
1 | defmodule StatesLanguageLiveViewWeb.PageViewTest do
2 |   use StatesLanguageLiveViewWeb.ConnCase, async: true
3 | end
4 | 


--------------------------------------------------------------------------------
/test/support/channel_case.ex:
--------------------------------------------------------------------------------
 1 | defmodule StatesLanguageLiveViewWeb.ChannelCase do
 2 |   @moduledoc """
 3 |   This module defines the test case to be used by
 4 |   channel tests.
 5 | 
 6 |   Such tests rely on `Phoenix.ChannelTest` and also
 7 |   import other functionality to make it easier
 8 |   to build common data structures and query the data layer.
 9 | 
10 |   Finally, if the test case interacts with the database,
11 |   it cannot be async. For this reason, every test runs
12 |   inside a transaction which is reset at the beginning
13 |   of the test unless the test case is marked as async.
14 |   """
15 | 
16 |   use ExUnit.CaseTemplate
17 | 
18 |   using do
19 |     quote do
20 |       # Import conveniences for testing with channels
21 |       use Phoenix.ChannelTest
22 | 
23 |       # The default endpoint for testing
24 |       @endpoint StatesLanguageLiveViewWeb.Endpoint
25 |     end
26 |   end
27 | 
28 |   setup _tags do
29 |     :ok
30 |   end
31 | end
32 | 


--------------------------------------------------------------------------------
/test/support/conn_case.ex:
--------------------------------------------------------------------------------
 1 | defmodule StatesLanguageLiveViewWeb.ConnCase do
 2 |   @moduledoc """
 3 |   This module defines the test case to be used by
 4 |   tests that require setting up a connection.
 5 | 
 6 |   Such tests rely on `Phoenix.ConnTest` and also
 7 |   import other functionality to make it easier
 8 |   to build common data structures and query the data layer.
 9 | 
10 |   Finally, if the test case interacts with the database,
11 |   we enable the SQL sandbox, so changes done to the database
12 |   are reverted at the end of every test. If you are using
13 |   PostgreSQL, you can even run database tests asynchronously
14 |   by setting `use StatesLanguageLiveViewWeb.ConnCase, async: true`, although
15 |   this option is not recommendded for other databases.
16 |   """
17 | 
18 |   use ExUnit.CaseTemplate
19 | 
20 |   using do
21 |     quote do
22 |       # Import conveniences for testing with connections
23 |       use Phoenix.ConnTest
24 |       alias StatesLanguageLiveViewWeb.Router.Helpers, as: Routes
25 | 
26 |       # The default endpoint for testing
27 |       @endpoint StatesLanguageLiveViewWeb.Endpoint
28 |     end
29 |   end
30 | 
31 |   setup _tags do
32 |     {:ok, conn: Phoenix.ConnTest.build_conn()}
33 |   end
34 | end
35 | 


--------------------------------------------------------------------------------
/test/test_helper.exs:
--------------------------------------------------------------------------------
1 | ExUnit.start()
2 | 


--------------------------------------------------------------------------------