add logic for relaxed gists

site/src/routes/repl/[id]/index.json.js

@@ -66,6 +66,7 @@ export async function get(req, res) {
 
 	if (example) {
 		return send(res, 200, {
+			relaxed: true,
 			uid: req.params.id,
 			name: example.title,
 			files: example.files,

site/src/routes/repl/[id]/index.svelte

@@ -12,6 +12,7 @@
 	import { onMount } from 'svelte';
 	import { goto } from '@sapper/app';
 	import { process_example } from '../../../utils/examples';
+	import { user } from '../../../user.js';
 	import InputOutputToggle from '../../../components/Repl/InputOutputToggle.svelte';
 	import AppControls from './_components/AppControls/index.svelte';
 
@@ -22,7 +23,7 @@
 	let gist;
 	let name = 'Loading...';
 	let zen_mode = false;
-	let relaxed = false;
+	let is_relaxed_gist = false;
 	let width = process.browser ? window.innerWidth : 1000;
 	let checked = false;
 
@@ -53,6 +54,8 @@
 					gist = data;
 					name = data.name;
 
+					is_relaxed_gist = data.relaxed;
+
 					const rgx = /(js|svelte)$/i;
 					const components = data.files.map(file => {
 						let [name, type] = file.name.split('.');
@@ -105,6 +108,8 @@
 	const mapbox_setup = `window.MAPBOX_ACCESS_TOKEN = process.env.MAPBOX_ACCESS_TOKEN;`;
 
 	$: mobile = width < 540;
+
+	$: relaxed = is_relaxed_gist || ($user && gist && $user.uid === gist.owner);
 </script>
 
 <style>