diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..126fe84d
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+/node_modules/
+/dist/
+/.vscode/
+.DS_Store
diff --git a/README.md b/README.md
new file mode 100644
index 00000000..a9d516a3
--- /dev/null
+++ b/README.md
@@ -0,0 +1,48 @@
+# Svelte + TS + Vite
+
+This template should help get you started developing with Svelte and TypeScript in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode).
+
+## Need an official Svelte framework?
+
+Check out [SvelteKit](https://github.com/sveltejs/kit#readme), which is also powered by Vite. Deploy anywhere with its serverless-first approach and adapt to various platforms, with out of the box support for TypeScript, SCSS, and Less, and easily-added support for mdsvex, GraphQL, PostCSS, Tailwind CSS, and more.
+
+## Technical considerations
+
+**Why use this over SvelteKit?**
+
+- It brings its own routing solution which might not be preferable for some users.
+- It is first and foremost a framework that just happens to use Vite under the hood, not a Vite app.
+ `vite dev` and `vite build` wouldn't work in a SvelteKit environment, for example.
+
+This template contains as little as possible to get started with Vite + TypeScript + Svelte, while taking into account the developer experience with regards to HMR and intellisense. It demonstrates capabilities on par with the other `create-vite` templates and is a good starting point for beginners dipping their toes into a Vite + Svelte project.
+
+Should you later need the extended capabilities and extensibility provided by SvelteKit, the template has been structured similarly to SvelteKit so that it is easy to migrate.
+
+**Why `global.d.ts` instead of `compilerOptions.types` inside `jsconfig.json` or `tsconfig.json`?**
+
+Setting `compilerOptions.types` shuts out all other types not explicitly listed in the configuration. Using triple-slash references keeps the default TypeScript setting of accepting type information from the entire workspace, while also adding `svelte` and `vite/client` type information.
+
+**Why include `.vscode/extensions.json`?**
+
+Other templates indirectly recommend extensions via the README, but this file allows VS Code to prompt the user to install the recommended extension upon opening the project.
+
+**Why enable `allowJs` in the TS template?**
+
+While `allowJs: false` would indeed prevent the use of `.js` files in the project, it does not prevent the use of JavaScript syntax in `.svelte` files. In addition, it would force `checkJs: false`, bringing the worst of both worlds: not being able to guarantee the entire codebase is TypeScript, and also having worse typechecking for the existing JavaScript. In addition, there are valid use cases in which a mixed codebase may be relevant.
+
+**Why is HMR not preserving my local component state?**
+
+HMR state preservation comes with a number of gotchas! It has been disabled by default in both `svelte-hmr` and `@sveltejs/vite-plugin-svelte` due to its often surprising behavior. You can read the details [here](https://github.com/rixo/svelte-hmr#svelte-hmr).
+
+If you have state that's important to retain within a component, consider creating an external store which would not be replaced by HMR.
+
+```ts
+// store.ts
+// An extremely simple external store
+import { writable } from 'svelte/store'
+export default writable(0)
+```
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..9089bcef
--- /dev/null
+++ b/index.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+ pk-webs | home
+
+
+
+
+
+
+
+
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..4b8a8f93
--- /dev/null
+++ b/package.json
@@ -0,0 +1,32 @@
+{
+ "name": "pk-webs-2",
+ "version": "0.0.0",
+ "type": "module",
+ "scripts": {
+ "dev": "vite",
+ "build": "vite build",
+ "preview": "vite preview",
+ "check": "svelte-check --tsconfig ./tsconfig.json"
+ },
+ "devDependencies": {
+ "@sveltejs/vite-plugin-svelte": "^1.0.0-next.30",
+ "@tsconfig/svelte": "^2.0.1",
+ "svelte": "^3.44.0",
+ "svelte-check": "^2.2.7",
+ "svelte-preprocess": "^4.9.8",
+ "svelte-toggle": "^3.1.0",
+ "tslib": "^2.3.1",
+ "typescript": "^4.4.4",
+ "vite": "^2.7.0"
+ },
+ "dependencies": {
+ "axios": "^0.24.0",
+ "discord-markdown": "^2.5.1",
+ "moment": "^2.29.1",
+ "moment-timezone": "^0.5.34",
+ "svelte-autosize": "^1.0.1",
+ "svelte-icons": "^2.1.0",
+ "svelte-navigator": "^3.1.5",
+ "sveltestrap": "^5.6.3"
+ }
+}
diff --git a/public/myriad.png b/public/myriad.png
new file mode 100644
index 00000000..3e04b9b3
Binary files /dev/null and b/public/myriad.png differ
diff --git a/src/App.svelte b/src/App.svelte
new file mode 100644
index 00000000..6f73c974
--- /dev/null
+++ b/src/App.svelte
@@ -0,0 +1,76 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ hey please provide a system
+
+
+
+
+ member
+
+
+ hey please provide a member
+
+
+
+
+ group
+
+
+ hey please provide a group
+
+
+
+
+
\ No newline at end of file
diff --git a/src/api/group.ts b/src/api/group.ts
new file mode 100644
index 00000000..086b62e8
--- /dev/null
+++ b/src/api/group.ts
@@ -0,0 +1,36 @@
+interface GroupPrivacy {
+ description_privacy?: string | boolean | null;
+ icon_privacy?: string | boolean | null;
+ list_privacy?: string | boolean | null;
+ visibility?: string | boolean | null;
+}
+
+export default class Group {
+ id?: string;
+ uuid?: string;
+ name?: string;
+ display_name?: string;
+ description?: string;
+ icon?: string;
+ banner?: string;
+ color?: string;
+ privacy?: GroupPrivacy;
+
+ constructor(data: any) {
+ this.id = data.id;
+ this.uuid = data.uuid;
+ this.name = data.name;
+ this.display_name = data.display_name;
+ this.description = data.description;
+ this.icon = data.icon;
+ this.banner = data.banner;
+ this.color = data.color;
+ if (data.privacy) {
+ this.privacy = {}
+ this.privacy.description_privacy = data.privacy.description_privacy;
+ this.privacy.icon_privacy = data.privacy.icon_privacy;
+ this.privacy.list_privacy = data.privacy.list_privacy;
+ this.privacy.visibility = data.privacy.visibility;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/api/index.ts b/src/api/index.ts
new file mode 100644
index 00000000..a46f5290
--- /dev/null
+++ b/src/api/index.ts
@@ -0,0 +1,176 @@
+import axios, { AxiosInstance, Method, AxiosResponse, AxiosRequestConfig } from 'axios';
+import Sys from './system';
+import Member from './member';
+import Group from './group';
+
+
+type FieldError = {
+ message: string
+}
+
+export default class PKAPI {
+
+ ROUTES = {
+ GET_SYSTEM: (sid?: string) => sid ? `/systems/${sid}` : `/systems/@me`,
+ GET_MEMBER_LIST: (sid?: string) => sid ? `/systems/${sid}/members` : `/systems/@me/members`,
+ GET_MEMBER: (mid: string) => `/members/${mid}`,
+ GET_GROUP_LIST: (sid?: string) => sid ? `/systems/${sid}/groups` : `/systems/@me/groups`,
+
+ PATCH_SYSTEM: () => `/systems/@me`,
+
+ POST_MEMBER: () => `/members`
+ }
+
+ baseUrl: string;
+ instance: AxiosInstance
+
+ constructor(baseUrl?: string) {
+ this.baseUrl = baseUrl || 'https://api.pluralkit.me';
+
+ this.instance = axios.create({
+ baseURL: this.baseUrl + '/v2'
+ })
+ }
+
+ async getSystem(options: { token?: string, id?: any}) {
+ if (!options.token && !options.id) {
+ throw new Error("Must pass a token or id.")
+ }
+ var system: Sys;
+ var res: AxiosResponse;
+ try {
+ res = await this.handle(this.ROUTES.GET_SYSTEM(options.id ? options.id : ""), 'GET', {token: !options.id ? options.token : ""});
+ if (res.status === 200) system = new Sys(res.data);
+ else this.handleErrors(res);
+ } catch (error) {
+ throw new Error(error.message);
+ }
+ return system;
+ }
+
+ async patchSystem(options: {token: string, data: any}) {
+ var body = new Sys(options.data);
+ var system: Sys;
+ var res: AxiosResponse;
+ try {
+ res = await this.handle(this.ROUTES.PATCH_SYSTEM(), 'PATCH', {token: options.token, body: body});
+ if (res.status === 200) system = new Sys(res.data);
+ else this.handleErrors(res);
+ } catch (error) {
+ throw new Error(error.message);
+ }
+ return system;
+ }
+
+ async getMemberList(options: { token?: string, id?: any}) {
+ if (!options.token && !options.id) {
+ throw new Error("Must pass a token or id.")
+ }
+ var members: Member[] = [];
+ var res: AxiosResponse;
+ try {
+ res = await this.handle(this.ROUTES.GET_MEMBER_LIST(options.id ? options.id : ""), 'GET', {token: !options.id ? options.token : ""});
+ if (res.status === 200) {
+ let resObject: any = res.data;
+ resObject.forEach(m => {
+ let member = new Member(m);
+ members.push(member);
+ })
+ }
+ else this.handleErrors(res);
+ } catch (error) {
+ throw new Error(error.message);
+ }
+ return members;
+ }
+
+ async getMember(options: {id: any}) {
+ if (!options.id) {
+ throw new Error("Must pass an id.")
+ }
+ var member: Member;
+ var res: AxiosResponse;
+ try {
+ res = await this.handle(this.ROUTES.GET_MEMBER(options.id), 'GET', {});
+ if (res.status === 200) member = new Member(res.data);
+ else this.handleErrors(res);
+ } catch (error) {
+ throw new Error(error.message);
+ }
+ return member;
+ }
+
+ async postMember(options: {token: any, data: any}) {
+ if (!options.token) throw new Error("Must pass a token.");
+ var body = new Member(options.data);
+ var member: Member;
+ var res: AxiosResponse;
+ try {
+ res = await this.handle(this.ROUTES.POST_MEMBER(), 'POST', {token: options.token, body: body});
+ if (res.status === 200) member = new Member(res.data);
+ else this.handleErrors(res);
+ } catch (error) {
+ throw new Error(error.message);
+ }
+ return member;
+ }
+
+ async getGroupList(options: {token?: string, id?: any}) {
+ if (!options.token && !options.id) {
+ throw new Error("Must pass a token or id.");
+ }
+ var groups: Group[] = [];
+ var res: AxiosResponse;
+ try {
+ res = await this.handle(this.ROUTES.GET_GROUP_LIST(options.id ? options.id : ""), 'GET', {token: !options.id ? options.token : ""});
+ if (res.status === 200) {
+ let resObject: any = res.data;
+ resObject.forEach(g => {
+ let group = new Group(g);
+ groups.push(group);
+ })
+ }
+ else this.handleErrors(res);
+ } catch (error) {
+ throw new Error(error.message);
+ }
+ return groups;
+ }
+
+ handleErrors(res: any) {
+ if (res.status === 500) throw new Error("500: Internal server error.");
+ else if (res.status === 401) throw new Error("401: Your token is invalid.");
+ else {
+ let errorObject: any = res.data
+ if (errorObject.code) {
+ if (errorObject.code === 40001) {
+ var message: string;
+ for (var key in errorObject.errors) {
+ var val = errorObject.errors[key];
+ }
+ } else {
+ throw new Error(errorObject.message);
+ }
+ }
+ }
+ }
+
+ async handle(url: string, method: Method, options: {token?: string, body?: object}) {
+ var headers = {}
+ var request: AxiosRequestConfig = {url, method, headers}
+
+ if(options.token) request.headers["Authorization"] = options.token;
+ if (options.body) {
+ request.headers["Content-Type"] = "application/json";
+ request.data = JSON.stringify(options.body);
+ }
+
+ try {
+ var res = await this.instance(request);
+ } catch (error) {
+ res = error.response;
+ }
+ return res;
+ }
+
+}
\ No newline at end of file
diff --git a/src/api/member.ts b/src/api/member.ts
new file mode 100644
index 00000000..06d9700d
--- /dev/null
+++ b/src/api/member.ts
@@ -0,0 +1,55 @@
+interface MemberPrivacy {
+ visibility?: string | boolean | null,
+ description_privacy?: string | boolean | null,
+ name_privacy?: string | boolean | null,
+ birthday_privacy?: string | boolean | null,
+ pronoun_privacy?: string | boolean | null,
+ avatar_privacy?: string | boolean | null,
+ metadata_privacy?: string | boolean | null
+}
+
+export default class Member {
+ id?: string;
+ uuid?: string;
+ name?: string;
+ display_name?: string;
+ color?: string;
+ birthday?: string;
+ pronouns?: string;
+ avatar_url?: string;
+ banner?: string;
+ description?: string;
+ created?: string;
+ keep_proxy?: boolean
+ system?: string;
+ proxy_tags?: Array