Merge pull request #148 from withastro/main

A890
akshit20421 · Mar 8, 2024 · 8ddd479 · 8ddd479
2 parents 5c90331 + dfdf6b3
commit 8ddd479
Show file tree

Hide file tree

Showing 217 changed files with 4,167 additions and 1,284 deletions.
diff --git a/.changeset/bright-students-worry.md b/.changeset/bright-students-worry.md
diff --git a/.changeset/brown-pets-clean.md b/.changeset/brown-pets-clean.md
@@ -0,0 +1,7 @@
+---
+"astro": minor
+---
+
+Allows middleware to run when a matching page or endpoint is not found. Previously, a `pages/404.astro` or `pages/[...catch-all].astro` route had to match to allow middleware. This is now not necessary.
+
+When a route does not match in SSR deployments, your adapter may show a platform-specific 404 page instead of running Astro's SSR code. In these cases, you may still need to add a `404.astro` or fallback route with spread params, or use a routing configuration option if your adapter provides one.
diff --git a/.changeset/calm-bags-deliver.md b/.changeset/calm-bags-deliver.md
@@ -0,0 +1,6 @@
+---
+"@astrojs/markdown-remark": minor
+"astro": minor
+---
+
+Allows passing any props to the `<Code />` component
diff --git a/.changeset/chilly-cherries-appear.md b/.changeset/chilly-cherries-appear.md
diff --git a/.changeset/cool-jobs-fetch.md b/.changeset/cool-jobs-fetch.md
@@ -0,0 +1,25 @@
+---
+"astro": minor
+---
+
+Adds a new `experimental.directRenderScript` configuration option which provides a more reliable strategy to prevent scripts from being executed in pages where they are not used. 
+
+This replaces the `experimental.optimizeHoistedScript` flag introduced in v2.10.4 to prevent unused components' scripts from being included in a page unexpectedly. That experimental option no longer exists and must be removed from your configuration, whether or not you enable `directRenderScript`:
+
+```diff
+// astro.config.mjs
+import { defineConfig } from 'astro/config';
+
+export default defineConfig({
+	experimental: {
+-		optimizeHoistedScript: true,
++		directRenderScript: true
+	}
+});
+```
+
+With `experimental.directRenderScript` configured, scripts are now directly rendered as declared in Astro files (including existing features like TypeScript, importing `node_modules`, and deduplicating scripts). You can also now conditionally render scripts in your Astro file.
+
+However, this means scripts are no longer hoisted to the `<head>` and multiple scripts on a page are no longer bundled together. If you enable this option, you should check that all your `<script>` tags behave as expected.
+
+This option will be enabled by default in Astro 5.0.
diff --git a/.changeset/curvy-hats-shave.md b/.changeset/curvy-hats-shave.md
@@ -0,0 +1,5 @@
+---
+"astro": minor
+---
+
+Stabilizes `markdown.shikiConfig.experimentalThemes` as `markdown.shikiConfig.themes`. No behaviour changes are made to this option.
diff --git a/.changeset/empty-bees-help.md b/.changeset/empty-bees-help.md
diff --git a/.changeset/fluffy-bobcats-arrive.md b/.changeset/fluffy-bobcats-arrive.md
diff --git a/.changeset/fluffy-readers-add.md b/.changeset/fluffy-readers-add.md
@@ -0,0 +1,26 @@
+---
+"@astrojs/internal-helpers": minor
+"astro": minor
+---
+
+Adds the option to pass an object to `build.assetsPrefix`. This allows for the use of multiple CDN prefixes based on the target file type.
+
+When passing an object to `build.assetsPrefix`, you must also specify a `fallback` domain to be used for all other file types not specified.
+
+Specify a file extension as the key (e.g. 'js', 'png') and the URL serving your assets of that file type as the value:
+
+```js
+// astro.config.mjs
+import { defineConfig } from "astro/config"
+
+export default defineConfig({
+    build: {
+        assetsPrefix: {
+            'js': "https://js.cdn.example.com",
+            'mjs': "https://js.cdn.example.com", // if you have .mjs files, you must add a new entry like this
+            'png': "https://images.cdn.example.com",
+            'fallback': "https://generic.cdn.example.com"
+        }
+    }
+})
+```
diff --git a/.changeset/hungry-needles-cough.md b/.changeset/hungry-needles-cough.md
@@ -0,0 +1,17 @@
+---
+"astro": minor
+---
+
+Adds support for emitting warning and info notifications from dev toolbar apps.
+
+When using the `toggle-notification` event, the severity can be specified through `detail.level`:
+
+```ts
+eventTarget.dispatchEvent(
+  new CustomEvent("toggle-notification", {
+    detail: {
+      level: "warning",
+    },
+  })
+);
+```
diff --git a/.changeset/khaki-elephants-hang.md b/.changeset/khaki-elephants-hang.md
@@ -0,0 +1,5 @@
+---
+"astro": minor
+---
+
+Adds the ability to set colors on all the included UI elements for dev toolbar apps. Previously, only badge and buttons could be customized.
diff --git a/.changeset/khaki-emus-wait.md b/.changeset/khaki-emus-wait.md
@@ -0,0 +1,5 @@
+---
+"astro": patch
+---
+
+Fixes an issue where some CLI commands attempted to directly read vite config files.
diff --git a/.changeset/lovely-nails-cough.md b/.changeset/lovely-nails-cough.md
@@ -0,0 +1,26 @@
+---
+"@astrojs/react": minor
+"astro": minor
+---
+
+Changes the default behavior of `transition:persist` to update the props of persisted islands upon navigation. Also adds a new view transitions option `transition:persist-props` (default: `false`) to prevent props from updating as needed.
+
+Islands which have the `transition:persist` property to keep their state when using the `<ViewTransitions />` router will now have their props updated upon navigation. This is useful in cases where the component relies on page-specific props, such as the current page title, which should update upon navigation.
+
+For example, the component below is set to persist across navigation. This component receives a `products` props and might have some internal state, such as which filters are applied:
+
+```astro
+<ProductListing transition:persist products={products} />
+```
+
+Upon navigation, this component persists, but the desired `products` might change, for example if you are visiting a category of products, or you are performing a search.
+
+Previously the props would not change on navigation, and your island would have to handle updating them externally, such as with API calls.
+
+With this change the props are now updated, while still preserving state.
+
+You can override this new default behavior on a per-component basis using `transition:persist-props=true` to persist both props and state during navigation:
+
+```astro
+<ProductListing transition:persist-props=true products={products} />
+```
diff --git a/.changeset/nine-trains-drop.md b/.changeset/nine-trains-drop.md
@@ -0,0 +1,5 @@
+---
+"astro": patch
+---
+
+Treeshakes unused Astro component scoped styles
diff --git a/.changeset/rare-coins-jump.md b/.changeset/rare-coins-jump.md
@@ -0,0 +1,9 @@
+---
+"astro": minor
+---
+
+Supports adding the `data-astro-rerun` attribute on script tags so that they will be re-executed after view transitions
+
+```html
+<script is:inline data-astro-rerun>...</script>
+```
diff --git a/.changeset/slimy-avocados-sniff.md b/.changeset/slimy-avocados-sniff.md
@@ -0,0 +1,5 @@
+---
+"astro": patch
+---
+
+Updates the base `tsconfig.json` preset with `jsx: 'preserve'` in order to fix errors when importing Astro files inside `.js` and `.ts` files.
diff --git a/.changeset/slow-items-heal.md b/.changeset/slow-items-heal.md
@@ -0,0 +1,44 @@
+---
+"astro": minor
+---
+
+Adds experimental JSON Schema support for content collections.
+
+This feature will auto-generate a JSON Schema for content collections of `type: 'data'` which can be used as the `$schema` value for TypeScript-style autocompletion/hints in tools like VSCode.
+
+To enable this feature, add the experimental flag:
+
+```diff
+import { defineConfig } from 'astro/config';
+
+export default defineConfig({
+	experimental: {
++		contentCollectionJsonSchema: true
+	}
+});
+```
+
+This experimental implementation requires you to manually reference the schema in each data entry file of the collection:
+
+```diff
+// src/content/test/entry.json
+{
++  "$schema": "../../../.astro/collections/test.schema.json",
+  "test": "test"
+}
+```
+
+Alternatively, you can set this in your [VSCode `json.schemas` settings](https://code.visualstudio.com/docs/languages/json#_json-schemas-and-settings):
+
+```diff
+"json.schemas": [
+  {
+    "fileMatch": [
+      "/src/content/test/**"
+    ],
+    "url": "../../../.astro/collections/test.schema.json"
+  }
+]
+```
+
+Note that this initial implementation uses a library with [known issues for advanced Zod schemas](https://github.com/StefanTerdell/zod-to-json-schema#known-issues), so you may wish to consult these limitations before enabling the experimental flag.
diff --git a/.changeset/thick-geckos-design.md b/.changeset/thick-geckos-design.md
diff --git a/.changeset/thin-chicken-greet.md b/.changeset/thin-chicken-greet.md
@@ -0,0 +1,6 @@
+---
+"@astrojs/markdown-remark": minor
+"astro": minor
+---
+
+Migrates `shikiji` to `shiki` 1.0
diff --git a/.changeset/thirty-beds-smoke.md b/.changeset/thirty-beds-smoke.md
@@ -0,0 +1,12 @@
+---
+"@astrojs/mdx": minor
+"@astrojs/markdown-remark": minor
+---
+
+Changes Astro's internal syntax highlighting to use rehype plugins instead of remark plugins. This provides better interoperability with other [rehype plugins](https://github.com/rehypejs/rehype/blob/main/doc/plugins.md#list-of-plugins) that deal with code blocks, in particular with third party syntax highlighting plugins and [`rehype-mermaid`](https://github.com/remcohaszing/rehype-mermaid).
+
+This may be a breaking change if you are currently using:
+- a remark plugin that relies on nodes of type `html`
+- a rehype plugin that depends on nodes of type `raw`. 
+
+Please review your rendered code samples carefully, and if necessary, consider using a rehype plugin that deals with the generated `element` nodes instead. You can transform the AST of raw HTML strings, or alternatively use [`hast-util-to-html`](https://github.com/syntax-tree/hast-util-to-html) to get a string from a `raw` node.
diff --git a/.changeset/two-ads-bathe.md b/.changeset/two-ads-bathe.md
@@ -0,0 +1,5 @@
+---
+"astro": minor
+---
+
+Adds support for page mutations to the audits in the dev toolbar. Astro will now rerun the audits whenever elements are added or deleted from the page.
diff --git a/.changeset/witty-wombats-attend.md b/.changeset/witty-wombats-attend.md
@@ -0,0 +1,5 @@
+---
+"astro": minor
+---
+
+Updates the UI for dev toolbar audits with new information
diff --git a/.github/workflows/check-merge.yml b/.github/workflows/check-merge.yml
@@ -1,6 +1,6 @@
 name: Check mergeability
 
-on: pull_request
+on: pull_request_target
 
 permissions:
   pull-requests: write
@@ -35,6 +35,7 @@ jobs:
       - uses: actions/checkout@v4
         if: steps.blocked.outputs.result != 'true'
         with:
+          repository: ${{ github.event.pull_request.head.repo.full_name }}
           fetch-depth: 0
 
       - name: Get changed files in the .changeset folder

diff --git a/SECURITY.md b/SECURITY.md
@@ -2,11 +2,11 @@
 
 ## Reporting a Vulnerability
 
-To report a security issue, please email security@astro.build with a detailed description of the issue, the steps you took to create the issue, affected versions, and, if known, mitigations for the issue.
+To report a security issue, please [open a security advisory](https://github.com/withastro/astro/security/advisories/new) on GitHub with a detailed description of the issue, the steps you took to create the issue, affected versions, and, if known, mitigations for the issue.
 
 Please remember to include everything required for us to reproduce the issue, including but not limited to a publicly accessible git repository and/or StackBlitz repository. All code samples shared with our Security team will only be used to verify and diagnose the issue and will not be publicly shared with anyone outside of Astro's teams. Astro's Security Team members may share information only within the Astro teams on a need-to-know basis to fix the related issue in Astro.
 
-Our Security team will acknowledge receiving your email within 3 working days.
+Our Security team will respond to the security advisory within 3 working days.
 
 <ins>**If you think you've found a security issue, please DO NOT report, discuss, or describe it on Discord, GitHub, or any other public forum; without prior contact and acknowledgment of Astro's Security team.**<ins>
 

diff --git a/examples/basics/package.json b/examples/basics/package.json
@@ -11,6 +11,6 @@
     "astro": "astro"
   },
   "dependencies": {
-    "astro": "^4.4.14"
+    "astro": "^4.4.15"
   }
 }
diff --git a/examples/blog/package.json b/examples/blog/package.json
@@ -14,6 +14,6 @@
     "@astrojs/mdx": "^2.1.1",
     "@astrojs/rss": "^4.0.5",
     "@astrojs/sitemap": "^3.1.1",
-    "astro": "^4.4.14"
+    "astro": "^4.4.15"
   }
 }
