@powerlines/plugin-env 0.16.68 → 0.16.69

package/dist/components/env-builtin.mjs

@@ -2,10 +2,10 @@ import { loadEnvFromContext } from "../helpers/load.mjs";
 import { ReflectionClass, ReflectionKind } from "@powerlines/deepkit/vendor/type";
 import { titleCase } from "@stryke/string-format/title-case";
 import defu from "defu";
+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";
-import { Fragment, jsx, jsxs } from "@alloy-js/core/jsx-runtime";
 import { ClassDeclaration, ClassMethod, ElseIfClause, FunctionDeclaration, IfStatement, NewExpression, TypeDeclaration, VarDeclaration } from "@alloy-js/typescript";
 import { refkey } from "@powerlines/plugin-alloy/helpers/refkey";
 import { BuiltinFile } from "@powerlines/plugin-alloy/typescript/components/builtin-file";
@@ -20,28 +20,32 @@ import { TSDoc, TSDocExample, TSDocLink, TSDocParam, TSDocRemarks, TSDocReturns,
 function EnvTypeDefinition(props) {
 	const [{ defaultValue, reflection }] = splitProps(props, ["defaultValue", "reflection"]);
 	const context = usePowerlines();
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(InterfaceDeclaration, {
+	return [
+		createComponent(InterfaceDeclaration, {
 			name: " EnvBase",
 			defaultValue,
 			reflection,
-			export: true
+			"export": true
 		}),
-		/* @__PURE__ */ jsx(Spacing, {}),
-		/* @__PURE__ */ jsx(TSDoc, {
+		createComponent(Spacing, {}),
+		createComponent(TSDoc, {
 			heading: "The environment configuration object with prefixed keys.",
-			children: /* @__PURE__ */ jsx(TSDocRemarks, { children: `The \`Env\` type extends the \`EnvBase\` 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 \`EnvBase\` 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.` });
+			}
 		}),
-		/* @__PURE__ */ jsx(TypeDeclaration, {
+		createComponent(TypeDeclaration, {
 			name: "Env",
-			export: true,
-			children: code` {
+			"export": true,
+			get children() {
+				return code` {
     [Key in keyof EnvBase as Key ${context.config.env.prefix.map((prefix) => `| \`${prefix.replace(/_$/g, "")}_\${Key}\``).join(" ")}]: EnvBase[Key];
 }
-`
+`;
+			}
 		}),
-		/* @__PURE__ */ jsx(Spacing, {})
-	] });
+		createComponent(Spacing, {})
+	];
 }
 function ConfigPropertyConditional(props) {
 	const [{ context, name }] = splitProps(props, ["context", "name"]);
@@ -53,39 +57,63 @@ function ConfigPropertyGet(props) {
 		"property",
 		"index"
 	]);
-	return /* @__PURE__ */ jsx(Fragment, { children: index === 0 ? /* @__PURE__ */ jsx(IfStatement, {
-		condition: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ConfigPropertyConditional, {
-			name: property.getNameAsString(),
-			context
-		}), /* @__PURE__ */ jsxs(Show, {
-			when: property.getAlias() && property.getAlias().length > 0,
-			children: [code` || `, /* @__PURE__ */ jsx(For, {
-				each: property.getAlias(),
-				joiner: code` || `,
-				children: (alias) => /* @__PURE__ */ jsx(ConfigPropertyConditional, {
-					name: alias,
-					context
-				})
-			})]
-		})] }),
-		children: code`return target["${property.getNameAsString()}"];`
-	}) : /* @__PURE__ */ jsx(ElseIfClause, {
-		condition: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ConfigPropertyConditional, {
-			name: property.getNameAsString(),
-			context
-		}), /* @__PURE__ */ jsxs(Show, {
-			when: property.getAlias() && property.getAlias().length > 0,
-			children: [code` || `, /* @__PURE__ */ jsx(For, {
-				each: property.getAlias(),
-				joiner: code` || `,
-				children: (alias) => /* @__PURE__ */ jsx(ConfigPropertyConditional, {
-					name: alias,
-					context
-				})
-			})]
-		})] }),
-		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` || `,
+						children: (alias) => createComponent(ConfigPropertyConditional, {
+							name: alias,
+							context
+						})
+					})];
+				}
+			})];
+		},
+		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` || `,
+						children: (alias) => createComponent(ConfigPropertyConditional, {
+							name: alias,
+							context
+						})
+					})];
+				}
+			})];
+		},
+		get children() {
+			return code`return target["${property.getNameAsString()}"];`;
+		}
+	})];
 }
 function ConfigPropertySet(props) {
 	const [{ context, property, index }] = splitProps(props, [
@@ -93,45 +121,69 @@ function ConfigPropertySet(props) {
 		"property",
 		"index"
 	]);
-	return /* @__PURE__ */ jsx(Fragment, { children: index === 0 ? /* @__PURE__ */ jsx(IfStatement, {
-		condition: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ConfigPropertyConditional, {
-			name: property.getNameAsString(),
-			context
-		}), /* @__PURE__ */ jsxs(Show, {
-			when: property.getAlias() && property.getAlias().length > 0,
-			children: [code` || `, /* @__PURE__ */ jsx(For, {
-				each: property.getAlias(),
-				joiner: code` || `,
-				children: (alias) => /* @__PURE__ */ jsx(ConfigPropertyConditional, {
-					name: alias,
-					context
-				})
-			})]
-		})] }),
-		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` || `,
+						children: (alias) => createComponent(ConfigPropertyConditional, {
+							name: alias,
+							context
+						})
+					})];
+				}
+			})];
+		},
+		get children() {
+			return code`
     target["${property.getNameAsString()}"] = newValue;
     return true;
-`
-	}) : /* @__PURE__ */ jsx(ElseIfClause, {
-		condition: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ConfigPropertyConditional, {
-			name: property.getNameAsString(),
-			context
-		}), /* @__PURE__ */ jsxs(Show, {
-			when: property.getAlias() && property.getAlias().length > 0,
-			children: [code` || `, /* @__PURE__ */ jsx(For, {
-				each: property.getAlias(),
-				joiner: code` || `,
-				children: (alias) => /* @__PURE__ */ jsx(ConfigPropertyConditional, {
-					name: alias,
-					context
-				})
-			})]
-		})] }),
-		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` || `,
+						children: (alias) => createComponent(ConfigPropertyConditional, {
+							name: alias,
+							context
+						})
+					})];
+				}
+			})];
+		},
+		get children() {
+			return code`
     target["${property.getNameAsString()}"] = newValue;
     return true;
-`
-	}) });
+`;
+		}
+	})];
 }
 const createEnvRefkey = refkey("createEnv");
 const envRefkey = refkey("env");
@@ -156,62 +208,74 @@ function EnvBuiltin(props) {
 	});
 	const reflectionGetProperties = computed(() => reflection?.getProperties().filter((property) => !property.isIgnored()).sort((a, b) => a.getNameAsString().localeCompare(b.getNameAsString())) ?? []);
 	const reflectionSetProperties = computed(() => reflection?.getProperties().filter((property) => !property.isIgnored() && !property.isReadonly()).sort((a, b) => a.getNameAsString().localeCompare(b.getNameAsString())) ?? []);
-	return /* @__PURE__ */ 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": [
-			"stringify",
-			"serializer",
-			"serializeFunction",
-			"deserializeFunction",
-			"ReflectionKind",
-			"Serializer",
-			"TemplateState",
-			"Type",
-			"TypeProperty",
-			"TypePropertySignature"
-		] }, rest.imports ?? {}),
-		children: [
-			/* @__PURE__ */ jsxs(Show, {
-				when: Boolean(reflection),
-				children: [
-					/* @__PURE__ */ jsx(EnvTypeDefinition, {
-						defaultValue: defaultValue.value,
-						reflection
-					}),
-					/* @__PURE__ */ jsx("hbr", {}),
-					/* @__PURE__ */ jsx("hbr", {})
-				]
-			}),
-			/* @__PURE__ */ jsx(ObjectDeclaration, {
-				name: "initialEnv",
-				type: "Partial<EnvBase>",
-				defaultValue,
-				reflection: envInstance,
-				export: true,
-				const: true,
-				doc: "The initial environment configuration object values for the runtime."
-			}),
-			/* @__PURE__ */ jsx(Spacing, {}),
-			/* @__PURE__ */ jsxs(TSDoc, {
-				heading: "The environment configuration serializer for the Powerlines application.",
-				children: [
-					/* @__PURE__ */ jsx(TSDocLink, { children: `https://deepkit.io/docs/serialization/serializers` }),
-					/* @__PURE__ */ jsx(TSDocLink, { children: `https://github.com/marcj/untitled-code/blob/master/packages/type/src/serializer.ts#L1918` }),
-					/* @__PURE__ */ jsx(TSDocRemarks, { children: `This serializer is used to serialize and deserialize the Powerlines environment configuration.` })
-				]
-			}),
-			/* @__PURE__ */ jsx(ClassDeclaration, {
-				refkey: envSerializerRefkey,
-				name: "EnvSerializer",
-				extends: "Serializer",
-				export: true,
-				children: /* @__PURE__ */ 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": [
+				"stringify",
+				"serializer",
+				"serializeFunction",
+				"deserializeFunction",
+				"ReflectionKind",
+				"Serializer",
+				"TemplateState",
+				"Type",
+				"TypeProperty",
+				"TypePropertySignature"
+			] }, rest.imports ?? {});
+		},
+		get children() {
+			return [
+				createComponent(Show, {
+					get when() {
+						return Boolean(reflection);
+					},
+					get children() {
+						return [
+							createComponent(EnvTypeDefinition, {
+								get defaultValue() {
+									return defaultValue.value;
+								},
+								reflection
+							}),
+							createIntrinsic("hbr", {}),
+							createIntrinsic("hbr", {})
+						];
+					}
+				}),
+				createComponent(ObjectDeclaration, {
+					name: "initialEnv",
+					type: "Partial<EnvBase>",
+					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,
@@ -221,84 +285,99 @@ function EnvBuiltin(props) {
               );
             }
           ); `
-				})
-			}),
-			/* @__PURE__ */ jsx(Spacing, {}),
-			/* @__PURE__ */ jsxs(TSDoc, {
-				heading: "A {@link EnvSerializer | environment configuration serializer} instance for the Powerlines application.",
-				children: [
-					/* @__PURE__ */ jsx(TSDocLink, { children: `https://deepkit.io/docs/serialization/serializers` }),
-					/* @__PURE__ */ jsx(TSDocLink, { children: `https://github.com/marcj/untitled-code/blob/master/packages/type/src/serializer.ts#L1918` }),
-					/* @__PURE__ */ jsx(TSDocRemarks, { children: `This serializer is used to serialize and deserialize the Powerlines environment configuration.` })
-				]
-			}),
-			/* @__PURE__ */ jsx(VarDeclaration, {
-				name: "envSerializer",
-				export: false,
-				const: true,
-				initializer: /* @__PURE__ */ jsx(NewExpression, {
-					args: [],
-					target: "EnvSerializer"
-				})
-			}),
-			/* @__PURE__ */ jsx(Spacing, {}),
-			/* @__PURE__ */ jsxs(TSDoc, {
-				heading: "Serialize a environment configuration object to JSON data objects (not a JSON string).",
-				children: [
-					/* @__PURE__ */ jsx(TSDocRemarks, { children: `The resulting JSON object can be stringified using \`JSON.stringify()\`.` }),
-					/* @__PURE__ */ jsx(TSDocExample, { children: `const json = serializeEnv(env);` }),
-					/* @__PURE__ */ jsx(TSDocThrows, { children: `ValidationError when serialization or validation fails.` })
-				]
-			}),
-			/* @__PURE__ */ jsx(VarDeclaration, {
-				name: "serializeEnv",
-				export: true,
-				const: true,
-				initializer: "serializeFunction<EnvBase>(envSerializer)"
-			}),
-			/* @__PURE__ */ jsx(Spacing, {}),
-			/* @__PURE__ */ jsxs(TSDoc, {
-				heading: "Deserialize a environment configuration object from JSON data objects to JavaScript objects, without running any validators.",
-				children: [
-					/* @__PURE__ */ jsx(TSDocRemarks, { children: `Types that are already correct will be used as-is.` }),
-					/* @__PURE__ */ jsx(TSDocExample, { children: `const env = deserializeEnv(json);` }),
-					/* @__PURE__ */ jsx(TSDocThrows, { children: `ValidationError when deserialization fails.` })
-				]
-			}),
-			/* @__PURE__ */ jsx(VarDeclaration, {
-				name: "deserializeEnv",
-				export: true,
-				const: true,
-				initializer: "deserializeFunction<EnvBase>(envSerializer)"
-			}),
-			/* @__PURE__ */ jsx(Spacing, {}),
-			/* @__PURE__ */ jsxs(TSDoc, {
-				heading: "Initializes the Powerlines environment configuration module.",
-				children: [
-					/* @__PURE__ */ jsx(TSDocRemarks, { children: `This function initializes the Powerlines environment configuration object.` }),
-					/* @__PURE__ */ 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.`
-					}),
-					/* @__PURE__ */ jsx(TSDocReturns, { children: `The initialized Powerlines configuration object.` })
-				]
-			}),
-			/* @__PURE__ */ jsx(Show, {
-				when: Boolean(context?.entryPath),
-				children: /* @__PURE__ */ jsxs(FunctionDeclaration, {
-					refkey: createEnvRefkey,
-					async: false,
-					export: true,
-					name: "createEnv",
-					parameters: [{
-						name: "environmentConfig",
-						type: `Partial<Env>`,
-						optional: false,
-						default: "{}"
-					}],
-					returnType: "Env",
-					children: [
-						code`
+						});
+					}
+				}),
+				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",
+					"export": false,
+					"const": true,
+					get initializer() {
+						return createComponent(NewExpression, {
+							args: [],
+							target: "EnvSerializer"
+						});
+					}
+				}),
+				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(TSDocThrows, { children: `ValidationError when serialization or validation fails.` })
+						];
+					}
+				}),
+				createComponent(VarDeclaration, {
+					name: "serializeEnv",
+					"export": true,
+					"const": true,
+					initializer: "serializeFunction<EnvBase>(envSerializer)"
+				}),
+				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(VarDeclaration, {
+					name: "deserializeEnv",
+					"export": true,
+					"const": true,
+					initializer: "deserializeFunction<EnvBase>(envSerializer)"
+				}),
+				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,
@@ -306,60 +385,66 @@ function EnvBuiltin(props) {
     }) as Env,
     {
       get: (target: EnvBase, propertyName: string) => { `,
-						/* @__PURE__ */ jsx("hbr", {}),
-						/* @__PURE__ */ jsx(For, {
-							each: reflectionGetProperties,
-							children: (property, index) => /* @__PURE__ */ jsx(ConfigPropertyGet, {
-								index,
-								context,
-								property
-							})
-						}),
-						code`
+									createIntrinsic("hbr", {}),
+									createComponent(For, {
+										each: reflectionGetProperties,
+										children: (property, index) => createComponent(ConfigPropertyGet, {
+											index,
+											context,
+											property
+										})
+									}),
+									code`
             return undefined;
           }, `,
-						/* @__PURE__ */ jsx(Spacing, {}),
-						code` set: (target: EnvBase, propertyName: string, newValue: any) => { `,
-						/* @__PURE__ */ jsx("hbr", {}),
-						/* @__PURE__ */ jsx(For, {
-							each: reflectionSetProperties,
-							ender: code` else `,
-							children: (property, index) => /* @__PURE__ */ jsx(ConfigPropertySet, {
-								index,
-								context,
-								property
-							})
-						}),
-						/* @__PURE__ */ jsx("hbr", {}),
-						code`return false;
+									createComponent(Spacing, {}),
+									code` set: (target: EnvBase, propertyName: string, newValue: any) => { `,
+									createIntrinsic("hbr", {}),
+									createComponent(For, {
+										each: reflectionSetProperties,
+										ender: code` else `,
+										children: (property, index) => createComponent(ConfigPropertySet, {
+											index,
+											context,
+											property
+										})
+									}),
+									createIntrinsic("hbr", {}),
+									code`return false;
       }
     }
   );
 `
-					]
-				})
-			}),
-			/* @__PURE__ */ jsx(Spacing, {}),
-			/* @__PURE__ */ jsx("hbr", {}),
-			/* @__PURE__ */ jsx(TSDoc, {
-				heading: "The environment configuration object.",
-				children: /* @__PURE__ */ jsx(TSDocRemarks, { children: `This object provides access to the environment configuration parameters in the application runtime.` })
-			}),
-			/* @__PURE__ */ jsx(VarDeclaration, {
-				refkey: envRefkey,
-				name: "env",
-				type: "Env",
-				export: true,
-				const: true,
-				initializer: /* @__PURE__ */ jsx(Fragment, { children: code`createEnv(${defaultConfig || "{}"} as Partial<Env>);` })
-			}),
-			/* @__PURE__ */ jsx(Spacing, {}),
-			/* @__PURE__ */ 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 ||
@@ -413,61 +498,66 @@ function EnvBuiltin(props) {
           env.XCS || false
         );
         `
