@tsrx/core 0.1.22 → 0.1.25

package/src/transform/scoping.js

@@ -83,7 +83,7 @@ export function annotate_with_hash(
 	}
 
 	if (node.type === 'JSXElement') {
-		if (!is_composite_jsx_element(node)) {
+		if (!is_composite_jsx_element(node) || node.metadata?.runtime_dynamic_element) {
 			add_hash_class_to_jsx_element(node, hash, jsx_class_attr_name);
 		}
 		if (Array.isArray(node.children)) {

package/src/transform/segments.js

@@ -1128,6 +1128,19 @@ export function convert_source_map_to_mappings(
 					visit(node.body);
 				}
 
+				if (node.type === 'ForOfStatement' && node.empty) {
+					mappings.push(
+						get_mapping_from_node(
+							node.empty,
+							src_to_gen_map,
+							gen_line_offsets,
+							mapping_data_verify_only,
+						),
+					);
+
+					visit(node.empty);
+				}
+
 				if (node.loc) {
 					mappings.push(
 						get_mapping_from_node(node, src_to_gen_map, gen_line_offsets, mapping_data_verify_only),
@@ -1176,49 +1189,6 @@ export function convert_source_map_to_mappings(
 						),
 					);
 
-					// Add a special token for the 'pending' keyword with customData
-					// to suppress TypeScript diagnostics and provide custom hover/definition
-					const pending = /** @type {(typeof node.pending) & AST.NodeWithLocation} */ (
-						node.pending
-					);
-					const pendingKeywordLoc = {
-						start: {
-							line: pending.loc.start.line,
-							column: pending.loc.start.column - 'pending '.length,
-						},
-						end: {
-							line: pending.loc.start.line,
-							column: pending.loc.start.column - 1,
-						},
-					};
-					tokens.push({
-						source: 'pending',
-						generated: 'pending',
-						loc: pendingKeywordLoc,
-						metadata: {
-							wordHighlight: {
-								/** @type {DocumentHighlightKind} */
-								kind: 1,
-							},
-							suppressedDiagnostics: [
-								1472, // 'catch' or 'finally' expected
-								2304, // Cannot find name 'pending'
-							],
-							// suppress all hovers
-							hover: false,
-
-							// Example of a custom hover contents (uses markdown)
-							// hover:	'```ripple\npending\n```\n\nRipple-specific keyword for try/pending blocks.\n\nThe `pending` block executes while async operations inside the `try` block are awaiting. This provides a built-in loading state for async components.',
-
-							// Example of a custom definition and its type definition file
-							// definition: {
-							// 	typeReplace: {
-							// 		name: 'SomeType',
-							// 		path: 'types/index.d.ts',
-							// 	},
-							// },
-						},
-					});
 					visit(node.pending);
 				}
 				if (node.handler) {

package/types/index.d.ts

@@ -84,6 +84,7 @@ interface BaseNodeMetaData {
 	parenthesized?: boolean;
 	native_tsrx?: boolean;
 	native_tsrx_template_block?: boolean;
+	runtime_dynamic_element?: boolean;
 	templateMode?: 'script' | 'template';
 	script_only?: boolean;
 	tsrxDirective?: 'if' | 'for' | 'switch' | 'try';
@@ -117,7 +118,6 @@ interface BaseNodeMetaData {
 interface FunctionMetaData extends BaseNodeMetaData {
 	native_tsrx?: boolean;
 	native_tsrx_function?: boolean;
-	hook_split?: boolean;
 	is_method?: boolean;
 	tracked?: boolean;
 	has_lazy_descendants?: boolean;
@@ -182,7 +182,6 @@ declare module 'estree' {
 
 	interface BlockStatement {
 		metadata: BaseNodeMetaData & {
-			hook_split_block?: boolean;
 			native_return_block?: boolean;
 			native_tsrx_template_block?: boolean;
 			allows_native_return?: boolean;
@@ -231,8 +230,7 @@ declare module 'estree' {
 		lazy?: boolean;
 	}
 
-	// We mark the whole node as marked when member is @[expression]
-	// Otherwise, we only mark Identifier nodes
+	// Ripple analysis may mark a whole member expression as tracked metadata.
 	interface MemberExpression {
 		tracked?: boolean;
 	}
@@ -700,7 +698,6 @@ declare module 'estree-jsx' {
 	}
 
 	interface JSXIdentifier {
-		tracked?: boolean;
 		metadata: BaseNodeMetaData & {
 			is_component?: boolean;
 		};
@@ -1292,7 +1289,6 @@ export interface Binding {
 	is_called: boolean;
 	/** Additional metadata for this binding */
 	metadata: {
-		is_dynamic_component?: boolean;
 		pattern?: AST.Identifier;
 		is_ripple_object?: boolean;
 		is_template_value?: boolean;
@@ -1450,7 +1446,6 @@ export interface TransformServerState extends BaseState {
 	namespace: NameSpace;
 	server_block_locals: AST.VariableDeclaration[];
 	server_exported_names: string[];
-	dynamicElementName?: AST.TemplateLiteral;
 	applyParentCssScope?: AST.CSS.StyleSheet['hash'];
 	dev?: boolean;
 	return_flags?: Map<AST.ReturnStatement, { name: string; tracked: boolean }>;

package/types/jsx-platform.d.ts

@@ -53,6 +53,8 @@ export interface JsxTransformContext {
 	hook_helpers_enabled: boolean;
 	available_bindings: Map<string, AST.Identifier>;
 	lazy_next_id: number;
+	/** Scope map used to resolve runtime Dynamic imports for scoped CSS pruning. */
+	runtime_dynamic_scopes: Map<any, any> | null;
 	inside_element_child?: boolean;
 	/** Full source text for source-aware diagnostics. */
 	source: string;
@@ -100,7 +102,7 @@ export interface JsxTransformOptions {
 	comments?: AST.CommentWithLocation[];
 	/**
 	 * Override whether hook-isolation helper components are emitted directly at
-	 * module scope. React runtime compilation enables this, while editor tooling
+	 * module scope. Some runtime targets enable this, while editor tooling
 	 * can disable it to preserve lexical `typeof` helper prop types.
 	 */
 	moduleScopedHookComponents?: boolean;
@@ -158,15 +160,10 @@ export interface JsxPlatformHooks {
 	/**
 	 * Emit hook-isolation helper components as unique module-scope declarations
 	 * instead of lazily creating and caching them from the parent component body.
-	 * React enables this so generated branches stay compatible with the React
-	 * Compiler's Rules of Hooks validation.
+	 * Targets that use compiler-generated branch helpers enable this so helper
+	 * declarations are shared across renders.
 	 */
 	moduleScopedHookComponents?: boolean;
-	/**
-	 * Split ordinary uppercase function component bodies when an early
-	 * conditional return would make later React/Preact hooks conditional.
-	 */
-	componentBodyHookHelpers?: boolean;
 	/**
 	 * Inject module-level imports after the main walk. Default: import
 	 * `Suspense` from `platform.imports.suspense` and `TsrxErrorBoundary`
@@ -318,6 +315,12 @@ export interface JsxPlatform {
 		 * block appears. React: `'react'`. Preact: `'preact/compat'`.
 		 */
 		suspense: string;
+		/**
+		 * Module that exports the target runtime `Dynamic` component. When set,
+		 * the shared JSX transform treats imported `Dynamic` elements with an
+		 * `is` prop as runtime-dynamic for scoped CSS pruning.
+		 */
+		dynamic?: string;
 		/**
 		 * Module to import `TsrxErrorBoundary` from when an `@try { ... } @catch (...)`
 		 * block appears. Usually `'@tsrx/<platform>/error-boundary'`.

package/types/runtime/html.d.ts

@@ -1,4 +1,5 @@
 export function escape<V>(value: V, is_attr?: boolean): string;
 export function escape_script(str: string): string;
 export function is_boolean_attribute(name: string): boolean;
+export function is_void_element(name: string): boolean;
 export function normalize_css_property_name(str: string): string;

package/types/runtime/language-helpers.d.ts

@@ -19,3 +19,7 @@ export function iterable_array_from<T>(
 	iterable: Iterable<T> | Iterator<T> | ArrayLike<T>,
 	index?: number,
 ): T[];
+export function exclude_prop_from_object(
+	props: Record<PropertyKey, any> | null | undefined,
+	exclude_prop: PropertyKey,
+): Record<PropertyKey, any>;