Merge pull request #64 from teal-fm/prettier-format

prettier format & build fix

README.md

···
 
 Open http://localhost:3000/ with your browser to see the home page. You will need to login with Bluesky to test the posting functionality of the app. Note: if the redirect back to the app after you login isn't working correctly, you may need to replace the `127.0.0.1` with `localhost`.
 
-
 ### Running the full stack in docker for development
+
 _Still a work in progress and may have some hiccups_
 
-#### 1. Set up publicly accessible endpoints. 
+#### 1. Set up publicly accessible endpoints.
+
 It is recommended if you are running aqua to make a publicly accessible endpoint for the app to post to. You can do that a couple of ways:
 
-* Set up the traditional port forward on your router 
-* Use a tool like [ngrok](https://ngrok.com/) with the command `ngrok http 8080` or [Cloudflare tunnels](https://developers.cloudflare.com/cloudflare-one/connections/connect-networks/get-started/create-remote-tunnel/) (follow the 2a. portion of the guide when you get to that point).
+- Set up the traditional port forward on your router
+- Use a tool like [ngrok](https://ngrok.com/) with the command `ngrok http 8080` or [Cloudflare tunnels](https://developers.cloudflare.com/cloudflare-one/connections/connect-networks/get-started/create-remote-tunnel/) (follow the 2a. portion of the guide when you get to that point).
 
 If you do the cloudflare tunnels for amethyst as well,
 you will also need
···
 Although you can just run it locally and it will work.
 
 #### 2. Set up .envs
+
 1. copy [.env.template](.env.template) and name it [.env](.env). The docker build will pull everything from this `.env`. There are notes in the [.env.template](.env.template) on what some of the values should be.
 2. Follow the instructions in [piper](https://github.com/teal-fm/piper) to set up environment variables for the music scraper. But name it `.env.air`
 
 #### 3. Run docker
+
 1. Make sure docker and docker compose is installed
 2. It is recommended to run 'docker compose -f compose.dev.yml pull' to pull the latest remote images before running the docker compose command.
 3. Run `docker compose -f compose.dev.yml up -d`
 
-
 And that's it! You should have the full teal.fm stack running locally. Now if you are working on aqua you can do `docker container stop aqua-app` and run that locally during development while everything else is running in docker.
-

apps/amethyst/app/(tabs)/(stamp)/stamp/index.tsx

···
         }}
       />
       {/* Search Form */}
-      <View className="flex gap-2 max-w-2xl w-screen px-4">
-        <Text className="font-bold text-lg">Search for a track</Text>
+      <View className="flex w-screen max-w-2xl gap-2 px-4">
+        <Text className="text-lg font-bold">Search for a track</Text>
         <Input
           placeholder="Track name..."
           value={searchFields.track}
···
             }
           }}
         />
-        <View className="flex-row gap-2 mt-2">
+        <View className="mt-2 flex-row gap-2">
           <Button
             className="flex-1"
             onPress={handleSearch}

apps/amethyst/app/(tabs)/(stamp)/stamp/submit.tsx

···
+import { useContext, useEffect, useState } from "react";
+import { Image, Switch, View } from "react-native";
+import { Redirect, Stack, useRouter } from "expo-router";
 import { ExternalLink } from "@/components/ExternalLink";
 import VerticalPlayView from "@/components/play/verticalPlayView";
 import { Button } from "@/components/ui/button";
 import { Text } from "@/components/ui/text";
+import { Textarea } from "@/components/ui/textarea";
 import { MusicBrainzRecording, PlaySubmittedData } from "@/lib/oldStamp";
+import { cn } from "@/lib/utils";
 import { useStore } from "@/stores/mainStore";
 import {
   Agent,
···
   ComAtprotoRepoCreateRecord,
   RichText,
 } from "@atproto/api";
-import { Redirect, Stack, useRouter } from "expo-router";
-import { useContext, useEffect, useState } from "react";
-import { Image, Switch, View } from "react-native";
 
-import { Textarea } from "@/components/ui/textarea";
-import { cn } from "@/lib/utils";
 import { Artist } from "@teal/lexicons/src/types/fm/teal/alpha/feed/defs";
 import {
   Record as PlayRecord,
   validateRecord,
 } from "@teal/lexicons/src/types/fm/teal/alpha/feed/play";
