octane 0.2.11 → 0.2.13

package/dist/compiler/vite.js

@@ -19,6 +19,7 @@ import * as nodePath from 'node:path';
 import { parseModule } from '@tsrx/core';
 import {
 	CLIENT_REFERENCE_MANIFEST_FILENAME,
+	INDEPENDENT_HYDRATION_MANIFEST_FILENAME,
 	cleanModuleId,
 	createClientReferenceManifest,
 	createOctaneCompiler,
@@ -40,6 +41,7 @@ const PROFILE_DEFINE = '__OCTANE_PROFILE_ENABLED__';
 const VOID_EXPORTS_META = 'octane:void-component-exports';
 const DESCRIPTOR_CHILDREN_EXPORTS_META = 'octane:descriptor-children-exports';
 const CLIENT_REFERENCE_META = 'octane:client-reference';
+const INDEPENDENT_WIDGETS_META = 'octane:independent-widgets';
 const DESCRIPTOR_PREFLIGHT_AUTHORITY = Symbol('octane.descriptor-preflight');
 
 function realRoot(path) {
@@ -68,6 +70,77 @@ function clientReferenceManifest(context, bundle) {
 	return createClientReferenceManifest(entries);
 }
 
+function independentWidgetManifest(context, bundle, clientBuildId) {
+	if (
+		clientBuildId !== undefined &&
+		(typeof clientBuildId !== 'string' || clientBuildId.length === 0)
+	) {
+		throw new Error('Octane client build identity must be a non-empty string.');
+	}
+	const chunks = Object.values(bundle).filter((output) => output.type === 'chunk');
+	const chunksByFile = new Map(chunks.map((chunk) => [chunk.fileName, chunk]));
+	const collectStyles = (chunk, seen = new Set()) => {
+		if (seen.has(chunk.fileName)) return [];
+		seen.add(chunk.fileName);
+		const styles = [...(chunk.viteMetadata?.importedCss ?? [])];
+		for (const imported of [...(chunk.imports ?? []), ...(chunk.dynamicImports ?? [])]) {
+			const dependency = chunksByFile.get(imported);
+			if (dependency !== undefined) styles.push(...collectStyles(dependency, seen));
+		}
+		return styles;
+	};
+	const widgets = {};
+	for (const sourceChunk of chunks) {
+		for (const sourceModuleId of Object.keys(sourceChunk.modules ?? {})) {
+			const templates = context.getModuleInfo(sourceModuleId)?.meta?.[INDEPENDENT_WIDGETS_META];
+			if (!Array.isArray(templates)) continue;
+			for (const template of templates) {
+				const query = template.request.slice(template.request.indexOf('?'));
+				const entry = chunks.find((chunk) =>
+					Object.keys(chunk.modules ?? {}).some(
+						(moduleId) =>
+							cleanModuleId(moduleId) === cleanModuleId(sourceModuleId) && moduleId.includes(query),
+					),
+				);
+				if (entry === undefined) {
+					throw new Error(
+						`Octane independent Hydrate ${JSON.stringify(template.boundaryId)} has no emitted activation chunk.`,
+					);
+				}
+				widgets[template.boundaryId] = {
+					version: 1,
+					boundaryId: template.boundaryId,
+					moduleId: entry.fileName,
+					exportName: template.exportName,
+					captureSchema: template.captureSchema,
+					hookSeed: template.hookSeed,
+					idSeed: template.idSeed,
+					signalSites: template.signalSites,
+					styles: [...new Set(collectStyles(entry))].sort(),
+					parentDependencies: false,
+				};
+			}
+		}
+	}
+	const records = Object.fromEntries(
+		Object.entries(widgets).sort(([left], [right]) => left.localeCompare(right)),
+	);
+	const buildId =
+		clientBuildId ??
+		nodeCrypto
+			.createHash('sha256')
+			.update(
+				JSON.stringify(
+					chunks
+						.map((chunk) => [chunk.fileName, chunk.code])
+						.sort(([a], [b]) => a.localeCompare(b)),
+				),
+			)
+			.digest('base64url')
+			.slice(0, 16);
+	return { version: 1, buildId, widgets: records };
+}
+
 function voidImportKey(request, imported) {
 	return `${request}\0${imported}`;
 }
@@ -684,6 +757,7 @@ export function octane(options = {}) {
 		exclude: options.exclude,
 		profile: profileEnabled,
 		strong: options.strong,
+		knownAttributeSpreads: options.knownAttributeSpreads,
 		renderers: options.renderers,
 		requireDirective,
 		warn,
@@ -704,6 +778,7 @@ export function octane(options = {}) {
 			exclude: options.exclude,
 			profile: profileEnabled,
 			strong: options.strong,
+			knownAttributeSpreads: options.knownAttributeSpreads,
 			renderers: options.renderers,
 			requireDirective,
 			warn,
@@ -813,13 +888,43 @@ export function octane(options = {}) {
 		},
 		generateBundle(_outputOptions, bundle) {
 			if (!emitClientReferenceManifest) return;
-			const manifest = clientReferenceManifest(this, bundle);
-			if (Object.keys(manifest.references).length === 0) return;
+			const clientReferences = clientReferenceManifest(this, bundle);
+			if (Object.keys(clientReferences.references).length > 0) {
+				this.emitFile({
+					type: 'asset',
+					fileName: CLIENT_REFERENCE_MANIFEST_FILENAME,
+					source: JSON.stringify(clientReferences, null, 2) + '\n',
+				});
+			}
+			const independentWidgets = independentWidgetManifest(
+				this,
+				bundle,
+				options.__clientBuildId?.(),
+			);
 			this.emitFile({
 				type: 'asset',
-				fileName: CLIENT_REFERENCE_MANIFEST_FILENAME,
-				source: JSON.stringify(manifest, null, 2) + '\n',
+				fileName: 'octane-client-build.json',
+				source:
+					JSON.stringify(
+						{
+							version: 1,
+							buildId: independentWidgets.buildId,
+							mode: 'production',
+							capabilities: {
+								independentHydration: Object.keys(independentWidgets.widgets).length > 0,
+							},
+						},
+						null,
+						2,
+					) + '\n',
 			});
+			if (Object.keys(independentWidgets.widgets).length > 0) {
+				this.emitFile({
+					type: 'asset',
+					fileName: INDEPENDENT_HYDRATION_MANIFEST_FILENAME,
+					source: JSON.stringify(independentWidgets, null, 2) + '\n',
+				});
+			}
 		},
 		async resolveId(source, importer, resolveOptions) {
 			if (!resolveOptions?.ssr) return null;
@@ -931,6 +1036,7 @@ export function octane(options = {}) {
 							}),
 				});
 				if (result === null) {
+					options.__onIndependentWidgets?.(id, environment, [], false);
 					if (propagatedExports.length === 0) return null;
 					return {
 						code,
@@ -943,11 +1049,23 @@ export function octane(options = {}) {
 					};
 				}
 				cssImports?.consume(result.cssModuleConstantImports);
+				options.__onIndependentWidgets?.(
+					id,
+					environment,
+					Array.isArray(result.independentWidgets) ? result.independentWidgets : [],
+					result.streamedSignals === true,
+				);
 				for (const dependency of result.dependencies) this.addWatchFile?.(dependency);
 				const meta = {};
+				if (result.bindingConstants !== undefined) {
+					meta['octane:binding-constants'] = result.bindingConstants;
+				}
 				if (result.clientReference !== undefined) {
 					meta[CLIENT_REFERENCE_META] = result.clientReference;
 				}
+				if (Array.isArray(result.independentWidgets) && result.independentWidgets.length > 0) {
+					meta[INDEPENDENT_WIDGETS_META] = result.independentWidgets;
+				}
 				if (result.kind === 'compile' && Array.isArray(result.voidComponentExports)) {
 					meta[VOID_EXPORTS_META] = {
 						exports: result.voidComponentExports ?? [],

package/dist/compiler/volar.LICENSES.txt

@@ -69,7 +69,7 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 
-@tsrx/core@0.1.71
+@tsrx/core@0.2.0
 
 MIT License
 

package/dist/compiler/volar.d.ts

@@ -3,7 +3,12 @@
 export function compileToVolarMappings(
 	source: string,
 	filename?: string,
-	options?: { loose?: boolean; renderers?: unknown; strong?: boolean },
+	options?: {
+		loose?: boolean;
+		renderers?: unknown;
+		strong?: boolean;
+		knownAttributeSpreads?: readonly import('./index.js').KnownAttributeSpread[];
+	},
 ): import('./index.js').VolarCompileResult;
 
 /** Virtual TSX and authored ranges used by compiler inspection tooling. */