From bd8e98d7e24c4dbaee7db6ec7955f7c2f6d396a6 Mon Sep 17 00:00:00 2001
From: Ruben Beltran del Rio <ruben@unlimited.pizza>
Date: Tue, 9 Mar 2021 22:43:12 +0100
Subject: Update to SvelteKit

---
 app/components/author/author.svelte                |  0
 app/components/error_block/error_block.svelte      | 31 ------------
 app/components/footer/footer.svelte                | 47 ------------------
 app/components/forum_list/forum_list.svelte        | 52 --------------------
 app/components/glyph/glyph.svelte                  | 38 ---------------
 app/components/header/header.svelte                | 42 ----------------
 app/components/home/home.svelte                    |  3 --
 app/components/invalid_route/invalid_route.svelte  |  2 -
 .../language_selector/language_selector.svelte     | 28 -----------
 app/components/post/post.svelte                    | 25 ----------
 app/components/topic/topic.svelte                  | 57 ----------------------
 app/components/topic_index/topic_index.svelte      |  8 ---
 12 files changed, 333 deletions(-)
 delete mode 100644 app/components/author/author.svelte
 delete mode 100644 app/components/error_block/error_block.svelte
 delete mode 100644 app/components/footer/footer.svelte
 delete mode 100644 app/components/forum_list/forum_list.svelte
 delete mode 100644 app/components/glyph/glyph.svelte
 delete mode 100644 app/components/header/header.svelte
 delete mode 100644 app/components/home/home.svelte
 delete mode 100644 app/components/invalid_route/invalid_route.svelte
 delete mode 100644 app/components/language_selector/language_selector.svelte
 delete mode 100644 app/components/post/post.svelte
 delete mode 100644 app/components/topic/topic.svelte
 delete mode 100644 app/components/topic_index/topic_index.svelte

(limited to 'app/components')