+
 import { StampContext, StampContextValue, StampStep } from "./_layout";
 
 type CardyBResponse = {
···
           </Text>
         </View>
 
-        <View className="flex-col gap-4 items-center w-full">
+        <View className="w-full flex-col items-center gap-4">
           {blueskyEmbedCard && shareWithBluesky ? (
             <View className="w-full gap-2">
               <Text className="text-center text-sm text-muted-foreground">
···
             )
           )}
           {shareWithBluesky && (
-            <View className="text-sm text-muted-foreground w-full items-end">
+            <View className="w-full items-end text-sm text-muted-foreground">
               <Textarea
-                className="w-full p-2 pb-4 border border-border rounded-md text-card-foreground bg-card min-h-[100px] max-h-[200px]"
+                className="max-h-[200px] min-h-[100px] w-full rounded-md border border-border bg-card p-2 pb-4 text-card-foreground"
                 multiline
                 value={blueskyPostText}
                 onChangeText={setBlueskyPostText}
···
               />
               <Text
                 className={cn(
-                  "text-sm text-muted-foreground text-center absolute bottom-1 right-2",
+                  "absolute bottom-1 right-2 text-center text-sm text-muted-foreground",
                   blueskyPostText.length > 150
                     ? "text-gray-600 dark:text-gray-300"
                     : "",
···
               </Text>
             </View>
           )}
-          <View className="flex-row gap-2 items-center">
+          <View className="flex-row items-center gap-2">
             <Switch
               value={shareWithBluesky}
               onValueChange={setShareWithBluesky}

apps/amethyst/app/(tabs)/_layout.tsx

···
 import React from "react";
+import { Pressable } from "react-native";
+import { Link, Tabs } from "expo-router";
+import useIsMobile from "@/hooks/useIsMobile";
+//import useIsMobile from "@/hooks/useIsMobile";
+import { useStore } from "@/stores/mainStore";
 import {
   FilePen,
   Home,
···
   Settings,
   type LucideIcon,
 } from "lucide-react-native";
-import { Link, Tabs } from "expo-router";
-import { Pressable } from "react-native";
+import { useColorScheme } from "nativewind";
 
 import Colors from "../../constants/Colors";
 import { Icon, iconWithClassName } from "../../lib/icons/iconWithClassName";
-//import useIsMobile from "@/hooks/useIsMobile";
-import { useStore } from "@/stores/mainStore";
-import { useColorScheme } from "nativewind";
 import AuthOptions from "../auth/options";
-import useIsMobile from "@/hooks/useIsMobile";
 
 function TabBarIcon(props: { name: LucideIcon; color: string }) {
   const Name = props.name;

apps/amethyst/app/(tabs)/profile/[handle].tsx

···
+import { useEffect, useState } from "react";
+import { ActivityIndicator, ScrollView, View } from "react-native";
+import { Stack, useLocalSearchParams } from "expo-router";
 import ActorView from "@/components/actor/actorView";
 import { Text } from "@/components/ui/text";
 import { resolveHandle } from "@/lib/atp/pid";
 import { useStore } from "@/stores/mainStore";
-import { Stack, useLocalSearchParams } from "expo-router";
-import { useEffect, useState } from "react";
-import { ActivityIndicator, ScrollView, View } from "react-native";
 
 export default function Handle() {
   let { handle } = useLocalSearchParams();

apps/amethyst/app/(tabs)/settings/index.tsx

···
+import React, { useState } from "react";
+import { ScrollView, Switch, View } from "react-native";
+import { Link, Stack } from "expo-router";
 import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
 import { Text } from "@/components/ui/text";
 import { useColorScheme } from "@/lib/useColorScheme";
 import { cn } from "@/lib/utils";
-import { Link, Stack } from "expo-router";
-import React, { useState } from "react";
-import { ScrollView, Switch, View } from "react-native";
-
-import { Input } from "@/components/ui/input";
 import pkg from "@/package.json";
 import { useStore } from "@/stores/mainStore";
 
···
   return (
     <View className="items-start gap-2 pt-2">
       <Text className="text-base font-semibold">{text}</Text>
-      <View className="flex-row items-center justify-around gap-1 w-full bg-muted h-10 px-1 rounded-xl">
+      <View className="h-10 w-full flex-row items-center justify-around gap-1 rounded-xl bg-muted px-1">
         {values.map(({ label, value }) => (
           <Button
             key={value}
···
   return (
     <View className="items-start gap-2 pt-2">
       <Text className="text-base font-semibold">{labelText}</Text>
-      <View className="flex-row gap-2 w-full items-center">
+      <View className="w-full flex-row items-center gap-2">
         <Input
-          className="border border-muted-foreground/50 bg-transparent text-foreground h-10 w-full rounded-md px-3 py-2 text-base"
+          className="h-10 w-full rounded-md border border-muted-foreground/50 bg-transparent px-3 py-2 text-base text-foreground"
           value={inputValue}
           onChangeText={setInputValue} // Update internal state on change
           placeholder={placeholder}

apps/amethyst/app/+not-found.tsx

···
-import { Link, Stack } from "expo-router";
+import React from "react";
 import { StyleSheet, View } from "react-native";
+import { Link, Stack } from "expo-router";
 
-import React from "react";
 import { Text } from "../components/ui/text";
 
 export default function NotFoundScreen() {

apps/amethyst/app/_layout.tsx

···
 
 import "../global.css";
 
-import { BottomSheetModalProvider } from "@gorhom/bottom-sheet";
 import { SafeAreaView, View } from "react-native";
+import { BottomSheetModalProvider } from "@gorhom/bottom-sheet";
 
 let defaultFamily = (weight: string) => {
   return {
···
   }
 
   return (
-    <SafeAreaView className="flex-1 flex flex-row min-h-screen justify-center bg-background">
-      <View className="max-w-2xl flex flex-1 border-x bg-background border-muted-foreground/20">
+    <SafeAreaView className="flex min-h-screen flex-1 flex-row justify-center bg-background">
+      <View className="flex max-w-2xl flex-1 border-x border-muted-foreground/20 bg-background">
         <RootLayoutNav />
       </View>
     </SafeAreaView>

apps/amethyst/app/auth/login.tsx

···
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Text } from "@/components/ui/text";
-import { Icon } from "@/lib/icons/iconWithClassName";
-import { capFirstLetter, cn } from "@/lib/utils";
-import { Link, router, Stack } from "expo-router";
-import { openAuthSessionAsync } from "expo-web-browser";
-import { AlertCircle, AtSign, Check, ChevronRight } from "lucide-react-native";
 import React, { useCallback, useEffect, useRef, useState } from "react"; // Added useCallback, useRef
 import { Platform, TextInput, View } from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
-
-import { resolveFromIdentity } from "@/lib/atp/pid";
-import { useStore } from "@/stores/mainStore";
-
-import { FontAwesome6, MaterialCommunityIcons } from "@expo/vector-icons";
 import Animated, {
   interpolate,
   useAnimatedStyle,
   useSharedValue,
   withTiming,
 } from "react-native-reanimated";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { Link, router, Stack } from "expo-router";
+import { openAuthSessionAsync } from "expo-web-browser";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Text } from "@/components/ui/text";
+import { resolveFromIdentity } from "@/lib/atp/pid";
+import { Icon } from "@/lib/icons/iconWithClassName";
+import { capFirstLetter, cn } from "@/lib/utils";
+import { useStore } from "@/stores/mainStore";
+import { FontAwesome6, MaterialCommunityIcons } from "@expo/vector-icons";
+import { AlertCircle, AtSign, Check, ChevronRight } from "lucide-react-native";
 
 type Url = URL;
 
···
           headerShown: false,
         }}
       />
-      <View className="justify-center align-center p-8 gap-4 pb-32 max-w-lg w-screen">
+      <View className="align-center w-screen max-w-lg justify-center gap-4 p-8 pb-32">
         <View className="flex items-center">
           <Icon icon={AtSign} className="color-bsky" name="at" size={64} />
         </View>
···
           <Animated.View style={messageContainerAnimatedStyle}>
             <View
               className={cn(
-                "p-2 -mt-7 rounded-xl border border-border transition-all duration-300",
+                "-mt-7 rounded-xl border border-border p-2 transition-all duration-300",
                 isSelected ? "pt-9" : "pt-8",
                 pdsUrl !== null
                   ? pdsUrl.hostname.includes("bsky.network")
···
                 <Text>
                   PDS:{" "}
                   {pdsUrl.hostname.includes("bsky.network") && (
-                    <View className="gap-0.5 pr-0.5 flex-row">
+                    <View className="flex-row gap-0.5 pr-0.5">
                       <Icon
                         icon={FontAwesome6}
                         className="color-bsky"
···
                 <Text className="justify-baseline px-1">
                   <Icon
                     icon={AlertCircle}
-                    className="mr-1 inline -mt-0.5 text-xs"
+                    className="-mt-0.5 mr-1 inline text-xs"
                     size={24}
                   />
                   {pdsResolutionError}
                 </Text>
               ) : (
-                <Text className="text-muted-foreground px-1">
+                <Text className="px-1 text-muted-foreground">
                   Resolving PDS...
                 </Text>
               )}
             </View>
           </Animated.View>
         </View>
-        <View className="flex flex-row justify-between items-center">
+        <View className="flex flex-row items-center justify-between">
           <Link href="https://bsky.app/signup" asChild>
             <Button variant="link" className="p-0">
               <Text className="text-md text-secondary">

apps/amethyst/app/offline.tsx

···
 import { View } from "react-native";
+import { Link, Stack } from "expo-router";
 import { Text } from "@/components/ui/text";
 import { Icon } from "@/lib/icons/iconWithClassName";
 import { CloudOff } from "lucide-react-native";
-import { Link, Stack } from "expo-router";
 
 export default function Offline() {
   return (
-    <View className="flex-1 justify-center items-center gap-2">
+    <View className="flex-1 items-center justify-center gap-2">
       <Stack.Screen
         options={{
           title: "Can't Connect",
           headerBackButtonDisplayMode: "minimal",
         }}
       />
-      <View className="max-w-md justify-center items-center">
+      <View className="max-w-md items-center justify-center">
         <Icon icon={CloudOff} size={64} />
         <Text className="text-center">Oups! Can’t connect to teal.fm.</Text>
         <Text className="text-center">
           Try again in a few seconds, or you can change the AppView{" "}
           <Link href="/settings">
-            <Text className="text-blue-600 dark:text-blue-400 border-b border-border">
+            <Text className="border-b border-border text-blue-600 dark:text-blue-400">
               in Settings
             </Text>
           </Link>

apps/amethyst/components/play/actorPlaysView.tsx

···
-import { useStore } from "@/stores/mainStore";
-import { OutputSchema as ActorFeedResponse } from "@teal/lexicons/src/types/fm/teal/alpha/feed/getActorFeed";
 import { useEffect, useState } from "react";
 import { ScrollView } from "react-native";
 import { Text } from "@/components/ui/text";
-import PlayView from "./playView";
+import { useStore } from "@/stores/mainStore";
 import { Agent } from "@atproto/api";
+
+import { OutputSchema as ActorFeedResponse } from "@teal/lexicons/src/types/fm/teal/alpha/feed/getActorFeed";
+
+import PlayView from "./playView";
 
 interface ActorPlaysViewProps {
   repo: string | undefined;

apps/amethyst/components/play/playView.tsx

···
           {trackTitle}
         </Text>
         {artistName && (
-          <Text className="text-sm text-left text-foreground line-clamp-1 overflow-ellipsis">
+          <Text className="line-clamp-1 overflow-ellipsis text-left text-sm text-foreground">
             {artistName}
           </Text>
         )}
         {dateListened && (
-          <Text className="text-sm text-left text-muted-foreground line-clamp-1 overflow-ellipsis">
+          <Text className="line-clamp-1 overflow-ellipsis text-left text-sm text-muted-foreground">
             played {timeAgo(dateListened)}
           </Text>
         )}

apps/amethyst/components/ui/textarea.tsx

···
 import * as React from "react";
 import { TextInput, type TextInputProps } from "react-native";
+
 import { cn } from "~/lib/utils";
 
 const Textarea = React.forwardRef<
···
       <TextInput
         ref={ref}
         className={cn(
-          "font-sans web:flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base lg:text-sm native:text-lg native:leading-[1.25] text-foreground web:ring-offset-background placeholder:text-muted-foreground web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2",
+          "native:text-lg native:leading-[1.25] min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 font-sans text-base text-foreground placeholder:text-muted-foreground web:flex web:ring-offset-background web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 lg:text-sm",
           props.editable === false && "opacity-50 web:cursor-not-allowed",
           className,
         )}

apps/amethyst/readme.md

···
 
 set `EXPO_PUBLIC_DID_WEB` to the domain aqua is running on.
 For example if it's running at `aqua.teal.fm` it would be
-`EXPO_PUBLIC_DID_WEB=did:web:aqua.teal.fm`. This is how amethyst sends requests to the appview. 
+`EXPO_PUBLIC_DID_WEB=did:web:aqua.teal.fm`. This is how amethyst sends requests to the appview.
 
 TODO

apps/amethyst/stores/preferenceSlice.tsx

···
   return {
     colorTheme: "system",
     setColorTheme: (theme) => set({ colorTheme: theme }),
-    tealDid: process.env.EXPO_PUBLIC_DID_WEB ?? 'did:web:rina.z.teal.fm',
+    tealDid: process.env.EXPO_PUBLIC_DID_WEB ?? "did:web:rina.z.teal.fm",
     setTealDid: (url) => set({ tealDid: url }),
   };
 };

apps/aqua/src/index.ts

···
       (info) => {
         logger.info(
           `Listening on ${
-            info.address == '::1'
+            info.address == "::1"
               ? `http://${env.HOST}`
               : // TODO: below should probably be https://
                 // but i just want to ctrl click in the terminal

apps/aqua/src/lib/env.ts

···
-import dotenv from 'dotenv';
+import process from "node:process";
+import dotenv from "dotenv";
 import dotenvExpand from "dotenv-expand";
-import { cleanEnv, host, port, str, testOnly } from 'envalid';
-import process from 'node:process';
+import { cleanEnv, host, port, str, testOnly } from "envalid";
 
 dotenvExpand.expand(dotenv.config());
 // in case our .env file is in the root folder
-dotenvExpand.expand(dotenv.config({ path: './../../.env' }));
+dotenvExpand.expand(dotenv.config({ path: "./../../.env" }));
 
 export const env = cleanEnv(process.env, {
   NODE_ENV: str({

apps/aqua/src/xrpc/feed/getActorFeed.ts

···
 import { TealContext } from "@/ctx";
+import { and, desc, eq, lt, sql } from "drizzle-orm";
+
 import { artists, db, plays, playToArtists } from "@teal/db";
-import { eq, and, lt, desc, sql } from "drizzle-orm";
 import { OutputSchema } from "@teal/lexicons/src/types/fm/teal/alpha/feed/getActorFeed";
 
 export default async function getActorFeed(c: TealContext) {

apps/aqua/src/xrpc/route.ts

···
 import { EnvWithCtx } from "@/ctx";
 import { Hono } from "hono";
 import { logger } from "hono/logger";
-import getPlay from "./feed/getPlay";
-import getActorFeed from "./feed/getActorFeed";
+
 import getProfile from "./actor/getProfile";
 import searchActors from "./actor/searchActors";
+import getActorFeed from "./feed/getActorFeed";
+import getPlay from "./feed/getPlay";
 
 // mount this on /xrpc
 const app = new Hono<EnvWithCtx>();

package.json

···
     "fix": "biome lint --apply . && biome format --write . && biome check . --apply",
     "nuke": "rimraf node_modules */*/node_modules",
     "lex:gen-server": "turbo lex:gen-server",
-    "format": "prettier --write ."
-    "db:migrate": "cd ./packages/db && drizzle-kit migrate"=
+    "format": "prettier --write .",
+    "db:migrate": "cd ./packages/db && drizzle-kit migrate"
   },
   "dependencies": {
     "@atproto/oauth-client": "^0.3.8",

packages/db/.drizzle/meta/0006_snapshot.json

···
           "name": "play_to_artists_artist_mbid_artists_mbid_fk",
           "tableFrom": "play_to_artists",
           "tableTo": "artists",
-          "columnsFrom": [
-            "artist_mbid"
-          ],
-          "columnsTo": [
-            "mbid"
-          ],
+          "columnsFrom": ["artist_mbid"],
+          "columnsTo": ["mbid"],
           "onDelete": "no action",
           "onUpdate": "no action"
         },
···
           "name": "play_to_artists_play_uri_plays_uri_fk",
           "tableFrom": "play_to_artists",
           "tableTo": "plays",
-          "columnsFrom": [
-            "play_uri"
-          ],
-          "columnsTo": [
-            "uri"
-          ],
+          "columnsFrom": ["play_uri"],
+          "columnsTo": ["uri"],
           "onDelete": "no action",
           "onUpdate": "no action"
         }
···
       "compositePrimaryKeys": {
         "play_to_artists_play_uri_artist_mbid_pk": {
           "name": "play_to_artists_play_uri_artist_mbid_pk",
-          "columns": [
-            "play_uri",
-            "artist_mbid"
-          ]
+          "columns": ["play_uri", "artist_mbid"]
         }
       },
       "uniqueConstraints": {},
···
           "name": "plays_recording_mbid_recordings_mbid_fk",
           "tableFrom": "plays",
           "tableTo": "recordings",
-          "columnsFrom": [
-            "recording_mbid"
-          ],
-          "columnsTo": [
-            "mbid"
-          ],
+          "columnsFrom": ["recording_mbid"],
+          "columnsTo": ["mbid"],
           "onDelete": "no action",
           "onUpdate": "no action"
         },
···
           "name": "plays_release_mbid_releases_mbid_fk",
           "tableFrom": "plays",
           "tableTo": "releases",
-          "columnsFrom": [
-            "release_mbid"
-          ],
-          "columnsTo": [
-            "mbid"
-          ],
+          "columnsFrom": ["release_mbid"],
+          "columnsTo": ["mbid"],
           "onDelete": "no action",
           "onUpdate": "no action"
         }
···
     "schemas": {},
     "tables": {}
   }
-}
+}

packages/db/drizzle.config.ts

···
-import { defineConfig } from "drizzle-kit";
 import dotenv from "dotenv";
 import dotenvExpand from "dotenv-expand";
+import { defineConfig } from "drizzle-kit";
 
 //Loads from root .env
-dotenvExpand.expand(dotenv.config({ path: '../../.env' }));
+dotenvExpand.expand(dotenv.config({ path: "../../.env" }));
 //Or can be overridden by .env in the current folder
 dotenvExpand.expand(dotenv.config());
-
-
 
 export default defineConfig({
   dialect: "postgresql",

packages/lexicons/src/lexicons.ts

···
               description: "The unix timestamp of when the item was recorded",
             },
             expiry: {
-              type: 'string',
-              format: 'datetime',
+              type: "string",
+              format: "datetime",
               description:
-                'The unix timestamp of the expiry time of the item. If unavailable, default to 10 minutes past the start time.',
+                "The unix timestamp of the expiry time of the item. If unavailable, default to 10 minutes past the start time.",
             },
             item: {
               type: "ref",
···
       "This lexicon is in a not officially released state. It is subject to change. | Misc. items related to feeds.",
     defs: {
       playView: {
-        type: 'object',
-        required: ['trackName', 'artists'],
+        type: "object",
+        required: ["trackName", "artists"],
         properties: {
           trackName: {
             type: "string",
···
             description: "The length of the track in seconds",
           },
           artists: {
-            type: 'array',
+            type: "array",
             items: {
-              type: 'ref',
-              ref: 'lex:fm.teal.alpha.feed.defs#artist',
+              type: "ref",
+              ref: "lex:fm.teal.alpha.feed.defs#artist",
             },
-            description: 'Array of artists in order of original appearance.',
+            description: "Array of artists in order of original appearance.",
           },
           releaseName: {
             type: "string",
···
         },
       },
       artist: {
-        type: 'object',
-        required: ['artistName'],
+        type: "object",
+        required: ["artistName"],
         properties: {
           artistName: {
-            type: 'string',
+            type: "string",
             minLength: 1,
             maxLength: 256,
             maxGraphemes: 2560,
-            description: 'The name of the artist',
+            description: "The name of the artist",
           },
           artistMbId: {
-            type: 'string',
-            description: 'The Musicbrainz ID of the artist',
+            type: "string",
+            description: "The Musicbrainz ID of the artist",
           },
         },
       },
···
         type: "record",
         key: "tid",
         record: {
-          type: 'object',
-          required: ['trackName'],
+          type: "object",
+          required: ["trackName"],
           properties: {
             trackName: {
               type: "string",
···
                 "Array of Musicbrainz artist IDs. Prefer using 'artists'.",
             },
             artists: {
-              type: 'array',
+              type: "array",
               items: {
-                type: 'ref',
-                ref: 'lex:fm.teal.alpha.feed.defs#artist',
+                type: "ref",
+                ref: "lex:fm.teal.alpha.feed.defs#artist",
               },
-              description: 'Array of artists in order of original appearance.',
+              description: "Array of artists in order of original appearance.",
             },
             releaseName: {
               type: "string",

packages/lexicons/src/types/fm/teal/alpha/actor/status.ts

···
 
 export interface Record {
   /** The unix timestamp of when the item was recorded */
-  time: string
+  time: string;
   /** The unix timestamp of the expiry time of the item. If unavailable, default to 10 minutes past the start time. */
-  expiry?: string
-  item: FmTealAlphaFeedDefs.PlayView
-  [k: string]: unknown
+  expiry?: string;
+  item: FmTealAlphaFeedDefs.PlayView;
+  [k: string]: unknown;
 }
 
 export function isRecord(v: unknown): v is Record {

packages/lexicons/src/types/fm/teal/alpha/feed/defs.ts

···
   /** The Musicbrainz recording ID of the track */
   recordingMbId?: string;
   /** The length of the track in seconds */
-  duration?: number
+  duration?: number;
   /** Array of artists in order of original appearance. */
-  artists: Artist[]
+  artists: Artist[];
   /** The name of the release/album */
   releaseName?: string;
   /** The Musicbrainz release ID */
···
 
 export interface Artist {
   /** The name of the artist */
-  artistName: string
+  artistName: string;
   /** The Musicbrainz ID of the artist */
-  artistMbId?: string
-  [k: string]: unknown
+  artistMbId?: string;
+  [k: string]: unknown;
 }
 
 export function isArtist(v: unknown): v is Artist {
   return (
     isObj(v) &&
-    hasProp(v, '$type') &&
-    v.$type === 'fm.teal.alpha.feed.defs#artist'
-  )
+    hasProp(v, "$type") &&
+    v.$type === "fm.teal.alpha.feed.defs#artist"
+  );
 }
 
 export function validateArtist(v: unknown): ValidationResult {
-  return lexicons.validate('fm.teal.alpha.feed.defs#artist', v)
+  return lexicons.validate("fm.teal.alpha.feed.defs#artist", v);
 }

packages/lexicons/src/types/fm/teal/alpha/feed/play.ts

···
 /**
  * GENERATED CODE - DO NOT MODIFY
  */
-import { ValidationResult, BlobRef } from '@atproto/lexicon'
-import { lexicons } from '../../../../../lexicons'
-import { isObj, hasProp } from '../../../../../util'
-import { CID } from 'multiformats/cid'
-import * as FmTealAlphaFeedDefs from './defs'
+import { BlobRef, ValidationResult } from "@atproto/lexicon";
+import { CID } from "multiformats/cid";
+
+import { lexicons } from "../../../../../lexicons";
+import { hasProp, isObj } from "../../../../../util";
+import * as FmTealAlphaFeedDefs from "./defs";
 
 export interface Record {
   /** The name of the track */
···
   /** The Musicbrainz recording ID of the track */
   recordingMbId?: string;
   /** The length of the track in seconds */
-  duration?: number
+  duration?: number;
   /** Array of artist names in order of original appearance. Prefer using 'artists'. */
-  artistNames?: string[]
+  artistNames?: string[];
   /** Array of Musicbrainz artist IDs. Prefer using 'artists'. */
-  artistMbIds?: string[]
+  artistMbIds?: string[];
   /** Array of artists in order of original appearance. */
-  artists?: FmTealAlphaFeedDefs.Artist[]
+  artists?: FmTealAlphaFeedDefs.Artist[];
   /** The name of the release/album */
   releaseName?: string;
   /** The Musicbrainz release ID */

pnpm-lock.yaml

···
     devDependencies:
       '@types/node':
         specifier: ^20.17.6
-        version: 20.17.14
+        version: 20.17.10
       dotenv-expand:
         specifier: ^12.0.2
         version: 12.0.2