chore: update deps (#305)

* chore: update deps

* chore: update deps for apps/docs

* chore: update landing-page deps

* chore: update monorepo deps

* chore: add astro as dep to config

* chore: update package lock

* fix: tailwind import on landing-page

* chore: type module

* chore: remove ci run for node 16

* chore: ci run ci

* chore: remove astro check from ci

* chore: remove lint check from ci

* fix: tailwindcss import

* fix: check errors on apps

* chore: fix npm run check

* chore: updat emonorepo deps

* chore: not a module

* chore: use astro-iconify instead

* chore: update prettier

* chore: use prettier formatter

* chore: update lint deps

* chore: run lint on ci

* chore: add changeset

.changeset/proud-clocks-stare.md

@@ -0,0 +1,10 @@
+---
+"@astro-reactive/validator": minor
+"@astro-reactive/landing-page": minor
+"@astro-reactive/common": minor
+"@astro-reactive/form": minor
+"@astro-reactive/demo": minor
+"@astro-reactive/docs": minor
+---
+
+Support Astro 3

.github/workflows/build-and-test.yml

@@ -15,7 +15,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x, 18.x]
+        node-version: [18.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:
@@ -25,7 +25,7 @@ jobs:
         with:
           node-version: ${{ matrix.node-version }}
           cache: "npm"
-      - run: npm i --force
+      - run: npm ci 
       - run: npm run check
       - run: npm run test
       - run: npm run lint

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

.vscode/settings.json

@@ -4,5 +4,8 @@
     "source.fixAll": true
   },
   "cSpell.words": ["Astro", "maxlength"],
-  "prettier.documentSelectors": ["**/*.astro"]
+  "prettier.documentSelectors": ["**/*.astro"],
+  "[astro]": {
+    "editor.defaultFormatter": "astro-build.astro-vscode"
+  }
 }

apps/demo/.prettierrc.cjs

