show rules on first visit

2 files changed, 9 insertions, 2 deletions

diff --git a/web/pw-server/src/lib/bot_code.ts b/web/pw-server/src/lib/bot_code.ts
index 088db72..688587e 100644
--- a/web/pw-server/src/lib/bot_code.ts
+++ b/web/pw-server/src/lib/bot_code.ts
@@ -2,7 +2,7 @@ import defaultBotCode from "../assets/bot_template.txt?raw";
 
 const BOT_CODE_KEY = "bot_code";
 
-export function getBotCode() {
+export function getBotCode(): string {
   let botCode = localStorage.getItem(BOT_CODE_KEY);
   if (!botCode) {
     botCode = defaultBotCode;
@@ -10,6 +10,10 @@ export function getBotCode() {
   return botCode;
 }
 
+export function hasBotCode(): boolean {
+  return !!localStorage.getItem(BOT_CODE_KEY);
+}
+
 export function saveBotCode(botCode: string) {
   localStorage.setItem(BOT_CODE_KEY, botCode);
 }
diff --git a/web/pw-server/src/routes/index.svelte b/web/pw-server/src/routes/index.svelte
index 055112a..32efe69 100644
--- a/web/pw-server/src/routes/index.svelte
+++ b/web/pw-server/src/routes/index.svelte
@@ -8,7 +8,7 @@
   import type { Ace } from "ace-builds";
   import ace from "ace-builds/src-noconflict/ace?client";
   import * as AcePythonMode from "ace-builds/src-noconflict/mode-python?client";
-  import { getBotCode, saveBotCode } from "$lib/bot_code";
+  import { getBotCode, saveBotCode, hasBotCode } from "$lib/bot_code";
   import { debounce } from "$lib/utils";
   import SubmitPane from "$lib/components/SubmitPane.svelte";
   import OutputPane from "$lib/components/OutputPane.svelte";
@@ -29,6 +29,9 @@
   let editSession: Ace.EditSession;
 
   onMount(() => {
+    if (!hasBotCode()) {
+      viewMode = ViewMode.Rules;
+    }
     init_editor();
   });