astro 1.0.6 → 1.0.7

package/dist/core/build/static-build.js

@@ -78,30 +78,27 @@ ${bgMagenta(black(" finalizing server assets "))}
   }
 }
 async function ssrBuild(opts, internals, input) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   const { astroConfig, viteConfig } = opts;
   const ssr = astroConfig.output === "server";
   const out = ssr ? opts.buildConfig.server : astroConfig.outDir;
   const viteBuildConfig = {
+    ...viteConfig,
     logLevel: opts.viteConfig.logLevel ?? "error",
     mode: "production",
-    css: viteConfig.css,
-    optimizeDeps: {
-      include: [...((_a = viteConfig.optimizeDeps) == null ? void 0 : _a.include) ?? []],
-      exclude: [...((_b = viteConfig.optimizeDeps) == null ? void 0 : _b.exclude) ?? []]
-    },
     build: {
       ...viteConfig.build,
       emptyOutDir: false,
       manifest: false,
       outDir: fileURLToPath(out),
       rollupOptions: {
+        ...(_a = viteConfig.build) == null ? void 0 : _a.rollupOptions,
         input: [],
         output: {
           format: "esm",
           chunkFileNames: "chunks/[name].[hash].mjs",
           assetFileNames: "assets/[name].[hash][extname]",
-          ...(_d = (_c = viteConfig.build) == null ? void 0 : _c.rollupOptions) == null ? void 0 : _d.output,
+          ...(_c = (_b = viteConfig.build) == null ? void 0 : _b.rollupOptions) == null ? void 0 : _c.output,
           entryFileNames: opts.buildConfig.serverEntry
         }
       },
@@ -125,12 +122,7 @@ async function ssrBuild(opts, internals, input) {
       vitePluginAnalyzer(internals)
     ],
     publicDir: ssr ? false : viteConfig.publicDir,
-    root: viteConfig.root,
-    envPrefix: "PUBLIC_",
-    server: viteConfig.server,
-    base: astroConfig.base,
-    ssr: viteConfig.ssr,
-    resolve: viteConfig.resolve
+    envPrefix: "PUBLIC_"
   };
   await runHookBuildSetup({
     config: astroConfig,
@@ -141,7 +133,7 @@ async function ssrBuild(opts, internals, input) {
   return await vite.build(viteBuildConfig);
 }
 async function clientBuild(opts, internals, input) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   const { astroConfig, viteConfig } = opts;
   const timer = performance.now();
   const ssr = astroConfig.output === "server";
@@ -155,26 +147,23 @@ async function clientBuild(opts, internals, input) {
   info(opts.logging, null, `
 ${bgGreen(black(" building client "))}`);
   const viteBuildConfig = {
+    ...viteConfig,
     logLevel: "info",
     mode: "production",
-    css: viteConfig.css,
-    optimizeDeps: {
-      include: [...((_a = viteConfig.optimizeDeps) == null ? void 0 : _a.include) ?? []],
-      exclude: [...((_b = viteConfig.optimizeDeps) == null ? void 0 : _b.exclude) ?? []]
-    },
     build: {
       ...viteConfig.build,
       emptyOutDir: false,
       minify: "esbuild",
       outDir: fileURLToPath(out),
       rollupOptions: {
+        ...(_a = viteConfig.build) == null ? void 0 : _a.rollupOptions,
         input: Array.from(input),
         output: {
           format: "esm",
           entryFileNames: "[name].[hash].js",
           chunkFileNames: "chunks/[name].[hash].js",
           assetFileNames: "assets/[name].[hash][extname]",
-          ...(_d = (_c = viteConfig.build) == null ? void 0 : _c.rollupOptions) == null ? void 0 : _d.output
+          ...(_c = (_b = viteConfig.build) == null ? void 0 : _b.rollupOptions) == null ? void 0 : _c.output
         },
         preserveEntrySignatures: "exports-only"
       },
@@ -191,11 +180,7 @@ ${bgGreen(black(" building client "))}`);
       }),
       ...viteConfig.plugins || []
     ],
-    publicDir: viteConfig.publicDir,
-    root: viteConfig.root,
-    envPrefix: "PUBLIC_",
-    server: viteConfig.server,
-    base: astroConfig.base
+    envPrefix: "PUBLIC_"
   };
   await runHookBuildSetup({
     config: astroConfig,

package/dist/core/config.js

@@ -218,7 +218,7 @@ function resolveFlags(flags) {
     port: typeof flags.port === "number" ? flags.port : void 0,
     config: typeof flags.config === "string" ? flags.config : void 0,
     host: typeof flags.host === "string" || typeof flags.host === "boolean" ? flags.host : void 0,
-    drafts: typeof flags.drafts === "boolean" ? flags.drafts : false
+    drafts: typeof flags.drafts === "boolean" ? flags.drafts : void 0
   };
 }
 function mergeCLIFlags(astroConfig, flags, cmd) {

package/dist/core/dev/index.js

@@ -46,7 +46,7 @@ async function dev(config, options) {
       https: !!((_a = viteConfig.server) == null ? void 0 : _a.https)
     })
   );
-  const currentVersion = "1.0.6";
+  const currentVersion = "1.0.7";
   if (currentVersion.includes("-")) {
     warn(options.logging, null, msg.prerelease({ currentVersion }));
   }

package/dist/core/errors.js

@@ -12,7 +12,7 @@ var AstroErrorCodes = /* @__PURE__ */ ((AstroErrorCodes2) => {
   return AstroErrorCodes2;
 })(AstroErrorCodes || {});
 function cleanErrorStack(stack) {
-  return stack.split(/\n/g).filter((l) => /^\s*at/.test(l)).map((l) => l.replace(/\/@fs\//g, "/")).join("\n");
+  return stack.split(/\n/g).map((l) => l.replace(/\/@fs\//g, "/")).join("\n");
 }
 function fixViteErrorMessage(_err, server, filePath) {
   var _a, _b;

package/dist/core/messages.js

@@ -15,7 +15,6 @@ import {
   yellow
 } from "kleur/colors";
 import os from "os";
-import { cleanErrorStack } from "./errors.js";
 import { emoji, getLocalAddress, padMultilineString } from "./util.js";
 const PREFIX_PADDING = 6;
 function req({
@@ -47,7 +46,7 @@ function devStart({
   https,
   site
 }) {
-  const version = "1.0.6";
+  const version = "1.0.7";
   const rootPath = site ? site.pathname : "/";
   const localPrefix = `${dim("\u2503")} Local    `;
   const networkPrefix = `${dim("\u2503")} Network  `;
@@ -190,10 +189,10 @@ function formatErrorMessage(err, args = []) {
     args.push(red(padMultilineString(err.frame, 4)));
   }
   if (args.length === 1 && err.stack) {
-    args.push(dim(cleanErrorStack(err.stack)));
+    args.push(dim(err.stack));
   } else if (err.stack) {
     args.push(`  ${bold("Stacktrace:")}`);
-    args.push(dim(cleanErrorStack(err.stack)));
+    args.push(dim(err.stack));
     args.push(``);
   }
   return args.join("\n");
@@ -226,7 +225,7 @@ function printHelp({
     message.push(
       linebreak(),
       `  ${bgGreen(black(` ${commandName} `))} ${green(
-        `v${"1.0.6"}`
+        `v${"1.0.7"}`
       )} ${headline}`
     );
   }

package/dist/core/util.js

@@ -5,7 +5,7 @@ import resolve from "resolve";
 import slash from "slash";
 import { fileURLToPath, pathToFileURL } from "url";
 import { prependForwardSlash, removeTrailingForwardSlash } from "./path.js";
-const ASTRO_VERSION = "1.0.6";
+const ASTRO_VERSION = "1.0.7";
 function isObject(value) {
   return typeof value === "object" && value != null;
 }

package/dist/runtime/client/idle.js

@@ -9,3 +9,4 @@
     setTimeout(cb, 200);
   }
 };
+window.dispatchEvent(new Event("astro:idle"));

package/dist/runtime/client/idle.prebuilt.js

@@ -1,4 +1,4 @@
-var idle_prebuilt_default = `(self.Astro=self.Astro||{}).idle=a=>{const e=async()=>{await(await a())()};"requestIdleCallback"in window?window.requestIdleCallback(e):setTimeout(e,200)};`;
+var idle_prebuilt_default = `(self.Astro=self.Astro||{}).idle=t=>{const e=async()=>{await(await t())()};"requestIdleCallback"in window?window.requestIdleCallback(e):setTimeout(e,200)},window.dispatchEvent(new Event("astro:idle"));`;
 export {
   idle_prebuilt_default as default
 };

package/dist/runtime/client/load.js

@@ -4,3 +4,4 @@
     await hydrate();
   })();
 };
+window.dispatchEvent(new Event("astro:load"));

package/dist/runtime/client/load.prebuilt.js

@@ -1,4 +1,4 @@
-var load_prebuilt_default = `(self.Astro=self.Astro||{}).load=a=>{(async()=>await(await a())())()};`;
+var load_prebuilt_default = `(self.Astro=self.Astro||{}).load=a=>{(async()=>await(await a())())()},window.dispatchEvent(new Event("astro:load"));`;
 export {
   load_prebuilt_default as default
 };

package/dist/runtime/client/media.js

@@ -12,3 +12,4 @@
     }
   }
 };
+window.dispatchEvent(new Event("astro:media"));

package/dist/runtime/client/media.prebuilt.js

@@ -1,4 +1,4 @@
-var media_prebuilt_default = `(self.Astro=self.Astro||{}).media=(s,a)=>{const t=async()=>{await(await s())()};if(a.value){const e=matchMedia(a.value);e.matches?t():e.addEventListener("change",t,{once:!0})}};`;
+var media_prebuilt_default = `(self.Astro=self.Astro||{}).media=(s,a)=>{const t=async()=>{await(await s())()};if(a.value){const e=matchMedia(a.value);e.matches?t():e.addEventListener("change",t,{once:!0})}},window.dispatchEvent(new Event("astro:media"));`;
 export {
   media_prebuilt_default as default
 };

package/dist/runtime/client/only.js

@@ -4,3 +4,4 @@
     await hydrate();
   })();
 };
+window.dispatchEvent(new Event("astro:only"));

package/dist/runtime/client/only.prebuilt.js

@@ -1,4 +1,4 @@
-var only_prebuilt_default = `(self.Astro=self.Astro||{}).only=a=>{(async()=>await(await a())())()};`;
+var only_prebuilt_default = `(self.Astro=self.Astro||{}).only=t=>{(async()=>await(await t())())()},window.dispatchEvent(new Event("astro:only"));`;
 export {
   only_prebuilt_default as default
 };

package/dist/runtime/client/visible.js

@@ -17,3 +17,4 @@
     io.observe(child);
   }
 };
+window.dispatchEvent(new Event("astro:visible"));

package/dist/runtime/client/visible.prebuilt.js

@@ -1,4 +1,4 @@
-var visible_prebuilt_default = `(self.Astro=self.Astro||{}).visible=(i,c,n)=>{const r=async()=>{await(await i())()};let s=new IntersectionObserver(e=>{for(const t of e)if(!!t.isIntersecting){s.disconnect(),r();break}});for(let e=0;e<n.children.length;e++){const t=n.children[e];s.observe(t)}};`;
+var visible_prebuilt_default = `(self.Astro=self.Astro||{}).visible=(s,c,n)=>{const r=async()=>{await(await s())()};let i=new IntersectionObserver(e=>{for(const t of e)if(!!t.isIntersecting){i.disconnect(),r();break}});for(let e=0;e<n.children.length;e++){const t=n.children[e];i.observe(t)}},window.dispatchEvent(new Event("astro:visible"));`;
 export {
   visible_prebuilt_default as default
 };

package/dist/runtime/server/astro-global.js

@@ -1,4 +1,4 @@
-const ASTRO_VERSION = "1.0.6";
+const ASTRO_VERSION = "1.0.7";
 function createDeprecatedFetchContentFn() {
   return () => {
     throw new Error("Deprecated: Astro.fetchContent() has been replaced with Astro.glob().");

package/dist/runtime/server/astro-island.js

@@ -63,8 +63,16 @@ var _a;
         async childrenConnectedCallback() {
           window.addEventListener("astro:hydrate", this.hydrate);
           await import(this.getAttribute("before-hydration-url"));
+          this.start();
+        }
+        start() {
           const opts = JSON.parse(this.getAttribute("opts"));
-          Astro[this.getAttribute("client")](
+          const directive = this.getAttribute("client");
+          if (Astro[directive] === void 0) {
+            window.addEventListener(`astro:${directive}`, () => this.start(), { once: true });
+            return;
+          }
+          Astro[directive](
             async () => {
               const rendererUrl = this.getAttribute("renderer-url");
               const [componentModule, { default: hydrator }] = await Promise.all([

package/dist/runtime/server/astro-island.prebuilt.js

@@ -1,4 +1,4 @@
-var astro_island_prebuilt_default = `var a;{const l={0:t=>t,1:t=>JSON.parse(t,n),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(JSON.parse(t,n)),5:t=>new Set(JSON.parse(t,n)),6:t=>BigInt(t),7:t=>new URL(t)},n=(t,r)=>{if(t===""||!Array.isArray(r))return r;const[s,i]=r;return s in l?l[s](i):void 0};customElements.get("astro-island")||customElements.define("astro-island",(a=class extends HTMLElement{constructor(){super(...arguments);this.hydrate=()=>{if(!this.hydrator||this.parentElement?.closest("astro-island[ssr]"))return;const r=this.querySelectorAll("astro-slot"),s={},i=this.querySelectorAll("template[data-astro-template]");for(const e of i)!e.closest(this.tagName)?.isSameNode(this)||(s[e.getAttribute("data-astro-template")||"default"]=e.innerHTML,e.remove());for(const e of r)!e.closest(this.tagName)?.isSameNode(this)||(s[e.getAttribute("name")||"default"]=e.innerHTML);const o=this.hasAttribute("props")?JSON.parse(this.getAttribute("props"),n):{};this.hydrator(this)(this.Component,o,s,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),window.removeEventListener("astro:hydrate",this.hydrate),window.dispatchEvent(new CustomEvent("astro:hydrate"))}}connectedCallback(){!this.hasAttribute("await-children")||this.firstChild?this.childrenConnectedCallback():new MutationObserver((r,s)=>{s.disconnect(),this.childrenConnectedCallback()}).observe(this,{childList:!0})}async childrenConnectedCallback(){window.addEventListener("astro:hydrate",this.hydrate),await import(this.getAttribute("before-hydration-url"));const r=JSON.parse(this.getAttribute("opts"));Astro[this.getAttribute("client")](async()=>{const s=this.getAttribute("renderer-url"),[i,{default:o}]=await Promise.all([import(this.getAttribute("component-url")),s?import(s):()=>()=>{}]),e=this.getAttribute("component-export")||"default";if(!e.includes("."))this.Component=i[e];else{this.Component=i;for(const c of e.split("."))this.Component=this.Component[c]}return this.hydrator=o,this.hydrate},r,this)}attributeChangedCallback(){this.hydrator&&this.hydrate()}},a.observedAttributes=["props"],a))}`;
+var astro_island_prebuilt_default = `var d;{const l={0:t=>t,1:t=>JSON.parse(t,n),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(JSON.parse(t,n)),5:t=>new Set(JSON.parse(t,n)),6:t=>BigInt(t),7:t=>new URL(t)},n=(t,r)=>{if(t===""||!Array.isArray(r))return r;const[e,i]=r;return e in l?l[e](i):void 0};customElements.get("astro-island")||customElements.define("astro-island",(d=class extends HTMLElement{constructor(){super(...arguments);this.hydrate=()=>{if(!this.hydrator||this.parentElement?.closest("astro-island[ssr]"))return;const r=this.querySelectorAll("astro-slot"),e={},i=this.querySelectorAll("template[data-astro-template]");for(const s of i)!s.closest(this.tagName)?.isSameNode(this)||(e[s.getAttribute("data-astro-template")||"default"]=s.innerHTML,s.remove());for(const s of r)!s.closest(this.tagName)?.isSameNode(this)||(e[s.getAttribute("name")||"default"]=s.innerHTML);const o=this.hasAttribute("props")?JSON.parse(this.getAttribute("props"),n):{};this.hydrator(this)(this.Component,o,e,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),window.removeEventListener("astro:hydrate",this.hydrate),window.dispatchEvent(new CustomEvent("astro:hydrate"))}}connectedCallback(){!this.hasAttribute("await-children")||this.firstChild?this.childrenConnectedCallback():new MutationObserver((r,e)=>{e.disconnect(),this.childrenConnectedCallback()}).observe(this,{childList:!0})}async childrenConnectedCallback(){window.addEventListener("astro:hydrate",this.hydrate),await import(this.getAttribute("before-hydration-url")),this.start()}start(){const r=JSON.parse(this.getAttribute("opts")),e=this.getAttribute("client");if(Astro[e]===void 0){window.addEventListener(\`astro:\${e}\`,()=>this.start(),{once:!0});return}Astro[e](async()=>{const i=this.getAttribute("renderer-url"),[o,{default:s}]=await Promise.all([import(this.getAttribute("component-url")),i?import(i):()=>()=>{}]),a=this.getAttribute("component-export")||"default";if(!a.includes("."))this.Component=o[a];else{this.Component=o;for(const c of a.split("."))this.Component=this.Component[c]}return this.hydrator=s,this.hydrate},r,this)}attributeChangedCallback(){this.hydrator&&this.hydrate()}},d.observedAttributes=["props"],d))}`;
 export {
   astro_island_prebuilt_default as default
 };

package/dist/types/runtime/client/idle.prebuilt.d.ts

@@ -3,5 +3,5 @@
  * Do not edit this directly, but instead edit that file and rerun the prebuild
  * to generate this file.
  */
-declare const _default: "(self.Astro=self.Astro||{}).idle=a=>{const e=async()=>{await(await a())()};\"requestIdleCallback\"in window?window.requestIdleCallback(e):setTimeout(e,200)};";
+declare const _default: "(self.Astro=self.Astro||{}).idle=t=>{const e=async()=>{await(await t())()};\"requestIdleCallback\"in window?window.requestIdleCallback(e):setTimeout(e,200)},window.dispatchEvent(new Event(\"astro:idle\"));";
 export default _default;

package/dist/types/runtime/client/load.prebuilt.d.ts

@@ -3,5 +3,5 @@
  * Do not edit this directly, but instead edit that file and rerun the prebuild
  * to generate this file.
  */
-declare const _default: "(self.Astro=self.Astro||{}).load=a=>{(async()=>await(await a())())()};";
+declare const _default: "(self.Astro=self.Astro||{}).load=a=>{(async()=>await(await a())())()},window.dispatchEvent(new Event(\"astro:load\"));";
 export default _default;

package/dist/types/runtime/client/media.prebuilt.d.ts

@@ -3,5 +3,5 @@
  * Do not edit this directly, but instead edit that file and rerun the prebuild
  * to generate this file.
  */
-declare const _default: "(self.Astro=self.Astro||{}).media=(s,a)=>{const t=async()=>{await(await s())()};if(a.value){const e=matchMedia(a.value);e.matches?t():e.addEventListener(\"change\",t,{once:!0})}};";
+declare const _default: "(self.Astro=self.Astro||{}).media=(s,a)=>{const t=async()=>{await(await s())()};if(a.value){const e=matchMedia(a.value);e.matches?t():e.addEventListener(\"change\",t,{once:!0})}},window.dispatchEvent(new Event(\"astro:media\"));";
 export default _default;

package/dist/types/runtime/client/only.prebuilt.d.ts

@@ -3,5 +3,5 @@
  * Do not edit this directly, but instead edit that file and rerun the prebuild
  * to generate this file.
  */
-declare const _default: "(self.Astro=self.Astro||{}).only=a=>{(async()=>await(await a())())()};";
+declare const _default: "(self.Astro=self.Astro||{}).only=t=>{(async()=>await(await t())())()},window.dispatchEvent(new Event(\"astro:only\"));";
 export default _default;

package/dist/types/runtime/client/visible.prebuilt.d.ts

@@ -3,5 +3,5 @@
  * Do not edit this directly, but instead edit that file and rerun the prebuild
  * to generate this file.
  */
-declare const _default: "(self.Astro=self.Astro||{}).visible=(i,c,n)=>{const r=async()=>{await(await i())()};let s=new IntersectionObserver(e=>{for(const t of e)if(!!t.isIntersecting){s.disconnect(),r();break}});for(let e=0;e<n.children.length;e++){const t=n.children[e];s.observe(t)}};";
+declare const _default: "(self.Astro=self.Astro||{}).visible=(s,c,n)=>{const r=async()=>{await(await s())()};let i=new IntersectionObserver(e=>{for(const t of e)if(!!t.isIntersecting){i.disconnect(),r();break}});for(let e=0;e<n.children.length;e++){const t=n.children[e];i.observe(t)}},window.dispatchEvent(new Event(\"astro:visible\"));";
 export default _default;

package/dist/types/runtime/server/astro-island.d.ts

@@ -1,4 +1,4 @@
 declare type directiveAstroKeys = 'load' | 'idle' | 'visible' | 'media' | 'only';
 declare const Astro: {
-    [k in directiveAstroKeys]: (fn: () => Promise<() => void>, opts: Record<string, any>, root: HTMLElement) => void;
+    [k in directiveAstroKeys]?: (fn: () => Promise<() => void>, opts: Record<string, any>, root: HTMLElement) => void;
 };

package/dist/types/runtime/server/astro-island.prebuilt.d.ts

@@ -3,5 +3,5 @@
  * Do not edit this directly, but instead edit that file and rerun the prebuild
  * to generate this file.
  */
-declare const _default: "var a;{const l={0:t=>t,1:t=>JSON.parse(t,n),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(JSON.parse(t,n)),5:t=>new Set(JSON.parse(t,n)),6:t=>BigInt(t),7:t=>new URL(t)},n=(t,r)=>{if(t===\"\"||!Array.isArray(r))return r;const[s,i]=r;return s in l?l[s](i):void 0};customElements.get(\"astro-island\")||customElements.define(\"astro-island\",(a=class extends HTMLElement{constructor(){super(...arguments);this.hydrate=()=>{if(!this.hydrator||this.parentElement?.closest(\"astro-island[ssr]\"))return;const r=this.querySelectorAll(\"astro-slot\"),s={},i=this.querySelectorAll(\"template[data-astro-template]\");for(const e of i)!e.closest(this.tagName)?.isSameNode(this)||(s[e.getAttribute(\"data-astro-template\")||\"default\"]=e.innerHTML,e.remove());for(const e of r)!e.closest(this.tagName)?.isSameNode(this)||(s[e.getAttribute(\"name\")||\"default\"]=e.innerHTML);const o=this.hasAttribute(\"props\")?JSON.parse(this.getAttribute(\"props\"),n):{};this.hydrator(this)(this.Component,o,s,{client:this.getAttribute(\"client\")}),this.removeAttribute(\"ssr\"),window.removeEventListener(\"astro:hydrate\",this.hydrate),window.dispatchEvent(new CustomEvent(\"astro:hydrate\"))}}connectedCallback(){!this.hasAttribute(\"await-children\")||this.firstChild?this.childrenConnectedCallback():new MutationObserver((r,s)=>{s.disconnect(),this.childrenConnectedCallback()}).observe(this,{childList:!0})}async childrenConnectedCallback(){window.addEventListener(\"astro:hydrate\",this.hydrate),await import(this.getAttribute(\"before-hydration-url\"));const r=JSON.parse(this.getAttribute(\"opts\"));Astro[this.getAttribute(\"client\")](async()=>{const s=this.getAttribute(\"renderer-url\"),[i,{default:o}]=await Promise.all([import(this.getAttribute(\"component-url\")),s?import(s):()=>()=>{}]),e=this.getAttribute(\"component-export\")||\"default\";if(!e.includes(\".\"))this.Component=i[e];else{this.Component=i;for(const c of e.split(\".\"))this.Component=this.Component[c]}return this.hydrator=o,this.hydrate},r,this)}attributeChangedCallback(){this.hydrator&&this.hydrate()}},a.observedAttributes=[\"props\"],a))}";
+declare const _default: "var d;{const l={0:t=>t,1:t=>JSON.parse(t,n),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(JSON.parse(t,n)),5:t=>new Set(JSON.parse(t,n)),6:t=>BigInt(t),7:t=>new URL(t)},n=(t,r)=>{if(t===\"\"||!Array.isArray(r))return r;const[e,i]=r;return e in l?l[e](i):void 0};customElements.get(\"astro-island\")||customElements.define(\"astro-island\",(d=class extends HTMLElement{constructor(){super(...arguments);this.hydrate=()=>{if(!this.hydrator||this.parentElement?.closest(\"astro-island[ssr]\"))return;const r=this.querySelectorAll(\"astro-slot\"),e={},i=this.querySelectorAll(\"template[data-astro-template]\");for(const s of i)!s.closest(this.tagName)?.isSameNode(this)||(e[s.getAttribute(\"data-astro-template\")||\"default\"]=s.innerHTML,s.remove());for(const s of r)!s.closest(this.tagName)?.isSameNode(this)||(e[s.getAttribute(\"name\")||\"default\"]=s.innerHTML);const o=this.hasAttribute(\"props\")?JSON.parse(this.getAttribute(\"props\"),n):{};this.hydrator(this)(this.Component,o,e,{client:this.getAttribute(\"client\")}),this.removeAttribute(\"ssr\"),window.removeEventListener(\"astro:hydrate\",this.hydrate),window.dispatchEvent(new CustomEvent(\"astro:hydrate\"))}}connectedCallback(){!this.hasAttribute(\"await-children\")||this.firstChild?this.childrenConnectedCallback():new MutationObserver((r,e)=>{e.disconnect(),this.childrenConnectedCallback()}).observe(this,{childList:!0})}async childrenConnectedCallback(){window.addEventListener(\"astro:hydrate\",this.hydrate),await import(this.getAttribute(\"before-hydration-url\")),this.start()}start(){const r=JSON.parse(this.getAttribute(\"opts\")),e=this.getAttribute(\"client\");if(Astro[e]===void 0){window.addEventListener(`astro:${e}`,()=>this.start(),{once:!0});return}Astro[e](async()=>{const i=this.getAttribute(\"renderer-url\"),[o,{default:s}]=await Promise.all([import(this.getAttribute(\"component-url\")),i?import(i):()=>()=>{}]),a=this.getAttribute(\"component-export\")||\"default\";if(!a.includes(\".\"))this.Component=o[a];else{this.Component=o;for(const c of a.split(\".\"))this.Component=this.Component[c]}return this.hydrator=s,this.hydrate},r,this)}attributeChangedCallback(){this.hydrator&&this.hydrate()}},d.observedAttributes=[\"props\"],d))}";
 export default _default;

package/dist/vite-plugin-astro-server/index.js

@@ -253,7 +253,8 @@ async function handleRequest(routeCache, viteServer, logging, manifest, config,
         await writeWebResponse(res, result.response);
       } else {
         let contentType = "text/plain";
-        const computedMimeType = route.pathname ? mime.getType(route.pathname) : null;
+        const filepath = route.pathname || route.segments.map((segment) => segment.map((p) => p.content).join("")).join("/");
+        const computedMimeType = mime.getType(filepath);
         if (computedMimeType) {
           contentType = computedMimeType;
         }

package/dist/vite-plugin-jsx/index.js

@@ -6,7 +6,6 @@ import path from "path";
 import { error } from "../core/logger/core.js";
 import { parseNpmName } from "../core/util.js";
 import tagExportsPlugin from "./tag.js";
-const JSX_RENDERER_CACHE = /* @__PURE__ */ new WeakMap();
 const JSX_EXTENSIONS = /* @__PURE__ */ new Set([".jsx", ".tsx", ".mdx"]);
 const IMPORT_STATEMENTS = {
   react: "import React from 'react'",
@@ -15,6 +14,7 @@ const IMPORT_STATEMENTS = {
   astro: "import 'astro/jsx-runtime'"
 };
 const PREVENT_UNUSED_IMPORTS = ";;(React,Fragment,h);";
+const IMPORT_KEYWORD_REGEX = /import/;
 function getEsbuildLoader(fileExt) {
   if (fileExt === ".mdx")
     return "jsx";
@@ -26,6 +26,36 @@ function collectJSXRenderers(renderers) {
     renderersWithJSXSupport.map((r) => [r.jsxImportSource, r])
   );
 }
+function detectImportSourceFromComments(code) {
+  const multiline = code.match(/\/\*\*?[\S\s]*\*\//gm) || [];
+  for (const comment of multiline) {
+    const [_, lib] = comment.slice(0, -2).match(/@jsxImportSource\s*(\S+)/) || [];
+    if (lib) {
+      return lib.trim();
+    }
+  }
+}
+async function detectImportSourceFromImports(code, id, jsxRenderers) {
+  const { code: jsCode } = await esbuild.transform(code + PREVENT_UNUSED_IMPORTS, {
+    loader: getEsbuildLoader(path.extname(id)),
+    jsx: "transform",
+    jsxFactory: "h",
+    jsxFragment: "Fragment",
+    sourcefile: id,
+    sourcemap: "inline"
+  });
+  const [imports] = eslexer.parse(jsCode);
+  if (imports.length > 0) {
+    for (let { n: spec } of imports) {
+      const pkg = spec && parseNpmName(spec);
+      if (!pkg)
+        continue;
+      if (jsxRenderers.has(pkg.name)) {
+        return pkg.name;
+      }
+    }
+  }
+}
 async function transformJSX({
   code,
   mode,
@@ -73,11 +103,25 @@ async function transformJSX({
 }
 function jsx({ config, logging }) {
   let viteConfig;
+  const jsxRenderers = /* @__PURE__ */ new Map();
+  const jsxRenderersIntegrationOnly = /* @__PURE__ */ new Map();
+  let astroJSXRenderer;
+  let defaultJSXRendererEntry;
   return {
     name: "astro:jsx",
     enforce: "pre",
-    configResolved(resolvedConfig) {
+    async configResolved(resolvedConfig) {
       viteConfig = resolvedConfig;
+      const possibleRenderers = await collectJSXRenderers(config._ctx.renderers);
+      for (const [importSource, renderer] of possibleRenderers) {
+        jsxRenderers.set(importSource, renderer);
+        if (importSource === "astro") {
+          astroJSXRenderer = renderer;
+        } else {
+          jsxRenderersIntegrationOnly.set(importSource, renderer);
+        }
+      }
+      defaultJSXRendererEntry = [...jsxRenderersIntegrationOnly.entries()][0];
     },
     async transform(code, id, opts) {
       const ssr = Boolean(opts == null ? void 0 : opts.ssr);
@@ -85,130 +129,78 @@ function jsx({ config, logging }) {
         return null;
       }
       const { mode } = viteConfig;
-      let jsxRenderers = JSX_RENDERER_CACHE.get(config);
-      if (!jsxRenderers) {
-        jsxRenderers = /* @__PURE__ */ new Map();
-        const possibleRenderers = await collectJSXRenderers(config._ctx.renderers);
-        if (possibleRenderers.size === 0) {
-          throw new Error(
-            `${colors.yellow(
-              id
-            )}
-Unable to resolve a JSX renderer! Did you forget to include one? Add a JSX integration like \`@astrojs/react\` to your \`astro.config.mjs\` file.`
-          );
-        }
-        for (const [importSource2, renderer] of possibleRenderers) {
-          jsxRenderers.set(importSource2, renderer);
-        }
-        JSX_RENDERER_CACHE.set(config, jsxRenderers);
-      }
-      const astroRenderer = jsxRenderers.get("astro");
-      if ((id.includes(".mdx") || id.includes(".md")) && astroRenderer) {
-        const { code: jsxCode } = await esbuild.transform(code, {
+      if (id.includes(".mdx") || id.includes(".md")) {
+        const { code: jsxCode2 } = await esbuild.transform(code, {
           loader: getEsbuildLoader(path.extname(id)),
           jsx: "preserve",
           sourcefile: id,
           sourcemap: "inline"
         });
         return transformJSX({
-          code: jsxCode,
+          code: jsxCode2,
           id,
-          renderer: astroRenderer,
+          renderer: astroJSXRenderer,
           mode,
           ssr
         });
       }
-      const nonAstroJsxRenderers = new Map(
-        [...jsxRenderers.entries()].filter(([key]) => key !== "astro")
-      );
-      if (nonAstroJsxRenderers.size === 1) {
-        const { code: jsxCode } = await esbuild.transform(code, {
+      if (defaultJSXRendererEntry && jsxRenderersIntegrationOnly.size === 1) {
+        const { code: jsxCode2 } = await esbuild.transform(code, {
           loader: getEsbuildLoader(path.extname(id)),
           jsx: "preserve",
           sourcefile: id,
           sourcemap: "inline"
         });
         return transformJSX({
-          code: jsxCode,
+          code: jsxCode2,
           id,
-          renderer: [...nonAstroJsxRenderers.values()][0],
+          renderer: defaultJSXRendererEntry[1],
           mode,
           ssr
         });
       }
-      const { code: jsCode } = await esbuild.transform(code + PREVENT_UNUSED_IMPORTS, {
-        loader: getEsbuildLoader(path.extname(id)),
-        jsx: "transform",
-        jsxFactory: "h",
-        jsxFragment: "Fragment",
-        sourcefile: id,
-        sourcemap: "inline"
-      });
-      let imports = [];
-      if (/import/.test(jsCode)) {
-        let [i] = eslexer.parse(jsCode);
-        imports = i;
-      }
-      let importSource;
-      if (imports.length > 0) {
-        for (let { n: spec } of imports) {
-          const pkg = spec && parseNpmName(spec);
-          if (!pkg)
-            continue;
-          if (jsxRenderers.has(pkg.name)) {
-            importSource = pkg.name;
-            break;
-          }
-        }
+      let importSource = detectImportSourceFromComments(code);
+      if (!importSource && IMPORT_KEYWORD_REGEX.test(code)) {
+        importSource = await detectImportSourceFromImports(code, id, jsxRenderers);
       }
       if (!importSource) {
-        const multiline = code.match(/\/\*\*?[\S\s]*\*\//gm) || [];
-        for (const comment of multiline) {
-          const [_, lib] = comment.slice(0, -2).match(/@jsxImportSource\s*(\S+)/) || [];
-          if (lib) {
-            importSource = lib.trim();
-            break;
-          }
-        }
-      }
-      if (importSource) {
-        const jsxRenderer = jsxRenderers.get(importSource);
-        if (!jsxRenderer) {
-          error(
-            logging,
-            "renderer",
-            `${colors.yellow(
-              id
-            )} No renderer installed for ${importSource}. Try adding \`@astrojs/${importSource}\` to your project.`
-          );
-          return null;
-        }
-        const { code: jsxCode } = await esbuild.transform(code, {
-          loader: getEsbuildLoader(path.extname(id)),
-          jsx: "preserve",
-          sourcefile: id,
-          sourcemap: "inline"
-        });
-        return await transformJSX({
-          code: jsxCode,
-          id,
-          renderer: jsxRenderers.get(importSource),
-          mode,
-          ssr
-        });
-      }
-      const defaultRenderer = [...jsxRenderers.keys()][0];
-      error(
-        logging,
-        "renderer",
-        `${colors.yellow(id)}
+        const [defaultRendererName] = defaultJSXRendererEntry[0];
+        error(
+          logging,
+          "renderer",
+          `${colors.yellow(id)}
 Unable to resolve a renderer that handles this file! With more than one renderer enabled, you should include an import or use a pragma comment.
 Add ${colors.cyan(
-          IMPORT_STATEMENTS[defaultRenderer] || `import '${defaultRenderer}';`
-        )} or ${colors.cyan(`/* jsxImportSource: ${defaultRenderer} */`)} to this file.
+            IMPORT_STATEMENTS[defaultRendererName] || `import '${defaultRendererName}';`
+          )} or ${colors.cyan(`/* jsxImportSource: ${defaultRendererName} */`)} to this file.
 `
-      );
-      return null;
+        );
+        return null;
+      }
+      const selectedJsxRenderer = jsxRenderers.get(importSource);
+      if (!selectedJsxRenderer) {
+        error(
+          logging,
+          "renderer",
+          `${colors.yellow(
+            id
+          )} No renderer installed for ${importSource}. Try adding \`@astrojs/${importSource}\` to your project.`
+        );
+        return null;
+      }
+      const { code: jsxCode } = await esbuild.transform(code, {
+        loader: getEsbuildLoader(path.extname(id)),
+        jsx: "preserve",
+        sourcefile: id,
+        sourcemap: "inline"
+      });
+      return await transformJSX({
+        code: jsxCode,
+        id,
+        renderer: selectedJsxRenderer,
+        mode,
+        ssr
+      });
     }
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Astro is a modern site builder with web best practices, performance, and DX front-of-mind.",
   "type": "module",
   "author": "withastro",
@@ -126,7 +126,7 @@
     "tsconfig-resolver": "^3.0.1",
     "unist-util-visit": "^4.1.0",
     "vfile": "^5.3.2",
-    "vite": "3.0.5",
+    "vite": "3.0.9",
     "yargs-parser": "^21.0.1",
     "zod": "^3.17.3"
   },