feat: add example

trueChazza · trueChazza · commit 1f7625a73d38 · 2023-09-22T17:21:26.000+12:00
diff --git a/lib/web_push_elixir/app.webmanifest b/lib/web_push_elixir/app.webmanifest
@@ -0,0 +1,4 @@
+{
+  "name": "Web Push Elixir",
+  "display": "standalone"
+}
diff --git a/lib/web_push_elixir/favicon.ico b/lib/web_push_elixir/favicon.ico
diff --git a/lib/web_push_elixir/index.html b/lib/web_push_elixir/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Web Push Elixir</title>
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <link rel="manifest" href="app.webmanifest">
+</head>
+<body>
+    <h1>Web Push Elixir</h1>
+    <button>Click</button>
+    <script src="main.js"></script>
+</body>
+</html>
diff --git a/lib/web_push_elixir/main.js b/lib/web_push_elixir/main.js
@@ -0,0 +1,29 @@
+navigator.serviceWorker
+    .register('/service-worker.js')
+    .then(registration => {
+      console.log('Service worker successfully registered.');
+    })
+    .catch(err => {
+      console.error('Unable to register service worker.', err);
+    });
+
+    document.addEventListener('DOMContentLoaded', event => {
+
+      const button = document.querySelector('button');
+
+      button.addEventListener('click', event => {
+
+              Notification.requestPermission().then(permission => {
+
+                navigator.serviceWorker.ready.then(registration => {
+
+                  console.log('Service worker is active');
+
+                    registration.showNotification('Notification Test', {
+                        body: 'Some message',
+                    });
+                });
+              })
+      });
+
+    });
diff --git a/lib/web_push_elixir/mock_server.ex b/lib/web_push_elixir/mock_server.ex
@@ -8,4 +8,34 @@ defmodule WebPushElixir.MockServer do
     conn
     |> Plug.Conn.send_resp(200, "ok")
   end
+
+  get "/example" do
+    conn
+    |> put_resp_header("content-type", "text/html; charset=utf-8")
+    |> Plug.Conn.send_file(200, "./lib/web_push_elixir/index.html")
+  end
+
+  get "/app.webmanifest" do
+    conn
+    |> put_resp_header("content-type", "application/manifest+json")
+    |> Plug.Conn.send_file(200, "./lib/web_push_elixir/app.webmanifest")
+  end
+
+  get "/main.js" do
+    conn
+    |> put_resp_header("content-type", "application/x-javascript")
+    |> Plug.Conn.send_file(200, "./lib/web_push_elixir/main.js")
+  end
+
+  get "/service-worker.js" do
+    conn
+    |> put_resp_header("content-type", "application/x-javascript")
+    |> Plug.Conn.send_file(200, "./lib/web_push_elixir/service-worker.js")
+  end
+
+  get "/favicon.ico" do
+    conn
+    |> put_resp_header("content-type", "image/x-icon")
+    |> Plug.Conn.send_file(200, "./lib/web_push_elixir/favicon.ico")
+  end
 end
diff --git a/lib/web_push_elixir/service-worker.js b/lib/web_push_elixir/service-worker.js
@@ -0,0 +1,7 @@
+self.addEventListener('push', event => {
+    if (event.data) {
+        console.log('This push event has data: ', event.data.text());
+    } else {
+        console.log('This push event has no data.');
+    }
+});

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +  "name": "Web Push Elixir",
 +  "display": "standalone"
 +}