add ability to manually reset logs, remove dead code from create character scene

Author: AlexTaber

src/credits/FakeCreditsScene.vue

@@ -13,6 +13,8 @@ const store = useEntityStore("Console", {
   characterIndex: -1,
 });
 
+export const resetLogs = () => store.patch({ entities: [] });
+
 export function useConsoleStore() {
   const {
     active: activeScene,
@@ -34,7 +36,7 @@ export function useConsoleStore() {
 
     if (activeScene.value) {
       activeScene.value.emit("init");
-      store.patch({ entities: [] });
+      resetLogs();
       onNextLog();
     }
   }
@@ -55,6 +57,7 @@ export function useConsoleStore() {
   }
 
   function setNextLog(log: SceneLog) {
+    log.component.emit?.("init");
     store.add({ ...log, textItems: log.type === "log" ? [] : undefined });
     store.setActive(log.id);
 

src/engine/console/Console.store.ts

@@ -6,5 +6,9 @@ import { useLog } from '../log/use-log';
 
 defineProps(logProps);
 
+defineEmits<{
+  (e: "init"): void,
+}>();
+
 useLog({ color: "info" });
 </script>

src/engine/scenes/scene/input-label/SceneInputLabel.vue

@@ -11,6 +11,7 @@ const props = withDefaults(defineProps<{
 }>(), { condition: undefined });
 
 const emit = defineEmits<{
+  (e: "init"): void;
   (e: "submit", v: string): void;
 }>();
 

src/engine/scenes/scene/input/SceneInput.vue

@@ -6,5 +6,9 @@ import { useLog } from '../log/use-log';
 
 defineProps(logProps);
 
+defineEmits<{
+  (e: "init"): void,
+}>();
+
 useLog();
 </script>

src/engine/scenes/scene/log/SceneLog.vue

@@ -12,6 +12,7 @@ const props = withDefaults(defineProps<{
 }>(), { condition: undefined });
 
 const emit = defineEmits<{
+  (e: "init"): void;
   (e: "submit", v: string): void;
 }>();
 

src/engine/scenes/scene/select/SceneSelect.vue

@@ -15,7 +15,10 @@ export interface SceneLog {
   type: SceneLogType;
   component: {
     slot?: Slot,
-    emit?: (e: "submit", v: string) => void,
+    emit?: {
+      (e: "init"): void;
+      (e: "submit", v: string): void;
+    }
     props: any,
   },
   textItems?: SceneText[];

src/engine/scenes/state/scene.model.ts

@@ -5,8 +5,6 @@
     <Office />
 
     <CreditsScene />
-
-    <FakeCreditsScene />
   </Engine>
 </template>
 
@@ -15,7 +13,6 @@ import Engine from "../engine/Engine.vue";
 import Prologue from "../prologue/Prologue.vue";
 import Office from "../office/Office.vue";
 import CreditsScene from "../credits/CreditsScene.vue";
-import FakeCreditsScene from "../credits/FakeCreditsScene.vue";
 </script>
 
 <style>

src/game/Game.vue

@@ -1,69 +1,5 @@
 <template>
   <Scene name="createCharacter" @finish="setActive('intro')">
-    <template v-if="incorrectAccusation">
-      <SceneLog>
-        Well, well, if it isn't our hero detective!
-      </SceneLog>
-
-      <SceneLog>
-        What's wrong? Feeling a bit <SceneText :bounce="true" color="danger">awful</SceneText> about what happened to {{ incorrectAccusation}}?
-      </SceneLog>
-
-      <SceneLog>
-        Why? Surely, with your unrivaled powers of deduction, you would have solved the case the first time.
-      </SceneLog>
-
-      <SceneInputLabel>
-        You're not having second thoughts, are you?
-      </SceneInputLabel>
-
-      <SceneSelect @submit="secondThoughtsValue = $event">
-        <SceneSelectOption value="yes">
-          Maybe...
-        </SceneSelectOption>
-
-        <SceneSelectOption value="no">
-          What? No, of course not! {{ incorrectAccusation }} was a menace who needed to be stopped!
-        </SceneSelectOption>
-      </SceneSelect>
-
-      <SceneLog :condition="secondThoughtsValue === 'no'">
-        Ok good! Back to the credits with you!
-      </SceneLog>
-
-      <SceneInputLabel>
-        Press 'Enter' to Continue...
-      </SceneInputLabel>
-
-      <SceneInput hide @submit="setActive('fakeCredits')" />
-
-      <SceneLog>
-        Oh dear. How dreadful. Poor {{ incorrectAccusation }}, fired for no good reason.
-      </SceneLog>
-
-      <SceneLog>
-        This is <SceneText color="danger">your</SceneText> fault.
-      </SceneLog>
-
-      <SceneLog>
-        Oh well. Hope you're prepared to stomach this miscarriage of justice for the rest of your life!
-      </SceneLog>
-
-      <SceneLog>
-        Unless... there were a way to reset time? To go back to before your recklessly accussed {{ incorrectAccusation }} and got them fired.
-      </SceneLog>
-
-      <SceneLog>
-        Fortunately for you, <SceneText size="large">I</SceneText> possess this power.
-      </SceneLog>
-
-      <SceneInputLabel>
-        Press 'Enter' to... reset time?
-      </SceneInputLabel>
-
-      <SceneInput hide @submit="onResetTime" />
-    </template>
-
     <SceneInputLabel id="nameLabel">
       What is your name?
     </SceneInputLabel>
@@ -127,7 +63,7 @@ import indefinite from "indefinite";
 
 const { setActive } = useScenesStore();
 
-const { playerName, incorrectAccusation } = useGameStore();
+const { playerName } = useGameStore();
 
 const jobs = [
   engineer,
@@ -144,14 +80,8 @@ const skills: { name: string, key: keyof Job }[] = [
 ];
 
 const selectedJob = ref<Job | undefined>(undefined);
-const secondThoughtsValue = ref("");
 
 const onJobSelect = (name: string) => {
   selectedJob.value = jobs.find(j => j.name === name);
 }
-
-const onResetTime = () => {
-  incorrectAccusation.value = undefined;
-  setActive('arrival');
-}
 </script>

src/prologue/create-character/CreateCharacterScene.vue

@@ -34,7 +34,31 @@
       Press 'Enter' to Continue...
     </SceneInputLabel>
 
-    <SceneInput :condition="secondThoughtsValue === 'no'" hide @submit="setActive('fakeCredits')" />
+    <SceneInput :condition="secondThoughtsValue === 'no'" hide />
+
+    <SceneLog @init="resetLogs" :condition="secondThoughtsValue === 'no'" size="large" :margin="{ bottom: 'large' }">
+      Night of a THOUSA...
+    </SceneLog>
+
+    <SceneSelect :condition="secondThoughtsValue === 'no'">
+      <SceneSelectOption value="wait">
+        Wait!
+      </SceneSelectOption>
+    </SceneSelect>
+
+    <SceneLog :condition="secondThoughtsValue === 'no'">
+      What?!
+    </SceneLog>
+
+    <SceneSelect :condition="secondThoughtsValue === 'no'">
+      <SceneSelectOption value="wait">
+        OK fine, maybe I'm not sure it was {{ incorrectAccusation }}
+      </SceneSelectOption>
+    </SceneSelect>
+
+    <SceneLog :condition="secondThoughtsValue === 'no'" color="danger" size="large" :bounce="true">
+      REALLY?!
+    </SceneLog>
 
     <SceneLog>
       Oh dear. How dreadful. Poor {{ incorrectAccusation }}, fired for no good reason.
@@ -75,6 +99,7 @@ import SceneSelect from '../../engine/scenes/scene/select/SceneSelect.vue';
 import SceneSelectOption from '../../engine/scenes/scene/select/option/SceneSelectOption.vue';
 import SceneInput from '../../engine/scenes/scene/input/SceneInput.vue';
 import SceneText from '../../engine/scenes/scene/text/SceneText.vue';
+import { resetLogs } from '../../engine/console/Console.store';
 
 const { setActive } = useScenesStore();