Merge branch 'main' into diagnostics-app-schema

Author: stevensJourney

demos/angular-supabase-todolist/extra-webpack.config.js

@@ -18,7 +18,7 @@ module.exports = (config, options, targetOptions) => {
       ...config.plugins,
       new webpack.DefinePlugin({
         // Embed environment variables starting with `WEBPACK_PUBLIC_`
-        'process.env': JSON.stringify(
+        env: JSON.stringify(
           Object.fromEntries(Object.entries(process.env).filter(([key]) => key.startsWith('WEBPACK_PUBLIC_')))
         )
       })

demos/angular-supabase-todolist/src/env.d.ts

@@ -1,5 +1,5 @@
 export const environment = {
-  supabaseUrl: process.env.WEBPACK_PUBLIC_SUPABASE_URL,
-  supabaseKey: process.env.WEBPACK_PUBLIC_SUPABASE_ANON_KEY,
-  powersyncUrl: process.env.WEBPACK_PUBLIC_POWERSYNC_URL
+  supabaseUrl: env.WEBPACK_PUBLIC_SUPABASE_URL,
+  supabaseKey: env.WEBPACK_PUBLIC_SUPABASE_ANON_KEY,
+  powersyncUrl: env.WEBPACK_PUBLIC_POWERSYNC_URL
 };

demos/angular-supabase-todolist/src/environment.ts

@@ -0,0 +1,12 @@
+// Ambient declarations for webpack-injected environment variables.
+// webpack's DefinePlugin injects `env` at build time.
+
+declare global {
+  const env: {
+    WEBPACK_PUBLIC_SUPABASE_URL: string;
+    WEBPACK_PUBLIC_SUPABASE_ANON_KEY: string;
+    WEBPACK_PUBLIC_POWERSYNC_URL: string;
+  };
+}
+
+export {};