Template Tag Function Editor (#67)

![CleanShot 2024-08-15 at 16 53
09@2x](https://github.com/user-attachments/assets/8c0eb655-1daf-4dc8-811f-f606c770f7dc)

src-web/hooks/useActiveEnvironmentVariables.ts

@@ -0,0 +1,24 @@
+import type { EnvironmentVariable } from '@yaakapp/api';
+import { useMemo } from 'react';
+import { useActiveEnvironment } from './useActiveEnvironment';
+import { useActiveWorkspace } from './useActiveWorkspace';
+
+export function useActiveEnvironmentVariables() {
+  const workspace = useActiveWorkspace();
+  const [environment] = useActiveEnvironment();
+
+  const variables = useMemo(() => {
+    const varMap: Record<string, EnvironmentVariable> = {};
+
+    const allVariables = [...(workspace?.variables ?? []), ...(environment?.variables ?? [])];
+
+    for (const v of allVariables) {
+      if (!v.enabled || !v.name) continue;
+      varMap[v.name] = v;
+    }
+
+    return Object.values(varMap);
+  }, [workspace, environment]);
+
+  return variables;
+}