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/useRenderTemplate.ts

@@ -0,0 +1,26 @@
+import { useQuery } from '@tanstack/react-query';
+import { invokeCmd } from '../lib/tauri';
+import { useActiveEnvironment } from './useActiveEnvironment';
+import { useActiveWorkspace } from './useActiveWorkspace';
+
+export function useRenderTemplate(template: string) {
+  const workspaceId = useActiveWorkspace()?.id ?? 'n/a';
+  const environmentId = useActiveEnvironment()[0]?.id ?? null;
+  return useQuery<string>({
+    placeholderData: (prev) => prev, // Keep previous data on refetch
+    queryKey: ['render_template', template],
+    queryFn: () => renderTemplate({ template, workspaceId, environmentId }),
+  });
+}
+
+export async function renderTemplate({
+  template,
+  workspaceId,
+  environmentId,
+}: {
+  template: string;
+  workspaceId: string;
+  environmentId: string | null;
+}): Promise<string> {
+  return invokeCmd('cmd_render_template', { template, workspaceId, environmentId });
+}