diff --git a/site/src/routes/repl/[id]/index.json.js b/site/src/routes/repl/[id]/index.json.js index 0d15d1a193..4cf3d0b586 100644 --- a/site/src/routes/repl/[id]/index.json.js +++ b/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, diff --git a/site/src/routes/repl/[id]/index.svelte b/site/src/routes/repl/[id]/index.svelte index fae504fe33..17259cbc7d 100644 --- a/site/src/routes/repl/[id]/index.svelte +++ b/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);