use json instead of yaml

Author: mallowigi

src/App.svelte

@@ -1,32 +1,29 @@
 <script>
-  import {onMount} from 'svelte';
-  import yaml from 'js-yaml';
-  // import * as api from './api';
+  import { onMount } from 'svelte';
+
+  import allThemes from './assets/themes.json';
   // import {app} from '../src2/$app';
   // import Panel from '~src/components/Panel.svelte';
   import Loading from '~components/Loading.svelte';
 
   onMount(async _ => {
-    console.log('did');
-  //   $app.loading = true;
-  //   // Just waiting
-  //   await new Promise(resolve => setTimeout(resolve, 1000));
-  //   // Now fetching
-  //   const themesYml = await api.get('themes.yml');
-  //   const allThemes = yaml.load(themesYml);
-  //   const themes = [
-  //     ...allThemes.material,
-  //     ...allThemes.other,
-  //   ];
-  //
-  //   // Load themes
-  //   $app.loadThemes(themes);
-  //   // Get settings from local storage
-  //   await $app.fetchSettings();
-  //   // Add defaults
-  //   $app.loadDefaults();
-  //
-  //   $app.loading = false;
+    //   $app.loading = true;
+    //   // Just waiting
+    //   await new Promise(resolve => setTimeout(resolve, 1000));
+    //   // Now fetching
+    const themes = [
+      ...allThemes.material,
+      ...allThemes.other
+    ];
+    //
+    //   // Load themes
+    //   $app.loadThemes(themes);
+    //   // Get settings from local storage
+    //   await $app.fetchSettings();
+    //   // Add defaults
+    //   $app.loadDefaults();
+    //
+    //   $app.loading = false;
   });
 </script>
 

src/api.ts

@@ -0,0 +1,38 @@
+async function send({ method, path, data = null, token }) {
+  const fetch = window.fetch;
+
+  const opts: RequestInit = { method, headers: {} };
+
+  if (data) {
+    opts.headers['Content-Type'] = 'application/json';
+    opts.body = JSON.stringify(data);
+  }
+
+  if (token) {
+    opts.headers['Authorization'] = `Token ${token}`;
+  }
+
+  let r = await fetch(`${path}`, opts);
+  let json: string = await r.text();
+  try {
+    return JSON.parse(json);
+  } catch (err) {
+    return json;
+  }
+}
+
+export function get(path: string, token: string) {
+  return send({ method: 'GET', path, token });
+}
+
+export function del(path: string, token: string) {
+  return send({ method: 'DELETE', path, token });
+}
+
+export function post(path: string, data: unknown, token: string) {
+  return send({ method: 'POST', path, data, token });
+}
+
+export function put(path: string, data: unknown, token: string) {
+  return send({ method: 'PUT', path, data, token });
+}