-			}),
-			/* @__PURE__ */ jsx(Spacing, {}),
-			/* @__PURE__ */ jsx(TSDoc, {
-				heading: "Detect the \\`mode\\` of the current runtime environment.",
-				children: /* @__PURE__ */ 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\`
-          ` })
-			}),
-			/* @__PURE__ */ jsx(VarDeclaration, {
-				export: true,
-				const: true,
-				name: "mode",
-				initializer: code`String(env.MODE) || "production"; `
-			}),
-			/* @__PURE__ */ jsx(Spacing, {}),
-			/* @__PURE__ */ 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()); `
-			}),
-			/* @__PURE__ */ jsx(Spacing, {}),
-			/* @__PURE__ */ 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; `
-			}),
-			/* @__PURE__ */ jsx(Spacing, {}),
-			/* @__PURE__ */ 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()); `
-			}),
-			/* @__PURE__ */ jsx(Spacing, {}),
-			/* @__PURE__ */ jsx(VarDeclaration, {
-				export: true,
-				const: true,
-				name: "isDebug",
-				doc: "Detect if the application is currently being debugged",
-				initializer: code`Boolean(isDevelopment && env.DEBUG); `
-			}),
-			/* @__PURE__ */ jsx(Spacing, {}),
-			/* @__PURE__ */ 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
+				})
+			];
+		}
+	}));
 }
 
 //#endregion