@powerlines/plugin-env 0.16.131 → 0.16.134

package/dist/components/env-builtin.mjs

@@ -3,7 +3,7 @@ import { loadEnvFromContext } from "../helpers/load.mjs";
 import { titleCase } from "@stryke/string-format/title-case";
 import { ReflectionClass, ReflectionKind } from "@powerlines/deepkit/vendor/type";
 import defu from "defu";
-import { Fragment, jsx, jsxs } from "@alloy-js/core/jsx-runtime";
+import { createComponent, createIntrinsic, memo, mergeProps } from "@alloy-js/core/jsx-runtime";
 import { For, Show, code, computed, splitProps } from "@alloy-js/core";
 import { Spacing } from "@powerlines/plugin-alloy/core/components/spacing";
 import { usePowerlines } from "@powerlines/plugin-alloy/core/contexts/context";
@@ -47,54 +47,72 @@ function __assignType(fn, args) {
 function EnvTypeDefinition(props) {
 	const [{ defaultValue, reflection }] = splitProps(props, ["defaultValue", "reflection"]);
 	const context = (usePowerlines.Ω = [[() => __ΩEnvPluginContext, "n!"]], usePowerlines());
-	return jsxs(Fragment, { children: [
-		jsx(InterfaceDeclaration$1, {
+	return [
+		createComponent(InterfaceDeclaration$1, {
 			name: "UnprefixedEnv",
 			defaultValue,
 			reflection,
-			export: true
+			"export": true
 		}),
-		jsx(Spacing, {}),
-		jsx(TSDoc, {
+		createComponent(Spacing, {}),
+		createComponent(TSDoc, {
 			heading: "The environment configuration object with prefixed keys.",
-			children: jsx(TSDocRemarks, { children: `The \`Env\` type extends the \`UnprefixedEnv\` interface by including additional keys that are prefixed according to the project's configuration. This allows for flexibility in accessing environment variables with different naming conventions.` })
+			get children() {
+				return createComponent(TSDocRemarks, { children: `The \`Env\` type extends the \`UnprefixedEnv\` interface by including additional keys that are prefixed according to the project's configuration. This allows for flexibility in accessing environment variables with different naming conventions.` });
+			}
 		}),
-		jsx(InterfaceDeclaration, {
+		createComponent(InterfaceDeclaration, {
 			name: "Env",
-			export: true,
-			extends: "UnprefixedEnv",
-			children: jsx(For, {
-				each: getUnique(context.config.env.prefix).map(__assignType((prefix) => prefix.replace(/_$/, ""), [
-					"prefix",
-					"",
-					"P\"2!\"/\""
-				])),
-				doubleHardline: true,
-				children: __assignType((prefix) => jsx(For, {
-					each: reflection?.getProperties().filter(__assignType((property) => !property.isIgnored(), [
-						"property",
-						"",
-						"P\"2!\"/\""
-					])) ?? [],
+			"export": true,
+			"extends": "UnprefixedEnv",
+			get children() {
+				return createComponent(For, {
+					get each() {
+						return getUnique(context.config.env.prefix).map(__assignType((prefix) => prefix.replace(/_$/, ""), [
+							"prefix",
+							"",
+							"P\"2!\"/\""
+						]));
+					},
 					doubleHardline: true,
-					children: __assignType((property) => jsxs(Fragment, { children: [jsx(TSDocReflectionProperty, { reflection: property }), jsx(InterfaceMember, {
-						name: `${prefix}_${property.getNameAsString()}`,
-						type: `UnprefixedEnv["${property.getNameAsString()}"]`,
-						readonly: property.isReadonly()
-					})] }), [
-						"property",
-						"",
-						"P\"2!\"/\""
-					])
-				}), [
-					"prefix",
-					"",
-					"P\"2!\"/\""
-				])
-			})
+					get children() {
+						return __assignType((prefix) => createComponent(For, {
+							get each() {
+								return reflection?.getProperties().filter(__assignType((property) => !property.isIgnored(), [
+									"property",
+									"",
+									"P\"2!\"/\""
+								])) ?? [];
+							},
+							doubleHardline: true,
+							get children() {
+								return __assignType((property) => [createComponent(TSDocReflectionProperty, { reflection: property }), createComponent(InterfaceMember, {
+									get name() {
+										return `${prefix}_${property.getNameAsString()}`;
+									},
+									get type() {
+										return `UnprefixedEnv["${property.getNameAsString()}"]`;
+									},
+									get readonly() {
+										return property.isReadonly();
+									}
+								})], [
+									"property",
+									"",
+									"P\"2!\"/\""
+								]);
+							}
+						}), [
+							"prefix",
+							"",
+							"P\"2!\"/\""
+						]);
+					}
+				});
+			}
 		}),
-		jsx(Spacing, {})
-	] });
+		createComponent(Spacing, {})
+	];
 }
 EnvTypeDefinition.__type = [
 	() => __ΩOmit,
@@ -144,47 +162,75 @@ function ConfigPropertyGet(props) {
 		"property",
 		"index"
 	]);
-	return jsx(Fragment, { children: index === 0 ? jsx(IfStatement, {
-		condition: jsxs(Fragment, { children: [jsx(ConfigPropertyConditional, {
-			name: property.getNameAsString(),
-			context
-		}), jsxs(Show, {
-			when: property.getAlias() && property.getAlias().length > 0,
-			children: [code` || `, jsx(For, {
-				each: property.getAlias(),
-				joiner: code` || `,
-				children: __assignType((alias) => jsx(ConfigPropertyConditional, {
-					name: alias,
-					context
-				}), [
-					"alias",
-					"",
-					"P\"2!\"/\""
-				])
-			})]
-		})] }),
-		children: code`return target["${property.getNameAsString()}"];`
-	}) : jsx(ElseIfClause, {
-		condition: jsxs(Fragment, { children: [jsx(ConfigPropertyConditional, {
-			name: property.getNameAsString(),
-			context
-		}), jsxs(Show, {
-			when: property.getAlias() && property.getAlias().length > 0,
-			children: [code` || `, jsx(For, {
-				each: property.getAlias(),
-				joiner: code` || `,
-				children: __assignType((alias) => jsx(ConfigPropertyConditional, {
-					name: alias,
-					context
-				}), [
-					"alias",
-					"",
-					"P\"2!\"/\""
-				])
-			})]
-		})] }),
-		children: code`return target["${property.getNameAsString()}"];`
-	}) });
+	return [index === 0 ? createComponent(IfStatement, {
+		get condition() {
+			return [createComponent(ConfigPropertyConditional, {
+				get name() {
+					return property.getNameAsString();
+				},
+				context
+			}), createComponent(Show, {
+				get when() {
+					return memo(() => !!property.getAlias())() && property.getAlias().length > 0;
+				},
+				get children() {
+					return [code` || `, createComponent(For, {
+						get each() {
+							return property.getAlias();
+						},
+						joiner: code` || `,
+						get children() {
+							return __assignType((alias) => createComponent(ConfigPropertyConditional, {
+								name: alias,
+								context
+							}), [
+								"alias",
+								"",
+								"P\"2!\"/\""
+							]);
+						}
+					})];
+				}
+			})];
+		},
+		get children() {
+			return code`return target["${property.getNameAsString()}"];`;
+		}
+	}) : createComponent(ElseIfClause, {
+		get condition() {
+			return [createComponent(ConfigPropertyConditional, {
+				get name() {
+					return property.getNameAsString();
+				},
+				context
+			}), createComponent(Show, {
+				get when() {
+					return memo(() => !!property.getAlias())() && property.getAlias().length > 0;
+				},
+				get children() {
+					return [code` || `, createComponent(For, {
+						get each() {
+							return property.getAlias();
+						},
+						joiner: code` || `,
+						get children() {
+							return __assignType((alias) => createComponent(ConfigPropertyConditional, {
+								name: alias,
+								context
+							}), [
+								"alias",
+								"",
+								"P\"2!\"/\""
+							]);
+						}
+					})];
+				}
+			})];
+		},
+		get children() {
+			return code`return target["${property.getNameAsString()}"];`;
+		}
+	})];
 }
 ConfigPropertyGet.__type = [
 	() => __ΩConfigPropertyProps,
@@ -198,53 +244,81 @@ function ConfigPropertySet(props) {
 		"property",
 		"index"
 	]);
-	return jsx(Fragment, { children: index === 0 ? jsx(IfStatement, {
-		condition: jsxs(Fragment, { children: [jsx(ConfigPropertyConditional, {
-			name: property.getNameAsString(),
-			context
-		}), jsxs(Show, {
-			when: property.getAlias() && property.getAlias().length > 0,
-			children: [code` || `, jsx(For, {
-				each: property.getAlias(),
-				joiner: code` || `,
-				children: __assignType((alias) => jsx(ConfigPropertyConditional, {
-					name: alias,
-					context
-				}), [
-					"alias",
-					"",
-					"P\"2!\"/\""
-				])
-			})]
-		})] }),
-		children: code`
+	return [index === 0 ? createComponent(IfStatement, {
+		get condition() {
+			return [createComponent(ConfigPropertyConditional, {
+				get name() {
+					return property.getNameAsString();
+				},
+				context
+			}), createComponent(Show, {
+				get when() {
+					return memo(() => !!property.getAlias())() && property.getAlias().length > 0;
+				},
+				get children() {
+					return [code` || `, createComponent(For, {
+						get each() {
+							return property.getAlias();
+						},
+						joiner: code` || `,
+						get children() {
+							return __assignType((alias) => createComponent(ConfigPropertyConditional, {
+								name: alias,
+								context
+							}), [
+								"alias",
+								"",
+								"P\"2!\"/\""
+							]);
+						}
+					})];
+				}
+			})];
+		},
+		get children() {
+			return code`
     target["${property.getNameAsString()}"] = newValue;
     return true;
-`
-	}) : jsx(ElseIfClause, {
-		condition: jsxs(Fragment, { children: [jsx(ConfigPropertyConditional, {
-			name: property.getNameAsString(),
-			context
-		}), jsxs(Show, {
-			when: property.getAlias() && property.getAlias().length > 0,
-			children: [code` || `, jsx(For, {
-				each: property.getAlias(),
-				joiner: code` || `,
-				children: __assignType((alias) => jsx(ConfigPropertyConditional, {
-					name: alias,
-					context
-				}), [
-					"alias",
-					"",
-					"P\"2!\"/\""
-				])
-			})]
-		})] }),
-		children: code`
+`;
+		}
+	}) : createComponent(ElseIfClause, {
+		get condition() {
+			return [createComponent(ConfigPropertyConditional, {
+				get name() {
+					return property.getNameAsString();
+				},
+				context
+			}), createComponent(Show, {
+				get when() {
+					return memo(() => !!property.getAlias())() && property.getAlias().length > 0;
+				},
+				get children() {
+					return [code` || `, createComponent(For, {
+						get each() {
+							return property.getAlias();
+						},
+						joiner: code` || `,
+						get children() {
+							return __assignType((alias) => createComponent(ConfigPropertyConditional, {
+								name: alias,
+								context
+							}), [
+								"alias",
+								"",
+								"P\"2!\"/\""
+							]);
+						}
+					})];
+				}
+			})];
+		},
+		get children() {
+			return code`
     target["${property.getNameAsString()}"] = newValue;
     return true;
-`
-	}) });
+`;
+		}
+	})];
 }
 ConfigPropertySet.__type = [
 	() => __ΩConfigPropertyProps,
@@ -314,61 +388,71 @@ function EnvBuiltin(props) {
 		"",
 		"P\"2!\"2\"\"/#"
 	])) ?? []);
-	return jsxs(BuiltinFile, {
+	return createComponent(BuiltinFile, mergeProps({
 		id: "env",
-		description: "The environment configuration module provides an interface to define environment configuration parameters.",
-		...rest,
-		imports: defu({ "@powerlines/deepkit/vendor/type": [
-			"serializeFunction",
-			"deserializeFunction",
-			"ReflectionKind",
-			"Serializer",
-			"NamingStrategy",
-			"TemplateState",
-			"Type",
-			"TypeProperty",
-			"TypePropertySignature"
-		] }, rest.imports ?? {}),
-		children: [
-			jsxs(Show, {
-				when: Boolean(reflection),
-				children: [
-					jsx(EnvTypeDefinition, {
-						defaultValue,
-						reflection
-					}),
-					jsx("hbr", {}),
-					jsx("hbr", {})
-				]
-			}),
-			jsx(ObjectDeclaration, {
-				name: "initialEnv",
-				type: "Partial<Env>",
-				defaultValue,
-				reflection: envInstance,
-				export: true,
-				const: true,
-				doc: "The initial environment configuration object values for the runtime."
-			}),
-			jsx(Spacing, {}),
-			jsxs(TSDoc, {
-				heading: "The environment configuration serializer for the Powerlines application.",
-				children: [
-					jsx(TSDocLink, { children: `https://deepkit.io/docs/serialization/serializers` }),
-					jsx(TSDocLink, { children: `https://github.com/marcj/untitled-code/blob/master/packages/type/src/serializer.ts#L1918` }),
-					jsx(TSDocRemarks, { children: `This serializer is used to serialize and deserialize the Powerlines environment configuration.` })
-				]
-			}),
-			jsx(ClassDeclaration, {
-				refkey: envSerializerRefkey,
-				name: "EnvSerializer",
-				extends: "Serializer",
-				export: true,
-				children: jsx(ClassMethod, {
-					name: "constructor",
-					public: true,
-					doc: "Initializes a new instance of the `EnvSerializer` class.",
-					children: code`super("env");
+		description: "The environment configuration module provides an interface to define environment configuration parameters."
+	}, rest, {
+		get imports() {
+			return defu({ "@powerlines/deepkit/vendor/type": [
+				"serializeFunction",
+				"deserializeFunction",
+				"ReflectionKind",
+				"Serializer",
+				"NamingStrategy",
+				"TemplateState",
+				"Type",
+				"TypeProperty",
+				"TypePropertySignature"
+			] }, rest.imports ?? {});
+		},
+		get children() {
+			return [
+				createComponent(Show, {
+					get when() {
+						return Boolean(reflection);
+					},
+					get children() {
+						return [
+							createComponent(EnvTypeDefinition, {
+								defaultValue,
+								reflection
+							}),
+							createIntrinsic("hbr", {}),
+							createIntrinsic("hbr", {})
+						];
+					}
+				}),
+				createComponent(ObjectDeclaration, {
+					name: "initialEnv",
+					type: "Partial<Env>",
+					defaultValue,
+					reflection: envInstance,
+					"export": true,
+					"const": true,
+					doc: "The initial environment configuration object values for the runtime."
+				}),
+				createComponent(Spacing, {}),
+				createComponent(TSDoc, {
+					heading: "The environment configuration serializer for the Powerlines application.",
+					get children() {
+						return [
+							createComponent(TSDocLink, { children: `https://deepkit.io/docs/serialization/serializers` }),
+							createComponent(TSDocLink, { children: `https://github.com/marcj/untitled-code/blob/master/packages/type/src/serializer.ts#L1918` }),
+							createComponent(TSDocRemarks, { children: `This serializer is used to serialize and deserialize the Powerlines environment configuration.` })
+						];
+					}
+				}),
+				createComponent(ClassDeclaration, {
+					refkey: envSerializerRefkey,
+					name: "EnvSerializer",
+					"extends": "Serializer",
+					"export": true,
+					get children() {
+						return createComponent(ClassMethod, {
+							name: "constructor",
+							"public": true,
+							doc: "Initializes a new instance of the `EnvSerializer` class.",
+							children: code`super("env");
 
           this.deserializeRegistry.register(
             ReflectionKind.boolean,
@@ -378,14 +462,16 @@ function EnvBuiltin(props) {
               );
             }
           ); `
-				})
-			}),
-			jsx(Spacing, {}),
-			jsx(VarDeclaration, {
-				name: "envNamingStrategy",
-				const: true,
-				doc: "The environment naming strategy for the runtime.",
-				initializer: code`new class extends NamingStrategy {
+						});
+					}
+				}),
+				createComponent(Spacing, {}),
+				createComponent(VarDeclaration, {
+					name: "envNamingStrategy",
+					"const": true,
+					doc: "The environment naming strategy for the runtime.",
+					get initializer() {
+						return code`new class extends NamingStrategy {
                     constructor() {
                         super("env");
                     }
@@ -397,112 +483,127 @@ function EnvBuiltin(props) {
                       }
 
                       return name.replace(/^(${getUnique(context.config.env.prefix).map(__assignType((prefix) => prefix.replace(/_$/, ""), [
-					"prefix",
-					"",
-					"P\"2!\"/\""
-				])).join("|")})_/, "");
+							"prefix",
+							"",
+							"P\"2!\"/\""
+						])).join("|")})_/, "");
                     }
-                  }; `
-			}),
-			jsx(Spacing, {}),
-			jsxs(TSDoc, {
-				heading: "A {@link EnvSerializer | environment configuration serializer} instance for the Powerlines application.",
-				children: [
-					jsx(TSDocLink, { children: `https://deepkit.io/docs/serialization/serializers` }),
-					jsx(TSDocLink, { children: `https://github.com/marcj/untitled-code/blob/master/packages/type/src/serializer.ts#L1918` }),
-					jsx(TSDocRemarks, { children: `This serializer is used to serialize and deserialize the Powerlines environment configuration.` })
-				]
-			}),
-			jsx(VarDeclaration, {
-				name: "envSerializer",
-				const: true,
-				initializer: jsx(NewExpression, {
-					args: [],
-					target: "EnvSerializer"
-				})
-			}),
-			jsx(Spacing, {}),
-			jsx(VarDeclaration, {
-				name: "_serializeEnv",
-				const: true,
-				initializer: "serializeFunction<Env>(envSerializer, envNamingStrategy)"
-			}),
-			jsx(Spacing, {}),
-			jsxs(TSDoc, {
-				heading: "Serialize a environment configuration object to JSON data objects (not a JSON string).",
-				children: [
-					jsx(TSDocRemarks, { children: `The resulting JSON object can be stringified using \`JSON.stringify()\`.` }),
-					jsx(TSDocExample, { children: `const json = serializeEnv(env);` }),
-					jsx(Spacing, {}),
-					jsx(TSDocParam, {
+                  }; `;
+					}
+				}),
+				createComponent(Spacing, {}),
+				createComponent(TSDoc, {
+					heading: "A {@link EnvSerializer | environment configuration serializer} instance for the Powerlines application.",
+					get children() {
+						return [
+							createComponent(TSDocLink, { children: `https://deepkit.io/docs/serialization/serializers` }),
+							createComponent(TSDocLink, { children: `https://github.com/marcj/untitled-code/blob/master/packages/type/src/serializer.ts#L1918` }),
+							createComponent(TSDocRemarks, { children: `This serializer is used to serialize and deserialize the Powerlines environment configuration.` })
+						];
+					}
+				}),
+				createComponent(VarDeclaration, {
+					name: "envSerializer",
+					"const": true,
+					get initializer() {
+						return createComponent(NewExpression, {
+							args: [],
+							target: "EnvSerializer"
+						});
+					}
+				}),
+				createComponent(Spacing, {}),
+				createComponent(VarDeclaration, {
+					name: "_serializeEnv",
+					"const": true,
+					initializer: "serializeFunction<Env>(envSerializer, envNamingStrategy)"
+				}),
+				createComponent(Spacing, {}),
+				createComponent(TSDoc, {
+					heading: "Serialize a environment configuration object to JSON data objects (not a JSON string).",
+					get children() {
+						return [
+							createComponent(TSDocRemarks, { children: `The resulting JSON object can be stringified using \`JSON.stringify()\`.` }),
+							createComponent(TSDocExample, { children: `const json = serializeEnv(env);` }),
+							createComponent(Spacing, {}),
+							createComponent(TSDocParam, {
+								name: "input",
+								children: `The environment configuration object to serialize.`
+							}),
+							createComponent(TSDocReturns, { children: `The serialized environment configuration as JSON data objects.` }),
+							createComponent(TSDocThrows, { children: `ValidationError when serialization or validation fails.` })
+						];
+					}
+				}),
+				createComponent(FunctionDeclaration, {
+					name: "serializeEnv",
+					"export": true,
+					parameters: [{
 						name: "input",
-						children: `The environment configuration object to serialize.`
-					}),
-					jsx(TSDocReturns, { children: `The serialized environment configuration as JSON data objects.` }),
-					jsx(TSDocThrows, { children: `ValidationError when serialization or validation fails.` })
-				]
-			}),
-			jsx(FunctionDeclaration, {
-				name: "serializeEnv",
-				export: true,
-				parameters: [{
-					name: "input",
-					type: "Env"
-				}],
-				children: code` return _serializeEnv(input, { loosely: true }); `
-			}),
-			jsx(Spacing, {}),
-			jsx(VarDeclaration, {
-				name: "_deserializeEnv",
-				const: true,
-				initializer: "deserializeFunction<Env>(envSerializer, envNamingStrategy)"
-			}),
-			jsx(Spacing, {}),
-			jsxs(TSDoc, {
-				heading: "Deserialize a environment configuration object from JSON data objects to JavaScript objects, without running any validators.",
-				children: [
-					jsx(TSDocRemarks, { children: `Types that are already correct will be used as-is.` }),
-					jsx(TSDocExample, { children: `const env = deserializeEnv(json);` }),
-					jsx(TSDocThrows, { children: `ValidationError when deserialization fails.` })
-				]
-			}),
-			jsx(FunctionDeclaration, {
-				name: "deserializeEnv",
-				export: true,
-				parameters: [{
-					name: "input",
-					type: "Env"
-				}],
-				children: code` return _deserializeEnv(input, { loosely: true }); `
-			}),
-			jsx(Spacing, {}),
-			jsxs(TSDoc, {
-				heading: "Initializes the Powerlines environment configuration module.",
-				children: [
-					jsx(TSDocRemarks, { children: `This function initializes the Powerlines environment configuration object.` }),
-					jsx(TSDocParam, {
-						name: "environmentConfig",
-						children: `The dynamic/runtime configuration - this could include the current environment variables or any other environment-specific settings provided by the runtime.`
-					}),
-					jsx(TSDocReturns, { children: `The initialized Powerlines configuration object.` })
-				]
-			}),
-			jsx(Show, {
-				when: Boolean(context?.entryPath),
-				children: jsxs(FunctionDeclaration, {
-					refkey: createEnvRefkey,
-					async: false,
-					export: true,
-					name: "createEnv",
+						type: "Env"
+					}],
+					children: code` return _serializeEnv(input, { loosely: true }); `
+				}),
+				createComponent(Spacing, {}),
+				createComponent(VarDeclaration, {
+					name: "_deserializeEnv",
+					"const": true,
+					initializer: "deserializeFunction<Env>(envSerializer, envNamingStrategy)"
+				}),
+				createComponent(Spacing, {}),
+				createComponent(TSDoc, {
+					heading: "Deserialize a environment configuration object from JSON data objects to JavaScript objects, without running any validators.",
+					get children() {
+						return [
+							createComponent(TSDocRemarks, { children: `Types that are already correct will be used as-is.` }),
+							createComponent(TSDocExample, { children: `const env = deserializeEnv(json);` }),
+							createComponent(TSDocThrows, { children: `ValidationError when deserialization fails.` })
+						];
+					}
+				}),
+				createComponent(FunctionDeclaration, {
+					name: "deserializeEnv",
+					"export": true,
 					parameters: [{
-						name: "environmentConfig",
-						type: `Partial<Env>`,
-						optional: false,
-						default: "{}"
+						name: "input",
+						type: "Env"
 					}],
-					returnType: "Env",
-					children: [
-						code`
+					children: code` return _deserializeEnv(input, { loosely: true }); `
+				}),
+				createComponent(Spacing, {}),
+				createComponent(TSDoc, {
+					heading: "Initializes the Powerlines environment configuration module.",
+					get children() {
+						return [
+							createComponent(TSDocRemarks, { children: `This function initializes the Powerlines environment configuration object.` }),
+							createComponent(TSDocParam, {
+								name: "environmentConfig",
+								children: `The dynamic/runtime configuration - this could include the current environment variables or any other environment-specific settings provided by the runtime.`
+							}),
+							createComponent(TSDocReturns, { children: `The initialized Powerlines configuration object.` })
+						];
+					}
+				}),
+				createComponent(Show, {
+					get when() {
+						return Boolean(context?.entryPath);
+					},
+					get children() {
+						return createComponent(FunctionDeclaration, {
+							refkey: createEnvRefkey,
+							async: false,
+							"export": true,
+							name: "createEnv",
+							parameters: [{
+								name: "environmentConfig",
+								type: `Partial<Env>`,
+								optional: false,
+								default: "{}"
+							}],
+							returnType: "Env",
+							get children() {
+								return [
+									code`
   return new Proxy<Env>(
     deserializeEnv({
       ...initialEnv,
@@ -510,70 +611,80 @@ function EnvBuiltin(props) {
     } as Env),
     {
       get: (target: UnprefixedEnv, propertyName: string) => { `,
-						jsx("hbr", {}),
-						jsx(For, {
-							each: reflectionGetProperties,
-							children: __assignType((property, index) => jsx(ConfigPropertyGet, {
-								index,
-								context,
-								property
-							}), [
-								"property",
-								"index",
-								"",
-								"P!2!'2\"\"/#"
-							])
-						}),
-						code`
+									createIntrinsic("hbr", {}),
+									createComponent(For, {
+										each: reflectionGetProperties,
+										get children() {
+											return __assignType((property, index) => createComponent(ConfigPropertyGet, {
+												index,
+												context,
+												property
+											}), [
+												"property",
+												"index",
+												"",
+												"P!2!'2\"\"/#"
+											]);
+										}
+									}),
+									code`
             return undefined;
           }, `,
-						jsx(Spacing, {}),
-						code` set: (target: UnprefixedEnv, propertyName: string, newValue: any) => { `,
-						jsx("hbr", {}),
-						jsx(For, {
-							each: reflectionSetProperties,
-							ender: code` else `,
-							children: __assignType((property, index) => jsx(ConfigPropertySet, {
-								index,
-								context,
-								property
-							}), [
-								"property",
-								"index",
-								"",
-								"P!2!'2\"\"/#"
-							])
-						}),
-						jsx("hbr", {}),
-						code`return false;
+									createComponent(Spacing, {}),
+									code` set: (target: UnprefixedEnv, propertyName: string, newValue: any) => { `,
+									createIntrinsic("hbr", {}),
+									createComponent(For, {
+										each: reflectionSetProperties,
+										ender: code` else `,
+										get children() {
+											return __assignType((property, index) => createComponent(ConfigPropertySet, {
+												index,
+												context,
+												property
+											}), [
+												"property",
+												"index",
+												"",
+												"P!2!'2\"\"/#"
+											]);
+										}
+									}),
+									createIntrinsic("hbr", {}),
+									code`return false;
       }
     }
   );
 `
-					]
-				})
-			}),
-			jsx(Spacing, {}),
-			jsx("hbr", {}),
-			jsx(TSDoc, {
-				heading: "The environment configuration object.",
-				children: jsx(TSDocRemarks, { children: `This object provides access to the environment configuration parameters in the application runtime.` })
-			}),
-			jsx(VarDeclaration, {
-				refkey: envRefkey,
-				name: "env",
-				type: "Env",
-				export: true,
-				const: true,
-				initializer: jsx(Fragment, { children: code`createEnv(${defaultConfig || "{}"} as Partial<Env>);` })
-			}),
-			jsx(Spacing, {}),
-			jsx(VarDeclaration, {
-				export: true,
-				const: true,
-				name: "isCI",
-				doc: "Detect if the application is running in a continuous integration (CI) environment.",
-				initializer: code`Boolean(
+								];
+							}
+						});
+					}
+				}),
+				createComponent(Spacing, {}),
+				createIntrinsic("hbr", {}),
+				createComponent(TSDoc, {
+					heading: "The environment configuration object.",
+					get children() {
+						return createComponent(TSDocRemarks, { children: `This object provides access to the environment configuration parameters in the application runtime.` });
+					}
+				}),
+				createComponent(VarDeclaration, {
+					refkey: envRefkey,
+					name: "env",
+					type: "Env",
+					"export": true,
+					"const": true,
+					get initializer() {
+						return [code`createEnv(${defaultConfig || "{}"} as Partial<Env>);`];
+					}
+				}),
+				createComponent(Spacing, {}),
+				createComponent(VarDeclaration, {
+					"export": true,
+					"const": true,
+					name: "isCI",
+					doc: "Detect if the application is running in a continuous integration (CI) environment.",
+					initializer: code`Boolean(
           env.CI ||
           env.RUN_ID ||
           env.AGOLA_GIT_REF ||
@@ -626,61 +737,66 @@ function EnvBuiltin(props) {
           env.CI_XCODE_PROJECT ||
           env.XCS || false
         ); `
-			}),
-			jsx(Spacing, {}),
-			jsx(TSDoc, {
-				heading: "Detect the \\`mode\\` of the current runtime environment.",
-				children: jsx(TSDocRemarks, { children: code`The \`mode\` is determined by the \`MODE\` environment variable, or falls back to the \`NEXT_PUBLIC_VERCEL_ENV\`, \`NODE_ENV\`, or defaults to \`production\`. While the value can potentially be any string, it is generally recommended to only allow a value in the following list:
+				}),
+				createComponent(Spacing, {}),
+				createComponent(TSDoc, {
+					heading: "Detect the \\`mode\\` of the current runtime environment.",
+					get children() {
+						return createComponent(TSDocRemarks, { children: code`The \`mode\` is determined by the \`MODE\` environment variable, or falls back to the \`NEXT_PUBLIC_VERCEL_ENV\`, \`NODE_ENV\`, or defaults to \`production\`. While the value can potentially be any string, it is generally recommended to only allow a value in the following list:
           - \`production\`
           - \`test\`
           - \`development\`
-          ` })
-			}),
-			jsx(VarDeclaration, {
-				export: true,
-				const: true,
-				name: "mode",
-				initializer: code`String(env.MODE) || "production"; `
-			}),
-			jsx(Spacing, {}),
-			jsx(VarDeclaration, {
-				export: true,
-				const: true,
-				name: "isProduction",
-				doc: "Detect if the application is running in `\"production\"` mode",
-				initializer: code`["prd", "prod", "production"].includes(mode.toLowerCase()); `
-			}),
-			jsx(Spacing, {}),
-			jsx(VarDeclaration, {
-				export: true,
-				const: true,
-				name: "isTest",
-				doc: "Detect if the application is running in `\"test\"` mode",
-				initializer: code`["tst", "test", "testing", "stg", "stage", "staging"].includes(mode.toLowerCase()) || env.TEST; `
-			}),
-			jsx(Spacing, {}),
-			jsx(VarDeclaration, {
-				export: true,
-				const: true,
-				name: "isDevelopment",
-				doc: "Detect if the application is running in `\"development\"` mode",
-				initializer: code`["dev", "development"].includes(mode.toLowerCase()); `
-			}),
-			jsx(Spacing, {}),
-			jsx(VarDeclaration, {
-				export: true,
-				const: true,
-				name: "isDebug",
-				doc: "Detect if the application is currently being debugged",
-				initializer: code`Boolean(isDevelopment && env.DEBUG); `
-			}),
-			jsx(Spacing, {}),
-			jsx(Show, {
-				when: Boolean(children),
-				children
-			})
-		]
-	});
+          ` });
+					}
+				}),
+				createComponent(VarDeclaration, {
+					"export": true,
+					"const": true,
+					name: "mode",
+					initializer: code`String(env.MODE) || "production"; `
+				}),
+				createComponent(Spacing, {}),
+				createComponent(VarDeclaration, {
+					"export": true,
+					"const": true,
+					name: "isProduction",
+					doc: "Detect if the application is running in `\"production\"` mode",
+					initializer: code`["prd", "prod", "production"].includes(mode.toLowerCase()); `
+				}),
+				createComponent(Spacing, {}),
+				createComponent(VarDeclaration, {
+					"export": true,
+					"const": true,
+					name: "isTest",
+					doc: "Detect if the application is running in `\"test\"` mode",
+					initializer: code`["tst", "test", "testing", "stg", "stage", "staging"].includes(mode.toLowerCase()) || env.TEST; `
+				}),
+				createComponent(Spacing, {}),
+				createComponent(VarDeclaration, {
+					"export": true,
+					"const": true,
+					name: "isDevelopment",
+					doc: "Detect if the application is running in `\"development\"` mode",
+					initializer: code`["dev", "development"].includes(mode.toLowerCase()); `
+				}),
+				createComponent(Spacing, {}),
+				createComponent(VarDeclaration, {
+					"export": true,
+					"const": true,
+					name: "isDebug",
+					doc: "Detect if the application is currently being debugged",
+					initializer: code`Boolean(isDevelopment && env.DEBUG); `
+				}),
+				createComponent(Spacing, {}),
+				createComponent(Show, {
+					get when() {
+						return Boolean(children);
+					},
+					children
+				})
+			];
+		}
+	}));
 }
 EnvBuiltin.__type = [
 	() => __ΩEnvBuiltinProps,