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

@@ -0,0 +1,15 @@
+import { useQuery } from '@tanstack/react-query';
+import type { Tokens } from '../gen/Tokens';
+import { invokeCmd } from '../lib/tauri';
+
+export function useTemplateTokensToString(tokens: Tokens) {
+  return useQuery<string>({
+    placeholderData: (prev) => prev, // Keep previous data on refetch
+    queryKey: ['template_tokens_to_string', tokens],
+    queryFn: () => templateTokensToString(tokens),
+  });
+}
+
+export async function templateTokensToString(tokens: Tokens): Promise<string> {
+  return invokeCmd('cmd_template_tokens_to_string', { tokens });
+}