chore: update example

nikku · Jan 12, 2025 · 96756b0 · 96756b0
commit 96756b0
Show file tree

Hide file tree

Showing 12 changed files with 230 additions and 0 deletions.
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
diff --git a/bundle.css b/bundle.css
diff --git a/bundle.js b/bundle.js
diff --git a/favicon.png b/favicon.png
diff --git a/global.css b/global.css
@@ -0,0 +1,72 @@
+* {
+  box-sizing: border-box;
+
+  --gutter: 1rem;
+}
+
+body, html {
+  height: 100%;
+  width: 100%;
+
+  margin: 0;
+
+  font-family: sans-serif;
+}
+
+.btn {
+  display: inline-flex;
+  padding: 0.275rem 0.5rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.3;
+  color: #333;
+  background: #EEE;
+  border: 1px solid #EEE;
+  border-radius: .5em;
+
+  cursor: pointer;
+}
+
+a.btn {
+  text-decoration: none;
+}
+
+.btn:hover,
+.btn:focus {
+  background: #DFDFDF;
+}
+
+.btn-none {
+  background: transparent;
+  border: 1px solid transparent;
+}
+
+.hcontainer,
+.vcontainer {
+  display: flex;
+  align-self: stretch;
+  flex: 1;
+
+  overflow: hidden;
+}
+
+.vcontainer {
+  flex-direction: column;
+}
+
+.hcontainer {
+  flex-direction: row;
+}
+
+.container {
+  margin: calc(var(--gutter) * .5);
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow: hidden;
+}
+
+.container .content {
+  flex: 1;
+  align-self: stretch;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Try out and learn DMN FEEL - FEEL Playground</title>
+
+  <meta charset="UTF-8">
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="An interactive app to try out and learn the DMN FEEL language. Evaluate complex DMN FEEL expressions, unary tests, and built-in functions.">
+  <meta name="theme-color" content="#4682b4">
+
+  <link rel="icon" href="favicon.png" />
+  <link rel="apple-touch-icon" href="apple-touch-icon.png" />
+
+  <meta name="og:title" content="DMN FEEL Playground" />
+  <meta name="og:image" content="https://nikku.github.io/feel-playground/preview.png" />
+  <meta name="og:url" content="https://nikku.github.io/feel-playground/" />
+
+  <link rel="manifest" href="manifest.json" />
+
+  <link rel="stylesheet" href="global.css" />
+  <link rel="stylesheet" href="bundle.css" />
+</head>
+<body class="vcontainer">
+
+  <script>
+    if ('serviceWorker' in navigator) {
+
+      function triggerReload() {
+        window.location.reload();
+      }
+
+      window.addEventListener('load', () => {
+        navigator.serviceWorker.register('service-worker.js').catch((err) => {
+          console.warn('Failed to register service worker', err);
+        });
+
+        navigator.serviceWorker.addEventListener('message', event => {
+          if (event.data.message === 'resource.changed') {
+            console.log('Resource changed', event.data.url);
+
+            triggerReload();
+          }
+        });
+      });
+    }
+  </script>
+
+  <script src="bundle.js"></script>
+
+</body>
+</html>
diff --git a/logo-192.png b/logo-192.png
diff --git a/logo-512.png b/logo-512.png
diff --git a/logo.svg b/logo.svg
diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,20 @@
+{
+  "short_name": "FEEL Playground",
+  "name": "FEEL Playground",
+  "icons": [
+    {
+      "src": "./logo-192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "./logo-512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "background_color": "#4682b4",
+  "display": "standalone",
+  "theme_color": "#4682b4"
+}
diff --git a/preview.png b/preview.png
diff --git a/service-worker.js b/service-worker.js