update

src/composables/code.ts

@@ -1,6 +1,6 @@
-import { ref } from "vue"
+import { computed, ref, watch } from "vue"
 import copyTextToClipboard from "copy-text-to-clipboard"
-import { Code, LANGUAGE, Cache } from "../types"
+import { Code, LANGUAGE, Cache, Status } from "../types"
 import { sources } from "../templates"
 import { submit } from "../api"
 import { useStorage } from "@vueuse/core"
@@ -10,11 +10,10 @@ const defaultLanguage = "python"
 const cache: Cache = {
   language: useStorage<LANGUAGE>("code_language", defaultLanguage),
   input: useStorage("code_input", ""),
+  fontsize: useStorage("fontsize", 24),
   code: {
     python: useStorage("code_python", sources["python"]),
     c: useStorage("code_c", sources["c"]),
-    java: useStorage("code_java", sources["java"]),
-    cpp: useStorage("code_cpp", sources["cpp"]),
   },
 }
 
@@ -25,35 +24,58 @@ export const code = ref<Code>({
 export const input = ref(cache.input.value)
 export const output = ref("")
 export const loading = ref(false)
+export const size = ref(24)
+export const status = ref(Status.NotStarted)
+
+export const showStatus = computed(
+  () => ![Status.Accepted, Status.NotStarted].includes(status.value),
+)
+
+watch(size, (value: number) => {
+  cache.fontsize.value = value
+})
+
+watch(
+  () => code.value.language,
+  (value: LANGUAGE) => {
+    cache.language.value = value
+    code.value.value = cache.code[value].value
+    output.value = ""
+  },
+)
+
+watch(
+  () => code.value.value,
+  (value: string) => {
+    cache.code[code.value.language].value = value
+  },
+)
+
+watch(input, (value: string) => {
+  cache.input.value = value
+})
 
 export function init() {
   code.value.language = cache.language.value
   code.value.value = cache.code[code.value.language].value
   input.value = cache.input.value
+  size.value = cache.fontsize.value
+  status.value = Status.NotStarted
 }
 
 export function copy() {
   copyTextToClipboard(code.value.value)
 }
 
+export function clearInput() {
+  input.value = ""
+}
+
 export function reset() {
   code.value.value = sources[code.value.language]
   cache.code[code.value.language].value = sources[code.value.language]
   output.value = ""
-}
-
-export function changeLanguage(language: LANGUAGE) {
-  cache.language.value = language
-  code.value.value = cache.code[language].value
-  output.value = ""
-}
-
-export function changeCode(value: string) {
-  cache.code[code.value.language].value = value
-}
-
-export function changeInput(value: string) {
-  cache.input.value = value
+  status.value = Status.NotStarted
 }
 
 export async function run() {
@@ -66,5 +88,6 @@ export async function run() {
     input.value.trim(),
   )
   output.value = result.output || ""
+  status.value = result.status
   loading.value = false
 }