create dev mode enabled via console function

sillsdev · Jan 19, 2024 · e84bd81 · e84bd81
1 parent f4162dc
commit e84bd81
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 3 deletions.
diff --git a/frontend/src/lib/layout/DevContent.svelte b/frontend/src/lib/layout/DevContent.svelte
@@ -0,0 +1,19 @@
+<script context="module" lang="ts">
+  import {writable} from 'svelte/store';
+  import {browser} from '$app/environment';
+
+  //indicates that the user is a developer, show them features that are not ready for production, etc.
+  //does not indicate this is at development time
+  export let isDev = writable(false)
+
+  globalThis.enableDevMode = () => {
+    isDev.set(true);
+    localStorage.setItem('devMode', 'true');
+  };
+  if (browser) {
+    isDev.set(localStorage.getItem('devMode') === 'true');
+  }
+</script>
+{#if $isDev}
+  <slot/>
+{/if}
diff --git a/frontend/src/routes/(authenticated)/project/[project_code]/+page.svelte b/frontend/src/routes/(authenticated)/project/[project_code]/+page.svelte
@@ -38,6 +38,7 @@
   import OpenInFlexModal from './OpenInFlexModal.svelte';
   import OpenInFlexButton from './OpenInFlexButton.svelte';
   import SendReceiveUrlField from './SendReceiveUrlField.svelte';
+  import {isDev} from '$lib/layout/DevContent.svelte';
 
   export let data: PageData;
   $: user = data.user;
@@ -195,9 +196,9 @@
     </svelte:fragment>
     <svelte:fragment slot="actions">
       {#if migrationStatus !== ProjectMigrationStatus.Migrating}
-        {#if project.type === ProjectType.FlEx}
-          <OpenInFlexModal bind:this={openInFlexModal} {project} />
-          <OpenInFlexButton projectId={project.id} on:click={openInFlexModal.open} />
+        {#if project.type === ProjectType.FlEx && $isDev}
+            <OpenInFlexModal bind:this={openInFlexModal} {project}/>
+            <OpenInFlexButton projectId={project.id} on:click={openInFlexModal.open}/>
         {:else}
           <Dropdown>
             <button class="btn btn-primary">