owdproject.org
AT Protocol login app for Open Web Desktop
Update to @owdproject/core 3.0.0-alpha.9 and nuxt-atproto
+27
-15
+1
-1
index.ts
+1
-1
index.ts
···
1
1
import {defineNuxtModule, createResolver, addComponentsDir, addPlugin} from '@nuxt/kit'
2
-
import {registerTailwindPath} from "@owdproject/core/runtime/utils/utilsApp";
2
+
import {registerTailwindPath} from "@owdproject/core/runtime/utils/utilApp";
3
3
4
4
export default defineNuxtModule({
5
5
meta: {
+2
-2
package.json
+2
-2
package.json
···
4
4
"description": "ATProto App for your Open Web Desktop client",
5
5
"keywords": ["owd-client", "owd-apps", "owd-modules", "atproto"],
6
6
"license": "GPL-3.0-or-later",
7
-
"homepage": "https://github.com/atprotoOS/app-atproto",
7
+
"homepage": "https://github.com/atproto-os/app-atproto",
8
8
"author": {
9
9
"name": "dxlliv",
10
10
"url": "https://github.com/dxlliv"
11
11
},
12
12
"peerDependencies": {
13
-
"@owdproject/core": ">=3.0.0-alpha.6",
13
+
"@owdproject/core": ">=3.0.0-alpha.9",
14
14
"@owdproject/module-atproto": "0.0.1"
15
15
}
16
16
}
+8
-8
runtime/components/AtprotoDesktop/AtprotoDesktopOwner.vue
+8
-8
runtime/components/AtprotoDesktop/AtprotoDesktopOwner.vue
···
1
1
<script setup lang="ts">
2
-
import {routeAtprotoOS, routeBlueskyProfile} from "@owdproject/module-atproto/runtime/utils/utilsRoute";
3
-
import {useAppConfig} from "nuxt/app"
2
+
import {routeAtprotoOS, routeBlueskyProfile} from "@owdproject/module-atproto/runtime/utils/utilRoute";
3
+
import {useRuntimeConfig} from "nuxt/app"
4
4
5
-
const appConfig = useAppConfig()
5
+
const runtimeConfig = useRuntimeConfig()
6
6
</script>
7
7
8
8
<template>
9
9
<div class="owd-atproto-desktop-owner text-center">
10
10
<a :href="routeAtprotoOS('/client')" target="_blank" class="text-2xl">
11
-
<span class="font-light" v-text="appConfig.atproto.owd.desktop.name"/>
12
-
<span class="font-bold" v-text="appConfig.atproto.owd.desktop.os"/>
11
+
<span class="font-light" v-text="runtimeConfig.public.atprotoDesktop.name.title"/>
12
+
<span class="font-bold" v-text="runtimeConfig.public.atprotoDesktop.name.affix"/>
13
13
</a>
14
14
<div
15
15
class="-mt-1 mb-3 opacity-30"
···
19
19
<div class="inline-flex">
20
20
<div class="flex items-center pr-2">
21
21
<a
22
-
:href="routeBlueskyProfile(appConfig.atproto.owd.owner.profile?.handle)"
22
+
:href="routeBlueskyProfile(runtimeConfig.public.atprotoDesktop.owner.profile?.handle)"
23
23
target="_blank"
24
24
>
25
25
<Avatar
26
26
shape="circle"
27
-
:image="appConfig.atproto.owd.owner.profile?.avatar"
27
+
:image="runtimeConfig.public.atprotoDesktop.owner.profile?.avatar"
28
28
/>
29
29
</a>
30
30
</div>
31
31
<div
32
32
class="flex items-center"
33
-
v-text="appConfig.atproto.owd.owner.profile.displayName"
33
+
v-text="runtimeConfig.public.atprotoDesktop.owner.profile.displayName"
34
34
/>
35
35
</div>
36
36
</div>
+15
-3
runtime/components/Window/WindowAtprotoAccount.vue
+15
-3
runtime/components/Window/WindowAtprotoAccount.vue
···
1
1
<script setup lang="ts">
2
-
import {atprotoSignIn, atprotoSignOut} from "@owdproject/module-atproto/runtime/utils/utilsAtproto";
3
2
import {useAtprotoAccountStore} from "@owdproject/module-atproto/runtime/stores/storeAtprotoAccount";
4
3
import AtprotoDesktopOwner from "../AtprotoDesktop/AtprotoDesktopOwner.vue";
5
4
import {onBeforeMount, watch} from "vue"
···
9
8
const props = defineProps<{
10
9
window: IWindowController
11
10
}>()
11
+
12
+
const atproto = useAtproto()
12
13
13
14
const atprotoAccountStore = useAtprotoAccountStore()
14
15
const {t} = useI18n()
···
58
59
59
60
return undefined
60
61
})
62
+
63
+
function onSignIn() {
64
+
atproto.signIn()
65
+
}
66
+
67
+
function onSignOut() {
68
+
atproto.signOut()
69
+
atprotoAccountStore.reset()
70
+
}
61
71
</script>
62
72
63
73
<template>
···
84
94
85
95
<Button
86
96
v-if="!atprotoAccountStore.isAccountLogged && !atprotoAccountStore.state.fetching"
87
-
size="large" @click="atprotoSignIn()"
97
+
size="large"
88
98
v-text="$t('atproto.login.actions.login')"
99
+
@click="onSignIn"
89
100
/>
90
101
91
102
<Button
92
103
v-if="atprotoAccountStore.isAccountLogged"
93
-
size="large" @click="atprotoSignOut()"
104
+
size="large"
94
105
v-text="$t('atproto.login.actions.logout')"
106
+
@click="onSignOut"
95
107
/>
96
108
</div>
97
109
+1
-1
runtime/plugin/index.ts
+1
-1
runtime/plugin/index.ts
···
1
1
import {defineNuxtPlugin} from "nuxt/app"
2
-
import {defineDesktopApp} from "@owdproject/core/runtime/utils/utilsDesktop"
2
+
import {defineDesktopApp} from "@owdproject/core/runtime/utils/utilDesktop"
3
3
import configAppAtproto from '../../owd.config'
4
4
5
5
export default defineNuxtPlugin((nuxtApp) => {