diff --git a/examples/component/package.json b/examples/component/package.json
@@ -15,7 +15,7 @@
   ],
   "scripts": {},
   "devDependencies": {
-    "astro": "^4.4.14"
+    "astro": "^4.4.15"
   },
   "peerDependencies": {
     "astro": "^4.0.0"

diff --git a/examples/framework-alpine/package.json b/examples/framework-alpine/package.json
@@ -14,6 +14,6 @@
     "@astrojs/alpinejs": "^0.4.0",
     "@types/alpinejs": "^3.13.5",
     "alpinejs": "^3.13.3",
-    "astro": "^4.4.14"
+    "astro": "^4.4.15"
   }
 }
diff --git a/examples/framework-lit/package.json b/examples/framework-lit/package.json
@@ -13,7 +13,7 @@
   "dependencies": {
     "@astrojs/lit": "^4.0.1",
     "@webcomponents/template-shadowroot": "^0.2.1",
-    "astro": "^4.4.14",
+    "astro": "^4.4.15",
     "lit": "^3.1.2"
   }
 }
diff --git a/examples/framework-multiple/package.json b/examples/framework-multiple/package.json
@@ -16,7 +16,7 @@
     "@astrojs/solid-js": "^4.0.1",
     "@astrojs/svelte": "^5.2.0",
     "@astrojs/vue": "^4.0.8",
