+
+
+
+
+ ${
+ this.#isLoading.truthy(
+ html`
+
+ `);
+}
diff --git a/src/public/js/components/ArticleMeta.ts b/src/public/js/components/ArticleMeta.ts
new file mode 100644
index 0000000000..5fd86ec4a7
--- /dev/null
+++ b/src/public/js/components/ArticleMeta.ts
@@ -0,0 +1,102 @@
+import { Component, computed, html, TReactiveProperties } from "./deps.ts";
+import {
+ Article,
+ authUser,
+ isAuthenticated,
+ toggleArticleFavorite,
+} from "../state.ts";
+import { ArticleActions } from "./ArticleActions.ts";
+
+export interface ArticleMeta {
+ article: TReactivePropertiesLoading articles...
+ `, + html` + ${ + computed(() => { + if (!this.#articles.value.length) { + return html` ++ No articles are here... yet. +
`; + } + return html` + ${ + this.#articles.value.map((article) => + html` + <${ArticlePreview} + prop:article=${article} + /> + ` + ) + } + `; + }) + } + + <${Pagination} prop:pages=${this.#pages} prop:currentPage=${this.#currentPage} /> + `, + ) + } +
+
+ 
+
+
+ `);
+}
diff --git a/src/public/js/components/ArticlePreview.ts b/src/public/js/components/ArticlePreview.ts
new file mode 100644
index 0000000000..076371ec51
--- /dev/null
+++ b/src/public/js/components/ArticlePreview.ts
@@ -0,0 +1,21 @@
+import { Component, html, TReactiveProperties } from "./deps.ts";
+import { ArticleMeta } from "./ArticleMeta.ts";
+import { TagList } from "./TagList.ts";
+import { Article } from "../state.ts";
+
+export interface ArticlePreview {
+ article: TReactiveProperties
+
+ ${this.authorUsername}
+
+ ${this.articleCreatedAt()}
+
+ ${
+ computed(() => {
+ if (this.actions) {
+ return html`
+ <${ArticleActions}
+ prop:article=${this.article}
+ prop:canModify=${this.isCurrentUser()}
+ />
+ `;
+ }
+ return html`
+ `;
+ })
+ }
+
+ <${ArticleMeta} prop:article=${this.article} />
+
+
+ `);
+}
diff --git a/src/public/js/components/Comment.ts b/src/public/js/components/Comment.ts
new file mode 100644
index 0000000000..9a47637360
--- /dev/null
+++ b/src/public/js/components/Comment.ts
@@ -0,0 +1,62 @@
+import { Component, computed, html, TReactiveProperties } from "./deps.ts";
+import {
+ authUser,
+ Comment as TComment,
+ deleteComment,
+ Eventbus,
+} from "../state.ts";
+
+export interface Comment {
+ id: string;
+ comment: TReactiveProperties${this.article.title}
+${this.article.description}
+ Read more... + <${TagList} prop:tags=${this.article.tags} /> + +
+
+ `);
+}
diff --git a/src/public/js/components/CommentEditor.ts b/src/public/js/components/CommentEditor.ts
new file mode 100644
index 0000000000..0b07d7bb4a
--- /dev/null
+++ b/src/public/js/components/CommentEditor.ts
@@ -0,0 +1,54 @@
+import { Component, html, reactive } from "./deps.ts";
+import { createArticleComment, Eventbus } from "../state.ts";
+import { ListErrors } from "./ListErrors.ts";
+
+export interface CommentEditor {
+ id: string;
+ content?: string;
+ userImage?: string;
+}
+export class CommentEditor extends Component {
+ #comment = reactive(this.content || null);
+
+ #errors = reactive<{
+ [key: string]: string[];
+ }>({});
+
+ async #onSubmit() {
+ const comment = this.#comment.value ?? "";
+ const id = Number(this.id);
+ const res = await createArticleComment({
+ id,
+ comment,
+ });
+ if (res.errors) {
+ this.#errors = reactive(res.errors);
+ return;
+ }
+ this.#comment.value = "";
+ this.#errors = reactive({});
+ Eventbus.emit("comment:created", res.comment);
+ }
+
+ override template = this.html(html`
+
+
+ ${this.comment.body}
+
+
+ ![]()
+
+
+ ${this.comment.author_username}
+
+ ${
+ this.date(this.comment.created_at.value)
+ }
+ ${
+ this.#isCurrentUser.truthy(html`
+
+ `)
+ }
+
+
+ <${ListErrors} prop:errors=${this.#errors} />
+
+
+ `);
+}
diff --git a/src/public/js/components/Footer.ts b/src/public/js/components/Footer.ts
new file mode 100644
index 0000000000..dbfc2c128f
--- /dev/null
+++ b/src/public/js/components/Footer.ts
@@ -0,0 +1,18 @@
+import { Component, html } from "./deps.ts";
+export class Footer extends Component {
+ override template = this.html(html`
+
+ `);
+}
diff --git a/src/public/js/components/Header.ts b/src/public/js/components/Header.ts
new file mode 100644
index 0000000000..af34d2f2eb
--- /dev/null
+++ b/src/public/js/components/Header.ts
@@ -0,0 +1,93 @@
+import { classNames, Component, html } from "./deps.ts";
+import { authUser, isAuthenticated } from "../state.ts";
+
+export class Header extends Component {
+ #uri = window.location.pathname;
+
+ #getClassName(uri: string) {
+ return classNames({
+ "nav-link": true,
+ "active": this.#uri === uri,
+ });
+ }
+ override template = this.html(html`
+
+ `);
+}
diff --git a/src/public/js/components/ListErrors.ts b/src/public/js/components/ListErrors.ts
new file mode 100644
index 0000000000..2f047f8c3e
--- /dev/null
+++ b/src/public/js/components/ListErrors.ts
@@ -0,0 +1,29 @@
+import { Component, html } from "./deps.ts";
+
+export interface ListErrors {
+ errors?: {
+ [key: string]: string[];
+ };
+}
+export class ListErrors extends Component {
+ override template = this.html(html`
+ -
+ ${
+ Object.entries(this.errors ?? {}).map(([key, value]) =>
+ html`
+
- + ${key} + ${ + value.map((err) => + html` + ${err} + ` + ) + } + + ` + ) + } +
+
+ `);
+}
diff --git a/src/public/js/components/Pagination.ts b/src/public/js/components/Pagination.ts
new file mode 100644
index 0000000000..ac825d1d4b
--- /dev/null
+++ b/src/public/js/components/Pagination.ts
@@ -0,0 +1,37 @@
+import { Component, html, ReactiveArray } from "./deps.ts";
+
+export interface Pagination {
+ pages: ReactiveArrayPage Not Found
+-
+ ${
+ this.pages.map((page) =>
+ html`
+
- this.changePage(page)} + > + + ${page} + + + ` + ) + } +
+
+ this.#onKeydown(e)} prop:value=${this.#value} />
+ ${
+ this.tags.map((tag, i) =>
+ html`
+
+ `);
+}
diff --git a/src/public/js/components/TagList.ts b/src/public/js/components/TagList.ts
new file mode 100644
index 0000000000..620b04ab11
--- /dev/null
+++ b/src/public/js/components/TagList.ts
@@ -0,0 +1,32 @@
+import { Component, computed, html, reactive } from "./deps.ts";
+
+export interface TagList {
+ tags: string[];
+}
+export class TagList extends Component {
+ #tags = reactive(this.tags);
+
+ override template = this.html(html`
+ ${
+ computed(() => {
+ if (!this.#tags.value.length) {
+ return;
+ }
+ return html`
+
+ `;
+ })
+ }
+ `);
+}
diff --git a/src/public/js/components/deps.ts b/src/public/js/components/deps.ts
new file mode 100644
index 0000000000..e33c8add32
--- /dev/null
+++ b/src/public/js/components/deps.ts
@@ -0,0 +1,41 @@
+export {
+ classNames,
+ computed,
+ css,
+ HashRouter,
+ reactive,
+ ReactiveArray,
+ ReactiveValue,
+ ReadonlyReactiveValue,
+ Ref,
+ register,
+ Router,
+} from "https://raw.githubusercontent.com/ebebbington/destiny/v0.4.2/src/mod.ts";
+export type { TReactiveProperties } from "https://raw.githubusercontent.com/ebebbington/destiny/v0.4.2/src/mod.ts";
+import {
+ Component as C,
+ html,
+ TemplateResult,
+} from "https://raw.githubusercontent.com/ebebbington/destiny/v0.4.2/src/mod.ts";
+export class Component extends C {
+ protected html(input: TemplateResult) {
+ return html`
+
+
+
+
+
+ ${input}
+ `;
+ }
+
+ protected date(value: string) {
+ return (new Date(value)).toLocaleDateString("en-US");
+ }
+}
+
+export { html };
+import swal from "https://cdn.skypack.dev/sweetalert@2.1.2";
+export { swal };
+export { marked } from "https://cdn.skypack.dev/marked@4.0.16";
diff --git a/src/public/js/components/pages/Article.ts b/src/public/js/components/pages/Article.ts
new file mode 100644
index 0000000000..48c851215a
--- /dev/null
+++ b/src/public/js/components/pages/Article.ts
@@ -0,0 +1,132 @@
+import { Component, computed, html, marked, reactive } from "../deps.ts";
+import {
+ authUser,
+ Comment as TComment,
+ defaultArticle,
+ Eventbus,
+ fetchArticle,
+ fetchArticleComments,
+ isAuthenticated,
+ updateReactiveObject,
+} from "../../state.ts";
+import { ArticleMeta } from "../ArticleMeta.ts";
+import { Tag } from "../Tag.ts";
+import { CommentEditor } from "../CommentEditor.ts";
+import { Comment } from "../Comment.ts";
+
+export interface Article {
+ pathParams: {
+ id: number;
+ };
+}
+export class Article extends Component {
+ #id = Number(this.pathParams.id);
+
+ #loading = reactive(true);
+
+ #article = reactive(defaultArticle);
+
+ #comments = reactive
+ ${tag}
+
+ `
+ )
+ }
+
+ this.deleteTag(i.value)}>
+ x
+
+ Loading article...
+ `); + } + return this.html(html` +
+
+
+ `);
+ });
+}
diff --git a/src/public/js/components/pages/ArticleEdit.ts b/src/public/js/components/pages/ArticleEdit.ts
new file mode 100644
index 0000000000..741f134c3f
--- /dev/null
+++ b/src/public/js/components/pages/ArticleEdit.ts
@@ -0,0 +1,133 @@
+import {
+ Component,
+ computed,
+ html,
+ reactive,
+ ReactiveValue,
+ swal,
+ TReactiveProperties,
+} from "../deps.ts";
+import { ListErrors } from "../ListErrors.ts";
+import { TagInput } from "../TagInput.ts";
+import {
+ Article,
+ createArticle,
+ defaultArticle,
+ fetchArticle,
+ updateArticle,
+ updateReactiveObject,
+} from "../../state.ts";
+
+export interface ArticleEdit {
+ pathParams: {
+ id?: number;
+ };
+}
+export class ArticleEdit extends Component {
+ #article: TReactiveProperties
+
+
+
+
+ +
+ <${ArticleMeta} prop:article=${this.#article} prop:actions=${true} />
+
+
+
+
+ ${
+ isAuthenticated.truthy(
+ html`
+ <${CommentEditor}
+ prop:id=${this.#id}
+ prop:userImage=${authUser.image.value}
+ />
+ `,
+ html`
+
+ + Sign in + or + sign up + to add comments on this article. +
`, + ) + } + ${ + this.#comments.map((comment, i) => + html` + <${Comment} + prop:id=${this.#id} + prop:index=${i.value} + prop:comment=${comment} + /> + + ` + ) + } +Loading...
+ `); + } + return this.html(html` +
+
+ `);
+ });
+}
diff --git a/src/public/js/components/pages/Home.ts b/src/public/js/components/pages/Home.ts
new file mode 100644
index 0000000000..1f53cd041e
--- /dev/null
+++ b/src/public/js/components/pages/Home.ts
@@ -0,0 +1,109 @@
+import { classNames, Component, computed, html, reactive } from "../deps.ts";
+import { fetchTags, isAuthenticated } from "../../state.ts";
+import { Global } from "./Home/Global.ts";
+import { Tag } from "../Tag.ts";
+import { Tag as TagPage } from "./Home/Tag.ts";
+import { MyFeed } from "./Home/MyFeed.ts";
+
+export interface Home {
+ pathParams: {
+ tag?: string;
+ };
+}
+export class Home extends Component {
+ #tags = reactive
+
+
+
+
+ <${ListErrors} prop:errors=${this.#errors.value} />
+
+
+
+
+
+ `);
+}
diff --git a/src/public/js/components/pages/Home/Global.ts b/src/public/js/components/pages/Home/Global.ts
new file mode 100644
index 0000000000..d4d1492771
--- /dev/null
+++ b/src/public/js/components/pages/Home/Global.ts
@@ -0,0 +1,10 @@
+import { Component, html } from "../../deps.ts";
+import { ArticleList } from "../../ArticleList.ts";
+
+export class Global extends Component {
+ override template = this.html(html`
+
+
+
+
+
+
+
+
+
+ ${
+ computed(() => {
+ if (window.location.pathname === "/my-feed") {
+ return html`<${MyFeed} />`;
+ }
+ if (window.location.pathname === `/tag/${this.pathParams.tag}`) {
+ return html`<${TagPage} prop:pathParams=${{
+ tag: this.pathParams.tag,
+ }} />`;
+ }
+ return html`<${Global} />`;
+ })
+ }
+
+
+
+
+ <${ArticleList} prop:type="all" />
+
+ `);
+}
diff --git a/src/public/js/components/pages/Home/MyFeed.ts b/src/public/js/components/pages/Home/MyFeed.ts
new file mode 100644
index 0000000000..413ed10e45
--- /dev/null
+++ b/src/public/js/components/pages/Home/MyFeed.ts
@@ -0,0 +1,10 @@
+import { Component, html } from "../../deps.ts";
+import { ArticleList } from "../../ArticleList.ts";
+
+export class MyFeed extends Component {
+ override template = this.html(html`
+
+ <${ArticleList} prop:type=${"feed"} />
+
+ `);
+}
diff --git a/src/public/js/components/pages/Home/Tag.ts b/src/public/js/components/pages/Home/Tag.ts
new file mode 100644
index 0000000000..682835c9c0
--- /dev/null
+++ b/src/public/js/components/pages/Home/Tag.ts
@@ -0,0 +1,5 @@
+import { Component, html } from "../../deps.ts";
+
+export class Tag extends Component {
+ override template = this.html(html``);
+}
diff --git a/src/public/js/components/pages/Login.ts b/src/public/js/components/pages/Login.ts
new file mode 100644
index 0000000000..a669e82cda
--- /dev/null
+++ b/src/public/js/components/pages/Login.ts
@@ -0,0 +1,105 @@
+import {
+ classNames,
+ Component,
+ computed,
+ css,
+ html,
+ reactive,
+ swal,
+} from "../deps.ts";
+import { logIn } from "../../state.ts";
+
+export class Login extends Component {
+ #errors = reactive
+
+ `);
+}
diff --git a/src/public/js/components/pages/Profile.ts b/src/public/js/components/pages/Profile.ts
new file mode 100644
index 0000000000..edda313812
--- /dev/null
+++ b/src/public/js/components/pages/Profile.ts
@@ -0,0 +1,160 @@
+import { classNames, Component, HashRouter, html, reactive } from "../deps.ts";
+import {
+ authUser,
+ fetchProfile,
+ isAuthenticated,
+ updateReactiveObject,
+ User,
+ userDefault,
+} from "../../state.ts";
+import { Articles } from "./Profile/Articles.ts";
+import { Favorited } from "./Profile/Favorited.ts";
+
+export interface Profile {
+ pathParams: {
+ username: string;
+ };
+}
+export class Profile extends Component {
+ #profile = reactive
+
+
+
+
+
+ Sign in
+ +-
+ ${
+ computed(() => this.#errors.value.map((v) => html`
- ${v} `)) + } +
Loading...
+ `, + html` +
+
+ `,
+ )
+ }`);
+}
diff --git a/src/public/js/components/pages/Profile/Articles.ts b/src/public/js/components/pages/Profile/Articles.ts
new file mode 100644
index 0000000000..04bce7a7c3
--- /dev/null
+++ b/src/public/js/components/pages/Profile/Articles.ts
@@ -0,0 +1,13 @@
+import { Component, html } from "../../deps.ts";
+import { ArticleList } from "../../ArticleList.ts";
+
+export interface Articles {
+ username: string;
+}
+export class Articles extends Component {
+ override template = this.html(html`
+
+
+
+
+
+
+
+
+ 
+
+ ${this.#profile.username}hh
+${this.#profile.bio}
+ ${ + this.#isCurrentUser() + ? html` + + ` + : html` +
+ ${
+ this.#profile.following.truthy(
+ html`
+
+ `,
+ html`
+
+ `,
+ )
+ }
+
`
+ }
+
+
+
+
+
+
+
+
+
+ <${HashRouter} prop:routes=${this.#pages} />
+
+ <${ArticleList} prop:author=${this.username} prop:items-per-page=${5} />
+
+ `);
+}
diff --git a/src/public/js/components/pages/Profile/Favorited.ts b/src/public/js/components/pages/Profile/Favorited.ts
new file mode 100644
index 0000000000..b7b9a6443a
--- /dev/null
+++ b/src/public/js/components/pages/Profile/Favorited.ts
@@ -0,0 +1,13 @@
+import { Component, html } from "../../deps.ts";
+import { ArticleList } from "../../ArticleList.ts";
+
+export interface Favorited {
+ username: string;
+}
+export class Favorited extends Component {
+ override template = this.html(html`
+
+ <${ArticleList} prop:favorited=${this.username} prop:items-per-page=${5} />
+
+ `);
+}
diff --git a/src/public/js/components/pages/Register.ts b/src/public/js/components/pages/Register.ts
new file mode 100644
index 0000000000..f6c7bcc945
--- /dev/null
+++ b/src/public/js/components/pages/Register.ts
@@ -0,0 +1,122 @@
+import {
+ classNames,
+ Component,
+ computed,
+ html,
+ reactive,
+ swal,
+} from "../deps.ts";
+import { register } from "../../state.ts";
+
+export class Register extends Component {
+ #errors = reactive
+
+ `);
+}
diff --git a/src/public/js/components/pages/Settings.ts b/src/public/js/components/pages/Settings.ts
new file mode 100644
index 0000000000..d87a281825
--- /dev/null
+++ b/src/public/js/components/pages/Settings.ts
@@ -0,0 +1,104 @@
+import { Component, html, reactive, swal } from "../deps.ts";
+import { authUser, logOut, updateUser } from "../../state.ts";
+
+export class Settings extends Component {
+ #authUser = reactive(authUser);
+
+ connectedCallback() {
+ }
+
+ async #logout() {
+ await logOut();
+ window.location.href = "/";
+ }
+
+ async #updateSettings() {
+ swal({
+ text: "Updating your information... Please wait...",
+ timer: 500,
+ buttons: false,
+ });
+ const response = await updateUser(this.#authUser);
+ if (response.user) {
+ return swal({
+ title: "Update successful!",
+ icon: "success",
+ });
+ }
+ let error = "";
+ for (const key in response.errors) {
+ error += `${response.errors[key]} `;
+ }
+ swal({
+ title: "Update failed!",
+ text: error,
+ icon: "error",
+ });
+ }
+
+ override template = this.html(html`
+
+
+
+
+
+
+ Sign up
+ + ${ + this.#errors.value.length + ? html` +-
+ ${
+ computed(() => this.#errors.value.map((v) => html`
- ${v} `)) + } +
+
+ `);
+}
diff --git a/src/public/js/state.ts b/src/public/js/state.ts
new file mode 100644
index 0000000000..94d9171b15
--- /dev/null
+++ b/src/public/js/state.ts
@@ -0,0 +1,462 @@
+import { reactive } from "./components/deps.ts";
+import type { TReactiveProperties } from "./components/deps.ts";
+
+interface Errors {
+ [key: string]: string[];
+}
+
+export type Comment = {
+ id: number;
+ author_image: string;
+ author_username: string;
+ updated_at: string;
+ author_id: number;
+ body: string;
+ created_at: string;
+ article_id: number;
+ tablename: string;
+};
+export type User = {
+ created_on: string;
+ email: string;
+ id: number;
+ last_login: string;
+ password: string;
+ username: string;
+ token: string;
+ following: boolean;
+ image: string;
+ bio: string;
+ tablename: string;
+};
+export const userDefault: User = {
+ created_on: "",
+ email: "",
+ id: 0,
+ last_login: "",
+ password: "",
+ username: "",
+ token: "",
+ following: false,
+ image: "",
+ bio: "",
+ tablename: "",
+};
+
+export type Article = {
+ title: string;
+ description: string;
+ body: string;
+ tags: [];
+ author_id: number;
+ tablename: string;
+ created_at: string;
+ id: number;
+ updated_at: string;
+ author: User;
+ favoritesCount: number;
+ favorited: boolean;
+ following: boolean;
+};
+export const defaultArticle: Article = {
+ title: "",
+ description: "",
+ body: "",
+ tags: [],
+ author_id: 0,
+ tablename: "",
+ created_at: "",
+ id: 0,
+ updated_at: "",
+ following: false,
+ favorited: false,
+ favoritesCount: 0,
+ author: userDefault,
+};
+export const authUser = reactive
+
+
+
+
+
+ +
+ Your Settings
+ + ++ +
-
-
-
-
-
-
-
-
-
diff --git a/src/vue/components/ArticleActions.vue b/src/vue/components/ArticleActions.vue
deleted file mode 100644
index 6ac671b6ba..0000000000
--- a/src/vue/components/ArticleActions.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/src/vue/components/ArticleMeta.vue b/src/vue/components/ArticleMeta.vue
deleted file mode 100644
index 8bd96910ad..0000000000
--- a/src/vue/components/ArticleMeta.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-
- Loading articles...
-
-
-
- No articles are here... yet.
-
-
-
- ![]()
-
-
-
-
-
diff --git a/src/vue/components/ArticlePreview.vue b/src/vue/components/ArticlePreview.vue
deleted file mode 100644
index f4764c21fe..0000000000
--- a/src/vue/components/ArticlePreview.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-
-
-
- {{ authorUsername() }}
-
- {{ articleCreatedAt() | date }}
-
-
-
-
-
- Read more...
-
-
-
-
-
diff --git a/src/vue/components/Comment.vue b/src/vue/components/Comment.vue
deleted file mode 100644
index d1ad651780..0000000000
--- a/src/vue/components/Comment.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-
-
-
-
-
-
diff --git a/src/vue/components/CommentEditor.vue b/src/vue/components/CommentEditor.vue
deleted file mode 100644
index 8d70ce7ca0..0000000000
--- a/src/vue/components/CommentEditor.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-
-
-
-
- {{ comment.body }}
-
-
-
-
-
diff --git a/src/vue/components/Footer.vue b/src/vue/components/Footer.vue
deleted file mode 100644
index b3e1ee4e7d..0000000000
--- a/src/vue/components/Footer.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
-
-
diff --git a/src/vue/components/Header.vue b/src/vue/components/Header.vue
deleted file mode 100644
index 456f87669a..0000000000
--- a/src/vue/components/Header.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-
-
-
-
-
diff --git a/src/vue/components/ListErrors.vue b/src/vue/components/ListErrors.vue
deleted file mode 100644
index 80eaa8fe96..0000000000
--- a/src/vue/components/ListErrors.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-
- -
-
- - - - -
-
-
-
-
\ No newline at end of file
diff --git a/src/vue/routes/Article.vue b/src/vue/routes/Article.vue
deleted file mode 100644
index 9c908e1089..0000000000
--- a/src/vue/routes/Article.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-
- Page Not Found
-
-
-
-
-
-
diff --git a/src/vue/routes/ArticleEdit.vue b/src/vue/routes/ArticleEdit.vue
deleted file mode 100644
index ff8b20291a..0000000000
--- a/src/vue/routes/ArticleEdit.vue
+++ /dev/null
@@ -1,163 +0,0 @@
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/vue/routes/Home.vue b/src/vue/routes/Home.vue
deleted file mode 100644
index 626b26c9bb..0000000000
--- a/src/vue/routes/Home.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/vue/routes/HomeGlobal.vue b/src/vue/routes/HomeGlobal.vue
deleted file mode 100644
index 9f359d3072..0000000000
--- a/src/vue/routes/HomeGlobal.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/vue/routes/Profile.vue b/src/vue/routes/Profile.vue
deleted file mode 100644
index 500c4294a7..0000000000
--- a/src/vue/routes/Profile.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-
-
-
-
-
-
-
- Sign in
-
-
-
-
- {{ k }} {{ v | error }} -
-
-
-
-
diff --git a/src/vue/routes/ProfileArticles.vue b/src/vue/routes/ProfileArticles.vue
deleted file mode 100644
index e236dada73..0000000000
--- a/src/vue/routes/ProfileArticles.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
-
-
-
-
-
-
- ![]()
-
- {{ profile.username }}
-{{ profile.bio }}
-
-
- Edit Profile Settings
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/vue/routes/ProfileFavorited.vue b/src/vue/routes/ProfileFavorited.vue
deleted file mode 100644
index 58834974c5..0000000000
--- a/src/vue/routes/ProfileFavorited.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/src/vue/routes/Register.vue b/src/vue/routes/Register.vue
deleted file mode 100644
index 668c959f14..0000000000
--- a/src/vue/routes/Register.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-
-
-
-
-
-
diff --git a/src/vue/routes/Settings.vue b/src/vue/routes/Settings.vue
deleted file mode 100644
index 9800a5555a..0000000000
--- a/src/vue/routes/Settings.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-
-
-
-
-
-
-
- Sign up
-
-
-
-
- {{ k }} {{ v | error }} -
-
-
-
-
diff --git a/src/vue/store/actions.js b/src/vue/store/actions.js
deleted file mode 100644
index 8bb0b2792f..0000000000
--- a/src/vue/store/actions.js
+++ /dev/null
@@ -1,444 +0,0 @@
-import axios from "axios";
-
-const userDefault = {
- created_on: null,
- email: null,
- id: null,
- last_login: null,
- password: null,
- username: null,
-};
-
-export default {
- checkIfUserIsAuthenticated(context) {
- console.log("Checking if the user is authenticated.");
- return new Promise((resolve, reject) => {
- if (getCookie("drash_sess") && getCookie("drash_sess") != "null") {
- axios
- .post("/users/login", {
- action: "check_if_user_is_authenticated",
- token: getCookie("drash_sess"),
- })
- .then(async (response) => {
- console.log("User is authenticated.");
- await context.dispatch("setUser", response.data.user);
- resolve(true);
- })
- .catch((error) => {
- console.log("User has a session, but it's invalid.");
- console.log(error.response);
- context.dispatch("unsetUser");
- resolve(false);
- });
- } else {
- console.log("User is not authenticated.");
- context.dispatch("unsetUser");
- resolve(false);
- }
- });
- },
-
- createArticle(context, article) {
- console.log("Handling action: createArticle");
- console.log("the article:");
- console.log(article);
- article.author_id = context.getters.user.id;
- return new Promise((resolve) => {
- axios
- .post("/articles", {
- article,
- })
- .then((response) => {
- resolve(response);
- })
- .catch((error) => {
- resolve(error.response);
- });
- });
- },
-
- createArticleComment(context, params) {
- console.log(`Handling action: createArticleComment (${params.id})`);
- return new Promise((resolve, reject) => {
- axios
- .post(`/articles/${params.id}/comments`, {
- comment: params.comment,
- })
- .then(async (response) => {
- const comment = response.data.data;
- context.dispatch("setComment", comment);
- resolve(response);
- })
- .catch((error) => {
- console.error("Create article comment unsuccessful");
- console.error(error);
- reject({ data: { success: false, message: error.message } });
- });
- });
- },
-
- createArticleTag(context, tag) {
- console.log("Handling action: createArticleTag");
- const tags = context.getters.tags || [];
- tags.push(tag);
- context.commit("setTags", tags);
- },
-
- deleteArticle(context, data) {
- console.log("Handling action: deleteArticle");
- const id = data.article_id;
- return new Promise((resolve) => {
- axios
- .delete("/articles/" + id)
- .then((response) => {
- if (response.data.success === true) {
- let articles = context.getters.articles;
- articles.forEach((article, i) => {
- if (article.id === id) {
- articles.splice(i, 1);
- }
- });
- context.dispatch("setArticles", articles);
- context.dispatch("unsetArticle", {});
- resolve(true);
- } else {
- resolve(response);
- }
- })
- .catch((err) => {
- resolve(err.response);
- });
- });
- },
-
- deleteArticleTag(context, tag) {
- console.log("Handling action: deleteArticleTag");
- let article = context.getters.article;
- const tags = article.tags;
- const index = tags.indexOf(tag);
- tags.splice(index, 1);
- article.tags = tags;
- context.commit("setArticle", article);
- },
-
- deleteComment(context, { id, commentId }) {
- console.log("Handling action: deleteComment");
- console.log(id, commentId);
- return new Promise((resolve) => {
- axios
- .delete(`/articles/comment/${commentId}`)
- .then(
- (response) => {
- let comments = [];
- context.getters.comments.forEach((a, i) => {
- if (a.id == commentId) {
- return;
- }
- comments.push(a);
- });
- context.dispatch("setComments", comments);
- resolve(response);
- },
- )
- .catch((err) => {
- resolve(err.response);
- });
- });
- },
-
- fetchArticle(context, id) {
- console.log("fetching article", id);
- console.log("Handling action: fetchArticle");
- return new Promise((resolve) => {
- axios
- .get(`/articles/${id}`, {
- params: {
- user_id: context.getters.user.id,
- },
- })
- .then((response) => {
- const article = response.data.article;
- context.dispatch("setArticle", article);
- resolve(response);
- })
- .catch((error) => {
- resolve(error.response);
- });
- });
- },
-
- fetchArticleComments({ commit }, id) {
- console.log("Handling action: fetchArticleComments");
- return new Promise((resolve) => {
- axios
- .get(`/articles/${id}/comments`)
- .then((response) => {
- commit("setComments", response.data.data);
- resolve(response);
- })
- .catch((error) => {
- resolve(error.response);
- });
- });
- },
-
- fetchArticles(context, params) {
- return new Promise((resolve) => {
- axios
- .get("/articles", {
- params: {
- author: params.author,
- favorited_by: params.favorited,
- offset: params.filters,
- tag: params.tag,
- user_id: context.getters.user.id,
- },
- })
- .then((response) => {
- console.log("Dispatching setArticles", response.data.articles);
- context.dispatch("setArticles", response.data.articles);
- resolve(response);
- })
- .catch((error) => {
- resolve(error.response);
- });
- });
- },
-
- fetchProfile(context, params) {
- console.log("Handling action: fetchProfile");
- return new Promise((resolve) => {
- axios
- .get(`/profiles/${params.username}`)
- .then((response) => {
- console.log("Profile fetched successfully. Setting profile.");
- context.dispatch("setProfile", response.data.profile);
- })
- .catch((response) => {
- console.log("Unsetting profile.");
- console.log(error.response);
- context.dispatch("unsetProfile");
- });
- });
- },
-
- fetchTags({ commit }) {
- return new Promise((resolve) => {
- axios
- .get("/tags")
- .then(({ data }) => {
- resolve(data);
- })
- .catch((error) => {
- resolve(undefined);
- });
- });
- },
-
- logIn(context, credentials) {
- console.log("Handling action: logIn");
- return new Promise((resolve) => {
- axios
- .post("/users/login", {
- user: credentials,
- })
- .then((response) => {
- console.log("Log in successful.");
- context.dispatch("setUser", response.data.user);
- resolve(true);
- })
- .catch((error) => {
- console.log("Log in unsuccessful.");
- context.dispatch("unsetUser");
- resolve(error.response.data);
- });
- });
- },
-
- logOut(context) {
- context.dispatch("unsetUser");
- },
-
- register(context, credentials) {
- return new Promise((resolve) => {
- axios
- .post("/users", {
- email: credentials.email,
- password: credentials.password,
- username: credentials.username,
- })
- .then((response) => {
- console.log("Registration successful.");
- console.log(response);
- context.dispatch("setUser", {
- ...response.data.user,
- token: response.data.token,
- });
- resolve(true);
- })
- .catch((error) => {
- console.log("Registration unsuccessful.");
- resolve(error.response.data);
- });
- });
- },
-
- setArticle(context, article) {
- console.log("Handling action: setArticle");
- if (article.tags.length > 0) {
- article.tags = article.tags.split(",");
- } else {
- article.tags = [];
- }
- context.commit("setArticle", article);
- let articles = [];
- context.getters.articles.forEach((a, i) => {
- if (a.id === article.id) {
- articles.push(article);
- return;
- }
- articles.push(a);
- });
- context.commit("setArticles", articles);
- },
-
- setArticles(context, articles) {
- console.log("actions for articles", articles);
- context.commit("setArticles", articles);
- },
-
- setComment(context, comment) {
- console.log("Handling action: setComment");
- context.commit("setComment", comment);
- let comments = [];
- comments.push(comment);
- if (!context.getters.comments) {
- context.dispatch("setComments", comments);
- } else {
- context.getters.comments.forEach((a, i) => {
- comments.push(a);
- });
- context.dispatch("setComments", comments);
- }
- },
-
- setComments(context, comments) {
- context.commit("setComments", comments);
- },
-
- setProfile(context, profile) {
- context.commit("setProfile", profile);
- },
-
- setUser(context, user) {
- context.commit("setIsAuthenticated", true);
- context.commit("setUser", user);
- console.log("setting drash ess", user);
- setCookie("drash_sess", user.token, 1);
- },
-
- toggleArticleFavorite(context, params) {
- console.log(`Handling action: toggleArticleFavorite (${params.action})`);
- return new Promise((resolve) => {
- axios
- .post(`/articles/${params.id}/favorite`, {
- action: params.action,
- user_id: context.getters.user.id,
- })
- .then(async (response) => {
- console.log("toggleArticleFavorite successful.");
- context.dispatch("setArticle", response.data.article);
- })
- .catch((error) => {
- console.log(error);
- console.log("toggleArticleFavorite unsuccessful.");
- resolve(error.response);
- });
- });
- },
-
- unsetArticle(context) {
- context.commit("setArticle", {});
- },
-
- unsetUser(context) {
- console.log("unsetting user");
- context.commit("setIsAuthenticated", false);
- context.commit("setUser", userDefault);
- setCookie("drash_sess", null);
- },
-
- unsetProfile(context) {
- context.commit("setProfile", userDefault);
- },
-
- updateArticle(context, article) {
- console.log("Handling action: updateArticle");
- article.author_id = context.getters.user.id;
- console.log("the article to update:");
- console.log(article);
- return new Promise((resolve) => {
- axios
- .put("/articles", {
- article,
- })
- .then((response) => {
- resolve(response);
- })
- .catch((error) => {
- resolve(error.response);
- });
- });
- },
-
- updateUser(context, user) {
- console.log("Handling action: updateUser");
- return new Promise((resolve) => {
- let params = {
- id: user.id,
- username: user.username,
- email: user.email,
- bio: user.bio,
- image: user.image,
- token: user.token,
- };
- if (user.password) {
- params.password = user.password;
- }
- axios
- .post("/user", params)
- .then((response) => {
- console.log("User updated successfuly.");
- context.dispatch("setUser", response.data.user);
- resolve(true);
- })
- .catch((error) => {
- console.log("User not updated.");
- resolve(error.response.data);
- });
- });
- },
-};
-
-function getCookie(cname) {
- var name = cname + "=";
- var decodedCookie = decodeURIComponent(document.cookie);
- var ca = decodedCookie.split(";");
- for (var i = 0; i < ca.length; i++) {
- var c = ca[i];
- while (c.charAt(0) == " ") {
- c = c.substring(1);
- }
- if (c.indexOf(name) == 0) {
- return c.substring(name.length, c.length);
- }
- }
- return "";
-}
-
-function setCookie(cname, cvalue, exdays) {
- const d = new Date();
- d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
- const expires = "expires=" + d.toUTCString();
- document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
-}
diff --git a/src/vue/store/module.js b/src/vue/store/module.js
deleted file mode 100644
index 71d77c26a9..0000000000
--- a/src/vue/store/module.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import actions from "./actions.js";
-import mutations from "./mutations.js";
-import { getters, state } from "./state_and_getters.js";
-
-export default {
- actions,
- getters,
- mutations,
- state,
-};
diff --git a/src/vue/store/mutations.js b/src/vue/store/mutations.js
deleted file mode 100644
index 2e5bc6b005..0000000000
--- a/src/vue/store/mutations.js
+++ /dev/null
@@ -1,38 +0,0 @@
-export default {
- setArticle(state, article) {
- state.article = article;
- },
-
- setArticles(state, articles) {
- console.log(state + " is setting artivles", articles);
- state.articles = articles;
- },
-
- setComment(state, comment) {
- state.comment = comment;
- },
-
- setComments(state, comments) {
- state.comments = comments;
- },
-
- setError(state, errors) {
- state.errors = errors;
- },
-
- setIsAuthenticated(state, value) {
- state.is_authenticated = value;
- },
-
- setProfile(state, profile) {
- state.profile = profile;
- },
-
- setTags(state, tags) {
- state.tags = tags;
- },
-
- setUser(state, user) {
- state.user = user;
- },
-};
diff --git a/src/vue/store/state_and_getters.js b/src/vue/store/state_and_getters.js
deleted file mode 100644
index 45f6eb2734..0000000000
--- a/src/vue/store/state_and_getters.js
+++ /dev/null
@@ -1,72 +0,0 @@
-const state = {
- article: {},
- articles: [],
- articles_count: 0,
- comments: [],
- errors: {},
- is_authenticated: false,
- is_loading: false,
- profile: {
- created_on: null,
- email: null,
- id: null,
- last_login: null,
- password: null,
- username: null,
- image: null,
- },
- tags: [],
- user: {
- created_on: null,
- email: null,
- id: null,
- last_login: null,
- password: null,
- username: null,
- image: null,
- },
-};
-
-const getters = {
- article() {
- return state.article;
- },
-
- articles() {
- return state.articles;
- },
-
- articles_count() {
- return state.articles_count;
- },
-
- comments() {
- return state.comments;
- },
-
- errors() {
- return state.errors;
- },
-
- is_authenticated() {
- return state.is_authenticated;
- },
-
- is_loading() {
- return state.is_loading;
- },
-
- profile() {
- return state.profile;
- },
-
- tags() {
- return state.tags;
- },
-
- user() {
- return state.user;
- },
-};
-
-export { getters, state };
diff --git a/src/webpack.config.js b/src/webpack.config.js
deleted file mode 100644
index e0543bc448..0000000000
--- a/src/webpack.config.js
+++ /dev/null
@@ -1,53 +0,0 @@
-const path = require("path");
-const VueLoaderPlugin = require("vue-loader/lib/plugin");
-
-module.exports = (envVars) => {
- return {
- entry: {
- app: path.resolve(__dirname, "public/js/_app.js"),
- },
- mode: envVars.environment,
- output: {
- path: path.resolve(__dirname, "public/js/"),
- filename: `[name].js`,
- },
- module: {
- rules: [
- {
- test: /\.pug$/,
- loader: "pug-plain-loader",
- },
- {
- test: /\.vue$/,
- loader: "vue-loader",
- },
- // this will apply to both plain `.js` files
- // AND `
-
-
-
-
-
- -
- Your Settings
- - -- -