chore: improve prettier setup (#169)

- We now use the shared `@sanity/prettier-config`
- All files are formatted
- Astro files as well

.github/workflows/lock.yml

@@ -7,7 +7,7 @@ on:
   pull_request:
     types: [closed]
   schedule:
-    - cron: '0 0 * * *'
+    - cron: "0 0 * * *"
   workflow_dispatch:
 
 permissions:

.github/workflows/prettier.yml

@@ -38,7 +38,7 @@ jobs:
           author: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
           body: I ran `npm run format` 🧑‍💻
           branch: actions/prettier
-          commit-message: 'chore(prettier): 🤖 ✨'
+          commit-message: "chore(prettier): 🤖 ✨"
           labels: 🤖 bot
-          title: 'chore(prettier): 🤖 ✨'
+          title: "chore(prettier): 🤖 ✨"
           token: ${{ steps.generate-token.outputs.token }}

.github/workflows/release-please.yml

@@ -37,7 +37,7 @@ jobs:
         with:
           cache: npm
           node-version: lts/*
-          registry-url: 'https://registry.npmjs.org'
+          registry-url: "https://registry.npmjs.org"
       - run: corepack enable && npm --version && npm ci --ignore-scripts && npm audit signatures
         if: ${{ steps.release.outputs.releases_created }}
       # Release Please has already incremented versions and published tags, so we just

.prettierer.cjs

@@ -0,0 +1,9 @@
+const preset = require("@sanity/prettier-config");
+
+/** @type {import("prettier").Config} */
+const config = {
+  ...preset,
+  plugins: [...preset.plugins, "prettier-plugin-astro"],
+};
+
+module.exports = config;

.prettierignore

@@ -1 +1,2 @@
+dist
 CHANGELOG.md

apps/example-ssr/astro.config.mjs

@@ -1,22 +1,22 @@
-import sanity from '@sanity/astro'
-import { defineConfig } from 'astro/config'
-import vercel from '@astrojs/vercel/serverless';
-import react from '@astrojs/react';
+import sanity from "@sanity/astro";
+import { defineConfig } from "astro/config";
+import vercel from "@astrojs/vercel/serverless";
+import react from "@astrojs/react";
 
 // https://astro.build/config
 export default defineConfig({
   integrations: [
     sanity({
-      projectId: '3do82whm',
-      dataset: 'next',
+      projectId: "3do82whm",
+      dataset: "next",
       // If you are doing static builds you may want opt out of the CDN
       useCdn: true,
       studioBasePath: "/admin",
     }),
     react(),
   ],
-  output: 'server',
+  output: "server",
   adapter: vercel({
     edgeMiddleware: true,
   }),
-})
+});

apps/example-ssr/src/components/NewsBar.jsx

@@ -9,7 +9,7 @@ export function NewsBar() {
   const [news, setNews] = useState({ message: "Loading news…" });
   const getNews = useCallback(async () => {
     const response = await sanityClient.fetch(
-      `*[_type == "sanityIoSettings"][0].banner`
+      `*[_type == "sanityIoSettings"][0].banner`,
     );
     setNews(response || { message: "no news" });
   }, [sanityClient]);

apps/example-ssr/tsconfig.json

@@ -1,3 +1,3 @@
 {
   "extends": "astro/tsconfigs/strict"
-}
+}

apps/example/astro.config.mjs

@@ -1,6 +1,6 @@
 import sanity from "@sanity/astro";
 import { defineConfig } from "astro/config";
-import react from '@astrojs/react';
+import react from "@astrojs/react";
 
 // https://astro.build/config
 export default defineConfig({
@@ -12,6 +12,6 @@ export default defineConfig({
       useCdn: false,
       studioBasePath: "/admin",
     }),
-    react()
+    react(),
   ],
 });

apps/example/src/components/NewsBar.jsx

@@ -9,7 +9,7 @@ export function NewsBar() {
   const [news, setNews] = useState({ message: "Loading news…" });
   const getNews = useCallback(async () => {
     const response = await sanityClient.fetch(
-      `*[_type == "sanityIoSettings"][0].banner`
+      `*[_type == "sanityIoSettings"][0].banner`,
     );
     setNews(response || { message: "no news" });
   }, [sanityClient]);

apps/example/tsconfig.json

@@ -1,3 +1,3 @@
 {
   "extends": "astro/tsconfigs/strict"
-}
+}