-    "astro": "^4.4.14",
+    "astro": "^4.4.15",
     "preact": "^10.19.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/examples/framework-preact/package.json b/examples/framework-preact/package.json
@@ -13,7 +13,7 @@
   "dependencies": {
     "@astrojs/preact": "^3.1.1",
     "@preact/signals": "^1.2.1",
-    "astro": "^4.4.14",
+    "astro": "^4.4.15",
     "preact": "^10.19.2"
   }
 }
diff --git a/examples/framework-react/package.json b/examples/framework-react/package.json
@@ -14,7 +14,7 @@
     "@astrojs/react": "^3.0.10",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
-    "astro": "^4.4.14",
+    "astro": "^4.4.15",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   }

diff --git a/examples/framework-solid/package.json b/examples/framework-solid/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@astrojs/solid-js": "^4.0.1",
-    "astro": "^4.4.14",
+    "astro": "^4.4.15",
     "solid-js": "^1.8.5"
   }
 }
diff --git a/examples/framework-svelte/package.json b/examples/framework-svelte/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@astrojs/svelte": "^5.2.0",
-    "astro": "^4.4.14",
+    "astro": "^4.4.15",
     "svelte": "^4.2.5"
   }
 }
diff --git a/examples/framework-vue/package.json b/examples/framework-vue/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@astrojs/vue": "^4.0.8",
-    "astro": "^4.4.14",
+    "astro": "^4.4.15",
     "vue": "^3.3.8"
   }
 }