@@ -6,12 +6,13 @@ module.exports = {
   tabWidth: 2,
   trailingComma: 'es5',
   useTabs: true,
-  plugins: ['../../node_modules/prettier-plugin-astro'],
+  plugins: ['prettier-plugin-astro'],
   overrides: [
     {
       files: '*.astro',
       options: {
         parser: 'astro',
+        astroAllowShorthand: false,
       },
     },
     {

apps/demo/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@astro-reactive/demo",
   "description": "Demo App for Astro Reactive Library",
-  "type": "module",
   "version": "0.0.2",
   "author": "astro-reactive",
   "private": true,
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
-    "check": "astro check && tsc --noEmit && astro build",
+    "check": "astro check",
     "build": "astro build",
     "preview": "astro preview",
     "astro": "astro",
@@ -20,7 +19,9 @@
   "dependencies": {
     "@astro-reactive/form": "*",
     "@astro-reactive/validator": "*",
-    "astro": "^2.1.3"
+    "@astrojs/check": "^0.2.0",
+    "astro": "^3.1.2",
+    "typescript": "^5.2.2"
   },
   "main": "index.js",
   "repository": {
@@ -35,11 +36,11 @@
   "devDependencies": {
     "@astro-reactive/eslint-config-custom": "*",
     "@astro-reactive/tsconfig": "*",
-    "@types/eslint": "^8.4.10",
+    "@types/eslint": "^8.44.3",
-    "@types/prettier": "^2.7.2",
+    "@types/prettier": "^3.0.0",
-    "eslint": "^8.31.0",
+    "eslint": "^8.50.0",
-    "prettier": "^2.8.3",
+    "prettier": "^3.0.3",
-    "prettier-plugin-astro": "^0.7.2",
+    "prettier-plugin-astro": "^0.12.0",
-    "rimraf": "^3.0.2"
+    "rimraf": "^5.0.1"
   }
 }

apps/demo/src/pages/index.astro

@@ -1,6 +1,7 @@
 ---
-import Form, { ControlConfig, FormGroup, FormControl } from '@astro-reactive/form';
+import Form, { FormGroup, FormControl } from '@astro-reactive/form';
-import type { Submit } from '@astro-reactive/common/types';
+import type { ControlConfig } from '@astro-reactive/form';
+import type { Submit } from '@astro-reactive/common';
 import { Validators } from '@astro-reactive/validator';
 import Layout from '../components/Layout.astro';
 

apps/demo/src/pages/job-application.astro

@@ -1,5 +1,6 @@
 ---
-import Form, { ControlConfig, FormControl, FormGroup } from '@astro-reactive/form';
+import Form, { FormControl, FormGroup } from '@astro-reactive/form';
+import type { ControlConfig } from '@astro-reactive/form';
 import { Validators } from '@astro-reactive/validator';
 import type { Submit } from '@astro-reactive/common';
 import Layout from '../components/Layout.astro';

apps/demo/tsconfig.json

@@ -1,3 +1,6 @@
 {
-  "extends": "@astro-reactive/tsconfig/base.json"
+  "extends": "@astro-reactive/tsconfig/base.json",
+  "compilerOptions": {
+    "skipLibCheck": true
+  }
 }

apps/docs/.prettierrc.cjs

@@ -6,7 +6,7 @@ module.exports = {
   tabWidth: 2,
   trailingComma: "es5",
   useTabs: true,
-  plugins: ["../../node_modules/prettier-plugin-astro"],
+  plugins: ['prettier-plugin-astro'],
   overrides: [
     {
       files: "*.astro",

apps/docs/package.json

@@ -7,7 +7,7 @@
     "dev": "astro dev",
     "start": "astro dev",
     "docs": "astro dev",
-    "check": "astro check && tsc --noEmit && astro build",
+    "check": "astro check",
     "build": "astro build",
     "preview": "astro preview",
     "astro": "astro",
@@ -17,18 +17,18 @@
     "clean": "rimraf node_modules .turbo dist"
   },
   "dependencies": {
-    "@algolia/client-search": "^4.13.1",
+    "@algolia/client-search": "^4.20.0",
-    "@astrojs/preact": "^1.1.1",
+    "@astrojs/preact": "^3.0.0",
-    "@astrojs/react": "^1.1.4",
+    "@astrojs/react": "^3.0.2",
-    "@docsearch/css": "^3.1.0",
+    "@docsearch/css": "^3.5.2",
-    "@docsearch/react": "^3.1.0",
+    "@docsearch/react": "^3.5.2",
-    "@types/node": "^18.0.0",
+    "@types/node": "^20.6.5",
-    "@types/react": "^18.0.24",
+    "@types/react": "^18.2.22",
-    "@types/react-dom": "^18.0.0",
+    "@types/react-dom": "^18.2.7",
-    "astro": "^2.1.3",
+    "astro": "^3.1.2",
-    "preact": "^10.7.3",
+    "preact": "^10.17.1",
-    "react": "^18.1.0",
+    "react": "^18.2.0",
-    "react-dom": "^18.1.0"
+    "react-dom": "^18.2.0"
   },
   "description": "```bash npm create astro@latest -- --template docs ```",
   "main": "index.js",
@@ -45,11 +45,11 @@
   "devDependencies": {
     "@astro-reactive/eslint-config-custom": "*",
     "@astro-reactive/tsconfig": "*",
-    "@types/eslint": "^8.4.10",
+    "@types/eslint": "^8.44.3",
-    "@types/prettier": "^2.7.2",
+    "@types/prettier": "^2.7.3",
-    "eslint": "^8.31.0",
+    "eslint": "^8.50.0",
-    "prettier": "^2.8.3",
+    "prettier": "^3.0.3",
-    "prettier-plugin-astro": "^0.7.2",
+    "prettier-plugin-astro": "^0.12.0",
     "rimraf": "^3.0.2"
   }
 }

apps/docs/src/components/HeadSEO.astro

@@ -1,5 +1,6 @@
 ---
-import { SITE, OPEN_GRAPH, Frontmatter } from '../config';
+import { SITE, OPEN_GRAPH } from '../config';
+import type { Frontmatter } from '../config';
 
 export interface Props {
 	frontmatter: Frontmatter;

apps/landing-page/.prettierrc.cjs

@@ -6,7 +6,7 @@ module.exports = {
   tabWidth: 2,
   trailingComma: 'es5',
   useTabs: true,
-  plugins: ['../../node_modules/prettier-plugin-astro'],
+  plugins: ['prettier-plugin-astro'],
   overrides: [
     {
       files: '*.astro',

apps/landing-page/package.json

@@ -6,7 +6,7 @@
     "dev": "astro dev",
     "start": "astro dev",
     "landing-page": "astro dev",
-    "check": "astro check && tsc --noEmit && astro build",
+    "check": "astro check",
     "build": "astro build",
     "preview": "astro preview",
     "astro": "astro",
@@ -17,22 +17,22 @@
   },
   "devDependencies": {
     "@astro-reactive/eslint-config-custom": "*",
-    "@astrojs/tailwind": "^3.1.1",
+    "@astrojs/tailwind": "^5.0.0",
-    "@types/eslint": "^8.4.10",
+    "@types/eslint": "^8.44.3",
     "@types/micromodal": "^0.3.3",
-    "@types/prettier": "^2.7.2",
+    "@types/prettier": "^3.0.0",
-    "astro": "^2.1.3",
+    "astro": "^3.1.2",
-    "astro-icon": "^0.8.0",
+    "eslint": "^8.50.0",
-    "eslint": "^8.31.0",
+    "prettier": "^3.0.3",
-    "prettier": "^2.7.1",
+    "prettier-plugin-astro": "^0.12.0",
-    "prettier-plugin-astro": "^0.7.2",
+    "rimraf": "^5.0.1",
-    "rimraf": "^3.0.2",
     "tailwindcss-fluid-type": "^2.0.3"
   },
   "dependencies": {
     "@astro-reactive/tsconfig": "*",
+    "astro-iconify": "^1.2.0",
     "micromodal": "^0.4.10",
-    "tailwindcss": "^3.1.8"
+    "tailwindcss": "^3.3.3"
   },
   "description": "[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)",
   "main": "index.js",

apps/landing-page/src/components/astro-section.astro

@@ -1,5 +1,5 @@
 ---
-import { Icon } from "astro-icon";
+import { Icon } from "astro-iconify";
 // import Starfield from "~/components/starfield.astro";
 ---
 

apps/landing-page/src/components/copynpm.astro

@@ -1,5 +1,5 @@
 ---
-import { Icon } from 'astro-icon';
+import { Icon } from 'astro-iconify';
 ---
 
 <div

apps/landing-page/src/components/header.astro

@@ -1,5 +1,5 @@
 ---
-import { Icon } from 'astro-icon';
+import { Icon } from 'astro-iconify';
 // import ThemeSwitcher from "~/components/theme-switcher.astro";
 
 const socials = [

apps/landing-page/src/components/splash.astro

@@ -1,5 +1,5 @@
 ---
-import { Icon } from 'astro-icon';
+import { Icon } from 'astro-iconify';
 import Copynpm from '~/components/copynpm.astro';
 ---
 

apps/landing-page/src/components/theme-switcher.astro

@@ -1,5 +1,5 @@
 ---
-import { Icon } from "astro-icon";
+import { Icon } from "astro-iconify";
 ---
 
 <!--

apps/landing-page/src/pages/index.astro

@@ -1,7 +1,7 @@
 ---
 import '~/styles/index.css';
 import Header from '~/components/header.astro';
-// import Icon from "astro-icon";
+// import Icon from "astro-iconify";
 import Splash from '~/components/splash.astro';
 // import AstroSection from "~/sections/astro-section.astro";
 import Starfield from '~/components/starfield.astro';
@@ -32,8 +32,9 @@ const description =
 			rel="stylesheet"
 			href="https://fonts.googleapis.com/css2?family=Inter:wght@400;800&display=swap"
 			media="print"
-			onload="this.media='all'"
+			onload="th
-		/>
+			is.media=' a ll'"
+					/>
 		<noscript>
 			<link
 				rel="stylesheet"

apps/landing-page/tailwind.config.cjs

@@ -1,5 +1,4 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
+import * as defaultTheme from 'tailwindcss/defaultTheme';
-const defaultTheme = require('tailwindcss/defaultTheme');
 
 module.exports = {
 	content: ['./src/**/*.{astro,html,js,jsx,svelte,ts,tsx,vue}'],

configs/eslint-config/index.cjs

@@ -4,7 +4,7 @@ module.exports = {
     node: true,
   },
   parser: "@typescript-eslint/parser",
-  plugins: ["@typescript-eslint", "prettier"],
+  plugins: ["@typescript-eslint", "prettier",],
   extends: [
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",

configs/eslint-config/package.json

@@ -2,12 +2,13 @@
   "name": "@astro-reactive/eslint-config-custom",
   "main": "./index.cjs",
   "dependencies": {
-    "@types/eslint": "^8.4.10",
+    "@types/eslint": "^8.44.3",
-    "@typescript-eslint/eslint-plugin": "^5.48.1",
+    "@typescript-eslint/eslint-plugin": "^6.7.2",
-    "@typescript-eslint/parser": "^5.48.1",
+    "@typescript-eslint/parser": "^6.7.2",
-    "eslint": "^8.31.0",
+    "eslint": "^8.50.0",
-    "eslint-config-prettier": "^8.6.0",
+    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-prettier": "^5.0.0",
-    "prettier-plugin-astro": "^0.7.2"
+    "prettier": "^3.0.3",
+    "prettier-plugin-astro": "^0.12.0"
   }
 }

configs/tsconfig/package.json

@@ -1,3 +1,6 @@
 {
-  "name": "@astro-reactive/tsconfig"
+  "name": "@astro-reactive/tsconfig",
+  "dependencies": {
+    "astro": "^3.1.3"
+  }
 }

package.json

@@ -22,9 +22,6 @@
     "clean": "turbo clean",
     "test:watch": "turbo run test:watch",
     "test:coverage": "turbo run test:coverage",
-    "patch": "npm version patch -w",
-    "minor": "npm version minor -w",
-    "major": "npm version major -w",
     "publish": "turbo run lint build check test && npm publish --access public -w",
     "release": "node ./packages/pr-updater.js"
   },
@@ -35,15 +32,15 @@
     "configs/*"
   ],
   "dependencies": {
-    "@changesets/cli": "^2.26.0",
+    "@changesets/cli": "^2.26.2",
-    "prettier-plugin-astro": "^0.7.0",
+    "prettier": "^3.0.3",
-    "prompt-sync": "^4.2.0",
+    "prettier-plugin-astro": "^0.12.0",
-    "short-unique-id": "^4.4.4"
+    "prompt-sync": "^4.2.0"
   },
   "devDependencies": {
-    "@vitest/coverage-istanbul": "^0.28.3",
+    "@vitest/coverage-istanbul": "^0.34.5",
-    "eslint-config-turbo": "^0.0.4",
+    "eslint-config-turbo": "^1.10.14",
-    "rimraf": "^3.0.2",
+    "rimraf": "^5.0.1",
-    "turbo": "^1.7.1"
+    "turbo": "^1.10.14"
   }
 }

packages/common/package.json

@@ -4,9 +4,10 @@
   "description": "Common code for Astro Reactive Packages",
   "main": "index.ts",
   "types": "./types/index.ts",
+  "type": "module",
   "devDependencies": {
-    "rimraf": "^3.0.2",
+    "@astro-reactive/tsconfig": "*",
-    "@astro-reactive/tsconfig": "*"
+    "rimraf": "^3.0.2"
   },
   "exports": {
     ".": "./index.ts"
@@ -31,5 +32,8 @@
   "homepage": "https://astro-reactive.dev",
   "publishConfig": {
     "access": "public"
+  },
+  "dependencies": {
+    "astro": "^3.1.2"
   }
 }

packages/form/.prettierrc.cjs

@@ -6,7 +6,7 @@ module.exports = {
   tabWidth: 2,
   trailingComma: 'es5',
   useTabs: true,
-  plugins: ['../../node_modules/prettier-plugin-astro'],
+  plugins: ['prettier-plugin-astro'],
   overrides: [
     {
       files: '*.astro',

packages/form/package.json

@@ -26,7 +26,7 @@
     "format": "prettier -w .",
     "lint": "eslint . --ext .ts,.js",
     "lint:fix": "eslint --fix . --ext .ts,.js",
-    "check": "astro check && tsc --noEmit",
+    "check": "astro check",
     "clean": "rimraf node_modules .turbo dist"
   },
   "devDependencies": {
@@ -35,17 +35,17 @@
     "@types/eslint": "^8.4.6",
     "@types/node": "^18.7.18",
     "@types/prettier": "^2.7.0",
-    "astro": "^2.1.3",
+    "astro": "^3.1.2",
     "astro-component-tester": "^0.6.0",
     "eslint": "^8.23.1",
-    "prettier": "^2.7.1",
+    "prettier": "^3.0.3",
-    "prettier-plugin-astro": "^0.7.0",
+    "prettier-plugin-astro": "^0.12.0",
     "rimraf": "^3.0.2",
     "typescript": "^4.8.3",
     "vitest": "^0.25.2"
   },
   "peerDependencies": {
-    "astro": "^2.1.3"
+    "astro": "^3.1.2"
   },
   "license": "MIT",
   "dependencies": {

packages/validator/.prettierrc.cjs

@@ -6,7 +6,7 @@ module.exports = {
   tabWidth: 2,
   trailingComma: 'es5',
   useTabs: true,
-  plugins: ['../../node_modules/prettier-plugin-astro'],
+  plugins: ['prettier-plugin-astro'],
   overrides: [
     {
       files: '*.astro',

packages/validator/package.json

@@ -24,7 +24,7 @@
     "format": "prettier -w .",
     "lint": "eslint . --ext .ts,.js",
     "lint:fix": "eslint --fix . --ext .ts,.js",
-    "check": "astro check && tsc --noEmit",
+    "check": "astro check",
     "clean": "rimraf node_modules .turbo dist"
   },
   "devDependencies": {
@@ -33,17 +33,17 @@
     "@types/eslint": "^8.4.6",
     "@types/node": "^18.7.18",
     "@types/prettier": "^2.7.0",
-    "astro": "^2.1.3",
+    "astro": "^3.1.2",
     "astro-component-tester": "^0.6.0",
     "eslint": "^8.23.1",
-    "prettier": "^2.7.1",
+    "prettier": "^3.0.3",
-    "prettier-plugin-astro": "^0.7.0",
+    "prettier-plugin-astro": "^0.12.0",
     "rimraf": "^3.0.2",
     "typescript": "^4.8.3",
     "vitest": "^0.25.2"
   },
   "peerDependencies": {
-    "astro": "^2.1.3"
+    "astro": "^3.1.2"
   },
   "dependencies": {
     "@astro-reactive/common": "*"