@hostlink/nuxt-light 1.76.0 → 1.77.2

package/README.md

@@ -74,6 +74,11 @@ export default defineNuxtConfig({
           },
           business: {
             baseURL: 'https://business.example.com/graphql',
+            audience: 'business-api',
+          },
+          infra: {
+            baseURL: 'https://infra.example.com/graphql',
+            audience: 'infra-api',
           },
         },
       },
@@ -94,6 +99,22 @@ clients: {
 }
 ```
 
+Clients with an `audience` obtain a short-lived audience token lazily from the
+default `auth` client. The token is cached by that client, refreshed shortly
+before expiry, and sent as a Bearer token automatically:
+
+```http
+Authorization: Bearer <audience-access-token>
+```
+
+Components and composables do not need to fetch or attach tokens themselves.
+For example, the first request made by this table automatically requests a
+`business-api` token from Auth:
+
+```vue
+<L-Table client="business" model-name="Order" />
+```
+
 ### Backwards-compatible single endpoint
 
 The existing `public.apiBase` setting is still supported. When no named

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.76.0",
+  "version": "1.77.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/L/AppMain.vue

@@ -5,7 +5,7 @@ import { useQuasar, setCssVar, getCssVar } from "quasar";
 import { useI18n } from "vue-i18n";
 import { ref, computed, reactive, provide, watch, toRaw, onMounted } from "vue";
 import { useRuntimeConfig } from "nuxt/app";
-import { logout } from "@hostlink/light";
+import useLightClient from "../../composables/useLightClient";
 import { filterMenuItems } from "../../utils/filterMenuItems";
 const emits = defineEmits(["logout"]);
 defineProps({
@@ -249,7 +249,7 @@ if (route.fullPath == "/" && my.default_page) {
   router.push(my.default_page);
 }
 const onLogout = async () => {
-  await logout();
+  await useLightClient().auth.logout();
   emits("logout");
 };
 </script>

package/dist/runtime/components/L/Login.vue

@@ -2,7 +2,7 @@
 import { ref, reactive, onMounted, resolveComponent } from "vue";
 import { useQuasar } from "quasar";
 import { useHead } from "#imports";
-import { getApiClient, changeExpiredPassword, login } from "@hostlink/light";
+import { getApiClient } from "@hostlink/light";
 const api = getApiClient();
 import { useI18n } from "vue-i18n";
 const { t } = useI18n();
@@ -42,7 +42,7 @@ const passwordExpiredProcess = (username, password) => {
     persistent: true
   }).onOk(async (newPassword) => {
     try {
-      await changeExpiredPassword(username, password, newPassword);
+      await api.auth.changeExpiredPassword(username, password, newPassword);
       $q.notify({
         message: t("Your password has been changed successfully, please login again"),
         color: "positive",
@@ -81,7 +81,7 @@ const submit = async () => {
   if (await form1.value.validate()) {
     try {
       loading.value = true;
-      await login(data.username, data.password, data.code);
+      await api.auth.login(data.username, data.password, data.code);
       emits("login");
     } catch (e) {
       data.code = "";

package/dist/runtime/formkit/Form.vue

@@ -2,6 +2,7 @@
 import { useRouter, useRoute } from "vue-router";
 import { useQuasar } from "quasar";
 import { computed, model } from "#imports";
+import { getFormClient } from "../utils/formClient";
 const route = useRoute();
 const router = useRouter();
 const $q = useQuasar();
@@ -24,6 +25,7 @@ if (props.context.attrs.onSubmitted) {
 }
 const modelName = props.context.modelName || (typeof route.name === "string" ? route.name.split("-")[0] : void 0);
 const id = props.context.modelId || route.params[typeof route.name === "string" ? route.name.split("-")[1] : "id"];
+const client = getFormClient(props.context);
 if (!props.context.onSubmit) {
   props.context.node.props.onSubmit = async function() {
     const removeUndefined = (obj) => {
@@ -51,7 +53,7 @@ if (!props.context.onSubmit) {
     const v = removeUndefined(props.context.value);
     try {
       if (id) {
-        if (await model(modelName).update(Number(id), v)) {
+        if (await model(modelName, client).update(Number(id), v)) {
           $q.notify({
             message: "Updated successfully",
             color: "positive",
@@ -62,7 +64,7 @@ if (!props.context.onSubmit) {
           }
         }
       } else {
-        if (await model(modelName).add(v)) {
+        if (await model(modelName, client).add(v)) {
           $q.notify({
             message: "Added successfully",
             color: "positive",

package/dist/runtime/formkit/index.js

@@ -117,7 +117,8 @@ export const createLightPlugin = () => {
             "layout",
             "bordered",
             "modelName",
-            "modelId"
+            "modelId",
+            "client"
           ],
           features: [forms, disablesChildren]
         });

package/dist/runtime/plugin.js

@@ -27,7 +27,12 @@ export default defineNuxtPlugin((nuxtApp) => {
   if (!configuredClients.auth) {
     registerLightClient("auth", createClient(getApiBase()));
   }
-  setApiClient(useLightClient());
+  const authClient = useLightClient();
+  setApiClient(authClient);
+  for (const [name, config] of Object.entries(configuredClients)) {
+    if (name === "auth" || typeof config === "string" || !config.audience) continue;
+    useLightClient(name).useAudience(authClient, config.audience);
+  }
   defineModel("Permission", {}).setDataPath("app.listPermission");
   defineModel("SystemValue", {}).setDataPath("app.listSystemValue");
   defineModel("Config", {}).setDataPath("app.listConfig");

package/dist/runtime/utils/formClient.d.ts

@@ -0,0 +1,4 @@
+export interface FormClientContext {
+    client?: string;
+}
+export declare function getFormClient(context: FormClientContext): string;

package/dist/runtime/utils/formClient.js

@@ -0,0 +1,3 @@
+export function getFormClient(context) {
+  return context.client || "auth";
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.76.0",
+  "version": "1.77.2",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",
@@ -38,7 +38,7 @@
     "@formkit/inputs": "^2.1.2",
     "@formkit/validation": "^2.1.2",
     "@formkit/vue": "^2.1.2",
-    "@hostlink/light": "^3.3.1",
+    "@hostlink/light": "^3.4.0",
     "@nuxt/module-builder": "^1.0.1",
     "@quasar/extras": "^2.0.2",
     "@quasar/quasar-ui-qmarkdown": "^3.0.1",