import { useAsyncGenerator } from "really-async";
import { fetchMessages, fetchUser } from "$/api/messages";

async function* getTransformedMessages(channelId: string) {
	for await (const message of fetchMessages(channelId)) {
		const user = fetchUser(message.partialUser.id);
		yield { message, user };
	}
}

export function Component({ channelId }: { channelId: string }) {
	const { values: messages } = useAsyncGenerator(() =>
		getTransformedMessages(channelId)
	);

	return (
		<div>
			{messages.map((message) => (
				<Message key={message.id} data={message} />
			))}
		</div>
	);
}

import fs from "fs/promises";
import { wrapAsyncGeneratorComponent } from "really-async";
import {
	getAllNodes,
	getAllDependantNodes,
	optimizeNodes,
} from "$/utils/nodes";

async function* CreateTree() {
	const nodes = yield* getAllNodes();
	const dependantNodes = yield* getAllDependantNodes(nodes);
	const result = yield* optimizeNodes(dependantNodes);

	yield "Writing file";
	await fs.writeFile(result.print());

	return <Result result={result} />;
}

export default wrapAsyncGeneratorComponent(CreateTree);