yamcodes
diff --git a/‎.changeset/nextjs-dx-improvements.md‎
Lines changed: 38 additions & 0 deletions b/‎.changeset/nextjs-dx-improvements.md‎
Lines changed: 38 additions & 0 deletions
diff --git a/‎packages/nextjs/src/config.ts‎
Lines changed: 2 additions & 2 deletions b/‎packages/nextjs/src/config.ts‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎packages/nextjs/src/script.tsx‎
Lines changed: 0 additions & 1 deletion b/‎packages/nextjs/src/script.tsx‎
Lines changed: 0 additions & 1 deletion
@@ -0,0 +1,38 @@
+---
+"@arkenv/nextjs": patch
+---
+
+#### Add non-wrapping setup API, dynamic client environment variables, and refactor parser integration
+
+Improve the Next.js integration with the following enhancements:
+
+- **Non-wrapping Setup API**: Expose `setupArkEnv` from `@arkenv/nextjs/config` and a side-effect import `@arkenv/nextjs/register` to allow setting up ArkEnv in `next.config.js` without wrapping the configuration.
+- **Dynamic Client Environment Variables**: Implement `<ArkEnvScript />` component that runs during SSR to inject `NEXT_PUBLIC_*` environment variables dynamically into the browser (`globalThis.__arkenv_env__`), allowing containerized deployments to swap public variables at runtime without rebuilds.
+- **Code Deduplication**: Refactor `@arkenv/nextjs/config` to import shared watcher, layout resolution, and key extraction helpers from `@arkenv/build`.
+
+Usage:
+
+```ts
+// next.config.js
+import "@arkenv/nextjs/register";
+
+export default {
+  // your normal next config
+};
+```
+
+```tsx
+// app/layout.tsx
+import { ArkEnvScript } from "@arkenv/nextjs";
+
+export default function RootLayout({ children }) {
+  return (
+    <html>
+      <head>
+        <ArkEnvScript />
+      </head>
+      <body>{children}</body>
+    </html>
+  );
+}
+```
@@ -378,8 +378,8 @@ export function extractKeys(content: string): {
 				const arrayContent = sharedMatch[1];
 				const stringRegex =
 					/(?:"([^"\\]*(?:\\.[^"\\]*)*)"|'([^'\\]*(?:\\.[^'\\]*)*)'|`([^`\\]*(?:\\.[^`\\]*)*)`)/g;
-				let match;
-				while ((match = stringRegex.exec(arrayContent)) !== null) {
+				const matches = arrayContent.matchAll(stringRegex);
+				for (const match of matches) {
 					const val = match[1] || match[2] || match[3];
 					if (val) {
 						optionSharedKeys.push(val);
 
@@ -39,7 +39,6 @@ export function ArkEnvScript({
 	return (
 		<script
 			id="arkenv-script"
-			// biome-ignore lint/security/noDangerouslySetInnerHTML: needed to inject the env variables script tag
 			dangerouslySetInnerHTML={{ __html: scriptContent }}
 		/>
 	);