-
+
+
+
+
+ Goatplaza
+
+
+
+
+
+
+
+
+
@@ -16,12 +27,16 @@
-
diff --git a/pkg/views/src/main.ts b/pkg/views/src/main.ts
index aa2849e..b517f0b 100644
--- a/pkg/views/src/main.ts
+++ b/pkg/views/src/main.ts
@@ -1,41 +1,50 @@
-import "virtual:uno.css"
+import "virtual:uno.css";
-import { createApp } from "vue"
-import { createPinia } from "pinia"
+import "./assets/utils.css";
-import "vuetify/styles"
-import { createVuetify } from "vuetify"
-import * as components from "vuetify/components"
-import * as directives from "vuetify/directives"
+import { createApp } from "vue";
+import { createPinia } from "pinia";
-import "@mdi/font/css/materialdesignicons.min.css"
+import "vuetify/styles";
+import { createVuetify } from "vuetify";
+import { md3 } from "vuetify/blueprints";
+import * as components from "vuetify/components";
+import * as directives from "vuetify/directives";
-import index from "./index.vue"
-import router from "./router"
+import "@mdi/font/css/materialdesignicons.min.css";
+import "@fontsource/roboto/latin.css";
+import "@unocss/reset/tailwind.css";
-const app = createApp(index)
+import index from "./index.vue";
+import router from "./router";
+
+const app = createApp(index);
app.use(
createVuetify({
components,
directives,
+ blueprint: md3,
theme: {
+ defaultTheme: "original",
themes: {
- light: {
- primary: "#4a5099",
- secondary: "#2196f3",
- accent: "#009688",
- error: "#f44336",
- warning: "#ff9800",
- info: "#03a9f4",
- success: "#4caf50"
+ original: {
+ colors: {
+ primary: "#4a5099",
+ secondary: "#2196f3",
+ accent: "#009688",
+ error: "#f44336",
+ warning: "#ff9800",
+ info: "#03a9f4",
+ success: "#4caf50"
+ }
}
}
}
})
-)
+);
-app.use(createPinia())
-app.use(router)
+app.use(createPinia());
+app.use(router);
-app.mount("#app")
+app.mount("#app");
diff --git a/pkg/views/src/router/index.ts b/pkg/views/src/router/index.ts
index 6963185..4943d0f 100644
--- a/pkg/views/src/router/index.ts
+++ b/pkg/views/src/router/index.ts
@@ -1,6 +1,5 @@
import { createRouter, createWebHistory } from "vue-router"
import MasterLayout from "@/layouts/master.vue"
-import LandingPage from "@/views/landing.vue"
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
@@ -11,8 +10,8 @@ const router = createRouter({
children: [
{
path: "/",
- name: "landing",
- component: LandingPage
+ name: "explore",
+ component: () => import("@/views/explore.vue")
}
]
}
diff --git a/pkg/views/src/scripts/request.ts b/pkg/views/src/scripts/request.ts
new file mode 100644
index 0000000..5540ff2
--- /dev/null
+++ b/pkg/views/src/scripts/request.ts
@@ -0,0 +1,10 @@
+declare global {
+ interface Window {
+ __LAUNCHPAD_TARGET__?: string
+ }
+}
+
+export async function request(input: string, init?: RequestInit) {
+ const prefix = window.__LAUNCHPAD_TARGET__ ?? ""
+ return await fetch(prefix + input, init)
+}
diff --git a/pkg/views/src/stores/userinfo.ts b/pkg/views/src/stores/userinfo.ts
new file mode 100644
index 0000000..2f4f1a8
--- /dev/null
+++ b/pkg/views/src/stores/userinfo.ts
@@ -0,0 +1,56 @@
+import Cookie from "universal-cookie"
+import { defineStore } from "pinia"
+import { ref } from "vue"
+import { request } from "@/scripts/request"
+
+export interface Userinfo {
+ isReady: boolean
+ isLoggedIn: boolean
+ displayName: string
+ data: any
+}
+
+const defaultUserinfo: Userinfo = {
+ isReady: false,
+ isLoggedIn: false,
+ displayName: "Citizen",
+ data: null
+}
+
+export function getAtk(): string {
+ return new Cookie().get("identity_auth_key")
+}
+
+export function checkLoggedIn(): boolean {
+ return new Cookie().get("identity_auth_key")
+}
+
+export const useUserinfo = defineStore("userinfo", () => {
+ const userinfo = ref(defaultUserinfo)
+ const isReady = ref(false)
+
+ async function readProfiles() {
+ if (!checkLoggedIn()) {
+ isReady.value = true;
+ }
+
+ const res = await request("/api/users/me", {
+ headers: { "Authorization": `Bearer ${getAtk()}` }
+ });
+
+ if (res.status !== 200) {
+ return;
+ }
+
+ const data = await res.json();
+
+ userinfo.value = {
+ isReady: true,
+ isLoggedIn: true,
+ displayName: data["nick"],
+ data: data
+ };
+ }
+
+ return { userinfo, isReady, readProfiles }
+})
diff --git a/pkg/views/src/stores/wellKnown.ts b/pkg/views/src/stores/wellKnown.ts
new file mode 100644
index 0000000..431cf84
--- /dev/null
+++ b/pkg/views/src/stores/wellKnown.ts
@@ -0,0 +1,14 @@
+import { request } from "@/scripts/request"
+import { defineStore } from "pinia"
+import { ref } from "vue"
+
+export const useWellKnown = defineStore("well-known", () => {
+ const wellKnown = ref({})
+
+ async function readWellKnown() {
+ const res = await request("/.well-known")
+ wellKnown.value = await res.json()
+ }
+
+ return { wellKnown, readWellKnown }
+})
diff --git a/pkg/views/src/views/explore.vue b/pkg/views/src/views/explore.vue
new file mode 100644
index 0000000..eeb2ef9
--- /dev/null
+++ b/pkg/views/src/views/explore.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pkg/views/src/views/landing.vue b/pkg/views/src/views/landing.vue
deleted file mode 100644
index a02994a..0000000
--- a/pkg/views/src/views/landing.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-
- Good morning!
-
\ No newline at end of file
diff --git a/pkg/views/tsconfig.app.json b/pkg/views/tsconfig.app.json
index e14c754..292c91d 100644
--- a/pkg/views/tsconfig.app.json
+++ b/pkg/views/tsconfig.app.json
@@ -4,6 +4,8 @@
"exclude": ["src/**/__tests__/*"],
"compilerOptions": {
"composite": true,
+ "allowJs": true,
+ "checkJs": true,
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
"baseUrl": ".",
diff --git a/pkg/views/vite.config.ts b/pkg/views/vite.config.ts
index 7dbfdfa..ed08b91 100644
--- a/pkg/views/vite.config.ts
+++ b/pkg/views/vite.config.ts
@@ -12,5 +12,11 @@ export default defineConfig({
alias: {
"@": fileURLToPath(new URL("./src", import.meta.url))
}
+ },
+ server: {
+ proxy: {
+ "/.well-known": "http://localhost:8445",
+ "/api": "http://localhost:8445"
+ }
}
})