Merge pull request #3 from fastly/demo-thumb

Updates for demo

Author: triblondon

fastly.toml

@@ -6,26 +6,27 @@ description = "Park your users in a virtual queue to reduce the demand on your o
 language = "javascript"
 manifest_version = 2
 name = "Queuing / Waiting room (JS)"
-service_id = "2m8R5zIahiGBdKTfYv8k8L"
 
 [local_server]
 
   [local_server.backends]
 
     [local_server.backends.protected_content]
-    url = "http://eventworld-static.s3-website.eu-west-2.amazonaws.com"
-    override_host = "eventworld-static.s3-website.eu-west-2.amazonaws.com"
+      override_host = "eventworld-static.s3-website.eu-west-2.amazonaws.com"
+      url = "http://eventworld-static.s3-website.eu-west-2.amazonaws.com"
 
     [local_server.backends.upstash]
-    url = "https://eu1-close-treefrog-37046.upstash.io"
-    override_host = "eu1-close-treefrog-37046.upstash.io"
+      override_host = "eu1-close-treefrog-37046.upstash.io"
+      url = "https://eu1-close-treefrog-37046.upstash.io"
 
   [local_server.dictionaries]
 
     [local_server.dictionaries.config]
-
-      format = "json"
       file = "devconfig.json"
+      format = "json"
+
+[scripts]
+  build = "$(npm bin)/webpack && $(npm bin)/js-compute-runtime ./bin/index.js ./bin/main.wasm"
 
 [setup]
 
@@ -35,24 +36,21 @@ service_id = "2m8R5zIahiGBdKTfYv8k8L"
 
     [setup.backends.upstash]
 
-  [setup.log_endpoints]
-
-    [setup.log_endpoints.queue_logs]
-
   [setup.dictionaries]
 
     [setup.dictionaries.config]
 
       [setup.dictionaries.config.items]
 
-        [setup.dictionaries.config.items.upstash_url]
-        description = "URL of Upstash service (e.g. https://eu1-close-treefrog-35041.upstash.io)"
-        input_type = "url"
+        [setup.dictionaries.config.items.jwt_secret]
+          description = "Secret for JWT signing"
 
         [setup.dictionaries.config.items.upstash_token]
-        description = "Token for Upstash REST API"
-        input_type = "password"
+          description = "Token for Upstash REST API"
 
-        [setup.dictionaries.config.items.jwt_secret]
-        description = "Secret for JWT signing"
-        input_type = "password"
+        [setup.dictionaries.config.items.upstash_url]
+          description = "URL of Upstash service (e.g. https://eu1-close-treefrog-35041.upstash.io)"
+
+  [setup.log_endpoints]
+
+    [setup.log_endpoints.queue_logs]

src/index.js

@@ -24,7 +24,9 @@ import processView from "./views";
 import adminView from "./views/admin.html";
 import queueView from "./views/queue.html";
 
+// For demo purposes
 import demoManifest from "./static/demo-manifest.md";
+const DEMO_THUMBNAIL = fastly.includeBytes('src/static/demo-thumb.png');
 
 // The name of the backend serving the content that is being protected by the queue.
 const CONTENT_BACKEND = "protected_content";
@@ -49,14 +51,20 @@ async function handleRequest(event) {
   const { request, client } = event;
   const url = new URL(request.url);
 
-  // For demo purposes, we serve this manifest. Feel free to delete this.
+  // Metadata foe developer.fastly.com.
+  // Feel free to delete this.
   if (url.pathname == "/.well-known/fastly/demo-manifest") {
     return new Response(demoManifest, {
       status: 200,
       headers: {
         "Content-Type": "text/markdown",
       },
     });
+  } else if (url.pathname == "/demo-thumb.png") {
+    return new Response(DEMO_THUMBNAIL, {
+      status: 200,
+      headers: { 'content-type': 'image/png' }
+    });
   }
 
   // Allow requests to assets that are not protected by the queue.

src/static/demo-manifest.md

@@ -6,7 +6,10 @@ description: |
   Using a third-party Redis API provider as a lightweight store, issue
   website visitors with a place in an orderly queue, and admit them to the
   website in a way that regulates load on your origin infrastructure.
-# repo: https://github.com/fastly/compute-starter-kit-javascript-queue
+repo: https://github.com/fastly/compute-starter-kit-javascript-queue
+image:
+  href: /demo-thumb.png
+  alt: Holding page for a waiting room
 expectedRootStatus: 401
 views:
   endUser: