tbremer · November 3, 2020 19:47
diff --git a/foo.json b/foo.json
 {
    "date": 1604432085011
 }
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
 </head>
 <body>
    Below should be the file contents of the file set in the cookie
    
    <section>
        <pre><code id="data-dump">Loading…</code></pre>
    </section>
    <script>
        const fileCookie = document.cookie.split('&').find(cookie => cookie.startsWith('file='))
        const [,fileName] = fileCookie.split('=');

        fetch(`/${fileName}`)
        .then(r => r.json())
        .then(fileData => {
            const node = document.getElementById('data-dump');
            node.innerText = JSON.stringify(fileData, null, 2);
        })
        console.log({fileCookie, fileName})
    </script>
 </body>
 </html>
diff --git a/serve.json b/serve.json
 {
    "headers": [{
        "source": "/**/*",
        "headers": [{
            "key": "Set-Cookie",
            "value": "file=foo.json"
        }]
        
    }]
 }
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	</head>
	<body>
	Below should be the file contents of the file set in the cookie

	<section>
	<pre><code id="data-dump">Loading…</code></pre>
	</section>
	<script>
	const fileCookie = document.cookie.split('&').find(cookie => cookie.startsWith('file='))
	const [,fileName] = fileCookie.split('=');

	fetch(`/${fileName}`)
	.then(r => r.json())
	.then(fileData => {
	const node = document.getElementById('data-dump');
	node.innerText = JSON.stringify(fileData, null, 2);
	})
	console.log({fileCookie, fileName})
	</script>
	</body>
	</html>