diff --git a/app/components/author/author.svelte b/app/components/author/author.svelte
deleted file mode 100644
index e69de29..0000000
diff --git a/app/components/error_block/error_block.svelte b/app/components/error_block/error_block.svelte
deleted file mode 100644
index e46afa1..0000000
--- a/app/components/error_block/error_block.svelte
+++ /dev/null
@@ -1,31 +0,0 @@
-<script>
-  import { _ } from 'svelte-i18n';
-  export let message;
-</script>
-
-<div>
-  <h2>{$_('error.generic.title')}</h2>
-  <p>{message || $_('error.generic.message')}</p>
-</div>
-
-<style>
-  div {
-    background: repeating-linear-gradient( -45deg, red, red 5px, black 5px, black 10px );
-    border: 5px solid red;
-    color: yellow;
-    font-family: 'ヒラギノ角ゴ ProN' , 'Hiragino Kaku Gothic ProN' , '游ゴシック' , '游ゴシック体' , YuGothic , 'Yu Gothic' , 'メイリオ' , Meiryo , 'ＭＳ ゴシック' , 'MS Gothic' , HiraKakuProN-W3 , 'TakaoExゴシック' , TakaoExGothic , 'MotoyaLCedar' , 'Droid Sans Japanese' , sans-serif;
-    margin: 0 10px 0 0;
-    padding: 100px 5px;
-    text-align: center;
-  }
-
-  h2, p {
-    background-color: black;
-    font-size: 1em;
-  }
-
-  h2 {
-    text-transform: uppercase;
-  }
-</style>
-
diff --git a/app/components/footer/footer.svelte b/app/components/footer/footer.svelte
deleted file mode 100644
index 2d45cef..0000000
--- a/app/components/footer/footer.svelte
+++ /dev/null
@@ -1,47 +0,0 @@
-<script>
-  import { _ } from 'svelte-i18n';
-
-  import LanguageSelector from '../language_selector/language_selector.svelte';
-
-  const licenseUrl = 'https://gitlab.com/rbdr/forum/';
-</script>
-
-<footer title="Toolbar">
-  <ul>
-    <li>{@html $_('footer.license', { values: { licenseUrl } })}</li>
-    <li>{$_('footer.choose_language')}: <LanguageSelector /></li>
-  </ul>
-</footer>
-
-<style>
-  footer {
-    grid-column: col-start 1 / span 12;
-    border-top: 1px solid black;
-  }
-
-  ul {
-    padding: 0;
-  }
-
-  .action-key {
-    font-weight: bold;
-    text-decoration: underline;
-  }
-
-  li {
-    display: inline;
-    margin: 5px;
-  }
-
-  a {
-    text-decoration: none;
-    line-height: 3em;
-    display: inline-block;
-  }
-
-  strong a {
-    color: blue;
-    text-decoration: underline;
-  }
-
-</style>
diff --git a/app/components/forum_list/forum_list.svelte b/app/components/forum_list/forum_list.svelte
deleted file mode 100644
index 5ce4dc1..0000000
--- a/app/components/forum_list/forum_list.svelte
+++ /dev/null
@@ -1,52 +0,0 @@
-<script>
-  import { _ } from 'svelte-i18n';
-  import { forums } from '../../stores/forums.js';
-  import ErrorBlock from '../error_block/error_block.svelte';
-</script>
-
-<nav title="List of Forums">
-  {#if !$forums.length}
-    <ErrorBlock message={$_('forum_list.error.unavailable')} />
-  {/if}
-  <ul>
-    {#each $forums as forum}
-      <li>
-        <a href="/f/{forum.id}">
-          <span aria-hidden="true" class="navigation-glyph {forum.glyph}">{forum.glyph}</span>
-          <span class="navigation-label">{$_(forum.label)}</span>
-        </a>
-      </li>
-    {/each}
-  </ul>
-</nav>
-
-<style>
-  nav {
-    grid-column: col-start 1;
-    grid-row: 2;
-    border-right: 1px solid black;
-  }
-
-  ul {
-    padding: 0;
-  }
-
-  li {
-    display: block;
-    text-align: left;
-    margin-bottom: 20px;
-  }
-
-  .navigation-glyph {
-    font-size: 1.5rem;
-    display: block;
-  }
-
-  .☽ {
-    font-size: 2rem;
-  }
-
-  a {
-    text-decoration: none;
-  }
-</style>
diff --git a/app/components/glyph/glyph.svelte b/app/components/glyph/glyph.svelte
deleted file mode 100644
index 45a415b..0000000
--- a/app/components/glyph/glyph.svelte
+++ /dev/null
@@ -1,38 +0,0 @@
-<script>
-  import { getGlyphHash } from '../../utils/glyph_hash';
-
-  export let uuid;
-</script>
-
-<div class="glyphicon" aria-hidden="true" title="User avatar.">
-  {#each getGlyphHash(uuid) as fragment}
-    <span class="{fragment.glyph}" style="color: {fragment.color} ">
-      {fragment.glyph}
-    </span>
-  {/each}
-</div>
-
-<style>
-  .glyphicon {
-    border: 1px solid black;
-    display: inline-block;
-    font-size: 1.4rem;
-    height: 48px;
-    margin-top: 5px;
-    width: 48px;
-  }
-
-  span {
-    display: block;
-    float: left;
-    width: 24px;
-    height: 24px;
-    text-align: center;
-    line-height: 24px;
-  }
-
-  .☽ {
-    font-size: 2rem;
-    line-height: 19px;
-  }
-</style>
diff --git a/app/components/header/header.svelte b/app/components/header/header.svelte
deleted file mode 100644
index edcbc79..0000000
--- a/app/components/header/header.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-<header title="Toolbar">
-  <ul>
-    <li><strong><a href="/" aria-label="Forum Version 1.0.0">Forum v1.0.0</a></strong></li>
-    <li><a href="/new" aria-label="New"><u class="action-key">N</u>ew</a></li>
-    <li><a href="/reply" aria-label="Reply"><u class="action-key">R</u>eply</a></li>
-    <li><a href="/search" aria-label="Search"><u class="action-key">S</u>earch</a></li>
-    <li><a href="/logout" aria-label="Log Out">Log <u class="action-key">O</u>ut</a></li>
-  </ul>
-</header>
-
-<style>
-  header {
-    grid-column: col-start 1 / span 12;
-    border-bottom: 1px solid black;
-  }
-
-  ul {
-    padding: 0;
-  }
-
-  .action-key {
-    font-weight: bold;
-    text-decoration: underline;
-  }
-
-  li {
-    display: inline;
-    margin: 5px;
-  }
-
-  a {
-    text-decoration: none;
-    line-height: 3em;
-    display: inline-block;
-  }
-
-  strong a {
-    color: blue;
-    text-decoration: underline;
-  }
-
-</style>
diff --git a/app/components/home/home.svelte b/app/components/home/home.svelte
deleted file mode 100644
index 280bb5d..0000000
--- a/app/components/home/home.svelte
+++ /dev/null
@@ -1,3 +0,0 @@
-<h1>Welcome.</h1>
-<p>You are now in a forum. Select a category from the left or input a
- valid URL.</p>
diff --git a/app/components/invalid_route/invalid_route.svelte b/app/components/invalid_route/invalid_route.svelte
deleted file mode 100644
index 32225f1..0000000
--- a/app/components/invalid_route/invalid_route.svelte
+++ /dev/null
@@ -1,2 +0,0 @@
-<h1> This is not right. </h1>
-<p>This URL is not valid. Try again.</p>
diff --git a/app/components/language_selector/language_selector.svelte b/app/components/language_selector/language_selector.svelte
deleted file mode 100644
index 67c0814..0000000
--- a/app/components/language_selector/language_selector.svelte
+++ /dev/null
@@ -1,28 +0,0 @@
-<script>
-  import { locale, locales } from 'svelte-i18n';
-  import { getLangNameFromCode } from 'language-name-map';
-
-  $: namedLocales = $locales
-    .map((locale) => ({
-      code: locale,
-      ...getLangNameFromCode(locale)
-    }))
-    .sort((a, b) => a.native - b.native);
-
-  let selected = $locale;
-
-  $: {
-    console.log(`the current locale is ${selected}`);
-    locale.set(selected);
-  }
-</script>
-
-<select bind:value={selected}>
-  {#each namedLocales as namedLocale}
-    <option value="{ namedLocale.code }">{ namedLocale.native }</option>
-  {/each}
-</select>
-
-<style>
-</style>
-
diff --git a/app/components/post/post.svelte b/app/components/post/post.svelte
deleted file mode 100644
index fad7628..0000000
--- a/app/components/post/post.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-<script>
-  import Glyph from '../glyph/glyph.svelte';
-</script>
-
-<aside class="post-meta" title="Post 2 of 2 metadata">
-  <Glyph uuid="b33f0339f7d64d1ca27f1c0aefb7d753" />
-  <span class="h-card">
-    By: <a href="/a/time4carrots" class="p-nickname u-url">time4carrots</a>.
-  </span>
-  <time role="presentation" class="dt-published" datetime="2018-08-15T04:10:00.929Z">
-    <a href="/p/da9910f3febde91948000ce1535ea">
-      2018-08-15 04:10:00
-    </a>
-  </time>
-</aside>
-<article class="e-content" title="Post 2 of 2 by time4carrots">
-  <p>It's just how it is...</p>
-</article>
-<hr/>
-
-<style>
-  .post-meta > * {
-    vertical-align: top;
-  }
-</style>
diff --git a/app/components/topic/topic.svelte b/app/components/topic/topic.svelte
deleted file mode 100644
index 4a55930..0000000
--- a/app/components/topic/topic.svelte
+++ /dev/null
@@ -1,57 +0,0 @@
-<script>
-  import Glyph from '../glyph/glyph.svelte';
-</script>
-
-<div class="h-entry" title="Topic">
-  <h1 class="p-name">This is a post in the forum.</h1>
-  <aside class="topic-meta" title="Topic metadata">
-    <span class="topic-location">Posted on <a href="/f/interaction"
-        class="p-category">Interaction</a>.</span>
-    <span class="topic-ttl"><a class="u-url u-uid" title="Permalink to topic" href="/t/2a3fc567af8c897ca6f55fb5fj">3 days remaining</a>.</span>
-  </aside>
-  <aside class="topic-tags" title="Topic Tags">
-    Tags:
-    <a href="/g/question" class="p-category">question<span class="tag-weight">(5)</span></a>
-    <a href="/g/meta" class="p-category">meta<span class="tag-weight">(34)</span></a>
-    <a href="/g/carrots" class="p-category">carrots<span class="tag-weight">(1)</span></a>
-    <a href="/g/tpbo" class="p-category">tpbo<span class="tag-weight">(2)</span></a>
-  </aside>
-  <aside class="post-meta" title="Post 1 of 2 metadata">
-    <Glyph uuid="3cd8c84e18144a2da71f6bace9392abc" />
-    <span class="h-card">
-      By: <a href="/a/rbdr" class="p-nickname u-url">rbdr</a>.
-    </span>
-    <time role="presentation" class="dt-published" datetime="2018-08-14T03:32:10.929Z">
-      <a title="Permalink to post" href="/p/a80c70ea0120387123097ce1907ff">
-        2018-08-14 03:32:10
-      </a>
-    </time>
-  </aside>
-  <article class="e-content" title="Post 1 of 2 by rbdr">
-    <p>This is a main topic in the forum. Does that abstraction still even make sense?</p>
-    <p>Is this really it??</p>
-    <p>This might all be fake but at least the links look purple when visited</p>
-  </article>
-  <hr/>
-  <aside class="post-meta" title="Post 2 of 2 metadata">
-    <Glyph uuid="b33f0339f7d64d1ca27f1c0aefb7d753" />
-    <span class="h-card">
-      By: <a href="/a/time4carrots" class="p-nickname u-url">time4carrots</a>.
-    </span>
-    <time role="presentation" class="dt-published" datetime="2018-08-15T04:10:00.929Z">
-      <a href="/p/da9910f3febde91948000ce1535ea">
-        2018-08-15 04:10:00
-      </a>
-    </time>
-  </aside>
-  <article class="e-content" title="Post 2 of 2 by time4carrots">
-    <p>It's just how it is...</p>
-  </article>
-  <hr/>
-</div>
-
-<style>
-  .post-meta > * {
-    vertical-align: top;
-  }
-</style>
diff --git a/app/components/topic_index/topic_index.svelte b/app/components/topic_index/topic_index.svelte
deleted file mode 100644
index 3de83bb..0000000
--- a/app/components/topic_index/topic_index.svelte
+++ /dev/null
@@ -1,8 +0,0 @@
-<script>
-  export let params;
-  import ErrorBlock from '../error_block/error_block.svelte';
-</script>
-
-<ErrorBlock />
-<h1>Topic Index.</h1>
-<p>This component lists topics for category or tag with id: {params.id}</p>
-- 
cgit