nuxt-atproto 0.0.1 → 0.0.3

package/README.md

@@ -59,16 +59,16 @@ defineNuxtConfig({
                 remote: '',
                 // configuration for the local client_metadata.json
                 local: {
-                    client_id: '',
-                    client_name: '',
-                    client_uri: '',
-                    logo_uri: '',
-                    tos_uri: '',
-                    policy_uri: '',
-                    redirect_uris: [''],
-                    scope: 'atproto',
-                    grant_types: [],
-                    response_types: [],
+                    client_id: 'https://nuxt-atproto.pages.dev/client-metadata.json',
+                    client_name: 'nuxt-atproto',
+                    client_uri: 'https://nuxt-atproto.pages.dev',
+                    logo_uri: 'https://nuxt-atproto.pages.dev/logo.png',
+                    tos_uri: 'https://nuxt-atproto.pages.dev',
+                    policy_uri: 'https://nuxt-atproto.pages.dev',
+                    redirect_uris: ['https://nuxt-atproto.pages.dev'],
+                    scope: "atproto transition:generic",
+                    grant_types: ["authorization_code", "refresh_token"],
+                    response_types: ["code"],
                     token_endpoint_auth_method: 'none',
                     application_type: 'web',
                     dpop_bound_access_tokens: true
@@ -244,13 +244,24 @@ const likedPost = await atproto.agent.account.likePost({cid, uri})
 console.log(likedPost.data)
 ```
 
+<br />
+
+## 🧩 useAgent(service?: string, fetch?: any)
+
+A composable provided by `nuxt-atproto` that offers methods for user authentication and session management, including authenticating, signing out and session restore.
+
+```html
+
+<script setup lang="ts">
+const agent = useAgent('public')
+</script>
+```
+
 **Parameters:**
 
-- `service` (optional): The base URL of the ATProto service.
+- `service` (optional): Choose between `public`, `private` or a custom service endpoint.
 - `fetch` (optional): A custom fetch implementation.
 
-**Returns:** An object with both public AtpAgent or authenticated account Agent.
-
 <br />
 
 ## License

package/dist/module.d.mts

@@ -30,7 +30,7 @@ interface AtprotoNuxtOptions {
         logo_uri: string
         tos_uri: string
         policy_uri: string
-        redirect_uris: [string, ...string[]]
+        redirect_uris: string[]
         scope: string
         grant_types: Array<any>
         response_types: Array<any>

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-atproto",
   "configKey": "atproto",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { mkdirSync, writeFileSync, rmSync } from 'node:fs';
+import { mkdirSync, writeFileSync } from 'node:fs';
 import { defineNuxtModule, createResolver, addImportsDir, addPlugin } from '@nuxt/kit';
 
 const module = defineNuxtModule({
@@ -23,7 +23,7 @@ const module = defineNuxtModule({
           logo_uri: "",
           tos_uri: "",
           policy_uri: "",
-          redirect_uris: [""],
+          redirect_uris: [],
           scope: "atproto",
           grant_types: [],
           response_types: [],
@@ -54,22 +54,19 @@ const module = defineNuxtModule({
       config.optimizeDeps.include.push("@atproto/oauth-client-browser");
       config.optimizeDeps.include.push("@atproto/api");
     });
-    if (!_options.oauth.clientMetadata.remote) {
-      try {
-        mkdirSync(publicDir, { recursive: true });
-      } catch (error) {
-        console.error("Failed creating /public/client-metadata.json", error);
-        return;
-      }
-      writeFileSync(
-        publicDir + "/client-metadata.json",
-        JSON.stringify(_options.oauth.clientMetadata.local, null, 2)
-      );
-    } else {
-      rmSync(publicDir + "/client-metadata.json");
+    try {
+      mkdirSync(publicDir, { recursive: true });
+    } catch (error) {
+      console.error("Failed creating /public/client-metadata.json", error);
+      return;
     }
+    writeFileSync(
+      publicDir + "/client-metadata.json",
+      JSON.stringify(_options.oauth.clientMetadata.local, null, 2)
+    );
     addImportsDir(resolve("./runtime/composables"));
-    addPlugin(resolve("./runtime/plugin.client"));
+    addImportsDir(resolve("./runtime/utils"));
+    addPlugin(resolve("./runtime/plugin"));
   }
 });
 

package/dist/runtime/composables/useAgent.d.ts

@@ -0,0 +1,8 @@
+import { Agent } from "@atproto/api";
+/**
+ * Provide AT Protocol agent
+ *
+ * @param service
+ * @param fetch
+ */
+export declare function useAgent(service: string, fetch?: any): Agent;

package/dist/runtime/composables/useAgent.js

@@ -0,0 +1,23 @@
+import { useNuxtApp, useRuntimeConfig } from "#app";
+import { Agent, AtpAgent } from "@atproto/api";
+export function useAgent(service, fetch) {
+  const runtimeConfig = useRuntimeConfig();
+  const { $atproto } = useNuxtApp();
+  switch (service) {
+    case "private":
+      if (!$atproto.session.value) {
+        throw new Error("Not authenticated");
+      }
+      return new Agent($atproto.session.value);
+    case "public":
+      return new AtpAgent({
+        service: runtimeConfig.public.atproto.serviceEndpoint.public,
+        fetch
+      });
+    default:
+      return new AtpAgent({
+        service,
+        fetch
+      });
+  }
+}

package/dist/runtime/composables/useAtproto.d.ts

@@ -0,0 +1,8 @@
+import type { OAuthSession } from '@atproto/oauth-client';
+export declare function useAtproto(service?: string, fetch?: any): {
+    signIn: (serviceEndpoint?: string, options?: any) => Promise<void>;
+    signInWithHandle: (handle?: string, options?: any) => Promise<void>;
+    signOut: () => Promise<void>;
+    restore: (did: string) => Promise<OAuthSession>;
+    agent: import("@atproto/api").Agent;
+};

package/dist/runtime/composables/useAtproto.js

@@ -1,6 +1,5 @@
-import { Agent, AtpAgent } from "@atproto/api";
 import { useRuntimeConfig, useNuxtApp } from "nuxt/app";
-import { reactive } from "vue";
+import { useAgent } from "./useAgent.js";
 export function useAtproto(service, fetch) {
   const runtimeConfig = useRuntimeConfig();
   async function signIn(serviceEndpoint = runtimeConfig.public.atproto.serviceEndpoint.private, options = runtimeConfig.public.atproto.oauth.signInOptions) {
@@ -48,21 +47,6 @@ export function useAtproto(service, fetch) {
       console.log("User signed out");
     }
   }
-  function useAgent(service2, fetch2) {
-    const { $atproto } = useNuxtApp();
-    const runtimeConfig2 = useRuntimeConfig();
-    if (!service2) {
-      service2 = runtimeConfig2.public.atproto.serviceEndpoint.public;
-    }
-    let accountAgent;
-    if ($atproto && $atproto.session.value) {
-      accountAgent = new Agent($atproto.session.value);
-    }
-    return reactive({
-      public: new AtpAgent({ service: service2, fetch: fetch2 }),
-      account: accountAgent
-    });
-  }
   const agent = useAgent(service, fetch);
   return {
     signIn,

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

@@ -0,0 +1,2 @@
+export declare function resolveActorDid(handle: string): Promise<string>;
+export declare function resolveActorServiceEndpoint(did: string): Promise<string>;

package/dist/runtime/utils/utilActor.js

@@ -0,0 +1,16 @@
+import { useAgent } from "../composables/useAgent.js";
+export async function resolveActorDid(handle) {
+  const agent = useAgent("public");
+  const { did } = await agent.com.atproto.identity.resolveHandle({
+    handle
+  }).then((result) => result.data);
+  return did;
+}
+export async function resolveActorServiceEndpoint(did) {
+  const response = await fetch(`https://plc.directory/${did}`);
+  if (!response.ok) {
+    throw new Error("Failed to fetch profile service endpoint");
+  }
+  const data = await response.json();
+  return data.service[0].serviceEndpoint;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-atproto",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Interact with AT Protocol and Bluesky in your Nuxt.js application",
   "keywords": [
     "nuxt",