From 0903ef90494e9c8bd0272347a0cdd51eca7f4648 Mon Sep 17 00:00:00 2001 From: Alex Jet Date: Thu, 4 Jan 2024 18:01:08 +0700 Subject: [PATCH] feat: add preact-ssr-prepass (#9524) * feat: add preact-ssr-prepass * added more info to changelog * fix example in changelog * fix changelog description * fix tab in code of changelog * Update .changeset/blue-bobcats-remain.md --------- Co-authored-by: Florian Lefebvre --- .changeset/blue-bobcats-remain.md | 21 ++++ .../src/components/Counter.css | 4 - .../src/components/Counter.tsx | 8 +- .../src/components/Message.css | 3 + .../src/components/Message.tsx | 5 + .../preact-lazy-component/astro.config.mjs | 8 ++ .../preact-lazy-component/package.json | 11 ++ .../src/components/Counter.css | 11 ++ .../src/components/Counter.jsx | 25 ++++ .../src/components/CounterMessage.jsx | 5 + .../src/components/JSXComponent.jsx | 5 + .../src/components/Layout.astro | 4 + .../src/pages/index.astro | 37 ++++++ .../preact-lazy-component/src/pages/mdx.mdx | 29 +++++ .../astro/e2e/preact-lazy-component.test.js | 24 ++++ packages/integrations/preact/package.json | 3 +- packages/integrations/preact/src/server.ts | 37 +++--- pnpm-lock.yaml | 118 +++++++++++------- 18 files changed, 287 insertions(+), 71 deletions(-) create mode 100644 .changeset/blue-bobcats-remain.md create mode 100644 examples/framework-preact/src/components/Message.css create mode 100644 examples/framework-preact/src/components/Message.tsx create mode 100644 packages/astro/e2e/fixtures/preact-lazy-component/astro.config.mjs create mode 100644 packages/astro/e2e/fixtures/preact-lazy-component/package.json create mode 100644 packages/astro/e2e/fixtures/preact-lazy-component/src/components/Counter.css create mode 100644 packages/astro/e2e/fixtures/preact-lazy-component/src/components/Counter.jsx create mode 100644 packages/astro/e2e/fixtures/preact-lazy-component/src/components/CounterMessage.jsx create mode 100644 packages/astro/e2e/fixtures/preact-lazy-component/src/components/JSXComponent.jsx create mode 100644 packages/astro/e2e/fixtures/preact-lazy-component/src/components/Layout.astro create mode 100644 packages/astro/e2e/fixtures/preact-lazy-component/src/pages/index.astro create mode 100644 packages/astro/e2e/fixtures/preact-lazy-component/src/pages/mdx.mdx create mode 100644 packages/astro/e2e/preact-lazy-component.test.js diff --git a/.changeset/blue-bobcats-remain.md b/.changeset/blue-bobcats-remain.md new file mode 100644 index 0000000000..3562d49aef --- /dev/null +++ b/.changeset/blue-bobcats-remain.md @@ -0,0 +1,21 @@ +--- +"@astrojs/preact": minor +--- + +Allows rendering lazy components. + +You can now use [lazy components](https://preactjs.com/guide/v10/switching-to-preact/#suspense-experimental) with Suspense: + +``` jsx +import { lazy, Suspense } from 'preact/compat'; + +const HeavyComponent= lazy(() => import('./HeavyComponent')); + +const Component = () => { + return ( + Loading...

}> + + + ); +}; +``` diff --git a/examples/framework-preact/src/components/Counter.css b/examples/framework-preact/src/components/Counter.css index fb21044d78..656b19d42b 100644 --- a/examples/framework-preact/src/components/Counter.css +++ b/examples/framework-preact/src/components/Counter.css @@ -5,7 +5,3 @@ margin-top: 2em; place-items: center; } - -.counter-message { - text-align: center; -} diff --git a/examples/framework-preact/src/components/Counter.tsx b/examples/framework-preact/src/components/Counter.tsx index 5d702fb42e..f7db88c6d0 100644 --- a/examples/framework-preact/src/components/Counter.tsx +++ b/examples/framework-preact/src/components/Counter.tsx @@ -1,6 +1,10 @@ import { h, Fragment } from 'preact'; +import { lazy, Suspense } from 'preact/compat'; import './Counter.css'; +const Message = lazy(async () => import('./Message')); +const Fallback = () =>

Loading...

; + export default function Counter({ children, count }) { const add = () => count.value++; const subtract = () => count.value--; @@ -12,7 +16,9 @@ export default function Counter({ children, count }) { 
{count}
-
{children}
+ + {children} + ); } diff --git a/examples/framework-preact/src/components/Message.css b/examples/framework-preact/src/components/Message.css new file mode 100644 index 0000000000..71ffc2c310 --- /dev/null +++ b/examples/framework-preact/src/components/Message.css @@ -0,0 +1,3 @@ +.message { + text-align: center; +} diff --git a/examples/framework-preact/src/components/Message.tsx b/examples/framework-preact/src/components/Message.tsx new file mode 100644 index 0000000000..2ae48d04b0 --- /dev/null +++ b/examples/framework-preact/src/components/Message.tsx @@ -0,0 +1,5 @@ +import './Message.css'; + +export default function Message({ children }) { + return
{children}
; +} diff --git a/packages/astro/e2e/fixtures/preact-lazy-component/astro.config.mjs b/packages/astro/e2e/fixtures/preact-lazy-component/astro.config.mjs new file mode 100644 index 0000000000..7a8aef5214 --- /dev/null +++ b/packages/astro/e2e/fixtures/preact-lazy-component/astro.config.mjs @@ -0,0 +1,8 @@ +import { defineConfig } from 'astro/config'; +import preact from '@astrojs/preact'; +import mdx from '@astrojs/mdx'; + +// https://astro.build/config +export default defineConfig({ + integrations: [preact(), mdx()], +}); diff --git a/packages/astro/e2e/fixtures/preact-lazy-component/package.json b/packages/astro/e2e/fixtures/preact-lazy-component/package.json new file mode 100644 index 0000000000..173c716625 --- /dev/null +++ b/packages/astro/e2e/fixtures/preact-lazy-component/package.json @@ -0,0 +1,11 @@ +{ + "name": "@e2e/preact-lazy-component", + "version": "0.0.0", + "private": true, + "dependencies": { + "@astrojs/mdx": "workspace:*", + "@astrojs/preact": "workspace:*", + "astro": "workspace:*", + "preact": "^10.15.1" + } +} diff --git a/packages/astro/e2e/fixtures/preact-lazy-component/src/components/Counter.css b/packages/astro/e2e/fixtures/preact-lazy-component/src/components/Counter.css new file mode 100644 index 0000000000..fb21044d78 --- /dev/null +++ b/packages/astro/e2e/fixtures/preact-lazy-component/src/components/Counter.css @@ -0,0 +1,11 @@ +.counter { + display: grid; + font-size: 2em; + grid-template-columns: repeat(3, minmax(0, 1fr)); + margin-top: 2em; + place-items: center; +} + +.counter-message { + text-align: center; +} diff --git a/packages/astro/e2e/fixtures/preact-lazy-component/src/components/Counter.jsx b/packages/astro/e2e/fixtures/preact-lazy-component/src/components/Counter.jsx new file mode 100644 index 0000000000..8b2a938ff7 --- /dev/null +++ b/packages/astro/e2e/fixtures/preact-lazy-component/src/components/Counter.jsx @@ -0,0 +1,25 @@ +import { h, Fragment } from 'preact'; +import { useState } from 'preact/hooks'; +import { Suspense, lazy } from 'preact/compat'; +import './Counter.css'; + +const LazyCounterMessage = lazy(() => import('./CounterMessage')) + +export default function Counter({ children, count: initialCount, id }) { + const [count, setCount] = useState(initialCount); + const add = () => setCount((i) => i + 1); + const subtract = () => setCount((i) => i - 1); + + return ( + <> +
+ + 
{count}
+ +
+ Load message...

}> + {children} + + + ); +} diff --git a/packages/astro/e2e/fixtures/preact-lazy-component/src/components/CounterMessage.jsx b/packages/astro/e2e/fixtures/preact-lazy-component/src/components/CounterMessage.jsx new file mode 100644 index 0000000000..376f4682fb --- /dev/null +++ b/packages/astro/e2e/fixtures/preact-lazy-component/src/components/CounterMessage.jsx @@ -0,0 +1,5 @@ +const CounterMessage = (props) => { + return
{props.children}
+} + +export default CounterMessage diff --git a/packages/astro/e2e/fixtures/preact-lazy-component/src/components/JSXComponent.jsx b/packages/astro/e2e/fixtures/preact-lazy-component/src/components/JSXComponent.jsx new file mode 100644 index 0000000000..16b98f6d41 --- /dev/null +++ b/packages/astro/e2e/fixtures/preact-lazy-component/src/components/JSXComponent.jsx @@ -0,0 +1,5 @@ +import { h } from 'preact'; + +export default function({ id }) { + return
Framework client:only component
+} diff --git a/packages/astro/e2e/fixtures/preact-lazy-component/src/components/Layout.astro b/packages/astro/e2e/fixtures/preact-lazy-component/src/components/Layout.astro new file mode 100644 index 0000000000..3c3cf4e4de --- /dev/null +++ b/packages/astro/e2e/fixtures/preact-lazy-component/src/components/Layout.astro @@ -0,0 +1,4 @@ + + Preact component + + diff --git a/packages/astro/e2e/fixtures/preact-lazy-component/src/pages/index.astro b/packages/astro/e2e/fixtures/preact-lazy-component/src/pages/index.astro new file mode 100644 index 0000000000..2fe26a5753 --- /dev/null +++ b/packages/astro/e2e/fixtures/preact-lazy-component/src/pages/index.astro @@ -0,0 +1,37 @@ +--- +import Counter from '../components/Counter.jsx'; +import PreactComponent from '../components/JSXComponent.jsx'; + +const someProps = { + count: 0, +}; +--- + + + + + + + +

Hello, server!

+ + + +

Hello, client:idle!

+ + + +

Hello, client:load!

+ + + +

Hello, client:visible!

+ + + +

Hello, client:media!

+ + + + + diff --git a/packages/astro/e2e/fixtures/preact-lazy-component/src/pages/mdx.mdx b/packages/astro/e2e/fixtures/preact-lazy-component/src/pages/mdx.mdx new file mode 100644 index 0000000000..0ba9615505 --- /dev/null +++ b/packages/astro/e2e/fixtures/preact-lazy-component/src/pages/mdx.mdx @@ -0,0 +1,29 @@ +export { default } from '../components/Layout.astro'; +import Counter from '../components/Counter.jsx'; +import PreactComponent from '../components/JSXComponent.jsx'; + +export const someProps = { + count: 0, +}; + + + # Hello, server! + + + + # Hello, client:idle! + + + + # Hello, client:load! + + + + # Hello, client:visible! + + + + # Hello, client:media! + + + diff --git a/packages/astro/e2e/preact-lazy-component.test.js b/packages/astro/e2e/preact-lazy-component.test.js new file mode 100644 index 0000000000..585d2d3473 --- /dev/null +++ b/packages/astro/e2e/preact-lazy-component.test.js @@ -0,0 +1,24 @@ +import { prepareTestFactory } from './shared-component-tests.js'; + +const { test, createTests } = prepareTestFactory({ root: './fixtures/preact-lazy-component/' }); + +const config = { + counterComponentFilePath: './src/components/Counter.jsx', + componentFilePath: './src/components/JSXComponent.jsx', +}; + +test.describe('Preact lazy components in Astro files', () => { + createTests({ + ...config, + pageUrl: '/', + pageSourceFilePath: './src/pages/index.astro', + }); +}); + +test.describe('Preact lazy components in MDX files', () => { + createTests({ + ...config, + pageUrl: '/mdx/', + pageSourceFilePath: './src/pages/mdx.mdx', + }); +}); diff --git a/packages/integrations/preact/package.json b/packages/integrations/preact/package.json index 80678b15e0..a172152ee6 100644 --- a/packages/integrations/preact/package.json +++ b/packages/integrations/preact/package.json @@ -40,7 +40,8 @@ "@preact/preset-vite": "^2.7.0", "@preact/signals": "^1.2.1", "babel-plugin-transform-hook-names": "^1.0.2", - "preact-render-to-string": "^6.3.1" + "preact-render-to-string": "^6.3.1", + "preact-ssr-prepass": "^1.2.1" }, "devDependencies": { "astro": "workspace:*", diff --git a/packages/integrations/preact/src/server.ts b/packages/integrations/preact/src/server.ts index bd9eda3aa3..99ed072e2f 100644 --- a/packages/integrations/preact/src/server.ts +++ b/packages/integrations/preact/src/server.ts @@ -1,5 +1,6 @@ import type { AstroComponentMetadata } from 'astro'; import { Component as BaseComponent, h, type VNode } from 'preact'; +import prepass from "preact-ssr-prepass"; import { render } from 'preact-render-to-string'; import { getContext } from './context.js'; import { restoreSignalsOnProps, serializeSignals } from './signals.js'; @@ -11,7 +12,7 @@ const slotName = (str: string) => str.trim().replace(/[-_]([a-z])/g, (_, w) => w let originalConsoleError: typeof console.error; let consoleFilterRefs = 0; -function check(this: RendererContext, Component: any, props: Record, children: any) { +async function check(this: RendererContext, Component: any, props: Record, children: any) { if (typeof Component !== 'function') return false; if (Component.name === 'QwikComponent') return false; @@ -23,7 +24,7 @@ function check(this: RendererContext, Component: any, props: Record try { try { - const { html } = renderToStaticMarkup.call(this, Component, props, children, undefined); + const { html } = await renderToStaticMarkup.call(this, Component, props, children, undefined); if (typeof html !== 'string') { return false; } @@ -45,7 +46,7 @@ function shouldHydrate(metadata: AstroComponentMetadata | undefined) { return metadata?.astroStaticSlot ? !!metadata.hydrate : true; } -function renderToStaticMarkup( +async function renderToStaticMarkup( this: RendererContext, Component: any, props: Record, @@ -72,22 +73,20 @@ function renderToStaticMarkup( const attrs: AstroPreactAttrs = {}; serializeSignals(ctx, props, attrs, propsMap); - const html = render( - h( - Component, - newProps, - children != null - ? h(StaticHtml, { - hydrate: shouldHydrate(metadata), - value: children, - }) - : children - ) as VNode - ); - return { - attrs, - html, - }; + const vNode: VNode = h( + Component, + newProps, + children != null + ? h(StaticHtml, { + hydrate: shouldHydrate(metadata), + value: children, + }) + : children + ) + + await prepass(vNode) + const html = render(vNode); + return { attrs, html }; } /** diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 7902ad244a..f4e7679b7a 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -32,10 +32,10 @@ importers: version: 18.19.4 '@typescript-eslint/eslint-plugin': specifier: ^6.11.0 - version: 6.16.0(@typescript-eslint/parser@6.16.0)(eslint@8.56.0)(typescript@5.2.2) + version: 6.17.0(@typescript-eslint/parser@6.17.0)(eslint@8.56.0)(typescript@5.2.2) '@typescript-eslint/parser': specifier: ^6.11.0 - version: 6.16.0(eslint@8.56.0)(typescript@5.2.2) + version: 6.17.0(eslint@8.56.0)(typescript@5.2.2) esbuild: specifier: ^0.19.6 version: 0.19.11 @@ -1430,6 +1430,21 @@ importers: specifier: ^10.19.2 version: 10.19.3 + packages/astro/e2e/fixtures/preact-lazy-component: + dependencies: + '@astrojs/mdx': + specifier: workspace:* + version: link:../../../../integrations/mdx + '@astrojs/preact': + specifier: workspace:* + version: link:../../../../integrations/preact + astro: + specifier: workspace:* + version: link:../../.. + preact: + specifier: ^10.15.1 + version: 10.19.3 + packages/astro/e2e/fixtures/prefetch: dependencies: astro: @@ -3859,7 +3874,7 @@ importers: version: 4.3.2 linkedom: specifier: ^0.16.4 - version: 0.16.5 + version: 0.16.6 mocha: specifier: ^10.2.0 version: 10.2.0 @@ -4061,7 +4076,7 @@ importers: version: 1.0.0-rc.12 linkedom: specifier: ^0.16.4 - version: 0.16.5 + version: 0.16.6 mdast-util-mdx: specifier: ^3.0.0 version: 3.0.0 @@ -4414,6 +4429,9 @@ importers: preact-render-to-string: specifier: ^6.3.1 version: 6.3.1(preact@10.19.3) + preact-ssr-prepass: + specifier: ^1.2.1 + version: 1.2.1(preact@10.19.3) devDependencies: astro: specifier: workspace:* @@ -4853,7 +4871,7 @@ importers: version: 1.0.0-rc.12 linkedom: specifier: ^0.16.4 - version: 0.16.5 + version: 0.16.6 mocha: specifier: ^10.2.0 version: 10.2.0 @@ -7684,8 +7702,8 @@ packages: resolution: {integrity: sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==} dev: true - /@typescript-eslint/eslint-plugin@6.16.0(@typescript-eslint/parser@6.16.0)(eslint@8.56.0)(typescript@5.2.2): - resolution: {integrity: sha512-O5f7Kv5o4dLWQtPX4ywPPa+v9G+1q1x8mz0Kr0pXUtKsevo+gIJHLkGc8RxaZWtP8RrhwhSNIWThnW42K9/0rQ==} + /@typescript-eslint/eslint-plugin@6.17.0(@typescript-eslint/parser@6.17.0)(eslint@8.56.0)(typescript@5.2.2): + resolution: {integrity: sha512-Vih/4xLXmY7V490dGwBQJTpIZxH4ZFH6eCVmQ4RFkB+wmaCTDAx4dtgoWwMNGKLkqRY1L6rPqzEbjorRnDo4rQ==} engines: {node: ^16.0.0 || >=18.0.0} peerDependencies: '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha @@ -7696,11 +7714,11 @@ packages: optional: true dependencies: '@eslint-community/regexpp': 4.10.0 - '@typescript-eslint/parser': 6.16.0(eslint@8.56.0)(typescript@5.2.2) - '@typescript-eslint/scope-manager': 6.16.0 - '@typescript-eslint/type-utils': 6.16.0(eslint@8.56.0)(typescript@5.2.2) - '@typescript-eslint/utils': 6.16.0(eslint@8.56.0)(typescript@5.2.2) - '@typescript-eslint/visitor-keys': 6.16.0 + '@typescript-eslint/parser': 6.17.0(eslint@8.56.0)(typescript@5.2.2) + '@typescript-eslint/scope-manager': 6.17.0 + '@typescript-eslint/type-utils': 6.17.0(eslint@8.56.0)(typescript@5.2.2) + '@typescript-eslint/utils': 6.17.0(eslint@8.56.0)(typescript@5.2.2) + '@typescript-eslint/visitor-keys': 6.17.0 debug: 4.3.4(supports-color@8.1.1) eslint: 8.56.0 graphemer: 1.4.0 @@ -7713,8 +7731,8 @@ packages: - supports-color dev: true - /@typescript-eslint/parser@6.16.0(eslint@8.56.0)(typescript@5.2.2): - resolution: {integrity: sha512-H2GM3eUo12HpKZU9njig3DF5zJ58ja6ahj1GoHEHOgQvYxzoFJJEvC1MQ7T2l9Ha+69ZSOn7RTxOdpC/y3ikMw==} + /@typescript-eslint/parser@6.17.0(eslint@8.56.0)(typescript@5.2.2): + resolution: {integrity: sha512-C4bBaX2orvhK+LlwrY8oWGmSl4WolCfYm513gEccdWZj0CwGadbIADb0FtVEcI+WzUyjyoBj2JRP8g25E6IB8A==} engines: {node: ^16.0.0 || >=18.0.0} peerDependencies: eslint: ^7.0.0 || ^8.0.0 @@ -7723,10 +7741,10 @@ packages: typescript: optional: true dependencies: - '@typescript-eslint/scope-manager': 6.16.0 - '@typescript-eslint/types': 6.16.0 - '@typescript-eslint/typescript-estree': 6.16.0(typescript@5.2.2) - '@typescript-eslint/visitor-keys': 6.16.0 + '@typescript-eslint/scope-manager': 6.17.0 + '@typescript-eslint/types': 6.17.0 + '@typescript-eslint/typescript-estree': 6.17.0(typescript@5.2.2) + '@typescript-eslint/visitor-keys': 6.17.0 debug: 4.3.4(supports-color@8.1.1) eslint: 8.56.0 typescript: 5.2.2 @@ -7734,16 +7752,16 @@ packages: - supports-color dev: true - /@typescript-eslint/scope-manager@6.16.0: - resolution: {integrity: sha512-0N7Y9DSPdaBQ3sqSCwlrm9zJwkpOuc6HYm7LpzLAPqBL7dmzAUimr4M29dMkOP/tEwvOCC/Cxo//yOfJD3HUiw==} + /@typescript-eslint/scope-manager@6.17.0: + resolution: {integrity: sha512-RX7a8lwgOi7am0k17NUO0+ZmMOX4PpjLtLRgLmT1d3lBYdWH4ssBUbwdmc5pdRX8rXon8v9x8vaoOSpkHfcXGA==} engines: {node: ^16.0.0 || >=18.0.0} dependencies: - '@typescript-eslint/types': 6.16.0 - '@typescript-eslint/visitor-keys': 6.16.0 + '@typescript-eslint/types': 6.17.0 + '@typescript-eslint/visitor-keys': 6.17.0 dev: true - /@typescript-eslint/type-utils@6.16.0(eslint@8.56.0)(typescript@5.2.2): - resolution: {integrity: sha512-ThmrEOcARmOnoyQfYkHw/DX2SEYBalVECmoldVuH6qagKROp/jMnfXpAU/pAIWub9c4YTxga+XwgAkoA0pxfmg==} + /@typescript-eslint/type-utils@6.17.0(eslint@8.56.0)(typescript@5.2.2): + resolution: {integrity: sha512-hDXcWmnbtn4P2B37ka3nil3yi3VCQO2QEB9gBiHJmQp5wmyQWqnjA85+ZcE8c4FqnaB6lBwMrPkgd4aBYz3iNg==} engines: {node: ^16.0.0 || >=18.0.0} peerDependencies: eslint: ^7.0.0 || ^8.0.0 @@ -7752,8 +7770,8 @@ packages: typescript: optional: true dependencies: - '@typescript-eslint/typescript-estree': 6.16.0(typescript@5.2.2) - '@typescript-eslint/utils': 6.16.0(eslint@8.56.0)(typescript@5.2.2) + '@typescript-eslint/typescript-estree': 6.17.0(typescript@5.2.2) + '@typescript-eslint/utils': 6.17.0(eslint@8.56.0)(typescript@5.2.2) debug: 4.3.4(supports-color@8.1.1) eslint: 8.56.0 ts-api-utils: 1.0.3(typescript@5.2.2) @@ -7762,13 +7780,13 @@ packages: - supports-color dev: true - /@typescript-eslint/types@6.16.0: - resolution: {integrity: sha512-hvDFpLEvTJoHutVl87+MG/c5C8I6LOgEx05zExTSJDEVU7hhR3jhV8M5zuggbdFCw98+HhZWPHZeKS97kS3JoQ==} + /@typescript-eslint/types@6.17.0: + resolution: {integrity: sha512-qRKs9tvc3a4RBcL/9PXtKSehI/q8wuU9xYJxe97WFxnzH8NWWtcW3ffNS+EWg8uPvIerhjsEZ+rHtDqOCiH57A==} engines: {node: ^16.0.0 || >=18.0.0} dev: true - /@typescript-eslint/typescript-estree@6.16.0(typescript@5.2.2): - resolution: {integrity: sha512-VTWZuixh/vr7nih6CfrdpmFNLEnoVBF1skfjdyGnNwXOH1SLeHItGdZDHhhAIzd3ACazyY2Fg76zuzOVTaknGA==} + /@typescript-eslint/typescript-estree@6.17.0(typescript@5.2.2): + resolution: {integrity: sha512-gVQe+SLdNPfjlJn5VNGhlOhrXz4cajwFd5kAgWtZ9dCZf4XJf8xmgCTLIqec7aha3JwgLI2CK6GY1043FRxZwg==} engines: {node: ^16.0.0 || >=18.0.0} peerDependencies: typescript: '*' @@ -7776,8 +7794,8 @@ packages: typescript: optional: true dependencies: - '@typescript-eslint/types': 6.16.0 - '@typescript-eslint/visitor-keys': 6.16.0 + '@typescript-eslint/types': 6.17.0 + '@typescript-eslint/visitor-keys': 6.17.0 debug: 4.3.4(supports-color@8.1.1) globby: 11.1.0 is-glob: 4.0.3 @@ -7789,8 +7807,8 @@ packages: - supports-color dev: true - /@typescript-eslint/utils@6.16.0(eslint@8.56.0)(typescript@5.2.2): - resolution: {integrity: sha512-T83QPKrBm6n//q9mv7oiSvy/Xq/7Hyw9SzSEhMHJwznEmQayfBM87+oAlkNAMEO7/MjIwKyOHgBJbxB0s7gx2A==} + /@typescript-eslint/utils@6.17.0(eslint@8.56.0)(typescript@5.2.2): + resolution: {integrity: sha512-LofsSPjN/ITNkzV47hxas2JCsNCEnGhVvocfyOcLzT9c/tSZE7SfhS/iWtzP1lKNOEfLhRTZz6xqI8N2RzweSQ==} engines: {node: ^16.0.0 || >=18.0.0} peerDependencies: eslint: ^7.0.0 || ^8.0.0 @@ -7798,9 +7816,9 @@ packages: '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0) '@types/json-schema': 7.0.15 '@types/semver': 7.5.6 - '@typescript-eslint/scope-manager': 6.16.0 - '@typescript-eslint/types': 6.16.0 - '@typescript-eslint/typescript-estree': 6.16.0(typescript@5.2.2) + '@typescript-eslint/scope-manager': 6.17.0 + '@typescript-eslint/types': 6.17.0 + '@typescript-eslint/typescript-estree': 6.17.0(typescript@5.2.2) eslint: 8.56.0 semver: 7.5.4 transitivePeerDependencies: @@ -7808,11 +7826,11 @@ packages: - typescript dev: true - /@typescript-eslint/visitor-keys@6.16.0: - resolution: {integrity: sha512-QSFQLruk7fhs91a/Ep/LqRdbJCZ1Rq03rqBdKT5Ky17Sz8zRLUksqIe9DW0pKtg/Z35/ztbLQ6qpOCN6rOC11A==} + /@typescript-eslint/visitor-keys@6.17.0: + resolution: {integrity: sha512-H6VwB/k3IuIeQOyYczyyKN8wH6ed8EwliaYHLxOIhyF0dYEIsN8+Bk3GE19qafeMKyZJJHP8+O1HiFhFLUNKSg==} engines: {node: ^16.0.0 || >=18.0.0} dependencies: - '@typescript-eslint/types': 6.16.0 + '@typescript-eslint/types': 6.17.0 eslint-visitor-keys: 3.4.3 dev: true @@ -11442,8 +11460,8 @@ packages: /lines-and-columns@1.2.4: resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==} - /linkedom@0.16.5: - resolution: {integrity: sha512-FtcuLuxDtlKWWilm5Z0HgmrfMwO0tOfC6tu47fRXj2/KGEeDSh4ihiDwFKZSbJj6zh520r8XZjZ7v2Jb30HAQA==} + /linkedom@0.16.6: + resolution: {integrity: sha512-vJ8oadtJe3DM4FNW15Fj5NLIJlJk+AOypoRxzq9prLx+gAKvHYcTfV98pzOoRkwx4ZvvYzqT1bcDKluHH72apg==} dependencies: css-select: 5.1.0 cssom: 0.5.0 @@ -13530,6 +13548,14 @@ packages: pretty-format: 3.8.0 dev: false + /preact-ssr-prepass@1.2.1(preact@10.19.3): + resolution: {integrity: sha512-bLgbUfy8nL+PZghAPpyk9MF+cmXjdwEnxYPaJBmwbzFQqzIz8dQVBqjwB60RqZ9So/vIf6BRfHCiwFGuMCyfbQ==} + peerDependencies: + preact: '>=10 || ^10.0.0-beta.0 || ^10.0.0-alpha.0' + dependencies: + preact: 10.19.3 + dev: false + /preact@10.19.3: resolution: {integrity: sha512-nHHTeFVBTHRGxJXKkKu5hT8C/YWBkPso4/Gad6xuj5dbptt9iF9NZr9pHbPhBrnT2klheu7mHTxTZ/LjwJiEiQ==} @@ -14914,8 +14940,8 @@ packages: resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==} dev: false - /svgo@3.1.0: - resolution: {integrity: sha512-R5SnNA89w1dYgNv570591F66v34b3eQShpIBcQtZtM5trJwm1VvxbIoMpRYY3ybTAutcKTLEmTsdnaknOHbiQA==} + /svgo@3.2.0: + resolution: {integrity: sha512-4PP6CMW/V7l/GmKRKzsLR8xxjdHTV4IMvhTnpuHwwBazSIlw5W/5SmPjN8Dwyt7lKbSJrRDgp4t9ph0HgChFBQ==} engines: {node: '>=14.0.0'} hasBin: true dependencies: @@ -15757,7 +15783,7 @@ packages: optional: true dependencies: '@vue/compiler-sfc': 3.4.3 - svgo: 3.1.0 + svgo: 3.2.0 dev: false /vite-svg-loader@5.0.1: @@ -15768,7 +15794,7 @@ packages: vue: optional: true dependencies: - svgo: 3.1.0 + svgo: 3.2.0 dev: false /vite@5.0.10(@types/node@18.19.4)(sass@1.69.6):