Add login widget and configuration

You can already use it to log in/out, but the login data is not used yet.

.env.example

@@ -1 +1,2 @@
 BASE=/coli-rich/app/
+LOGIN=http://localhost:3004

package.json

@@ -24,6 +24,7 @@
   },
   "dependencies": {
     "cocoda-sdk": "^3.4.12",
+    "gbv-login-client-vue": "^1.0.0",
     "jskos-tools": "^1.0.42",
     "jskos-vue": "^0.3.16",
     "vue": "^3.5.11"

src/App.vue

@@ -11,6 +11,9 @@ import { useInit } from "./composables/init.js"
 // Run initialization immediately, then wait for the promise later
 const initPromise = useInit()
 
+import { useLogin } from "./composables/login.js"
+const { loginConfigured } = useLogin()
+
 import { version, name, showWhenExistsKey, examples } from "./config.js"
 
 const ppninput = ref("")
@@ -236,6 +239,9 @@ function submitEnrichments() {
             ⬅ zurück zur coli-conc Webseite
           </a>
         </li>
+        <li v-if="loginConfigured">
+          <user-status />
+        </li>
       </ul>
       <div style="clear:both" />
     </header>
@@ -608,4 +614,17 @@ header > h1 {
 .faded {
   color: grey;
 }
+/* UserStatus style fixes */
+.user-status {
+  z-index: 9999;
+}
+.user-status > a {
+  font-size: initial;
+}
+header .user-status li {
+  float: none;
+}
+header .user-status li a {
+  text-align: left;
+}
 </style>

src/composables/login.js

@@ -0,0 +1,11 @@
+import { Login } from "gbv-login-client-vue"
+import { loginServerUrl, loginServerSsl } from "../config.js"
+
+export function useLogin() {
+  if (loginServerUrl) {
+    Login.connect(loginServerUrl, { ssl: loginServerSsl })
+  }
+  return {
+    loginConfigured: !!loginServerUrl,
+  }
+}

src/config.js

@@ -33,3 +33,8 @@ export const concordanceRegistry = cdk.initializeRegistry({
   provider: "MappingsApi",
   api: concordanceApi,
 })
+
+// eslint-disable-next-line no-undef
+const loginServer = LOGIN_SERVER || null
+export const loginServerUrl = loginServer && loginServer.replace(/https?:\/\//, "")
+export const loginServerSsl = loginServer && loginServer.startsWith("https://")

src/main.js

@@ -9,4 +9,8 @@ import { LoadingIndicator, Modal } from "jskos-vue"
 app.use(LoadingIndicator)
 app.use(Modal)
 
+import "gbv-login-client-vue/style"
+import * as LoginClientVue from "gbv-login-client-vue"
+app.use(LoginClientVue)
+
 app.mount("#app")

vite.config.js

@@ -13,6 +13,7 @@ export default defineConfig({
   plugins: [vue()],
   define: {
     BASE: `"${base || ""}"`,
+    LOGIN_SERVER: `"${process.env.LOGIN || ""}"`,
   },
   resolve: {
     alias: {