@absolutejs/absolute 0.20.0-beta.165 → 0.20.0-beta.167

package/dist/cli/{dev-sxx8zyr6.js → dev-ny2vah78.js}

@@ -20,7 +20,7 @@ import {
 } from "./index-ys2rzqhg.js";
 import {
   resolveDevBunExecutable2
-} from "./index-1ksy2h3r.js";
+} from "./index-psvsmg0x.js";
 import"./index-43a1vvb7.js";
 import {
   updateLockMetadata,

package/dist/cli/{index-1ksy2h3r.js → index-psvsmg0x.js}

@@ -15,7 +15,7 @@ var PATCHED_BUN_RELEASE = {
   bunVersion: "1.4.4",
   issue: "https://github.com/oven-sh/bun/issues/32919",
   repo: "absolutejs/patched-bun",
-  version: "1.4.4+absolute.1"
+  version: "1.4.4+absolute.2"
 };
 var HOURS_PER_DAY = 24;
 var MS_PER_HOUR = 3600000;

package/dist/cli/index.js

@@ -54,7 +54,7 @@ if (command === "dev") {
   }
   const positionalArgs = stripNamedArgs("--config", "--android-device", "--ios-device").filter((arg) => arg !== "--no-mobile" && arg !== "--eager");
   const serverEntry = positionalArgs[0] ?? DEFAULT_SERVER_ENTRY;
-  const { dev } = await import("./dev-sxx8zyr6.js");
+  const { dev } = await import("./dev-ny2vah78.js");
   await dev(serverEntry, configPath, {
     androidDevice,
     eager: args.includes("--eager"),
@@ -62,7 +62,7 @@ if (command === "dev") {
     mobile: !args.includes("--no-mobile")
   });
 } else if (command === "bun-patch") {
-  const { bunPatch } = await import("./patchedBun-r3ykvvwz.js");
+  const { bunPatch } = await import("./patchedBun-g1d7528q.js");
   bunPatch(args);
 } else if (command === "start") {
   sendTelemetryEvent("cli:command", { command });

package/dist/cli/{patchedBun-r3ykvvwz.js → patchedBun-g1d7528q.js}

@@ -2,7 +2,7 @@
 import {
   resolveDevBunExecutable2,
   bunPatch2
-} from "./index-1ksy2h3r.js";
+} from "./index-psvsmg0x.js";
 export {
   bunPatch2 as bunPatch,
   resolveDevBunExecutable2 as resolveDevBunExecutable

package/dist/dev/client/cssUtils.ts

@@ -326,14 +326,76 @@ const updateStylesheetLink = (
 	return replaceStylesheetLink(link, replacementHref);
 };
 
+/** Static asset edits must invalidate mounted image and favicon URLs too. */
+export const refreshStaticAsset = (assetUrl: string) => {
+	const changed = new URL(assetUrl, window.location.href);
+	if (changed.origin !== window.location.origin) return;
+	for (const element of document.querySelectorAll<
+		HTMLImageElement | HTMLLinkElement
+	>('img[src], link[rel~="icon"][href]')) {
+		const attribute = element instanceof HTMLImageElement ? 'src' : 'href';
+		const current = new URL(
+			element.getAttribute(attribute) ?? '',
+			window.location.href
+		);
+		if (
+			current.origin !== changed.origin ||
+			current.pathname !== changed.pathname
+		)
+			continue;
+		current.searchParams.set(
+			'hmr',
+			`${Date.now()}-${++styleReloadSequence}`
+		);
+		element.setAttribute(attribute, current.href);
+	}
+};
+
+/** Refresh CSS imported by JS as well as linked bundles. Update the original
+ * style nodes in place so overrides keep their cascade order. */
+export const reloadImportedStylesheets = async (
+	load: (url: string) => Promise<unknown> = (url) => import(url)
+) => {
+	const styles = Array.from(
+		document.querySelectorAll<HTMLStyleElement>('style[data-hmr-src]')
+	);
+	const results = await Promise.all(
+		styles.map(async (style) => {
+			try {
+				const source = style.dataset.hmrSrc;
+				if (!source) return false;
+				const url = new URL(source, window.location.href);
+				if (
+					url.origin !== window.location.origin ||
+					!url.pathname.startsWith('/@src/')
+				)
+					return false;
+				url.searchParams.set(
+					'hmr',
+					`${Date.now()}-${++styleReloadSequence}`
+				);
+				await load(url.href);
+
+				return true;
+			} catch {
+				return false;
+			}
+		})
+	);
+
+	return results.every(Boolean);
+};
+let styleReloadSequence = 0;
+
 export const reloadCSSStylesheets = (manifest: Record<string, string>) => {
 	const stylesheets = Array.from(
 		document.querySelectorAll('link[rel="stylesheet"]')
 	);
 
-	return Promise.all(
-		stylesheets.map((link) => updateStylesheetLink(link, manifest))
-	).then((results) => results.every(Boolean));
+	return Promise.all([
+		...stylesheets.map((link) => updateStylesheetLink(link, manifest)),
+		reloadImportedStylesheets()
+	]).then((results) => results.every(Boolean));
 };
 
 export const swapCSSStylesheet = (

package/dist/dev/client/hmrClient.ts

@@ -32,7 +32,7 @@ import { handleHTMLUpdate, handleScriptUpdate } from './handlers/html';
 import { handleHTMXUpdate } from './handlers/htmx';
 import { handleSvelteUpdate } from './handlers/svelte';
 import { handleVueUpdate } from './handlers/vue';
-import { reloadCSSStylesheets } from './cssUtils';
+import { reloadCSSStylesheets, refreshStaticAsset } from './cssUtils';
 import {
 	handleFullReload,
 	handleManifest,
@@ -201,6 +201,7 @@ const hmrUpdateTypes = new Set([
 
 type HMRMessage = {
 	data: {
+		assetUrl?: string;
 		affectedFrameworks?: string[];
 		column?: number;
 		error?: string;
@@ -230,6 +231,7 @@ type HMRMessage = {
 };
 
 const handleStylesheetUpdate = (message: HMRMessage) => {
+	if (message.data.assetUrl) refreshStaticAsset(message.data.assetUrl);
 	const clientStart = performance.now();
 	void reloadCSSStylesheets(message.data.manifest ?? {}).then((applied) =>
 		sendAbsoluteHmrTiming({

package/dist/index.js

@@ -17018,7 +17018,7 @@ var resolveBuildDevelopmentMode = (mode, nodeEnv) => mode === "development" || m
   __VUE_OPTIONS_API__: "true",
   __VUE_PROD_DEVTOOLS__: development ? "true" : "false",
   __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: development ? "true" : "false"
-});
+}), resolveClientDefine = (development, define = {}) => development ? define : { ...define, "process.env.NODE_ENV": '"production"' };
 
 // src/utils/commonAncestor.ts
 var commonAncestor = (paths, fallback) => {
@@ -26413,6 +26413,8 @@ ${offenders.map((o) => `  \u2022 ${o}`).join(`
   const buildStart = performance.now();
   const isDev = resolveBuildDevelopmentMode(mode, env3.NODE_ENV);
   const vueFeatureFlags = resolveVueFeatureFlags(isDev);
+  const clientDefine = resolveClientDefine(isDev);
+  const clientDefineWithVue = resolveClientDefine(isDev, vueDirectory ? vueFeatureFlags : {});
   const projectRoot = cwd();
   const devServerExternalsPlugins = isDev ? [
     createDevServerExternalsPlugin({
@@ -26797,7 +26799,7 @@ ${offenders.map((o) => `  \u2022 ${o}`).join(`
     ...allAngularEntries.map((source) => toDevPageEntry("angular", source)),
     ...allEmberEntries.map((source) => toDevPageEntry("ember", source))
   ] : [];
-  const globalCssEntries = isIncremental ? filterToIncrementalEntries(allGlobalCssEntries, (entry) => entry) : allGlobalCssEntries;
+  const globalCssEntries = !isIncremental || incrementalFiles?.some(isStylePath) ? allGlobalCssEntries : filterToIncrementalEntries(allGlobalCssEntries, (entry) => entry);
   const hmrClientBundlePromise = hmr && (htmlDir || htmxDir) ? buildHMRClient() : undefined;
   const allFrameworkDirs = [
     reactDir,
@@ -27082,7 +27084,7 @@ ${offenders.map((o) => `  \u2022 ${o}`).join(`
     generatedRoot: join53(buildPath, "_island_entries")
   };
   const islandClientEntryPoints = islandEntryResult.entries.map((entry) => entry.entryPath);
-  if (!deferPageEntries && serverEntryPoints.length === 0 && reactClientEntryPoints.length === 0 && nonReactClientEntryPoints.length === 0 && urlReferencedFiles.length === 0 && islandClientEntryPoints.length === 0 && htmxDir === undefined && htmlDir === undefined) {
+  if (!deferPageEntries && serverEntryPoints.length === 0 && reactClientEntryPoints.length === 0 && nonReactClientEntryPoints.length === 0 && urlReferencedFiles.length === 0 && islandClientEntryPoints.length === 0 && globalCssEntries.length === 0 && htmxDir === undefined && htmlDir === undefined) {
     logWarn("No entry points found, manifest will be empty");
     sendTelemetryEvent("build:empty", {
       configuredDirs: {
@@ -27201,6 +27203,7 @@ ${offenders.map((o) => `  \u2022 ${o}`).join(`
   const htmlScriptPlugin = hmr ? createHTMLScriptHMRPlugin(htmlDir, htmxDir) : undefined;
   const reactBuildConfig = reactClientEntryPoints.length > 0 ? mergeBunBuildConfig({
     banner: pwaArtifacts?.bootstrapBanner,
+    define: clientDefine,
     entrypoints: reactClientEntryPoints,
     external: [
       ...new Set([
@@ -27279,7 +27282,7 @@ ${offenders.map((o) => `  \u2022 ${o}`).join(`
     nonReactClientEntryPoints.length > 0 ? tracePhase("bun/non-react-client", () => bunBuild7(mergeBunBuildConfig({
       banner: pwaArtifacts?.bootstrapBanner,
       conditions: svelteResolveConditions,
-      define: vueDirectory ? vueFeatureFlags : undefined,
+      define: clientDefineWithVue,
       entrypoints: nonReactClientEntryPoints,
       external: Object.keys(nonReactExternalPaths),
       format: "esm",
@@ -27308,6 +27311,7 @@ ${offenders.map((o) => `  \u2022 ${o}`).join(`
     }, resolveBunBuildOverride(bunBuildConfig, "nonReactClient")))) : undefined,
     urlReferencedFiles.length > 0 ? tracePhase("bun/worker-client", () => bunBuild7(mergeBunBuildConfig({
       conditions: svelteResolveConditions,
+      define: clientDefine,
       entrypoints: urlReferencedFiles,
       external: Object.keys(nonReactExternalPaths),
       format: "esm",
@@ -27325,7 +27329,7 @@ ${offenders.map((o) => `  \u2022 ${o}`).join(`
     islandClientEntryPoints.length > 0 ? tracePhase("bun/island-client", () => bunBuild7(mergeBunBuildConfig({
       banner: pwaArtifacts?.bootstrapBanner,
       conditions: svelteResolveConditions,
-      define: vueDirectory ? vueFeatureFlags : undefined,
+      define: clientDefineWithVue,
       entrypoints: islandClientEntryPoints,
       external: Object.keys(nonReactExternalPaths),
       format: "esm",
@@ -30494,12 +30498,13 @@ ${code}`;
   const raw = readFileSync41(filePath, "utf-8");
   const escaped = raw.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$/g, "\\$");
   return [
-    `const style = document.createElement('style');`,
+    `const id = ${JSON.stringify(filePath)};`,
+    `const existing = Array.from(document.querySelectorAll('style[data-hmr-id]')).find(el => el.dataset.hmrId === id);`,
+    `const style = existing || document.createElement('style');`,
     `style.textContent = \`${escaped}\`;`,
-    `style.dataset.hmrId = ${JSON.stringify(filePath)};`,
-    `const existing = document.querySelector(\`style[data-hmr-id="${filePath}"]\`);`,
-    `if (existing) existing.remove();`,
-    `document.head.appendChild(style);`
+    `style.dataset.hmrId = id;`,
+    `style.dataset.hmrSrc = import.meta.url;`,
+    `if (!existing) document.head.appendChild(style);`
   ].join(`
 `);
 }, generateSvelteHmrBootstrap = (moduleUrl, vendorPaths, timestamp) => {
@@ -32659,6 +32664,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
       logHmrUpdate(relative26(process.cwd(), filePath));
       broadcastToClients(state, {
         data: {
+          assetUrl: webPath,
           framework: urlPrefix || "public",
           manifest: state.manifest,
           serverDuration: Math.round(performance.now() - startedAt),
@@ -44200,5 +44206,5 @@ export {
   wrapPageHandlerWithStreamingSlots
 };
 
-//# debugId=213BD413FC42A0A164756E2164756E21
+//# debugId=66B00122B036B41064756E2164756E21
 //# sourceMappingURL=index.js.map