https://elm-conduit.netlify.app/

1<!DOCTYPE html><html lang="en"><head><meta charset="utf-8">
2<!-- This site is hosted on Netlify. Anyone can build and deploy a site
3     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=344f78b2-387c-4023-90ab-6cf07e8d8568
4     Netlify hosting facts for this site: static/SSR served via Netlify Edge. --><meta name="viewport"content="width=device-width,initial-scale=1,user-scalable=1"><title>Conduit</title><link rel="icon"href="./images/favicon.ico"><link rel="stylesheet"href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"><link rel="stylesheet"href="https://fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"><link rel="stylesheet"href="https://demo.realworld.show/styles-V7LOWGDA.css"><link rel="stylesheet"href="/index.css"></head><body><div id="app"></div>

4<script src="/app.js"></script>

4<script>class TokenStorage {
5        constructor(key) {
6          this.key = key;
7        }
8
9        getToken() {
10          return localStorage.getItem(this.key);
11        }
12
13        setToken(token) {
14          localStorage.setItem(this.key, token);
15        }
16
17        deleteToken() {
18          localStorage.removeItem(this.key);
19        }
20      }
21
22      const tokenStorage = new TokenStorage("elm-conduit-token");
23      const maybeToken = tokenStorage.getToken();
24
25      const app = Elm.Main.init({
26        node: document.getElementById("app"),
27        flags: {
28          apiUrl: "https://api.realworld.show/api",
29          maybeToken
30        }
31      });
32
33      app.ports.send.subscribe(message => {
34        console.info("send", message);
35
36        switch (message?.tag) {
37          case "deleteToken":
38            tokenStorage.deleteToken();
39            break;
40
41          case "saveToken":
42            tokenStorage.setToken(message.value);
43            break;
44
45          case "logError":
46            console.error(message.value);
47            break;
48
49          default:
50            console.error("Received an unexpected message", message);
51        }
52      });
53
54      window.addEventListener("storage", event => {
55        if (event.storageArea === localStorage && event.key === tokenStorage.key && event.oldValue !== event.newValue) {
56          window.location.reload();
57        }
58      });</script>

58<a class="github"href="https://github.com/dwayne/elm-conduit"target="_blank"><svg class="octocat"width="80"height="80"viewBox="0 0 250 250"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"fill="currentColor"class="octocat__arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"fill="currentColor"></path></svg></a></body></html>