├── .babelrc
├── .eslintrc.json
├── .formatter.exs
├── .gitignore
├── LICENSE
├── README.md
├── assets
    ├── js
    │   ├── index.js
    │   └── sample_code.js
    └── scss
    │   └── app.scss
├── build.sh
├── config
    ├── config.exs
    ├── dev.exs
    ├── prod.exs
    └── test.exs
├── lib
    ├── elixir_formatter.ex
    ├── elixir_formatter
    │   └── application.ex
    ├── elixir_formatter_web.ex
    └── elixir_formatter_web
    │   ├── channels
    │       ├── formatter_channel.ex
    │       └── 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
├── mix.exs
├── mix.lock
├── package-lock.json
├── package.json
├── priv
    ├── gettext
    │   ├── en
    │   │   └── LC_MESSAGES
    │   │   │   └── errors.po
    │   └── errors.pot
    └── static
    │   ├── cache_manifest.json
    │   ├── favicon-b0c6f6a1a140812fcd05ddc4e3e563a7.ico
    │   ├── favicon.ico
    │   ├── images
    │       ├── favicons
    │       │   ├── android-chrome-192x192-2c81ae1e94e111a346b29a15d291aebe.png
    │       │   ├── android-chrome-192x192.png
    │       │   ├── android-chrome-512x512-c13725c41f167aaa7e87e51b0589cc31.png
    │       │   ├── android-chrome-512x512.png
    │       │   ├── apple-touch-icon-fc27aa2197e2bb7aaf445a22a1e636c1.png
    │       │   ├── apple-touch-icon.png
    │       │   ├── favicon-16x16-6b31e7e74ef0ed0ee4da2d7b738d4b21.png
    │       │   ├── favicon-16x16.png
    │       │   ├── favicon-32x32-8666bcf48e0145a94d27e4b38a3652d1.png
    │       │   ├── favicon-32x32.png
    │       │   ├── safari-pinned-tab-57cac335744da672578e9d9da25eb737.svg
    │       │   └── safari-pinned-tab.svg
    │       ├── logo-256-eb49ec9f2c066c55de82052da611a146.png
    │       ├── logo-256.png
    │       ├── logo-512-d3a93f49ca3b706106a746f40c7ed507.png
    │       └── logo-512.png
    │   ├── manifest-8d31319e01e16501d2244acb0788d08c.json
    │   ├── manifest.json
    │   ├── robots-067185ba27a5d9139b10a759679045bf.txt
    │   └── robots.txt
├── test
    ├── elixir_formatter_web
    │   ├── channels
    │   │   └── formatter_channel_test.exs
    │   ├── 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
└── webpack.config.js


/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": ["env"]
3 | }
4 | 


