michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Automatically set up Preact DevTools in dev mode (#4515)

Browse source
This commit is contained in:
Marvin Hagemeister 2022-09-07 20:49:07 +02:00 • committed by GitHub
parent 98f242cdcd
commit 999250d651
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 18 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/brown-berries-eat.md Normal file
View file

@ -0,0 +1,5 @@
---
'@astrojs/preact': minor
---
Automatically set up Preact DevTools bridge when running `astro dev`.

4
packages/integrations/preact/client-dev.js Normal file
View file

@ -0,0 +1,4 @@
import "preact/debug"
import clientFn from "./client.js";
export default clientFn;

1
packages/integrations/preact/package.json
View file

@ -22,6 +22,7 @@
"exports": { "exports": {
".": "./dist/index.js", ".": "./dist/index.js",
"./client.js": "./client.js", "./client.js": "./client.js",
"./client-dev.js": "./client-dev.js",
"./server.js": "./server.js", "./server.js": "./server.js",
"./package.json": "./package.json" "./package.json": "./package.json"
}, },

15
packages/integrations/preact/src/index.ts
View file

@ -1,9 +1,9 @@
import { AstroIntegration, AstroRenderer, ViteUserConfig } from 'astro'; import { AstroIntegration, AstroRenderer, ViteUserConfig } from 'astro';
function getRenderer(): AstroRenderer { function getRenderer(development: boolean): AstroRenderer {
return { return {
name: '@astrojs/preact', name: '@astrojs/preact',
clientEntrypoint: '@astrojs/preact/client.js', clientEntrypoint: development ? '@astrojs/preact/client-dev.js' : '@astrojs/preact/client.js',
serverEntrypoint: '@astrojs/preact/server.js', serverEntrypoint: '@astrojs/preact/server.js',
jsxImportSource: 'preact', jsxImportSource: 'preact',
jsxTransformOptions: async () => { jsxTransformOptions: async () => {
@ -18,10 +18,10 @@ function getRenderer(): AstroRenderer {
}; };
} }
function getCompatRenderer(): AstroRenderer { function getCompatRenderer(development: boolean): AstroRenderer {
return { return {
name: '@astrojs/preact', name: '@astrojs/preact',
clientEntrypoint: '@astrojs/preact/client.js', clientEntrypoint: development ? '@astrojs/preact/client-dev.js' : '@astrojs/preact/client.js',
serverEntrypoint: '@astrojs/preact/server.js', serverEntrypoint: '@astrojs/preact/server.js',
jsxImportSource: 'react', jsxImportSource: 'react',
jsxTransformOptions: async () => { jsxTransformOptions: async () => {
@ -96,9 +96,10 @@ export default function ({ compat }: { compat?: boolean } = {}): AstroIntegratio
return { return {
name: '@astrojs/preact', name: '@astrojs/preact',
hooks: { hooks: {
'astro:config:setup': ({ addRenderer, updateConfig }) => { 'astro:config:setup': ({ addRenderer, updateConfig, command }) => {
if (compat) addRenderer(getCompatRenderer()); const development = command === 'dev';
addRenderer(getRenderer()); if (compat) addRenderer(getCompatRenderer(development));
addRenderer(getRenderer(development));
updateConfig({ updateConfig({
vite: getViteConfiguration(compat), vite: getViteConfiguration(compat),
}); });