Connect to chatGPT

`prompt.txt` template also contains (via jinja)

* chat.schema.json
* chat-example.json
* in the future, there will be patient-specific variants

.gitignore

@@ -1,6 +1,7 @@
 venv/
 __pycache__/
 archive/*.json
+flask_session/
 work/
 .env
 *.swp

app.py

@@ -1,7 +1,10 @@
-from flask import Flask, render_template, request, abort, send_from_directory
+from flask import ( Flask, render_template, request, abort, redirect,
+    send_from_directory, url_for, session)
+from flask_session import Session
 import openai
 from dotenv import load_dotenv
 from markdown import markdown
+import requests
 from glob import glob
 import json
 import os
@@ -9,6 +12,7 @@ import sys
 import time
 import shutil
 import re
+import secrets
 
 RE_VID = re.compile("""\[video ["']([^['"]*?)["']\]""")
 TEMPLATE_VID = """<video controls class="centered"><source src="{}" type="video/{}"></video>"""
@@ -30,7 +34,7 @@ def preprocess_content(defs):
             content = """<img src="{source}" alt="{alt}" class="float-right w-{width}"/><br/>\n""".format(**img)+content
         case "below":
             content = content+"""<br/>\n<img src="{source}" alt="{alt}" class="centered w-{width}"/><br/>\n""".format(**img)
-    if defs.get('soundtrack'):
+    if defs.get("use_soundtrack"):
         content = """<audio loop data-autoplay><source src="{}" type="audio/{}"></audio>\n""".format(
                       defs["soundtrack"], defs["soundtrack"].split(".")[-1])+content
     return content
@@ -41,19 +45,107 @@ def preprocess_payload(payload):
         for slide in column.get("slides", []):
             slide["content"] = preprocess_content(slide)
 
+def deref_schema(val):
+    "Deref all `$ref` entries in a json-schema"
+    if type(val)==type([]):
+        return [deref_schema(item) for item in val]
+    elif type(val)==type({}):
+        val = dict(val)
+        if "$ref" in val:
+            ref = val["$ref"]
+            if ref.startswith("#"):
+                pass # stub. Currently we don't have internal references...
+            elif ref.startswith("/"):
+                ref = url_for("home", _external=True)+ref[1:]
+                val.update(requests.get(ref).json())
+                del val["$ref"]
+        for key in val:
+            val[key] = deref_schema(val[key])
+        return val
+    else:
+        return val
+
+
+def file2json(path):
+    "returns json string without line breaks and indent"
+    return json.dumps(json.load(open(path)))
+
+def make_prompt():
+    json_schema = json.dumps(schema())
+    json_example = file2json("static/chat-example.json")
+    return render_template("prompt.txt", schema=json_schema, example=json_example)
+
 load_dotenv()
 openai.organization = "org-GFWgNyt7NSKpCv6GhzXYZTpi"
 
 application = Flask(__name__)
+application.config["SECRET_KEY"] = secrets.token_hex()
+application.config["SESSION_TYPE"] = 'filesystem'
+Session(application)
 
-@application.get("/")
+@application.route("/", methods=['GET', 'POST'])
 def home():
+    if "messages" not in session:
+        session["messages"] = [
+          {"role": "system", "content": make_prompt()},
+          {"role": "assistant", "content": file2json("static/initial-chat.json")}
+        ]
+    if request.method=='POST':
+        prompt = request.form["prompt"].strip() or "Please continue..."
+        session["messages"] += [{"role": "user", "content": prompt}]
+        valid_reply = None
+        while not valid_reply:
+            reply = openai.ChatCompletion.create(model=os.environ["MODEL_NAME"], messages=session["messages"])
+            session["messages"] += [reply["choices"][0]["message"]]
+            try:
+                valid_reply = json.loads(reply["choices"][0]["message"]["content"])
+            except Exception as e:
+                print(repr(e))
+                session["messages"] += [{"role": "system", "content": "reply was ignored because it's not a valid json. user is unaware. do not apologize to them"}]
+                # session["messages"] += [{"role": "user", "content": prompt}]
+            print("=====")
+            print(reply["choices"][0]["message"]["content"])
+            print("-----")
+            print(valid_reply)
+            print("=====")
+    print("*****")
+    print(json.dumps(session["messages"], indent=4))
+    print("*****")
+    payload = json.loads(session["messages"][-1]["content"])
+    payload["content"] = preprocess_content(payload)
+    return render_template("chat.html", **payload)
+
+@application.get("/reset")
+def reset():
+    for key in ["messages", "history"]:
+        if key in session:
+            del session[key]
+    return redirect(url_for('home'))
+
+@application.get("/schema.json")
+def schema():
+    "return deref_schema of `chat.schema.json` file's content"
+    return deref_schema(json.load(open("static/chat.schema.json")))
+
+@application.get("/messages.json")
+def dump_messages():
+    if "messages" not in session:
+        session["messages"] = [
+          {"role": "system", "content": make_prompt()},
+          {"role": "assistant", "content": file2json("static/initial-chat.json")}
+        ]
+    return session["messages"]
+
+@application.get("/slides")
+def slides():
+    "Legacy multy-slide format"
     payload = json.load(open("static/slides.json"))
     preprocess_payload(payload)
     return render_template("slides.html", generate_indices=False, **payload)
 
 @application.post("/update")
 def update():
+    "Legacy multy-slide format"
     shutil.copy(
         "static/slides.json",
         time.strftime(
@@ -65,6 +157,19 @@ def update():
     json.dump(payload, open("static/slides.json", "w"), indent=4)
     return {"status": "success"}
 
+@application.post("/update-chat")
+def update_chat():
+    shutil.copy(
+        "static/chat.json",
+        time.strftime(
+            "archive/chat-%Y-%m-%d-%H.%M.%S.json",
+            time.localtime()))
+    payload = request.get_json()
+    print(type(payload))
+    json.dump(payload, sys.stdout, indent=4)
+    json.dump(payload, open("static/chat.json", "w"), indent=4)
+    return {"status": "success"}
+
 @application.get("/enum/<topic>")
 def choices(topic):
     if topic in ["img", "bg", "bg-video", "audio"]:
@@ -83,8 +188,13 @@ def choices(topic):
         }
     abort(404)
 
+@application.get("/chat-editor")
+def chat_editor():
+    return render_template("chat-editor.html")
+
 @application.get("/editor")
 def editor():
+    "Legacy multy-slide format"
     return render_template("editor.html")
 
 @application.route("/img", methods=['GET', 'POST'])

example.env

@@ -1,3 +1,5 @@
+# Use model du jour
+export MODEL_NAME="gpt-3.5-turbo-16k-0613"
 # Change *** below to an API key from
 # https://platform.openai.com/account/api-keys
-export OPENAI_API_KEY='***'
+export OPENAI_API_KEY="***"

requirements.txt

@@ -1,4 +1,6 @@
 python-dotenv
 flask
+Flask-Session
 openai
 markdown
+requests

static/chat-example.json

@@ -0,0 +1,3 @@
+{"title": "Stress Relief", "markdown": "I understand that stress relief could be helpful for you right now. Let's take a moment to focus on calming and relaxing activities. Here are a few suggestions:\n\n1. **Deep Breathing:** Close your eyes and take a deep breath in through your nose, filling your lungs with air. Hold for a few seconds and then exhale slowly through your mouth. Repeat this a few times, focusing on the sensation of your breath.\n\n2. **Progressive Muscle Relaxation:** Start by tensing the muscles in your toes and then gradually work your way up to your head, tensing and then releasing each muscle group. This exercise can help release tension from your body.\n\n3. **Guided Meditation:** Find a quiet and comfortable place to sit or lie down. You can search for guided meditations online or use apps that offer meditation exercises. These can help you relax and find inner peace.\n\n4. **Nature Sounds:** Consider listening to calming nature sounds, such as gentle rain, ocean waves, or bird songs. These sounds can create a soothing atmosphere and help you relax.\n\n5. **Journaling:** Take a few minutes to write down your thoughts and emotions. This can be a cathartic experience and help you process any stress or overwhelm that you may be feeling.\n\nRemember to be gentle with yourself during this time. Stress relief is important for your well-being. Let me know if there's anything specific you'd like to explore or if you have any other requests.", "use_bg_video": false, "bg_video": "static/media/bg-video/underwater.mp4", "bg_video_opacity": "0.5", "use_bg_image": true, "bg_image": "static/media/bg/sea-view-garden.png", "bg_image_opacity": "0.5", "use_soundtrack": true, "soundtrack": "static/media/audio/soft-rain-ambient-111154.mp3"}
+
+

static/chat.json

@@ -0,0 +1,12 @@
+{
+    "title": "Welcome",
+    "markdown": "Hello again.\n\nHow do you feel today?",
+    "use_bg_video": true,
+    "bg_video": "static/media/bg-video/clouds1.mp4",
+    "bg_video_opacity": "0.75",
+    "use_bg_image": true,
+    "bg_image": "static/media/bg/valley-1.svg",
+    "bg_image_opacity": "0.25",
+    "use_soundtrack": false,
+    "soundtrack": "static/media/audio/sandy-beach-calm-waves-water-nature-sounds-8052.mp3"
+}

static/chat.schema.json

@@ -0,0 +1,126 @@
+{
+  "type": "object",
+  "title": "Themed chat",
+  "properties": {
+    "title": {
+      "type": "string"
+    },
+    "markdown": {
+      "type": "string",
+      "title": "Content",
+      "format": "markdown",
+      "options": {
+        "simplemde": {
+          "renderingConfig": {
+            "singleLineBreaks": false
+          },
+          "toolbar": [
+            "bold",
+            "italic",
+            "heading",
+            "|",
+            "ordered-list",
+            "unordered-list",
+            "|",
+            "link",
+            "quote",
+            "|",
+            "preview"
+          ]
+        }
+      }
+    },
+    "use_bg_video": {
+      "title": "Use background video",
+      "type": "boolean",
+      "format": "checkbox"
+    },
+    "bg_video": {
+      "dependencies": {
+        "use_bg_video": true
+      },
+      "$ref": "/enum/bg-video",
+      "title": "Background video",
+      "links": [
+        {
+          "rel": "Preview video",
+          "class": "link-info",
+          "href": "{{self}}",
+          "media-type": "video/mp4"
+        }
+      ]
+    },
+    "bg_video_opacity": {
+      "dependencies": {
+        "use_bg_video": true
+      },
+      "type": "string",
+      "title": "Background video opacity",
+      "enum": [
+        "0.25",
+        "0.5",
+        "0.75",
+        "1"
+      ],
+      "default": "0.5"
+    },
+    "use_bg_image": {
+      "title": "Use background image",
+      "type": "boolean",
+      "format": "checkbox"
+    },
+    "bg_image": {
+      "dependencies": {
+        "use_bg_image": true
+      },
+      "$ref": "/enum/bg",
+      "title": "Background image",
+      "links": [
+        {
+          "rel": "Preview image",
+          "class": "link-info",
+          "href": "{{self}}"
+        }
+      ]
+    },
+    "bg_image_opacity": {
+      "dependencies": {
+        "use_bg_image": true
+      },
+      "type": "string",
+      "title": "Background image opacity",
+      "enum": [
+        "0.25",
+        "0.5",
+        "0.75",
+        "1"
+      ],
+      "default": "0.5"
+    },
+    "use_soundtrack": {
+      "title": "Use soundtrack",
+      "type": "boolean",
+      "format": "checkbox"
+    },
+    "soundtrack": {
+      "dependencies": {
+        "use_soundtrack": true
+      },
+      "type": "string",
+      "title": "Soundtrack",
+      "$ref": "/enum/audio"
+    }
+  },
+  "defaultProperties": [
+    "title",
+    "markdown",
+    "use_bg_video",
+    "bg_video",
+    "bg_video_opacity",
+    "use_bg_image",
+    "bg_image",
+    "bg_image_opacity",
+    "use_soundtrack",
+    "soundtrack"
+  ]
+}

static/css/style.css

@@ -1,9 +1,9 @@
 .title, .reveal h3.title  {
-    font-weight: bold;
-    margin-top: 0;
-    color: #ffffff;
-    text-shadow: 1px 1px 2px #000000;
-    text-transform: none;
+	font-weight: bold;
+	margin-top: 0;
+	color: #ffffff;
+	text-shadow: 1px 1px 2px #000000;
+	text-transform: none;
 }
 
 #custom-nav a[disabled] {
@@ -23,7 +23,7 @@
 }
 
 .reveal .slides p {
-        margin-top: 0.25em;
+	margin-top: 0.25em;
 	text-align: justify;
 }
 
@@ -43,7 +43,7 @@
 
 .reveal .slides .small,
 .modal .small {
-        font-size: 80%;
+	font-size: 80%;
 }
 
 .reveal .slides ul {
@@ -82,5 +82,19 @@
 }
 
 .w-25 {
-	width: 33%;
+	width: 25%;
+}
+.scrollable {
+	overflow-y: auto  !important;
+	overflow-x: hidden !important;
+	height: 50vh;
+	background-color: #ffffff3f;
+	border-radius: 1rem;
+	padding: 1rem;
+}
+.prompt {
+	width:97%;
+	font-size: 1.5rem;
+	border-radius: 1rem;
+	padding: 0.2rem 0.5rem;
 }

static/initial-chat.json

@@ -0,0 +1,12 @@
+{
+    "title": "Welcome",
+    "markdown": "Hello again.\n\nHow are you feeling right now? Can you share with me your emotions and thoughts? It's important for me to understand where you're at so that I can tailor our session accordingly.",
+    "use_bg_video": true,
+    "bg_video": "static/media/bg-video/clouds1.mp4",
+    "bg_video_opacity": "0.75",
+    "use_bg_image": true,
+    "bg_image": "static/media/bg/valley-1.svg",
+    "bg_image_opacity": "0.25",
+    "use_soundtrack": false,
+    "soundtrack": "static/media/audio/sandy-beach-calm-waves-water-nature-sounds-8052.mp3"
+}

static/media/audio.json

@@ -2,5 +2,11 @@
     "ho-oponopono.mp3": "Ho'Oponopono - a Hawaiian song of reconciliation and forgiveness",
     "sonar.wav": "Sonar beep",
     "thunderstorm.mp3": "Thunderstorm",
-    "VJ_Memes_-_funkyGarden.mp3": "Mellow background music with slide guiter"
+    "VJ_Memes_-_funkyGarden.mp3": "Mellow background music with slide guiter",
+    "soft-rain-ambient-111154.mp3": "Soft Rain Ambient",
+    "forest-with-small-river-birds-and-nature-field-recording-6735.mp3": "forest with small river birds and nature field recording",
+    "sandy-beach-calm-waves-water-nature-sounds-8052.mp3": "Sandy Beach - Calm Waves - Water - Nature Sounds",
+    "evening-birds-singing-in-spring-background-sounds-of-nature-146388.mp3": "Evening birds singing in spring",
+    "lit-fireplace-6307.mp3": "Lit fireplace",
+    "mad-scientist-lab-loopable-71170.mp3": "Mad scientist lab (steampunk)"
 }

static/media/bg.json

@@ -2,5 +2,6 @@
     "particles-1.svg": "Randomly moving particles work best for colorful theme with simple design (vector animation)",
     "rain-1.svg": "falling rain drops in pure lines (vector animation)",
     "twilight-1.svg": "sky with crescent moon and blinking stars during twilight (vector animation)",
-    "valley-1.svg": "Beautiful, smooth gradient waves in multiple layers flowing slowly and gracefully (vector animation)"
+    "valley-1.svg": "Beautiful, smooth gray gradient waves in multiple layers flowing slowly and gracefully (vector animation)",
+    "valley-2.svg": "Beautiful, smooth purple gradient waves in multiple layers flowing slowly and gracefully (vector animation)"
 }

static/media/bg/valley-2.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(255, 255, 255); display: block; z-index: 1; position: relative; shape-rendering: auto;" width="1920" height="947" preserveAspectRatio="xMidYMid" viewBox="0 0 1920 947">
+<g transform="translate(960,473.5) scale(1,1) translate(-960,-473.5)"><linearGradient id="lg-0.5113784947453077" x1="0" x2="1" y1="0" y2="0">
+  <stop stop-color="#ff00ff" offset="0"></stop>
+  <stop stop-color="#00ffff" offset="1"></stop>
+</linearGradient><path d="" fill="url(#lg-0.5113784947453077)" opacity="0.4">
+  <animate attributeName="d" dur="10s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" calcmod="spline" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="0s" values="M0 0M 0 894.5862554887958Q 192 874.2643129105327 384 868.8592127204834T 768 820.840029182175T 1152 727.3793018316792T 1536 756.4735392511847T 1920 653.9722999150503L 1920 315.65115915275203Q 1728 275.049213994367 1536 274.6507969794303T 1152 177.37324735243834T 768 177.75746045396713T 384 132.15530557221675T 0 58.46405507729969Z;M0 0M 0 800.2119466882269Q 192 798.9922046196984 384 789.0174704567548T 768 773.7845177168246T 1152 762.1606724759341T 1536 750.4193969595116T 1920 701.902543459274L 1920 249.35632692931185Q 1728 263.35595067257793 1536 260.8489890527727T 1152 214.74520060430632T 768 170.09563688251043T 384 89.81025868101068T 0 44.857344099156904Z;M0 0M 0 900.8663591050625Q 192 864.9039542452147 384 857.9394098120674T 768 811.0306319600473T 1152 715.9533696999769T 1536 739.6274636674682T 1920 669.5297170831273L 1920 268.82564498223144Q 1728 228.11930706834903 1536 221.8924995651106T 1152 190.6159917309161T 768 186.6721761128069T 384 143.8041660902612T 0 108.18302269032151Z;M0 0M 0 894.5862554887958Q 192 874.2643129105327 384 868.8592127204834T 768 820.840029182175T 1152 727.3793018316792T 1536 756.4735392511847T 1920 653.9722999150503L 1920 315.65115915275203Q 1728 275.049213994367 1536 274.6507969794303T 1152 177.37324735243834T 768 177.75746045396713T 384 132.15530557221675T 0 58.46405507729969Z"></animate>
+</path><path d="" fill="url(#lg-0.5113784947453077)" opacity="0.4">
+  <animate attributeName="d" dur="10s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" calcmod="spline" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-2.5s" values="M0 0M 0 820.578891738158Q 192 794.048062150797 384 790.9550760961745T 768 766.9526335844234T 1152 788.1921236554847T 1536 719.3274144091307T 1920 720.9980851444116L 1920 232.07439466440857Q 1728 276.73996472332755 1536 271.24414033252293T 1152 235.27083684381307T 768 215.95157440919272T 384 150.46464669733652T 0 132.26890906748812Z;M0 0M 0 818.9332512243135Q 192 841.0072598377415 384 837.1371668556186T 768 765.2638739692692T 1152 708.1451713279033T 1536 695.7969806006746T 1920 652.3613411751903L 1920 293.37159884257323Q 1728 290.5363625534058 1536 286.78662514281916T 1152 140.2018102680999T 768 198.62948911339666T 384 181.47867906282383T 0 39.692517606167854Z;M0 0M 0 806.1141497748507Q 192 797.1258294525562 384 795.2560762455262T 768 820.4123717575995T 1152 793.6627134691432T 1536 759.2385573025834T 1920 633.8973846901227L 1920 298.88561542333093Q 1728 198.36340963806794 1536 188.55124916763856T 1152 185.20001713147371T 768 192.40098468410187T 384 185.01313440707108T 0 101.25396880383195Z;M0 0M 0 820.578891738158Q 192 794.048062150797 384 790.9550760961745T 768 766.9526335844234T 1152 788.1921236554847T 1536 719.3274144091307T 1920 720.9980851444116L 1920 232.07439466440857Q 1728 276.73996472332755 1536 271.24414033252293T 1152 235.27083684381307T 768 215.95157440919272T 384 150.46464669733652T 0 132.26890906748812Z"></animate>
+</path><path d="" fill="url(#lg-0.5113784947453077)" opacity="0.4">
+  <animate attributeName="d" dur="10s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" calcmod="spline" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-5s" values="M0 0M 0 885.9878293673725Q 192 849.7049524034372 384 847.0714157039724T 768 788.9437588718265T 1152 760.3578953474516T 1536 667.5378477909776T 1920 727.2622486991087L 1920 245.2740791225873Q 1728 263.9772059474078 1536 261.02628081293534T 1152 251.94635645434562T 768 151.87264675796956T 384 116.65543007147687T 0 92.62548089693561Z;M0 0M 0 896.4068688953673Q 192 778.6099838457578 384 778.2386901606893T 768 736.9130622372895T 1152 778.0864714049906T 1536 702.0059342397407T 1920 706.8988994416476L 1920 283.373984627806Q 1728 197.52077013891304 1536 192.25436770839153T 1152 179.03754984778664T 768 192.6272284147079T 384 127.41825064969092T 0 120.3365995024433Z;M0 0M 0 905.0545447091121Q 192 771.0464991483362 384 770.7504405718763T 768 737.9470720435592T 1152 761.4950054370945T 1536 729.6425742035786T 1920 628.0782403018484L 1920 268.81964551632745Q 1728 283.4893949984377 1536 280.4062268277233T 1152 232.73410536907147T 768 136.58709243664552T 384 177.83656529099065T 0 105.12907476123561Z;M0 0M 0 885.9878293673725Q 192 849.7049524034372 384 847.0714157039724T 768 788.9437588718265T 1152 760.3578953474516T 1536 667.5378477909776T 1920 727.2622486991087L 1920 245.2740791225873Q 1728 263.9772059474078 1536 261.02628081293534T 1152 251.94635645434562T 768 151.87264675796956T 384 116.65543007147687T 0 92.62548089693561Z"></animate>
+</path><path d="" fill="url(#lg-0.5113784947453077)" opacity="0.4">
+  <animate attributeName="d" dur="10s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" calcmod="spline" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-7.5s" values="M0 0M 0 851.2782171711034Q 192 811.9374452565633 384 806.8006580346555T 768 776.014045894985T 1152 701.7253782114377T 1536 718.9887158951129T 1920 660.2346627727933L 1920 258.4327207481116Q 1728 221.22469308334493 1536 219.62743587397694T 1152 241.29989577865155T 768 153.52941384398162T 384 139.7742205366321T 0 85.92598640222806Z;M0 0M 0 821.7868026609375Q 192 844.5116715787133 384 839.0972500642432T 768 809.6564473606737T 1152 791.1303523091464T 1536 749.6669107001892T 1920 731.9042249422911L 1920 257.57973280152544Q 1728 279.42212842910214 1536 272.8272641684757T 1152 142.66246370522202T 768 155.70506390784996T 384 127.24527463076797T 0 68.58997328879795Z;M0 0M 0 903.852837413974Q 192 827.4710691224941 384 820.1259242816732T 768 798.4796672764697T 1152 753.5843765228167T 1536 688.1946143381927T 1920 697.5646392291058L 1920 265.25630142796507Q 1728 179.11544593769628 1536 175.28579973170906T 1152 222.65108580333765T 768 135.25191722722622T 384 90.82164266345612T 0 70.78823785841863Z;M0 0M 0 851.2782171711034Q 192 811.9374452565633 384 806.8006580346555T 768 776.014045894985T 1152 701.7253782114377T 1536 718.9887158951129T 1920 660.2346627727933L 1920 258.4327207481116Q 1728 221.22469308334493 1536 219.62743587397694T 1152 241.29989577865155T 768 153.52941384398162T 384 139.7742205366321T 0 85.92598640222806Z"></animate>
+</path></g>
+</svg>

static/media/img.json

@@ -6,5 +6,8 @@
     "lightning.gif": "lightning striking downwards (video, gif animation, grayscale, portrait proportions)",
     "lightning-tree.png": "a tree in front of a lightning and a stormy, cloudy dark blue sky",
     "thunderstorm.gif": "trees shaking rapidly in front of stormy cloudy sky with frequent lightnings and rapid, cyclic cloud movement (gif animation)",
-    "marble-question-mark.png": "A huge marble question mark inside a hall with a skylight"
+    "marble-question-mark.png": "A huge marble question mark inside a hall with a skylight",
+    "steampunk-machine.png": "A complex and slightly bent steampunk brass machine with pipes and pressure gauges",
+    "fire-4623.gif": "fireplace (gif animation)",
+    "tnh-quote-nothing-to-chase.jpg": "Thich Nhat Hahn photo and quote: there is nothing to chase after... (portrait proportions)"
 }

static/slides.json

@@ -5,12 +5,12 @@
             "id": "welcome",
             "title": "Welcome",
             "params": {
-                "theme": "simple",
+                "theme": "sky",
                 "background-image": "static/media/bg/valley-1.svg",
                 "background-opacity": "0.5",
                 "background-size": "cover"
             },
-            "markdown": "This is an example of a vertical sequence (single chapter containing pages)",
+            "markdown": "This is an example of a vertical sequence (single chapter containing pages)\n\n[video bell.mp4]\n\nyou can also watch the video",
             "slides": [
                 {
                     "id": "regret",
@@ -28,7 +28,7 @@
                         "alt": ""
                     },
                     "markdown": "Let us dwell on the negative emotions you have mentioned:\n\n* Regret\n* sorrow\n\nWhen you are ready, we can [continue to forgiveness](#forgiveness).",
-                    "soundtrack": "static/media/audio/thunderstorm.mp3"
+                    "soundtrack": "static/media/audio/soft-rain-ambient-111154.mp3"
                 },
                 {
                     "id": "forgiveness",
@@ -42,6 +42,21 @@
                     },
                     "markdown": "Let me play for you a Hawaiian song called Ho'Opnopono. it has healing qualities for such moments.\n\n* Close your eyes.\n* Listen.\n* Sing in your heart.\n* Join with your voice.",
                     "soundtrack": "static/media/audio/ho-oponopono.mp3"
+                },
+                {
+                    "id": "end",
+                    "title": "The end",
+                    "params": {
+                        "theme": "league"
+                    },
+                    "image": {
+                        "placement": "above",
+                        "width": "75",
+                        "source": "static/media/img/fire-4623.gif",
+                        "alt": "Fireplace"
+                    },
+                    "markdown": "#### Now we can rest",
+                    "soundtrack": "static/media/audio/lit-fireplace-6307.mp3"
                 }
             ]
         }

templates/chat-editor.html

@@ -0,0 +1,58 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Themed chat editor</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+    <link rel="stylesheet" href=
+        "https://use.fontawesome.com/releases/v5.6.3/css/all.css"
+        integrity=
+            "sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
+            crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
+  </head>
+  <body>
+    <div class="container">
+      <h1>Themed chat editor</h1>
+      <div id='editor_holder'></div>
+      <div class="btn-group mt-2">
+        <button class="btn btn-success" id='submit'>Submit</button>
+        <a class="btn btn-secondary" href="/slides">Cancel</a>
+      </div>
+    </div>
+    <script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    <script>
+      fetch("/static/chat.schema.json")
+        .then(res => res.json())
+        .then(schema => {
+          fetch("/static/chat.json")
+            .then(res => res.json())
+            .then(slides => {
+              // Initialize the editor with a JSON schema
+              var editor = new JSONEditor(
+                document.getElementById('editor_holder'), {
+                  theme: "bootstrap5",
+                  iconlib: "fontawesome5",
+                  ajax: true,
+                  schema: schema,
+                  startval: slides
+                });
+              // Hook up the submit button to log to the console
+              document.getElementById('submit').addEventListener('click',() => {
+                // Get the value from the editor
+                fetch("/update-chat", {
+                  method: "POST",
+                  body: JSON.stringify(editor.getValue()),
+                  headers: {
+                      "Content-type": "application/json; charset=UTF-8"
+                  }
+                }).then((response) => { location.replace('/') });
+              });
+            });
+          });
+    </script>
+  </body>
+</html>

templates/construction.html → templates/chat.html

@@ -4,48 +4,40 @@
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
-		<title>Under construction</title>
+		<title>{{title}}</title>
 
-		<link rel="stylesheet" href="/static/css/style.css" />
-		<link rel="stylesheet" href="/static/reveal/dist/reset.css" />
-		<link rel="stylesheet" href="/static/reveal/dist/reveal.css" />
-		<link id="theme" rel="stylesheet" href="/static/reveal/dist/theme/white.css" />
-		<link id="nav-theme" rel="stylesheet" href="/static/css/nav/white.css" />
+		<link rel="stylesheet" href="static/css/style.css" />
+		<link rel="stylesheet" href="static/reveal/dist/reset.css" />
+		<link rel="stylesheet" href="static/reveal/dist/reveal.css" />
+		<link id="theme" rel="stylesheet" href="static/reveal/dist/theme/sky.css" />
+		<link id="nav-theme" rel="stylesheet" href="static/css/nav/sky.css" />
                 <link rel="stylesheet" href=
                     "https://use.fontawesome.com/releases/v5.6.3/css/all.css"
                     integrity=
                         "sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
                         crossorigin="anonymous">
-
-
-		<!-- Theme used for syntax highlighted code -->
-		<!-- link rel="stylesheet" href="/static/reveal/plugin/highlight/monokai.css" -->
 	</head>
 	<body>
                 <div id="custom-nav">
                   <!-- the zero-width-space is a tweak against tidy removing empty tags -->
-                  <a href="#/" title="Home"><i class="fa fa-home">​</i></a>
-                  <a id="top-link" title="Section top" disabled="disabled"><i class="fa fa-angle-double-up">​</i></a>
-                  <a href="/editor" title="Edit"><i class="fa fa-user-edit">​</i></a>
+                  <a href="/reset" title="Reset"><i class="fa fa-redo">​</i></a>
                 </div>
 		<div class="reveal">
 			<div class="slides">
-                          
-				<section data-background-opacity="0.5" data-background-size="cover" data-background-video="static/bg-video/underwater.mp4" data-background-video-loop="True" data-background-video-mute="True" data-theme="simple">
-                                    <section id="construction">
-                                        
-                                        <h3 class="title slide_title">Under construction</h3>
-                                        
-
-                                        
+				<section data-theme="sky" data-background-size="cover"{% if use_bg_video %} data-background-video="{{bg_video}}" data-background-opacity="{{bg_video_opacity}}" data-background-video-loop="True" data-background-video-mute="True"{% endif %}>
+                                    <section{% if use_bg_image %} data-background="{{bg_image}}" data-background-opacity="{{bg_image_opacity}}" data-background-size="cover"{% endif %}>                                        
+                                        <h3 class="title slide_title">{{title}}</h3>
+                                        <div class="scrollable">
+                                            {{ content|safe }}
+                                        </div>
+                                        <form method="POST" action="">
+                                        <!-- onsubmit='document.getElementById("prompt").setAttribute("disabled", "")' -->
+                                            <input class="prompt" id="prompt" name="prompt" placeholder="Talk to me" />
+                                        </form>
                                     </section>
-                                    
-                                    
 				</section>
-                          
 			</div>
 		</div>
-
 		<script src="/static/reveal/dist/reveal.js"></script>
 		<script src="/static/reveal/plugin/notes/notes.js"></script>
 		<script src="/static/reveal/plugin/markdown/markdown.js"></script>
@@ -58,6 +50,7 @@
 			Reveal.initialize({
 				hash: true,
                                 progress: false,
+                                help: false,
                                 transition: 'convex',
                                 controlsBackArrows: 'visible',  // would hopefully solve the faded-arrow thing
                                 // slideNumber: "h.v",

templates/editor.html

@@ -18,7 +18,7 @@
       <div id='editor_holder'></div>
       <div class="btn-group mt-2">
         <button class="btn btn-success" id='submit'>Submit</button>
-        <a class="btn btn-secondary" href="/">Cancel</a>
+        <a class="btn btn-secondary" href="/slides">Cancel</a>
       </div>
     </div>
     <script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
@@ -49,7 +49,7 @@
                   headers: {
                       "Content-type": "application/json; charset=UTF-8"
                   }
-                }).then((response) => { location.replace('/') });
+                }).then((response) => { location.replace('/slides') });
               });
             });
           });

templates/prompt.txt

@@ -0,0 +1,20 @@
+assistant is a spiritual caregiver for the dying (also called "death doula") inspired by the ideas described at "die wise" by stephen jenkinson
+
+user is odelia, she was informed that her cancer was incurable. she is 48 years old. she had to retire from a career in the television industry. she is a single mother to a highschool daughter.
+
+The goal of your session is to create enchanted moments, or ceremonies via the multimedia resources available to you (see below), but first you should inquire how the user feels now and what media would suit best their needs.
+
+IMPORTANT!
+
+1. Your response should be valid json: linebreaks should be escaped as \n, quotes as \", the [escaped] "markdown" value should include \\n\\n when you expects a paragraph break, etc. It should also be valid according to the json-schema definition above. You can rely on "enum_title" as textual explanations of "enum" choices.
+
+2. Although the markdown area is scrollable, best is to keep the text under 350 characters (less if there are paragraph breaks or bullet list).
+
+```
+{{schema}}
+```
+
+For example:
+```
+{{example}}
+```