--------------------------------------------------------------------------------
/.eslintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "eslint:recommended",
 3 |   "env": {
 4 |     "browser": true
 5 |   },
 6 |   "parserOptions": {
 7 |     "ecmaVersion": 6,
 8 |     "sourceType": "module",
 9 |     "ecmaFeatures": {
10 |       "experimentalObjectRestSpread": true,
11 |       "jsx": false
12 |     }
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/.formatter.exs:
--------------------------------------------------------------------------------
 1 | [
 2 |   inputs: [
 3 |     "lib/**/*.{ex,exs}"
 4 |   ],
 5 | 
 6 |   locals_without_parens: [
 7 |     # Formatter tests
 8 |     assert_format: 2,
 9 |     assert_format: 3,
10 |     assert_same: 1,
11 |     assert_same: 2,
12 | 
13 |     # Errors tests
14 |     assert_eval_raise: 3,
15 | 
16 |     # Mix tests
17 |     in_fixture: 2,
18 |     in_tmp: 2,
19 | 
20 |     render: 2,
21 |     plug: 1,
22 |     plug: 2,
23 | 
24 |     # socket
25 |     channel: 2,
26 |     socket: 2,
27 |     transport: 2,
28 |   ]
29 | ]


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # App artifacts
 2 | /_build
 3 | /db
 4 | /deps
 5 | /*.ez
 6 | 
 7 | # Generated on crash by the VM
 8 | erl_crash.dump
 9 | 
10 | # Files matching config/*.secret.exs pattern contain sensitive
11 | # data and you should not commit them into version control.
12 | #
13 | # Alternatively, you may comment the line below and commit the
14 | # secrets files as long as you replace their contents by environment
15 | # variables.
16 | /config/*.secret.exs
17 | 
18 | # Build artifacts
19 | /priv/static/js
20 | /priv/static/css
21 | 
22 | # JavaScript
23 | node_modules
24 | 
25 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | Copyright (c) 2017, Slab Inc
 2 | All rights reserved.
 3 | 
 4 | Redistribution and use in source and binary forms, with or without
 5 | modification, are permitted provided that the following conditions
 6 | are met:
 7 | 
 8 | 1. Redistributions of source code must retain the above copyright
 9 | notice, this list of conditions and the following disclaimer.
10 | 
11 | 2. Redistributions in binary form must reproduce the above copyright
12 | notice, this list of conditions and the following disclaimer in the
13 | documentation and/or other materials provided with the distribution.
14 | 
15 | 3. Neither the name of the copyright holder nor the names of its
16 | contributors may be used to endorse or promote products derived from
17 | this software without specific prior written permission.
18 | 
19 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
20 | IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED
21 | TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A
22 | PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
23 | HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
24 | SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
25 | LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
26 | DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
27 | THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
28 | (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
29 | OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # [Elixir Formatter](https://elixirformatter.com)
 2 | 
 3 | `mix format` in your browser.
 4 | 
 5 | ## Development
 6 | 
 7 | Install Dependencies:
 8 | 
 9 |   * `npm install`
10 |   * `mix deps.get`
11 | 
12 | Start server:
13 | 
14 |   * `mix phx.server`
15 | 
16 | Now you can visit [`localhost:4000`](http://localhost:4000) from your browser.
17 | 


--------------------------------------------------------------------------------
/assets/js/index.js:
--------------------------------------------------------------------------------
  1 | import ace from "brace";
  2 | import "brace/mode/elixir";
  3 | import "brace/theme/tomorrow";
  4 | 
  5 | import Clipboard from "clipboard";
  6 | import { Socket } from "phoenix";
  7 | import sample from "./sample_code";
  8 | 
  9 | function getChannel() {
 10 |   const socket = new Socket("/socket");
 11 |   socket.connect();
 12 | 
 13 |   const channel = socket.channel("formatter");
 14 |   channel.join();
 15 | 
 16 |   return channel;
 17 | }
 18 | 
 19 | function getEditor(id) {
 20 |   const editor = ace.edit(id);
 21 |   editor.getSession().setMode("ace/mode/elixir");
 22 |   editor.setTheme("ace/theme/tomorrow");
 23 |   editor.setOptions({
 24 |     fontFamily: "Inconsolata, 'SF Code', Menlo, monospace",
 25 |     fontSize: "14px"
 26 |   });
 27 |   editor.$blockScrolling = Infinity;
 28 | 
 29 |   return editor;
 30 | }
 31 | 
 32 | function configCopyButton(selector, sourceEditor) {
 33 |   const button = document.querySelector(selector);
 34 |   const clipboard = new Clipboard(selector, {
 35 |     text: () => sourceEditor.getValue()
 36 |   });
 37 |   const originalLabel = button.innerHTML;
 38 | 
 39 |   const changeHandler = () => {
 40 |     sourceEditor.off("change", changeHandler);
 41 |     button.innerHTML = originalLabel;
 42 |   };
 43 | 
 44 |   clipboard.on("success", ({ trigger }) => {
 45 |     trigger.innerText = "Copied!";
 46 | 
 47 |     sourceEditor.on("change", changeHandler);
 48 |   });
 49 | 
 50 |   return clipboard;
 51 | }
 52 | 
 53 | function setFormValues(formContainer, options) {
 54 |   for (const key in options) {
 55 |     const input = formContainer.querySelector(`[name=${key}]`);
 56 | 
 57 |     if (input) {
 58 |       input.value = options[key];
 59 |     }
 60 |   }
 61 | }
 62 | 
 63 | function configOptions(selector, modalSelector) {
 64 |   const STORAGE_KEY = "formatterOptions";
 65 |   const button = document.querySelector(selector);
 66 |   const modal = document.querySelector(modalSelector);
 67 |   const inputs = modal.querySelectorAll("input, textarea");
 68 |   const options = JSON.parse(localStorage.getItem(STORAGE_KEY) || "{}");
 69 |   let isOpen = null;
 70 | 
 71 |   function updateOptions() {
 72 |     for (const input of inputs) {
 73 |       const { name, type, value } = input;
 74 | 
 75 |       if (value === "") {
 76 |         delete options[name];
 77 |       } else {
 78 |         options[name] = type === "number" ? parseInt(value, 10) : value;
 79 |       }
 80 | 
 81 |       localStorage.setItem(STORAGE_KEY, JSON.stringify(options));
 82 |     }
 83 |   }
 84 | 
 85 |   function setIsOpen(newState) {
 86 |     isOpen = newState;
 87 |     modal.style.display = isOpen ? "block" : "none";
 88 |     updateOptions();
 89 |     updateResult();
 90 |   }
 91 | 
 92 |   button.addEventListener("click", () => {
 93 |     setIsOpen(!isOpen);
 94 |   });
 95 | 
 96 |   document.addEventListener("click", e => {
 97 |     const { target } = e;
 98 |     if (
 99 |       target !== button &&
100 |       target !== modal &&
101 |       !modal.contains(target) &&
102 |       isOpen
103 |     ) {
104 |       setIsOpen(false);
105 |     }
106 |   });
107 | 
108 |   setFormValues(modal, options);
109 |   setIsOpen(false);
110 |   return options;
111 | }
112 | 
113 | function formatError({ error, description, line }) {
114 |   const lineInfo = line ? `line ${line}:\n  ` : "";
115 |   return `${lineInfo}${error}: ${description}`;
116 | }
117 | 
118 | function updateResult() {
119 |   const code = inputEditor.getValue();
120 |   channel
121 |     .push("format", { code, options })
122 |     .receive("ok", ({ result }) => {
123 |       outputEditor.setValue(result, 1);
124 |     })
125 |     .receive("error", error => {
126 |       outputEditor.setValue(formatError(error), 1);
127 |     });
128 | }
129 | 
130 | const channel = getChannel();
131 | const inputEditor = getEditor("input");
132 | const outputEditor = getEditor("output");
133 | outputEditor.setReadOnly(true);
134 | 
135 | const options = configOptions("#options-button", "#options-window");
136 | 
137 | inputEditor.getSession().on("change", () => {
138 |   updateResult();
139 | });
140 | 
141 | configCopyButton("#copy-button", outputEditor);
142 | inputEditor.setValue(sample, 1);
143 | 


--------------------------------------------------------------------------------
/assets/js/sample_code.js:
--------------------------------------------------------------------------------
 1 | export default `defmodule Greetings do
 2 |   def hello_world, do:
 3 |     hello("world" )
 4 | 
 5 | 
 6 |   defp  hello(recipient) do
 7 |   IO.puts(
 8 |   "hello #{recipient}"
 9 |   )
10 |   end
11 | end`;
12 | 


--------------------------------------------------------------------------------
/assets/scss/app.scss:
--------------------------------------------------------------------------------
  1 | @import url(https://fonts.googleapis.com/css?family=Lato:400,900|Inconsolata:400,700);
  2 | @import "~normalize.css/normalize.css";
  3 | 
  4 | $elixirColor: #4e2a8e;
  5 | $uiFontFamily: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  6 |   Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  7 | $monospaceFontFamily: Inconsolata, "SF Mono", Menlo, Courier, monospace;
  8 | $mobileBreakpoint: 576px;
  9 | 
 10 | * {
 11 |   box-sizing: border-box;
 12 | }
 13 | 
 14 | html,
 15 | body {
 16 |   margin: 0;
 17 |   padding: 0;
 18 | }
 19 | 
 20 | body {
 21 |   font-family: $uiFontFamily;
 22 | }
 23 | 
 24 | a,
 25 | a:visited,
 26 | a:active {
 27 |   color: $elixirColor;
 28 |   text-decoration: none;
 29 | }
 30 | 
 31 | a:hover {
 32 |   text-decoration: underline;
 33 | }
 34 | 
 35 | h1,
 36 | h2,
 37 | h3,
 38 | h4,
 39 | h5,
 40 | h6 {
 41 |   margin: 0;
 42 | }
 43 | 
 44 | h1 {
 45 |   font-size: 20px;
 46 |   font-weight: 900;
 47 | 
 48 |   @media (max-width: $mobileBreakpoint) {
 49 |     font-size: 18px;
 50 |   }
 51 | }
 52 | 
 53 | button {
 54 |   background: white;
 55 |   border-radius: 3px;
 56 |   border: 1px solid #eee;
 57 |   font-family: $uiFontFamily;
 58 |   padding: 5px 10px;
 59 | 
 60 |   &:hover {
 61 |     background: #f0f0f0;
 62 |   }
 63 | 
 64 |   &:active {
 65 |     background: #eee;
 66 |   }
 67 | }
 68 | 
 69 | button.button-link {
 70 |   background: transparent;
 71 |   border: none;
 72 |   color: rgba(255, 255, 255, 0.85);
 73 |   transition: all 0.25s ease;
 74 |   padding: 0;
 75 | 
 76 |   &:hover {
 77 |     color: rgba(255, 255, 255, 1);
 78 |   }
 79 | }
 80 | 
 81 | code,
 82 | pre {
 83 |   font-family: $monospaceFontFamily;
 84 | }
 85 | 
 86 | .flat-list {
 87 |   list-style: none;
 88 |   margin: 0;
 89 |   padding: 0;
 90 | 
 91 |   li {
 92 |     float: left;
 93 | 
 94 |     &:not(:last-child) {
 95 |       &:after {
 96 |         display: inline;
 97 |         content: "\00b7";
 98 |         margin: 0 5px;
 99 |       }
100 |     }
101 |   }
102 | }
103 | 
104 | #app {
105 |   display: flex;
106 |   flex-direction: column;
107 |   height: 100vh;
108 | 
109 |   header {
110 |     align-items: center;
111 |     background-color: $elixirColor;
112 |     color: white;
113 |     display: flex;
114 |     justify-content: space-between;
115 |     padding: 15px;
116 | 
117 |     > *:not(:last-child) {
118 |       margin-right: 20px;
119 |     }
120 | 
121 |     h1 .version {
122 |       color: #eee;
123 |       font-size: 12px;
124 |       font-weight: normal;
125 |     }
126 | 
127 |     #title {
128 |       flex: 1;
129 |     }
130 | 
131 |     @media (max-width: $mobileBreakpoint) {
132 |       #description {
133 |         display: none;
134 |       }
135 |     }
136 |   }
137 | 
138 |   > footer {
139 |     background-color: #eee;
140 |     border-top: 1px solid #ccc;
141 |     display: flex;
142 |     font-size: 12px;
143 |     padding: 10px;
144 |     justify-content: space-between;
145 |   }
146 | }
147 | 
148 | #toolbox {
149 |   display: flex;
150 | 
151 |   > *:not(:last-child) {
152 |     margin-right: 20px;
153 |   }
154 | }
155 | 
156 | #options {
157 |   position: relative;
158 | 
159 |   #options-window {
160 |     background: white;
161 |     border-radius: 3px;
162 |     border: 1px solid #ccc;
163 |     box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
164 |     color: black;
165 |     display: none;
166 |     margin-top: 5px;
167 |     max-width: 80vw;
168 |     padding: 20px;
169 |     position: absolute;
170 |     right: 0;
171 |     top: 100%;
172 |     width: 300px;
173 |     z-index: 10;
174 | 
175 |     footer {
176 |       text-align: right;
177 |     }
178 |   }
179 | 
180 |   h3 {
181 |     color: #333;
182 |     margin-bottom: 20px;
183 |   }
184 | 
185 |   .options-list {
186 |     list-style: none;
187 |     margin: 0;
188 |     padding: 0;
189 | 
190 |     code {
191 |       display: inline-block;
192 |       min-height: 20px;
193 |     }
194 | 
195 |     input,
196 |     textarea {
197 |       border: 1px solid #ddd;
198 |       border-radius: 3px;
199 |       font-family: $monospaceFontFamily;
200 |     }
201 | 
202 |     input[type="number"] {
203 |       width: 40px;
204 |     }
205 | 
206 |     input[type="text"] {
207 |       width: 80px;
208 |     }
209 | 
210 |     code + input {
211 |       margin-left: 5px;
212 |     }
213 | 
214 |     textarea {
215 |       width: 100%;
216 |     }
217 |   }
218 | }
219 | 
220 | #editors {
221 |   display: flex;
222 |   flex: 1;
223 |   width: 100%;
224 | 
225 |   & > * {
226 |     flex: 1;
227 |   }
228 | 
229 |   @media (min-width: $mobileBreakpoint + 1px) {
230 |     & > *:not(:last-child) {
231 |       border-right: 1px solid #ccc;
232 |     }
233 |   }
234 | 
235 |   @media (max-width: $mobileBreakpoint) {
236 |     flex-direction: column;
237 | 
238 |     & > *:not(:last-child) {
239 |       border-bottom: 1px solid #ccc;
240 |     }
241 |   }
242 | }
243 | 


--------------------------------------------------------------------------------
/build.sh:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env bash
2 | npm install
3 | npm run build
4 | mix do deps.get, deps.compile, compile, phx.digest
5 | 


--------------------------------------------------------------------------------
/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 | use Mix.Config
 7 | 
 8 | config :phoenix, :json_library, Poison
 9 | 
10 | # Configures the endpoint
11 | config :elixir_formatter, ElixirFormatterWeb.Endpoint,
12 |   url: [host: "localhost"],
13 |   secret_key_base: "JRxFOZnl8zT3HioE90VM3HwKMjILzfwjLcZ/eSS7FAMwvqSixYZUJvghz7EcPJCo",
14 |   render_errors: [view: ElixirFormatterWeb.ErrorView, accepts: ~w(html json)],
15 |   pubsub: [name: ElixirFormatter.PubSub,
16 |            adapter: Phoenix.PubSub.PG2]
17 | 
18 | # Configures Elixir's Logger
19 | config :logger, :console,
20 |   format: "$time $metadata[$level] $message\n",
21 |   metadata: [:request_id]
22 | 
23 | # Import environment specific config. This must remain at the bottom
24 | # of this file so it overrides the configuration defined above.
25 | import_config "#{Mix.env}.exs"
26 | 


--------------------------------------------------------------------------------
/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 brunch.io to recompile .js and .css sources.
 9 | config :elixir_formatter, ElixirFormatterWeb.Endpoint,
10 |   http: [port: 4000],
11 |   debug_errors: true,
12 |   code_reloader: true,
13 |   check_origin: false,
14 |   watchers: [npm: ["run", "watch"]]
15 | 
16 | # ## SSL Support
17 | #
18 | # In order to use HTTPS in development, a self-signed
19 | # certificate can be generated by running the following
20 | # command from your terminal:
21 | #
22 | #     openssl req -new -newkey rsa:4096 -days 365 -nodes -x509 -subj "/C=US/ST=Denial/L=Springfield/O=Dis/CN=www.example.com" -keyout priv/server.key -out priv/server.pem
23 | #
24 | # The `http:` config above can be replaced with:
25 | #
26 | #     https: [port: 4000, keyfile: "priv/server.key", certfile: "priv/server.pem"],
27 | #
28 | # If desired, both `http:` and `https:` keys can be
29 | # configured to run both http and https servers on
30 | # different ports.
31 | 
32 | # Watch static and templates for browser reloading.
33 | config :elixir_formatter, ElixirFormatterWeb.Endpoint,
34 |   live_reload: [
35 |     patterns: [
36 |       ~r{priv/static/.*(js|css|png|jpeg|jpg|gif|svg)$},
37 |       ~r{priv/gettext/.*(po)$},
38 |       ~r{lib/elixir_formatter_web/views/.*(ex)$},
39 |       ~r{lib/elixir_formatter_web/templates/.*(eex)$}
40 |     ]
41 |   ]
42 | 
43 | # Do not include metadata nor timestamps in development logs
44 | config :logger, :console, format: "[$level] $message\n"
45 | 
46 | # Set a higher stacktrace during development. Avoid configuring such
47 | # in production as building large stacktraces may be expensive.
48 | config :phoenix, :stacktrace_depth, 20
49 | 


--------------------------------------------------------------------------------
/config/prod.exs:
--------------------------------------------------------------------------------
 1 | use Mix.Config
 2 | 
 3 | # For production, we often load configuration from external
 4 | # sources, such as your system environment. For this reason,
 5 | # you won't find the :http configuration below, but set inside
 6 | # ElixirFormatterWeb.Endpoint.init/2 when load_from_system_env is
 7 | # true. Any dynamic configuration should be done there.
 8 | #
 9 | # Don't forget to configure the url host to something meaningful,
10 | # Phoenix uses this information when generating URLs.
11 | #
12 | # Finally, we also include the path to a cache manifest
13 | # containing the digested version of static files. This
14 | # manifest is generated by the mix phx.digest task
15 | # which you typically run after static files are built.
16 | config :elixir_formatter, ElixirFormatterWeb.Endpoint,
17 |   load_from_system_env: true,
18 |   url: [scheme: "https", host: "elixirformatter.com", port: 443],
19 |   cache_static_manifest: "priv/static/cache_manifest.json",
20 |   check_origin: ["https://elixirformatter.com", "https://elixir-formatter.render.com"]
21 | 
22 | # Do not print debug messages in production
23 | config :logger, level: :info
24 | 
25 | # Google Analytics
26 | config :elixir_formatter, :ga, id: "UA-84928209-3"
27 | 
28 | # ## SSL Support
29 | #
30 | # To get SSL working, you will need to add the `https` key
31 | # to the previous section and set your `:url` port to 443:
32 | #
33 | #     config :elixir_formatter, ElixirFormatterWeb.Endpoint,
34 | #       ...
35 | #       url: [host: "example.com", port: 443],
36 | #       https: [:inet6,
37 | #               port: 443,
38 | #               keyfile: System.get_env("SOME_APP_SSL_KEY_PATH"),
39 | #               certfile: System.get_env("SOME_APP_SSL_CERT_PATH")]
40 | #
41 | # Where those two env variables return an absolute path to
42 | # the key and cert in disk or a relative path inside priv,
43 | # for example "priv/ssl/server.key".
44 | #
45 | # We also recommend setting `force_ssl`, ensuring no data is
46 | # ever sent via http, always redirecting to https:
47 | #
48 | #     config :elixir_formatter, ElixirFormatterWeb.Endpoint,
49 | #       force_ssl: [hsts: true]
50 | #
51 | # Check `Plug.SSL` for all available options in `force_ssl`.
52 | 
53 | # ## Using releases
54 | #
55 | # If you are doing OTP releases, you need to instruct Phoenix
56 | # to start the server for all endpoints:
57 | #
58 | #     config :phoenix, :serve_endpoints, true
59 | #
60 | # Alternatively, you can configure exactly which server to
61 | # start per endpoint:
62 | #
63 | #     config :elixir_formatter, ElixirFormatterWeb.Endpoint, server: true
64 | #
65 | 
66 | # Finally import the config/prod.secret.exs
67 | # which should be versioned separately.
68 | # import_config "prod.secret.exs"
69 | 


--------------------------------------------------------------------------------
/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 :elixir_formatter, ElixirFormatterWeb.Endpoint,
 6 |   http: [port: 4001],
 7 |   server: false
 8 | 
 9 | # Print only warnings and errors during test
10 | config :logger, level: :warn
11 | 


--------------------------------------------------------------------------------
/lib/elixir_formatter.ex:
--------------------------------------------------------------------------------
 1 | defmodule ElixirFormatter do
 2 |   @moduledoc """
 3 |   ElixirFormatter 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/elixir_formatter/application.ex:
--------------------------------------------------------------------------------
 1 | defmodule ElixirFormatter.Application do
 2 |   use Application
 3 | 
 4 |   # See https://hexdocs.pm/elixir/Application.html
 5 |   # for more information on OTP Applications
 6 |   def start(_type, _args) do
 7 |     import Supervisor.Spec
 8 | 
 9 |     # Define workers and child supervisors to be supervised
10 |     children = [
11 |       # Start the endpoint when the application starts
12 |       supervisor(ElixirFormatterWeb.Endpoint, [])
13 |       # Start your own worker by calling: ElixirFormatter.Worker.start_link(arg1, arg2, arg3)
14 |       # worker(ElixirFormatter.Worker, [arg1, arg2, arg3]),
15 |     ]
16 | 
17 |     # See https://hexdocs.pm/elixir/Supervisor.html
18 |     # for other strategies and supported options
19 |     opts = [strategy: :one_for_one, name: ElixirFormatter.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 |     ElixirFormatterWeb.Endpoint.config_change(changed, removed)
27 |     :ok
28 |   end
29 | end
30 | 


--------------------------------------------------------------------------------
/lib/elixir_formatter_web.ex:
--------------------------------------------------------------------------------
 1 | defmodule ElixirFormatterWeb 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 ElixirFormatterWeb, :controller
 9 |       use ElixirFormatterWeb, :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: ElixirFormatterWeb
23 |       import Plug.Conn
24 |       import ElixirFormatterWeb.Router.Helpers
25 |       import ElixirFormatterWeb.Gettext
26 |     end
27 |   end
28 | 
29 |   def view do
30 |     quote do
31 |       use Phoenix.View,
32 |         root: "lib/elixir_formatter_web/templates",
33 |         namespace: ElixirFormatterWeb
34 | 
35 |       # Import convenience functions from controllers
36 |       import Phoenix.Controller, only: [get_flash: 2, view_module: 1]
37 | 
38 |       # Use all HTML functionality (forms, tags, etc)
39 |       use Phoenix.HTML
40 | 
41 |       import ElixirFormatterWeb.Router.Helpers
42 |       import ElixirFormatterWeb.ErrorHelpers
43 |       import ElixirFormatterWeb.Gettext
44 |     end
45 |   end
46 | 
47 |   def router do
48 |     quote do
49 |       use Phoenix.Router
50 |       import Plug.Conn
51 |       import Phoenix.Controller
52 |     end
53 |   end
54 | 
55 |   def channel do
56 |     quote do
57 |       use Phoenix.Channel
58 |       import ElixirFormatterWeb.Gettext
59 |     end
60 |   end
61 | 
62 |   @doc """
63 |   When used, dispatch to the appropriate controller/view/etc.
64 |   """
65 |   defmacro __using__(which) when is_atom(which) do
66 |     apply(__MODULE__, which, [])
67 |   end
68 | end
69 | 


--------------------------------------------------------------------------------
/lib/elixir_formatter_web/channels/formatter_channel.ex:
--------------------------------------------------------------------------------
 1 | defmodule ElixirFormatterWeb.FormatterChannel do
 2 |   use ElixirFormatterWeb, :channel
 3 | 
 4 |   def join("formatter", payload, socket) do
 5 |     if authorized?(payload) do
 6 |       {:ok, socket}
 7 |     else
 8 |       {:error, %{reason: "unauthorized"}}
 9 |     end
10 |   end
11 | 
12 |   # Channels can be used in a request/response fashion
13 |   # by sending replies to requests from the client
14 |   def handle_in("ping", payload, socket) do
15 |     {:reply, {:ok, payload}, socket}
16 |   end
17 | 
18 |   # It is also common to receive messages from the client and
19 |   # broadcast to everyone in the current topic (formatter:lobby).
20 |   # def handle_in("shout", payload, socket) do
21 |   #   broadcast socket, "shout", payload
22 |   #   {:noreply, socket}
23 |   # end
24 | 
25 |   def handle_in("format", %{"code" => code} = payload, socket) do
26 |     try do
27 |       parse_options(payload["options"] || %{})
28 |     rescue
29 |       _ ->
30 |         {
31 |           :reply,
32 |           {:error, %{
33 |             "error" => "Unknown",
34 |             "description" => "Could not parse the `:locals_without_parens` options."
35 |           }},
36 |           socket
37 |         }
38 |     else
39 |       options -> handle_formatting(socket, code, options)
40 |     end
41 |   end
42 | 
43 |   # Add authorization logic here as required.
44 |   defp authorized?(_payload) do
45 |     true
46 |   end
47 | 
48 |   defp parse_options(options) do
49 |     locals = options["locals_without_parens"]
50 | 
51 |     options =
52 |       if not is_nil(locals) do
53 |         locals =
54 |           locals
55 |           |> String.trim()
56 |           |> String.split(~r(,?\n), trim: true)
57 |           |> Enum.map(fn local ->
58 |                [name, arity] = String.split(local, ~r/:\s?/)
59 |                {String.to_atom(name), String.to_integer(arity)}
60 |              end)
61 | 
62 |         Map.merge(options, %{"locals_without_parens" => locals})
63 |       else
64 |         options
65 |       end
66 | 
67 |     Enum.map(options, fn {key, value} -> {String.to_atom(key), value} end)
68 |   end
69 | 
70 |   defp handle_formatting(socket, code, options) do
71 |     try do
72 |       result = code |> Code.format_string!(options) |> Enum.join()
73 |       {:reply, {:ok, %{"result" => result}}, socket}
74 |     rescue
75 |       error in [SyntaxError, TokenMissingError, CompileError] ->
76 |         {
77 |           :reply,
78 |           {:error, %{
79 |             "error" => error.__struct__ |> Module.split() |> Enum.join("."),
80 |             "description" => error.description,
81 |             "line" => error.line
82 |           }},
83 |           socket
84 |         }
85 |     end
86 |   end
87 | end
88 | 


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


--------------------------------------------------------------------------------
/lib/elixir_formatter_web/controllers/page_controller.ex:
--------------------------------------------------------------------------------
 1 | defmodule ElixirFormatterWeb.PageController do
 2 |   use ElixirFormatterWeb, :controller
 3 | 
 4 |   def index(conn, _params) do
 5 |     conn
 6 |     |> assign(:elixir_version, System.version())
 7 |     |> render("index.html")
 8 |   end
 9 | end
10 | 


--------------------------------------------------------------------------------
/lib/elixir_formatter_web/endpoint.ex:
--------------------------------------------------------------------------------
 1 | defmodule ElixirFormatterWeb.Endpoint do
 2 |   use Phoenix.Endpoint, otp_app: :elixir_formatter
 3 | 
 4 |   socket "/socket", ElixirFormatterWeb.UserSocket
 5 | 
 6 |   # Serve at "/" the static files from "priv/static" directory.
 7 |   #
 8 |   # You should set gzip to true if you are running phoenix.digest
 9 |   # when deploying your static files in production.
10 |   plug Plug.Static,
11 |     at: "/",
12 |     from: :elixir_formatter,
13 |     gzip: false,
14 |     only: ~w(css fonts images js favicon.ico manifest.json robots.txt)
15 | 
16 |   # Code reloading can be explicitly enabled under the
17 |   # :code_reloader configuration of your endpoint.
18 |   if code_reloading? do
19 |     socket "/phoenix/live_reload/socket", Phoenix.LiveReloader.Socket
20 |     plug Phoenix.LiveReloader
21 |     plug Phoenix.CodeReloader
22 |   end
23 | 
24 |   plug Plug.RequestId
25 |   plug Plug.Logger
26 | 
27 |   plug Plug.Parsers,
28 |     parsers: [:urlencoded, :multipart, :json],
29 |     pass: ["*/*"],
30 |     json_decoder: Poison
31 | 
32 |   plug Plug.MethodOverride
33 |   plug Plug.Head
34 | 
35 |   # The session will be stored in the cookie and signed,
36 |   # this means its contents can be read but not tampered with.
37 |   # Set :encryption_salt if you would also like to encrypt it.
38 |   plug Plug.Session,
39 |     store: :cookie,
40 |     key: "_elixir_formatter_key",
41 |     signing_salt: "tvCIxpXa"
42 | 
43 |   plug ElixirFormatterWeb.Router
44 | 
45 |   @doc """
46 |   Callback invoked for dynamically configuring the endpoint.
47 | 
48 |   It receives the endpoint configuration and checks if
49 |   configuration should be loaded from the system environment.
50 |   """
51 |   def init(_key, config) do
52 |     if config[:load_from_system_env] do
53 |       port = System.get_env("PORT") || raise "expected the PORT environment variable to be set"
54 |       {:ok, Keyword.put(config, :http, [:inet6, port: port])}
55 |     else
56 |       {:ok, config}
57 |     end
58 |   end
59 | end
60 | 


--------------------------------------------------------------------------------
/lib/elixir_formatter_web/gettext.ex:
--------------------------------------------------------------------------------
 1 | defmodule ElixirFormatterWeb.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 ElixirFormatterWeb.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: :elixir_formatter
24 | end
25 | 


--------------------------------------------------------------------------------
/lib/elixir_formatter_web/router.ex:
--------------------------------------------------------------------------------
 1 | defmodule ElixirFormatterWeb.Router do
 2 |   use ElixirFormatterWeb, :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 |   end
11 | 
12 |   pipeline :api do
13 |     plug :accepts, ["json"]
14 |   end
15 | 
16 |   scope "/", ElixirFormatterWeb do
17 |     # Use the default browser stack
18 |     pipe_through(:browser)
19 | 
20 |     get("/", PageController, :index)
21 |   end
22 | 
23 |   # Other scopes may use custom stacks.
24 |   # scope "/api", ElixirFormatterWeb do
25 |   #   pipe_through :api
26 |   # end
27 | end
28 | 


--------------------------------------------------------------------------------
/lib/elixir_formatter_web/templates/layout/app.html.eex:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>Elixir Formatter</title>
 6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 8 |     <meta name="apple-mobile-web-app-capable" content="yes" />
 9 |     <meta name="description" content="Use Elixir 1.6 formatter right in your browser.">
10 |     <meta name="theme-color" content="#f8f3ff">
11 | 
12 |     <!-- Open Graph -->
13 |     <meta property="og:title" content="Elixir Formatter">
14 |     <meta property="og:description" content="Format Elixir code in your browser">
15 |     <meta property="og:type" content="website">
16 |     <meta property="og:image" content="<%= static_url(@conn, "/images/logo-256.png") %>">
17 | 
18 |     <!-- Twitter -->
19 |     <meta name="twitter:card" content="summary">
20 |     <meta name="twitter:title" content="Elixir Formatter.">
21 |     <meta name="twitter:description" content="Format Elixir code in your browser">
22 |     <meta name="twitter:image" content="<%= static_url(@conn, "/images/logo-256.png") %>" />
23 | 
24 |     <link rel="stylesheet" href="<%= static_path(@conn, "/css/app.css") %>">
25 | 
26 |     <link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon.png">
27 |     <link rel="icon" type="image/png" sizes="32x32" href="/images/favicons/favicon-32x32.png">
28 |     <link rel="icon" type="image/png" sizes="16x16" href="/images/favicons/favicon-16x16.png">
29 |     <link rel="manifest" href="/manifest.json">
30 |     <link rel="mask-icon" href="/images/favicons/safari-pinned-tab.svg" color="#4e2a8e">
31 | 
32 |     <% ga_id = Application.get_env(:elixir_formatter, :ga)[:id] %>
33 |     <%= if ga_id do %>
34 |       <script async src="https://www.googletagmanager.com/gtag/js?id=<%= ga_id %>"></script>
35 |       <script>
36 |       window.dataLayer = window.dataLayer || [];
37 |       function gtag(){dataLayer.push(arguments);}
38 |       gtag('js', new Date());
39 | 
40 |       gtag('config', '<%= ga_id %>');
41 |     </script>
42 |     <% end %>
43 |   </head>
44 | 
45 |   <body>
46 |     <div class="container">
47 |       <header class="header">
48 |         <span class="logo"></span>
49 |       </header>
50 | 
51 |       <div class="alert alert-info" role="alert"><%= get_flash(@conn, :info) %></div>
52 |       <div class="alert alert-danger" role="alert"><%= get_flash(@conn, :error) %></div>
53 | 
54 |       <main role="main">
55 |         <%= render @view_module, @view_template, assigns %>
56 |       </main>
57 | 
58 |     </div> <!-- /container -->
59 |     <script src="<%= static_path(@conn, "/js/app.js") %>"></script>
60 |   </body>
61 | </html>
62 | 


--------------------------------------------------------------------------------
/lib/elixir_formatter_web/templates/page/index.html.eex:
--------------------------------------------------------------------------------
 1 | <div id="app">
 2 |   <header>
 3 |     <div id="title">
 4 |       <h1>Elixir Formatter
 5 |         <span class="version">
 6 |           <%= @elixir_version %>
 7 |         </span>
 8 |       </h1>
 9 |       <div id="description">
10 |         mix format in your browser.
11 |       </div>
12 |     </div>
13 | 
14 |     <div id="toolbox">
15 |       <div id="options">
16 |         <button type="button" id="options-button" class="button-link">
17 |           Options
18 |         </button>
19 |         <div id="options-window">
20 |           <form>
21 |             <h3>Formatter Options</h3>
22 |             <ul class="options-list">
23 |               <li>
24 |                 <label>
25 |                   <code>:line_length</code>
26 |                   <input name="line_length" type="number" value="98" min="1" />
27 |                 </label>
28 |               </li>
29 |               <li>
30 |                 <label>
31 |                   <code>:rename_deprecated_at</code>
32 |                   <input name="rename_deprecated_at" type="text" />
33 |                 </label>
34 |               </li>
35 |               <li>
36 |                 <label>
37 |                   <code>:locals_without_parens</code>
38 |                   <div>
39 |                     <textarea name="locals_without_parens" placeholder="e.g. render: 2" rows="5"></textarea>
40 |                   </div>
41 |                 </label>
42 |               </li>
43 |             </ul>
44 |           </form>
45 |           <footer>
46 |             <small>
47 |               <a href="https://hexdocs.pm/elixir/master/Code.html#format_string!/2-options" target="_blank">
48 |                 Documentation
49 |               </a>
50 |             </small>
51 |           </footer>
52 |         </div>
53 |       </div>
54 |       <button type="button" id="copy-button" class="button-link">
55 |         Copy 
56 |       </button>
57 |     </div>
58 |   </header>
59 |   <div id="editors">
60 |     <div id="input" class="code-input"></div>
61 |     <div id="output" class="code-input"></div>
62 |   </div>
63 |   <footer>
64 |     <div>
65 |       <ul class="flat-list">
66 |         <li><a href="https://github.com/slab/elixir-formatter" target="_blank">Source</a></li>
67 |         <li><a href="https://github.com/slab/elixir-formatter/issues/new" target="_blank">Report Issues</a></li>
68 |       </ul>
69 |     </div>
70 |     <div>
71 |       Made with 💜 by <a href="https://slab.com" target="_blank">Slab</a>
72 |     </div>
73 |   </footer>
74 | </div>


--------------------------------------------------------------------------------
/lib/elixir_formatter_web/views/error_helpers.ex:
--------------------------------------------------------------------------------
 1 | defmodule ElixirFormatterWeb.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 |     # Because error messages were defined within Ecto, we must
22 |     # call the Gettext module passing our Gettext backend. We
23 |     # also use the "errors" domain as translations are placed
24 |     # in the errors.po file.
25 |     # Ecto will pass the :count keyword if the error message is
26 |     # meant to be pluralized.
27 |     # On your own code and templates, depending on whether you
28 |     # need the message to be pluralized or not, this could be
29 |     # written simply as:
30 |     #
31 |     #     dngettext "errors", "1 file", "%{count} files", count
32 |     #     dgettext "errors", "is invalid"
33 |     #
34 |     if count = opts[:count] do
35 |       Gettext.dngettext(ElixirFormatterWeb.Gettext, "errors", msg, msg, count, opts)
36 |     else
37 |       Gettext.dgettext(ElixirFormatterWeb.Gettext, "errors", msg, opts)
38 |     end
39 |   end
40 | end
41 | 


--------------------------------------------------------------------------------
/lib/elixir_formatter_web/views/error_view.ex:
--------------------------------------------------------------------------------
 1 | defmodule ElixirFormatterWeb.ErrorView do
 2 |   use ElixirFormatterWeb, :view
 3 | 
 4 |   def render("404.html", _assigns) do
 5 |     "Page not found"
 6 |   end
 7 | 
 8 |   def render("500.html", _assigns) do
 9 |     "Internal server error"
10 |   end
11 | 
12 |   # In case no render clause matches or no
13 |   # template is found, let's render it as 500
14 |   def template_not_found(_template, assigns) do
15 |     render "500.html", assigns
16 |   end
17 | end
18 | 


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


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


--------------------------------------------------------------------------------
/mix.exs:
--------------------------------------------------------------------------------
 1 | defmodule ElixirFormatter.Mixfile do
 2 |   use Mix.Project
 3 | 
 4 |   def project do
 5 |     [
 6 |       app: :elixir_formatter,
 7 |       version: "0.0.1",
 8 |       elixir: "~> 1.8",
 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: {ElixirFormatter.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.0"},
36 |       {:phoenix_pubsub, "~> 1.1"},
37 |       {:phoenix_html, "~> 2.11"},
38 |       {:phoenix_live_reload, "~> 1.2", only: :dev},
39 |       {:gettext, "~> 0.11"},
40 |       {:plug_cowboy, "~> 2.0"},
41 |       {:poison, "~> 3.1"}
42 |     ]
43 |   end
44 | end
45 | 


--------------------------------------------------------------------------------
/mix.lock:
--------------------------------------------------------------------------------
 1 | %{
 2 |   "cowboy": {:hex, :cowboy, "2.6.1", "f2e06f757c337b3b311f9437e6e072b678fcd71545a7b2865bdaa154d078593f", [:rebar3], [{:cowlib, "~> 2.7.0", [hex: :cowlib, repo: "hexpm", optional: false]}, {:ranch, "~> 1.7.1", [hex: :ranch, repo: "hexpm", optional: false]}], "hexpm", "41c14336e40d78d3bb655e76817d9f29def522024a5bb53894c27e0ae338cda0"},
 3 |   "cowlib": {:hex, :cowlib, "2.7.0", "3ef16e77562f9855a2605900cedb15c1462d76fb1be6a32fc3ae91973ee543d2", [:rebar3], [], "hexpm", "59f952d504b9921a6f53226fdb8b4a671bb694277c7ccf1ddeaadcdc6d43d88e"},
 4 |   "file_system": {:hex, :file_system, "0.2.6", "fd4dc3af89b9ab1dc8ccbcc214a0e60c41f34be251d9307920748a14bf41f1d3", [:mix], [], "hexpm", "0d50da6b04c58e101a3793b1600f9a03b86e3a8057b192ac1766013d35706fa6"},
 5 |   "gettext": {:hex, :gettext, "0.16.1", "e2130b25eebcbe02bb343b119a07ae2c7e28bd4b146c4a154da2ffb2b3507af2", [:mix], [], "hexpm", "dd3a7ea5e3e87ee9df29452dd9560709b4c7cc8141537d0b070155038d92bdf1"},
 6 |   "mime": {:hex, :mime, "1.3.1", "30ce04ab3175b6ad0bdce0035cba77bba68b813d523d1aac73d9781b4d193cf8", [:mix], [], "hexpm", "6cbe761d6a0ca5a31a0931bf4c63204bceb64538e664a8ecf784a9a6f3b875f1"},
 7 |   "phoenix": {:hex, :phoenix, "1.4.0", "56fe9a809e0e735f3e3b9b31c1b749d4b436e466d8da627b8d82f90eaae714d2", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 1.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:plug, "~> 1.7", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 1.0 or ~> 2.0", [hex: :plug_cowboy, repo: "hexpm", optional: true]}], "hexpm", "22da8f659cf13d3ba73b767f66b8c389113ddf0ef7b94225cc84e94b85eac90e"},
 8 |   "phoenix_html": {:hex, :phoenix_html, "2.13.1", "fa8f034b5328e2dfa0e4131b5569379003f34bc1fafdaa84985b0b9d2f12e68b", [:mix], [{:plug, "~> 1.5", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "42e3cfa94e06de96330f40d99c34175df64fd0136de9b2b3426401c7a18b8964"},
 9 |   "phoenix_live_reload": {:hex, :phoenix_live_reload, "1.2.0", "3bb31a9fbd40ffe8652e60c8660dffd72dd231efcdf49b744fb75b9ef7db5dd2", [: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", "b61c87a23fabcd85ff369fb9c041d9c01787d210322749026f56a69a914b7503"},
10 |   "phoenix_pubsub": {:hex, :phoenix_pubsub, "1.1.1", "6668d787e602981f24f17a5fbb69cc98f8ab085114ebfac6cc36e10a90c8e93c", [:mix], [], "hexpm", "a3d890aaa3156d51056179dcaaadaf32b844f71656bb27c58756f2b97875c36c"},
11 |   "plug": {:hex, :plug, "1.7.1", "8516d565fb84a6a8b2ca722e74e2cd25ca0fc9d64f364ec9dbec09d33eb78ccd", [:mix], [{:mime, "~> 1.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug_crypto, "~> 1.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}], "hexpm", "daa5fee4209c12c3c48b05a96cf88c320b627c9575f987554dcdc1fdcdf2c15e"},
12 |   "plug_cowboy": {:hex, :plug_cowboy, "2.0.1", "d798f8ee5acc86b7d42dbe4450b8b0dadf665ce588236eb0a751a132417a980e", [:mix], [{:cowboy, "~> 2.5", [hex: :cowboy, repo: "hexpm", optional: false]}, {:plug, "~> 1.7", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "c5ca11a0dffb73991c0d9e6e9c681b346a5151f1ec40213c617f901d4abbbc90"},
13 |   "plug_crypto": {:hex, :plug_crypto, "1.0.0", "18e49317d3fa343f24620ed22795ec29d4a5e602d52d1513ccea0b07d8ea7d4d", [:mix], [], "hexpm", "73c1682f0e414cfb5d9b95c8e8cd6ffcfdae699e3b05e1db744e58b7be857759"},
14 |   "poison": {:hex, :poison, "3.1.0", "d9eb636610e096f86f25d9a46f35a9facac35609a7591b3be3326e99a0484665", [:mix], [], "hexpm", "fec8660eb7733ee4117b85f55799fd3833eb769a6df71ccf8903e8dc5447cfce"},
15 |   "ranch": {:hex, :ranch, "1.7.1", "6b1fab51b49196860b733a49c07604465a47bdb78aa10c1c16a3d199f7f8c881", [:rebar3], [], "hexpm", "451d8527787df716d99dc36162fca05934915db0b6141bbdac2ea8d3c7afc7d7"},
16 | }
17 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "elixir_formatter",
 3 |   "version": "1.0.0",
 4 |   "description": "To start your Phoenix server:",
 5 |   "main": "assets/js/index.js",
 6 |   "repository": "https://github.com/slab/elixir-formatter",
 7 |   "directories": {
 8 |     "lib": "lib",
 9 |     "test": "test"
10 |   },
11 |   "scripts": {
12 |     "build": "webpack",
13 |     "lint": "eslint assets/js/**/*.js",
14 |     "test": "echo \"Error: no test specified\" && exit 1",
15 |     "watch": "webpack --color --watch-stdin"
16 |   },
17 |   "author": "Chengyin Liu",
18 |   "license": "MIT",
19 |   "devDependencies": {
20 |     "babel-core": "^6.26.3",
21 |     "babel-loader": "^7.1.2",
22 |     "babel-preset-env": "^1.7.0",
23 |     "css-loader": "^3.2.1",
24 |     "mini-css-extract-plugin": "^0.8.0",
25 |     "node-sass": "^5.0.0",
26 |     "sass-loader": "^10.1.1",
27 |     "style-loader": "^1.0.1",
28 |     "uglifyjs-webpack-plugin": "^2.2.0",
29 |     "webpack": "^4.41.2",
30 |     "webpack-cli": "^3.3.10"
31 |   },
32 |   "dependencies": {
33 |     "brace": "^0.11.1",
34 |     "clipboard": "^2.0.4",
35 |     "normalize.css": "^8.0.1",
36 |     "phoenix": "^1.4.11"
37 |   }
38 | }
39 | 


--------------------------------------------------------------------------------
/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 file 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 as no
 9 | ## effect: edit them in PO (`.po`) files instead.
10 | 
11 | 


--------------------------------------------------------------------------------
/priv/static/cache_manifest.json:
--------------------------------------------------------------------------------
1 | {"version":1,"latest":{"robots.txt":"robots-067185ba27a5d9139b10a759679045bf.txt","manifest.json":"manifest-8d31319e01e16501d2244acb0788d08c.json","js/app.js":"js/app-c6075400409fa1764f9d2fcca62edcfd.js","images/logo-512.png":"images/logo-512-d3a93f49ca3b706106a746f40c7ed507.png","images/logo-256.png":"images/logo-256-eb49ec9f2c066c55de82052da611a146.png","images/favicons/safari-pinned-tab.svg":"images/favicons/safari-pinned-tab-57cac335744da672578e9d9da25eb737.svg","images/favicons/favicon-32x32.png":"images/favicons/favicon-32x32-8666bcf48e0145a94d27e4b38a3652d1.png","images/favicons/favicon-16x16.png":"images/favicons/favicon-16x16-6b31e7e74ef0ed0ee4da2d7b738d4b21.png","images/favicons/apple-touch-icon.png":"images/favicons/apple-touch-icon-fc27aa2197e2bb7aaf445a22a1e636c1.png","images/favicons/android-chrome-512x512.png":"images/favicons/android-chrome-512x512-c13725c41f167aaa7e87e51b0589cc31.png","images/favicons/android-chrome-192x192.png":"images/favicons/android-chrome-192x192-2c81ae1e94e111a346b29a15d291aebe.png","favicon.ico":"favicon-b0c6f6a1a140812fcd05ddc4e3e563a7.ico","css/app.css":"css/app-6a7ec9bb947a5470d84cabe138e96186.css"},"digests":{"robots-067185ba27a5d9139b10a759679045bf.txt":{"size":202,"mtime":63715343881,"logical_path":"robots.txt","digest":"067185ba27a5d9139b10a759679045bf"},"manifest-8d31319e01e16501d2244acb0788d08c.json":{"size":419,"mtime":63715343881,"logical_path":"manifest.json","digest":"8d31319e01e16501d2244acb0788d08c"},"js/app-c6075400409fa1764f9d2fcca62edcfd.js":{"size":2703616,"mtime":63715343881,"logical_path":"js/app.js","digest":"c6075400409fa1764f9d2fcca62edcfd"},"images/logo-512-d3a93f49ca3b706106a746f40c7ed507.png":{"size":80124,"mtime":63715343881,"logical_path":"images/logo-512.png","digest":"d3a93f49ca3b706106a746f40c7ed507"},"images/logo-256-eb49ec9f2c066c55de82052da611a146.png":{"size":29818,"mtime":63715343881,"logical_path":"images/logo-256.png","digest":"eb49ec9f2c066c55de82052da611a146"},"images/favicons/safari-pinned-tab-57cac335744da672578e9d9da25eb737.svg":{"size":1444,"mtime":63715343881,"logical_path":"images/favicons/safari-pinned-tab.svg","digest":"57cac335744da672578e9d9da25eb737"},"images/favicons/favicon-32x32-8666bcf48e0145a94d27e4b38a3652d1.png":{"size":1784,"mtime":63715343881,"logical_path":"images/favicons/favicon-32x32.png","digest":"8666bcf48e0145a94d27e4b38a3652d1"},"images/favicons/favicon-16x16-6b31e7e74ef0ed0ee4da2d7b738d4b21.png":{"size":360,"mtime":63715343881,"logical_path":"images/favicons/favicon-16x16.png","digest":"6b31e7e74ef0ed0ee4da2d7b738d4b21"},"images/favicons/apple-touch-icon-fc27aa2197e2bb7aaf445a22a1e636c1.png":{"size":5589,"mtime":63715343881,"logical_path":"images/favicons/apple-touch-icon.png","digest":"fc27aa2197e2bb7aaf445a22a1e636c1"},"images/favicons/android-chrome-512x512-c13725c41f167aaa7e87e51b0589cc31.png":{"size":24361,"mtime":63715343881,"logical_path":"images/favicons/android-chrome-512x512.png","digest":"c13725c41f167aaa7e87e51b0589cc31"},"images/favicons/android-chrome-192x192-2c81ae1e94e111a346b29a15d291aebe.png":{"size":8127,"mtime":63715343881,"logical_path":"images/favicons/android-chrome-192x192.png","digest":"2c81ae1e94e111a346b29a15d291aebe"},"favicon-b0c6f6a1a140812fcd05ddc4e3e563a7.ico":{"size":13294,"mtime":63715343881,"logical_path":"favicon.ico","digest":"b0c6f6a1a140812fcd05ddc4e3e563a7"},"css/app-6a7ec9bb947a5470d84cabe138e96186.css":{"size":24237,"mtime":63715343881,"logical_path":"css/app.css","digest":"6a7ec9bb947a5470d84cabe138e96186"}}}


--------------------------------------------------------------------------------
/priv/static/favicon-b0c6f6a1a140812fcd05ddc4e3e563a7.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/slab/elixir-formatter/34a23ffc39471acd3b382ba4f242d1fefec6a3ae/priv/static/favicon-b0c6f6a1a140812fcd05ddc4e3e563a7.ico


--------------------------------------------------------------------------------
/priv/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/slab/elixir-formatter/34a23ffc39471acd3b382ba4f242d1fefec6a3ae/priv/static/favicon.ico


--------------------------------------------------------------------------------
/priv/static/images/favicons/android-chrome-192x192-2c81ae1e94e111a346b29a15d291aebe.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/slab/elixir-formatter/34a23ffc39471acd3b382ba4f242d1fefec6a3ae/priv/static/images/favicons/android-chrome-192x192-2c81ae1e94e111a346b29a15d291aebe.png


--------------------------------------------------------------------------------
/priv/static/images/favicons/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/slab/elixir-formatter/34a23ffc39471acd3b382ba4f242d1fefec6a3ae/priv/static/images/favicons/android-chrome-192x192.png


--------------------------------------------------------------------------------
/priv/static/images/favicons/android-chrome-512x512-c13725c41f167aaa7e87e51b0589cc31.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/slab/elixir-formatter/34a23ffc39471acd3b382ba4f242d1fefec6a3ae/priv/static/images/favicons/android-chrome-512x512-c13725c41f167aaa7e87e51b0589cc31.png


--------------------------------------------------------------------------------
/priv/static/images/favicons/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/slab/elixir-formatter/34a23ffc39471acd3b382ba4f242d1fefec6a3ae/priv/static/images/favicons/android-chrome-512x512.png


--------------------------------------------------------------------------------
/priv/static/images/favicons/apple-touch-icon-fc27aa2197e2bb7aaf445a22a1e636c1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/slab/elixir-formatter/34a23ffc39471acd3b382ba4f242d1fefec6a3ae/priv/static/images/favicons/apple-touch-icon-fc27aa2197e2bb7aaf445a22a1e636c1.png


--------------------------------------------------------------------------------
/priv/static/images/favicons/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/slab/elixir-formatter/34a23ffc39471acd3b382ba4f242d1fefec6a3ae/priv/static/images/favicons/apple-touch-icon.png


--------------------------------------------------------------------------------
/priv/static/images/favicons/favicon-16x16-6b31e7e74ef0ed0ee4da2d7b738d4b21.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/slab/elixir-formatter/34a23ffc39471acd3b382ba4f242d1fefec6a3ae/priv/static/images/favicons/favicon-16x16-6b31e7e74ef0ed0ee4da2d7b738d4b21.png


--------------------------------------------------------------------------------
/priv/static/images/favicons/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/slab/elixir-formatter/34a23ffc39471acd3b382ba4f242d1fefec6a3ae/priv/static/images/favicons/favicon-16x16.png


--------------------------------------------------------------------------------
/priv/static/images/favicons/favicon-32x32-8666bcf48e0145a94d27e4b38a3652d1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/slab/elixir-formatter/34a23ffc39471acd3b382ba4f242d1fefec6a3ae/priv/static/images/favicons/favicon-32x32-8666bcf48e0145a94d27e4b38a3652d1.png


--------------------------------------------------------------------------------
/priv/static/images/favicons/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/slab/elixir-formatter/34a23ffc39471acd3b382ba4f242d1fefec6a3ae/priv/static/images/favicons/favicon-32x32.png


--------------------------------------------------------------------------------
/priv/static/images/favicons/safari-pinned-tab-57cac335744da672578e9d9da25eb737.svg:
--------------------------------------------------------------------------------
1 | <svg version="1" xmlns="http://www.w3.org/2000/svg" width="682.667" height="682.667" viewBox="0 0 512.000000 512.000000"><path d="M23 1.4C14 3.8 6.7 10.1 2.6 18.9L.5 23.5v465l2.1 4.6c3.1 6.7 8.7 12.4 15.2 15.6l5.7 2.8h465l5.7-2.8c6.5-3.2 12.1-8.9 15.2-15.6l2.1-4.6v-465l-2.8-5.7c-3.2-6.5-8.9-12.1-15.6-15.2L488.5.5 258 .3C78 .2 26.5.4 23 1.4zm320.4 62.8c4.9 16.1 9.4 29.8 10 30.4.6.7 14.3 5.1 30.4 10 16 4.9 29.2 9.2 29.2 9.5 0 .3-13.1 4.5-29.1 9.4s-29.6 9.4-30.3 9.9c-.7.6-5.2 14.1-10.1 30.1-4.8 15.9-9 29.4-9.3 29.9-.2.5-4.6-12.7-9.7-29.3s-9.5-30.5-9.8-30.8c-.3-.3-14.2-4.7-30.8-9.8-16.6-5-29.8-9.4-29.3-9.7.5-.3 14-4.5 29.9-9.3 16-4.9 29.5-9.4 30.1-10.1.5-.7 5-14.3 9.9-30.3s9.1-29.1 9.4-29.1c.4 0 4.6 13.2 9.5 29.2zm-25.6 198c97.4 97.4 128.5 129.1 129.1 131.6 1.8 6.3.2 8.6-22.1 31-22.5 22.4-24.6 23.9-31 22.1-2.5-.6-34.6-32.2-131.5-129.1L134 189.5v-4.3c0-2.4.6-5.5 1.4-7 1.6-3 40-41.4 43.1-43.1 1.1-.5 4-1.1 6.5-1.1h4.5l128.3 128.2zm-208.2-15.5c3.2 10.8 6.4 20.1 7 20.7.6.6 9.9 3.8 20.7 7 10.8 3.3 19.7 6.2 19.7 6.6 0 .3-8.8 3.2-19.6 6.5-10.8 3.2-20.2 6.4-20.8 7-.6.7-3.8 10-7.1 20.8-3.2 10.9-6.1 19.7-6.4 19.7-.4 0-3.3-8.8-6.5-19.6-3.3-10.8-6.5-20.2-7.2-20.8-.6-.7-10-3.9-20.8-7.2-10.8-3.2-19.6-6.1-19.6-6.5 0-.3 8.8-3.2 19.7-6.4 10.8-3.3 20.1-6.5 20.8-7.1.6-.6 3.8-10 7-20.8 3.3-10.8 6.2-19.6 6.5-19.6.4 0 3.3 8.9 6.6 19.7z"/><path d="M173.7 173.8L163 184.5l28.8 28.8 28.7 28.7 10.8-10.8 10.7-10.7-28.8-28.8-28.7-28.7-10.8 10.8z"/></svg>


--------------------------------------------------------------------------------
/priv/static/images/favicons/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
1 | <svg version="1" xmlns="http://www.w3.org/2000/svg" width="682.667" height="682.667" viewBox="0 0 512.000000 512.000000"><path d="M23 1.4C14 3.8 6.7 10.1 2.6 18.9L.5 23.5v465l2.1 4.6c3.1 6.7 8.7 12.4 15.2 15.6l5.7 2.8h465l5.7-2.8c6.5-3.2 12.1-8.9 15.2-15.6l2.1-4.6v-465l-2.8-5.7c-3.2-6.5-8.9-12.1-15.6-15.2L488.5.5 258 .3C78 .2 26.5.4 23 1.4zm320.4 62.8c4.9 16.1 9.4 29.8 10 30.4.6.7 14.3 5.1 30.4 10 16 4.9 29.2 9.2 29.2 9.5 0 .3-13.1 4.5-29.1 9.4s-29.6 9.4-30.3 9.9c-.7.6-5.2 14.1-10.1 30.1-4.8 15.9-9 29.4-9.3 29.9-.2.5-4.6-12.7-9.7-29.3s-9.5-30.5-9.8-30.8c-.3-.3-14.2-4.7-30.8-9.8-16.6-5-29.8-9.4-29.3-9.7.5-.3 14-4.5 29.9-9.3 16-4.9 29.5-9.4 30.1-10.1.5-.7 5-14.3 9.9-30.3s9.1-29.1 9.4-29.1c.4 0 4.6 13.2 9.5 29.2zm-25.6 198c97.4 97.4 128.5 129.1 129.1 131.6 1.8 6.3.2 8.6-22.1 31-22.5 22.4-24.6 23.9-31 22.1-2.5-.6-34.6-32.2-131.5-129.1L134 189.5v-4.3c0-2.4.6-5.5 1.4-7 1.6-3 40-41.4 43.1-43.1 1.1-.5 4-1.1 6.5-1.1h4.5l128.3 128.2zm-208.2-15.5c3.2 10.8 6.4 20.1 7 20.7.6.6 9.9 3.8 20.7 7 10.8 3.3 19.7 6.2 19.7 6.6 0 .3-8.8 3.2-19.6 6.5-10.8 3.2-20.2 6.4-20.8 7-.6.7-3.8 10-7.1 20.8-3.2 10.9-6.1 19.7-6.4 19.7-.4 0-3.3-8.8-6.5-19.6-3.3-10.8-6.5-20.2-7.2-20.8-.6-.7-10-3.9-20.8-7.2-10.8-3.2-19.6-6.1-19.6-6.5 0-.3 8.8-3.2 19.7-6.4 10.8-3.3 20.1-6.5 20.8-7.1.6-.6 3.8-10 7-20.8 3.3-10.8 6.2-19.6 6.5-19.6.4 0 3.3 8.9 6.6 19.7z"/><path d="M173.7 173.8L163 184.5l28.8 28.8 28.7 28.7 10.8-10.8 10.7-10.7-28.8-28.8-28.7-28.7-10.8 10.8z"/></svg>


--------------------------------------------------------------------------------
/priv/static/images/logo-256-eb49ec9f2c066c55de82052da611a146.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/slab/elixir-formatter/34a23ffc39471acd3b382ba4f242d1fefec6a3ae/priv/static/images/logo-256-eb49ec9f2c066c55de82052da611a146.png


--------------------------------------------------------------------------------
/priv/static/images/logo-256.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/slab/elixir-formatter/34a23ffc39471acd3b382ba4f242d1fefec6a3ae/priv/static/images/logo-256.png


--------------------------------------------------------------------------------
/priv/static/images/logo-512-d3a93f49ca3b706106a746f40c7ed507.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/slab/elixir-formatter/34a23ffc39471acd3b382ba4f242d1fefec6a3ae/priv/static/images/logo-512-d3a93f49ca3b706106a746f40c7ed507.png


--------------------------------------------------------------------------------
/priv/static/images/logo-512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/slab/elixir-formatter/34a23ffc39471acd3b382ba4f242d1fefec6a3ae/priv/static/images/logo-512.png


--------------------------------------------------------------------------------
/priv/static/manifest-8d31319e01e16501d2244acb0788d08c.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "Elixir Formatter",
 3 |     "icons": [
 4 |         {
 5 |             "src": "/android-chrome-192x192.png",
 6 |             "sizes": "192x192",
 7 |             "type": "image/png"
 8 |         },
 9 |         {
10 |             "src": "/android-chrome-512x512.png",
11 |             "sizes": "512x512",
12 |             "type": "image/png"
13 |         }
14 |     ],
15 |     "theme_color": "#f8f3ff",
16 |     "background_color": "#f8f3ff",
17 |     "display": "standalone"
18 | }


--------------------------------------------------------------------------------
/priv/static/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "Elixir Formatter",
 3 |     "icons": [
 4 |         {
 5 |             "src": "/android-chrome-192x192.png",
 6 |             "sizes": "192x192",
 7 |             "type": "image/png"
 8 |         },
 9 |         {
10 |             "src": "/android-chrome-512x512.png",
11 |             "sizes": "512x512",
12 |             "type": "image/png"
13 |         }
14 |     ],
15 |     "theme_color": "#f8f3ff",
16 |     "background_color": "#f8f3ff",
17 |     "display": "standalone"
18 | }


--------------------------------------------------------------------------------
/priv/static/robots-067185ba27a5d9139b10a759679045bf.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 | 


--------------------------------------------------------------------------------
/priv/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 | 


--------------------------------------------------------------------------------
/test/elixir_formatter_web/channels/formatter_channel_test.exs:
--------------------------------------------------------------------------------
 1 | defmodule ElixirFormatterWeb.FormatterChannelTest do
 2 |   use ElixirFormatterWeb.ChannelCase
 3 | 
 4 |   alias ElixirFormatterWeb.FormatterChannel
 5 | 
 6 |   setup do
 7 |     {:ok, _, socket} =
 8 |       socket("user_id", %{some: :assign})
 9 |       |> subscribe_and_join(FormatterChannel, "formatter")
10 | 
11 |     {:ok, socket: socket}
12 |   end
13 | 
14 |   test "ping replies with status ok", %{socket: socket} do
15 |     ref = push socket, "ping", %{"hello" => "there"}
16 |     assert_reply ref, :ok, %{"hello" => "there"}
17 |   end
18 | 
19 |   test "formatting", %{socket: socket} do
20 |     ref = push socket, "format", %{"code" => ~s(%{"hello"=>"world"})}
21 |     assert_reply ref, :ok, %{"result" => ~s(%{"hello" => "world"})}
22 |   end
23 | end
24 | 


--------------------------------------------------------------------------------
/test/elixir_formatter_web/controllers/page_controller_test.exs:
--------------------------------------------------------------------------------
1 | defmodule ElixirFormatterWeb.PageControllerTest do
2 |   use ElixirFormatterWeb.ConnCase
3 | 
4 |   test "GET /", %{conn: conn} do
5 |     conn = get(conn, "/")
6 |     assert html_response(conn, 200) =~ "Elixir Formatter"
7 |   end
8 | end
9 | 


--------------------------------------------------------------------------------
/test/elixir_formatter_web/views/error_view_test.exs:
--------------------------------------------------------------------------------
 1 | defmodule ElixirFormatterWeb.ErrorViewTest do
 2 |   use ElixirFormatterWeb.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(ElixirFormatterWeb.ErrorView, "404.html", []) ==
 9 |            "Page not found"
10 |   end
11 | 
12 |   test "render 500.html" do
13 |     assert render_to_string(ElixirFormatterWeb.ErrorView, "500.html", []) ==
14 |            "Internal server error"
15 |   end
16 | 
17 |   test "render any other" do
18 |     assert render_to_string(ElixirFormatterWeb.ErrorView, "505.html", []) ==
19 |            "Internal server error"
20 |   end
21 | end
22 | 


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


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


--------------------------------------------------------------------------------
/test/support/channel_case.ex:
--------------------------------------------------------------------------------
 1 | defmodule ElixirFormatterWeb.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 datastructures 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 ElixirFormatterWeb.Endpoint
25 |     end
26 |   end
27 | 
28 | 
29 |   setup _tags do
30 |     :ok
31 |   end
32 | 
33 | end
34 | 


--------------------------------------------------------------------------------
/test/support/conn_case.ex:
--------------------------------------------------------------------------------
 1 | defmodule ElixirFormatterWeb.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 datastructures 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 connections
21 |       use Phoenix.ConnTest
22 |       import ElixirFormatterWeb.Router.Helpers
23 | 
24 |       # The default endpoint for testing
25 |       @endpoint ElixirFormatterWeb.Endpoint
26 |     end
27 |   end
28 | 
29 | 
30 |   setup _tags do
31 |     {:ok, conn: Phoenix.ConnTest.build_conn()}
32 |   end
33 | 
34 | end
35 | 


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


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | const path = require("path");
 2 | const UglifyJSPlugin = require("uglifyjs-webpack-plugin");
 3 | const webpack = require("webpack");
 4 | const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 5 | 
 6 | const env = process.env.MIX_ENV || "dev";
 7 | const isProduction = env === "prod";
 8 | 
 9 | const config = {
10 |   mode: isProduction ? "production" : "development",
11 |   entry: {
12 |     app: ["./assets/js/index.js", "./assets/scss/app.scss"]
13 |   },
14 |   output: {
15 |     path: path.resolve(__dirname, "priv/static"),
16 |     filename: "js/[name].js"
17 |   },
18 |   resolve: {
19 |     extensions: [".js"],
20 |     modules: ["node_modules"]
21 |   },
22 |   module: {
23 |     rules: [
24 |       {
25 |         test: /\.(js|jsx)$/,
26 |         include: /js/,
27 |         use: [{ loader: "babel-loader" }]
28 |       },
29 |       {
30 |         test: /\.scss$/,
31 |         include: path.resolve(__dirname, "assets/scss"),
32 |         use: [
33 |           {
34 |             loader: MiniCssExtractPlugin.loader,
35 |             options: { hmr: !isProduction }
36 |           },
37 |           {
38 |             loader: "css-loader",
39 |             options: { sourceMap: true }
40 |           },
41 |           {
42 |             loader: "sass-loader"
43 |           }
44 |         ]
45 |       }
46 |     ]
47 |   },
48 |   plugins: [
49 |     new MiniCssExtractPlugin({
50 |       filename: "css/[name].css"
51 |     })
52 |   ]
53 | };
54 | 
55 | if (isProduction) {
56 |   config.plugins.push(
57 |     new webpack.DefinePlugin({
58 |       "process.env": {
59 |         NODE_ENV: JSON.stringify("production")
60 |       }
61 |     }),
62 |     new UglifyJSPlugin({
63 |       sourceMap: true
64 |     })
65 |   );
66 |   config.devtool = "source-map";
67 | } else {
68 |   config.devtool = "inline-source-map";
69 | }
70 | 
71 | module.exports = config;
72 | 


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