add another example site for @fujocoded/authproto

astro-authproto/__example_status__/.gitignore

@@ -0,0 +1,24 @@
+# build output
+dist/
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store
+
+# jetbrains setting folder
+.idea/

astro-authproto/__example_status__/README.md

@@ -0,0 +1,30 @@
+# How to use `@fujocoded/authproto` in practice!
+
+## Before you start
+
+Other than `@fujocoded/authproto`, you'll also need `@atproto/api` and `@atproto/common-web` to use the code in this example. You can install it with:
+
+```bash
+npm install @atproto/api @atproto/common-web
+```
+
+## In this example
+
+[The previous example](../__example__) showed how to log in and log out a user using `@fujocoded/authproto`. This example will show you show to create and list records. This will involve:
+
+- Creating an ATproto agent, which will interact with ATproto on your behalf. After following the [before you start](#before-you-start) section, you can check out (or copy) [`src/lib/atproto.ts`](./src/lib/atproto.ts) to see how to create the agent.
+- Use the ATproto agent to [list records from a collection](./src/components/Status.astro).
+- Pairing the ATproto agent with Astro actions to [create new records in a collections](./src/actions/index.ts).
+
+> [!NOTE]
+> To create, update, and delete records in your PDS, you'll need to set your OAuth scopes accordingly. `genericData` should be set to true under the `scopes` configuration option.
+
+For this example, we'll do a status update. You can write text and then display them on your PDS.
+
+![A simple form with a textbox that says 'happy! ^^'](./assets/form.png)
+
+You can use [PDSls](https://pdsls.dev/) to test it out! Search by the handle you used to log in.
+
+![A screenshot of the PDSls service where a record for 'xyz.statuscity.status' has been made](./assets/result.png)
+
+![A screenshot of the resulting statuses show up on the Astro demo website](./assets/display_result.png)

astro-authproto/__example_status__/astro.config.mjs

@@ -0,0 +1,21 @@
+// @ts-check
+import { defineConfig } from "astro/config";
+import authProto from "@fujocoded/authproto";
+
+// https://astro.build/config
+export default defineConfig({
+  output: "server",
+  session: {
+    driver: "memory",
+  },
+  integrations: [
+    authProto({
+      applicationName: "Authproto test",
+      applicationDomain: "fujocoded.com",
+      defaultDevUser: "essentialrandom.bsky.social",
+      scopes: {
+        genericData: true, // this is needed to create, update, or delete records from a PDS
+      },
+    }),
+  ],
+});