Upgrade to Astro v3 (#610)

.changeset/purple-seahorses-pump.md

@@ -0,0 +1,5 @@
+---
+'@keystatic/astro': patch
+---
+
+Allow `astro@3` in `peerDependencies`

.changeset/yellow-pets-work.md

@@ -0,0 +1,5 @@
+---
+'@keystatic/templates-astro': patch
+---
+
+Upgrading template to Astro v3

dev-projects/astro-content/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@example/astro",
+  "name": "@example/astro-content",
   "type": "module",
   "version": "0.0.3",
   "private": true,
@@ -11,17 +11,17 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/markdoc": "^0.4.4",
-    "@astrojs/node": "^5.3.2",
-    "@astrojs/react": "^2.2.1",
-    "@astrojs/sitemap": "^2.0.1",
-    "@astrojs/tailwind": "^4.0.0",
+    "@astrojs/markdoc": "^0.5.0",
+    "@astrojs/node": "^6.0.0",
+    "@astrojs/react": "^3.0.0",
+    "@astrojs/sitemap": "^3.0.0",
+    "@astrojs/tailwind": "^5.0.0",
     "@keystatic/astro": "^1.0.0",
-    "@keystatic/core": "^0.1.0",
+    "@keystatic/core": "^0.1.2",
     "@tailwindcss/typography": "^0.5.9",
     "@types/react": "^18.2.8",
     "@types/react-dom": "^18.0.11",
-    "astro": "^2.10.5",
+    "astro": "^3.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tailwindcss": "^3.3.3"

dev-projects/astro/package.json

@@ -10,15 +10,15 @@
     "preview": "astro preview"
   },
   "dependencies": {
-    "@astrojs/node": "^5.3.2",
-    "@astrojs/react": "^2.2.1",
+    "@astrojs/node": "^6.0.0",
+    "@astrojs/react": "^3.0.0",
     "@braintree/sanitize-url": "^6.0.2",
     "@hapi/iron": "^7.0.0",
-    "@keystatic/astro": "^0.0.9",
-    "@keystatic/core": "^0.0.116",
+    "@keystatic/astro": "^1.0.0",
+    "@keystatic/core": "^0.1.2",
     "@types/react": "^18.2.8",
     "@types/react-dom": "^18.0.11",
-    "astro": "^2.10.5",
+    "astro": "^3.0.3",
     "cookie": "^0.5.0",
     "direction": "^2.0.1",
     "is-hotkey": "^0.2.0",

packages/astro/package.json

@@ -52,16 +52,16 @@
     "set-cookie-parser": "^2.5.1"
   },
   "devDependencies": {
-    "@keystatic/core": "^0.1.0",
+    "@keystatic/core": "^0.1.2",
     "@types/cookie": "^0.5.1",
     "@types/set-cookie-parser": "^2.4.2",
-    "astro": "^2.10.5",
+    "astro": "^3.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "peerDependencies": {
     "@keystatic/core": "*",
-    "astro": "2",
+    "astro": "2 || 3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

packages/keystatic/src/component-blocks/cloud-image-preview.tsx

@@ -10,7 +10,6 @@ import {
   ButtonGroup,
   ClearButton,
 } from '@keystar/ui/button';
-import { NotEditable, ObjectField, PreviewProps } from '@keystatic/core';
 import { Dialog, DialogContainer, DialogTrigger } from '@keystar/ui/dialog';
 import { Icon } from '@keystar/ui/icon';
 import { imageIcon } from '@keystar/ui/icon/icons/imageIcon';
@@ -30,6 +29,8 @@ import { useId } from '@keystar/ui/utils';
 import { useConfig } from '../app/shell/context';
 import { focusWithPreviousSelection } from '../form/fields/document/DocumentEditor/ui-utils';
 import { getSplitCloudProject, isCloudConfig } from '../app/utils';
+import { NotEditable } from '../form/fields/document/DocumentEditor/primitives';
+import { PreviewProps, ObjectField } from '..';
 
 export type CloudImageProps = {
   src: string;