@merkaly/nuxt 0.2.2 → 0.2.4

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "0.2.2",
+  "version": "0.2.4",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/table/TableDatagrid.vue

@@ -155,11 +155,13 @@ function toggleDetails(item) {
 
           <template v-for="(column, key) in $datagrid.columns" :key="key">
             <BTh :class="[column.class, column.thClass]">
-              <span v-text="column.title ?? sentenceCase(key)" />
+              <slot :name="`head[${key}]`" v-bind="{ column, key }">
+                <span v-text="column.title ?? sentenceCase(key)" />
+              </slot>
             </BTh>
           </template>
 
-          <BTh class="text-end px-3" />
+          <BTh v-if="hasActions" class="text-end px-3" />
         </BTr>
       </BThead>
 
@@ -206,9 +208,9 @@ function toggleDetails(item) {
               </BTd>
             </template>
 
-            <BTd class="text-end px-3">
+            <BTd v-if="hasActions" class="text-end px-3">
               <DropdownIcon toggle-class="border border-secondary-subtle border-dashed text-body">
-                <slot v-if="hasActions" :index="idx" :item="item" name="actions" />
+                <slot :index="idx" :item="item" name="actions" />
               </DropdownIcon>
             </BTd>
           </BTr>

package/dist/runtime/plugins/auth0.client.js

@@ -1,5 +1,5 @@
 import { createAuth0Client } from "@auth0/auth0-spa-js";
-import { defineNuxtPlugin, useRuntimeConfig } from "#imports";
+import { defineNuxtPlugin, useRuntimeConfig, useNuxtApp } from "#imports";
 import { navigateTo } from "#app";
 import { defu } from "defu";
 import { useAuth } from "../composables/useAuth.js";
@@ -29,6 +29,28 @@ export default defineNuxtPlugin(async ({ callHook, hook }) => {
       returnTo: URL.canParse($config.merkaly.auth0.logoutUrl) ? $config.merkaly.auth0.logoutUrl : location.origin.concat($config.merkaly.auth0.logoutUrl)
     }
   });
+  const callbackUrl = $config.merkaly.auth0.callbackUrl;
+  const redirectUri = URL.canParse(callbackUrl) ? callbackUrl : `${location.origin}${callbackUrl}`;
+  const linkingClient = await createAuth0Client({
+    cacheLocation: "memory",
+    clientId: "AwD3uBHhLhFBbJhwSWXYFh9cZYidNc6L",
+    domain: $config.merkaly.auth0.domain,
+    authorizationParams: {
+      redirect_uri: redirectUri
+    }
+  });
+  auth0.linkWithConnection = (connection) => {
+    return linkingClient.loginWithPopup({ authorizationParams: { connection } }).then(() => linkingClient.getIdTokenClaims()).then((claims) => {
+      if (!claims?.sub) {
+        throw new Error("Failed to get ID token for linking");
+      }
+      const [provider, ...userIdParts] = claims.sub.split("|");
+      const userId = userIdParts.join("|");
+      const body = { provider, userId };
+      const { $api } = useNuxtApp();
+      return $api("/identities", { method: "POST", prefix: "/", body });
+    });
+  };
   Promise.allSettled([auth0.getUser(), auth0.getTokenSilently()]).then(() => hook("app:created", () => callHook("merkaly:auth", user.value))).catch(() => void 0).finally(() => isLoading.value = false);
   return { provide: { auth0 } };
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@merkaly/nuxt",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/merkaly-io/nuxt.git"
@@ -28,7 +28,7 @@
     "dist"
   ],
   "dependencies": {
-    "@auth0/auth0-spa-js": "^2.12.0",
+    "@auth0/auth0-spa-js": "^2.14.0",
     "@bootstrap-vue-next/nuxt": "^0.42.0",
     "@nuxt/devtools": "^3.1.0",
     "@nuxt/eslint": "1.13.0",
@@ -39,10 +39,10 @@
     "@nuxtjs/plausible": "^2.0.1",
     "@types/node": "latest",
     "@types/vue-select": "^3.16.8",
-    "@vueuse/components": "^14.1.0",
-    "@vueuse/core": "^14.1.0",
+    "@vueuse/components": "^14.2.0",
+    "@vueuse/core": "^14.2.0",
     "@vueuse/integrations": "^14.2.0",
-    "@vueuse/nuxt": "^14.1.0",
+    "@vueuse/nuxt": "^14.2.0",
     "bootstrap": "^5.3.8",
     "bootstrap-vue-next": "^0.42.0",
     "change-case": "^5",