git.stevedylan.dev

src/installers/rpc.ts +2 −8

import fs from "fs-extra";
import pc from "picocolors";
import yoctoSpinner from "yocto-spinner";
import {
	defaultTemplate,
	honoClientTemplate,
	honoRpcTemplate,
	shadcnTemplate,
	tailwindTemplate,
} from "@/utils/templates";
import { ProjectOptions } from "@/types";
import { honoClientTemplate, honoRpcTemplate } from "@/utils/templates";
import type { ProjectOptions } from "@/types";
import { EXTRAS_DIR } from "@/utils";

export async function rpcInstaller(

src/installers/tanstack-query.ts +1 −1

1		-	import path from "path";
	1	+	import path from "node:path";
2	2		import fs from "fs-extra";
3	3		import type { ProjectOptions } from "@/types";
4	4		import yoctoSpinner from "yocto-spinner";

src/lib/create-project.ts +1 −1

		return null;
	}

	const packagesInstalled = await installPackages(projectOptions);
	await installPackages(projectOptions);

	const gitInitialized = await initializeGit(
		projectOptions.projectName ?? projectDirectory,

src/lib/install-packages.ts +1 −2

export async function installPackages(
	options: Required<ProjectOptions>,
): Promise<boolean> {
	const { projectName, template, repo, branch, rpc, linter, tanstackQuery } =
		options;
	const { projectName, rpc, linter, tanstackQuery } = options;

	const projectPath = path.resolve(process.cwd(), projectName);


src/lib/scaffold-template.ts +1 −3

import type { ProjectOptions } from "@/types";
import { DEFAULT_REPO } from "@/utils/constants";
import { TEMPLATES } from "@/utils/templates";
import { patchFilesForRPC } from "./patch-files-rpc";
import { setupBiome } from "./setup-biome";

export async function scaffoldTemplate(
	options: Required<ProjectOptions>,
): Promise<boolean> {
	const { projectName, template, repo, branch, rpc, linter } = options;
	const { projectName, template, repo, branch } = options;

	const projectPath = path.resolve(process.cwd(), projectName);


src/templates/extras/client/src/App.tsx/App-with-rpc-tanstackquery.tsx +14 −3

	return (
		<>
			<div>
				<a href="https://github.com/stevedylandev/bhvr" target="_blank">
				<a
					href="https://github.com/stevedylandev/bhvr"
					target="_blank"
					rel="noopener"
				>
					<img src={beaver} className="logo" alt="beaver logo" />
				</a>
			</div>

			<p>A typesafe fullstack monorepo</p>
			<div className="card">
				<div className="button-container">
					<button onClick={() => sendRequest()}>Call API</button>
					<a className="docs-link" target="_blank" href="https://bhvr.dev">
					<button type="button" onClick={() => sendRequest()}>
						Call API
					</button>
					<a
						className="docs-link"
						target="_blank"
						href="https://bhvr.dev"
						rel="noopener"
					>
						Docs
					</a>
				</div>

src/templates/extras/client/src/App.tsx/App-with-rpc.tsx +14 −3

	return (
		<>
			<div>
				<a href="https://github.com/stevedylandev/bhvr" target="_blank">
				<a
					href="https://github.com/stevedylandev/bhvr"
					target="_blank"
					rel="noopener"
				>
					<img src={beaver} className="logo" alt="beaver logo" />
				</a>
			</div>

			<p>A typesafe fullstack monorepo</p>
			<div className="card">
				<div className="button-container">
					<button onClick={sendRequest}>Call API</button>
					<a className="docs-link" target="_blank" href="https://bhvr.dev">
					<button type="button" onClick={sendRequest}>
						Call API
					</button>
					<a
						className="docs-link"
						target="_blank"
						href="https://bhvr.dev"
						rel="noopener"
					>
						Docs
					</a>
				</div>

src/templates/extras/client/src/App.tsx/App-with-tailwind-rpc-tanstackquery.tsx +7 −1


	return (
		<div className="max-w-xl mx-auto flex flex-col gap-6 items-center justify-center min-h-screen">
			<a href="https://github.com/stevedylandev/bhvr" target="_blank">
			<a
				href="https://github.com/stevedylandev/bhvr"
				target="_blank"
				rel="noopener"
			>
				<img
					src={beaver}
					className="w-16 h-16 cursor-pointer"

			<p>A typesafe fullstack monorepo</p>
			<div className="flex items-center gap-4">
				<button
					type="button"
					onClick={() => sendRequest()}
					className="bg-black text-white px-2.5 py-1.5 rounded-md"
				>

					target="_blank"
					href="https://bhvr.dev"
					className="border-1 border-black text-black px-2.5 py-1.5 rounded-md"
					rel="noopener"
				>
					Docs
				</a>

src/templates/extras/client/src/App.tsx/App-with-tailwind-rpc.tsx +7 −1


	return (
		<div className="max-w-xl mx-auto flex flex-col gap-6 items-center justify-center min-h-screen">
			<a href="https://github.com/stevedylandev/bhvr" target="_blank">
			<a
				href="https://github.com/stevedylandev/bhvr"
				target="_blank"
				rel="noopener"
			>
				<img
					src={beaver}
					className="w-16 h-16 cursor-pointer"

			<p>A typesafe fullstack monorepo</p>
			<div className="flex items-center gap-4">
				<button
					type="button"
					onClick={sendRequest}
					className="bg-black text-white px-2.5 py-1.5 rounded-md"
				>

					target="_blank"
					href="https://bhvr.dev"
					className="border-1 border-black text-black px-2.5 py-1.5 rounded-md"
					rel="noopener"
				>
					Docs
				</a>

src/templates/extras/client/src/App.tsx/App-with-tailwind-shadcn-rpc-tanstackquery.tsx +2 −2


	return (
		<div className="max-w-xl mx-auto flex flex-col gap-6 items-center justify-center min-h-screen">
			<a href="https://github.com/stevedylandev/bhvr" target="_blank">
			<a href="https://github.com/stevedylandev/bhvr" target="_blank" rel="noopener">
				<img
					src={beaver}
					className="w-16 h-16 cursor-pointer"

			<div className="flex items-center gap-4">
				<Button onClick={() => sendRequest()}>Call API</Button>
				<Button variant="secondary" asChild>
					<a target="_blank" href="https://bhvr.dev">
					<a target="_blank" href="https://bhvr.dev" rel="noopener">
						Docs
					</a>
				</Button>

src/templates/extras/client/src/App.tsx/App-with-tailwind-shadcn-rpc.tsx +2 −2


	return (
		<div className="max-w-xl mx-auto flex flex-col gap-6 items-center justify-center min-h-screen">
			<a href="https://github.com/stevedylandev/bhvr" target="_blank">
			<a href="https://github.com/stevedylandev/bhvr" target="_blank" rel="noopener">
				<img
					src={beaver}
					className="w-16 h-16 cursor-pointer"

			<div className="flex items-center gap-4">
				<Button onClick={sendRequest}>Call API</Button>
				<Button variant="secondary" asChild>
					<a target="_blank" href="https://bhvr.dev">
					<a target="_blank" href="https://bhvr.dev" rel="noopener">
						Docs
					</a>
				</Button>

src/templates/extras/client/src/App.tsx/App-with-tailwind-shadcn-tanstackquery.tsx +3 −3

import { useState } from "react";
import beaver from "./assets/beaver.svg";
import { ApiResponse } from "shared";
import type { ApiResponse } from "shared";
import { Button } from "./components/ui/button";
import { useMutation } from "@tanstack/react-query";



	return (
		<div className="max-w-xl mx-auto flex flex-col gap-6 items-center justify-center min-h-screen">
			<a href="https://github.com/stevedylandev/bhvr" target="_blank">
			<a href="https://github.com/stevedylandev/bhvr" target="_blank" rel="noopener">
				<img
					src={beaver}
					className="w-16 h-16 cursor-pointer"

			<div className="flex items-center gap-4">
				<Button onClick={() => sendRequest()}>Call API</Button>
				<Button variant="secondary" asChild>
					<a target="_blank" href="https://bhvr.dev">
					<a target="_blank" href="https://bhvr.dev" rel="noopener">
						Docs
					</a>
				</Button>

src/templates/extras/client/src/App.tsx/App-with-tailwind-tanstackquery.tsx +8 −2

import { useState } from "react";
import beaver from "./assets/beaver.svg";
import { ApiResponse } from "shared";
import type { ApiResponse } from "shared";
import { useMutation } from "@tanstack/react-query";

const SERVER_URL = import.meta.env.VITE_SERVER_URL || "http://localhost:3000";


	return (
		<div className="max-w-xl mx-auto flex flex-col gap-6 items-center justify-center min-h-screen">
			<a href="https://github.com/stevedylandev/bhvr" target="_blank">
			<a
				href="https://github.com/stevedylandev/bhvr"
				target="_blank"
				rel="noopener"
			>
				<img
					src={beaver}
					className="w-16 h-16 cursor-pointer"

			<p>A typesafe fullstack monorepo</p>
			<div className="flex items-center gap-4">
				<button
					type="button"
					onClick={() => sendRequest()}
					className="bg-black text-white px-2.5 py-1.5 rounded-md"
				>

					target="_blank"
					href="https://bhvr.dev"
					className="border-1 border-black text-black px-2.5 py-1.5 rounded-md"
					rel="noopener"
				>
					Docs
				</a>

src/templates/extras/client/src/main.tsx/main-with-tanstackquery.tsx +8 −1


const queryClient = new QueryClient();

createRoot(document.getElementById("root")!).render(
const rootElement = document.getElementById("root");

if (!rootElement) {
	throw new Error(
		"Root element not found. Check if it's in your index.html or if the id is correct.",
	);
}
createRoot(rootElement).render(
	<StrictMode>
		<QueryClientProvider client={queryClient}>
			<App />

src/utils/add-package-dependency.ts +1 −4

import path from "path";
import fs from "fs-extra";
import sortPackageJson from "sort-package-json";
import { type PackageJson } from "type-fest";
import path from "node:path";
import { execa } from "execa";

export const addPackageDependency = async (opts: {

24	24		return null;
25	25		}
26	26
27		-	const packagesInstalled = await installPackages(projectOptions);
	27	+	await installPackages(projectOptions);
28	28
29	29		const gitInitialized = await initializeGit(
30	30		projectOptions.projectName ?? projectDirectory,

34	34		return (
35	35		<>
36	36		<div>
37		-	<a href="https://github.com/stevedylandev/bhvr" target="_blank">
	37	+	<a
	38	+	href="https://github.com/stevedylandev/bhvr"
	39	+	target="_blank"
	40	+	rel="noopener"
	41	+	>
38	42		<img src={beaver} className="logo" alt="beaver logo" />
39	43		</a>
40	44		</div>

43	47		<p>A typesafe fullstack monorepo</p>
44	48		<div className="card">
45	49		<div className="button-container">
46		-	<button onClick={() => sendRequest()}>Call API</button>
47		-	<a className="docs-link" target="_blank" href="https://bhvr.dev">
	50	+	<button type="button" onClick={() => sendRequest()}>
	51	+	Call API
	52	+	</button>
	53	+	<a
	54	+	className="docs-link"
	55	+	target="_blank"
	56	+	href="https://bhvr.dev"
	57	+	rel="noopener"
	58	+	>
48	59		Docs
49	60		</a>
50	61		</div>

31	31		return (
32	32		<>
33	33		<div>
34		-	<a href="https://github.com/stevedylandev/bhvr" target="_blank">
	34	+	<a
	35	+	href="https://github.com/stevedylandev/bhvr"
	36	+	target="_blank"
	37	+	rel="noopener"
	38	+	>
35	39		<img src={beaver} className="logo" alt="beaver logo" />
36	40		</a>
37	41		</div>

40	44		<p>A typesafe fullstack monorepo</p>
41	45		<div className="card">
42	46		<div className="button-container">
43		-	<button onClick={sendRequest}>Call API</button>
44		-	<a className="docs-link" target="_blank" href="https://bhvr.dev">
	47	+	<button type="button" onClick={sendRequest}>
	48	+	Call API
	49	+	</button>
	50	+	<a
	51	+	className="docs-link"
	52	+	target="_blank"
	53	+	href="https://bhvr.dev"
	54	+	rel="noopener"
	55	+	>
45	56		Docs
46	57		</a>
47	58		</div>

32	32
33	33		return (
34	34		<div className="max-w-xl mx-auto flex flex-col gap-6 items-center justify-center min-h-screen">
35		-	<a href="https://github.com/stevedylandev/bhvr" target="_blank">
	35	+	<a
	36	+	href="https://github.com/stevedylandev/bhvr"
	37	+	target="_blank"
	38	+	rel="noopener"
	39	+	>
36	40		<img
37	41		src={beaver}
38	42		className="w-16 h-16 cursor-pointer"

44	48		<p>A typesafe fullstack monorepo</p>
45	49		<div className="flex items-center gap-4">
46	50		<button
	51	+	type="button"
47	52		onClick={() => sendRequest()}
48	53		className="bg-black text-white px-2.5 py-1.5 rounded-md"
49	54		>

53	58		target="_blank"
54	59		href="https://bhvr.dev"
55	60		className="border-1 border-black text-black px-2.5 py-1.5 rounded-md"
	61	+	rel="noopener"
56	62		>
57	63		Docs
58	64		</a>

29	29
30	30		return (
31	31		<div className="max-w-xl mx-auto flex flex-col gap-6 items-center justify-center min-h-screen">
32		-	<a href="https://github.com/stevedylandev/bhvr" target="_blank">
	32	+	<a
	33	+	href="https://github.com/stevedylandev/bhvr"
	34	+	target="_blank"
	35	+	rel="noopener"
	36	+	>
33	37		<img
34	38		src={beaver}
35	39		className="w-16 h-16 cursor-pointer"

41	45		<p>A typesafe fullstack monorepo</p>
42	46		<div className="flex items-center gap-4">
43	47		<button
	48	+	type="button"
44	49		onClick={sendRequest}
45	50		className="bg-black text-white px-2.5 py-1.5 rounded-md"
46	51		>

50	55		target="_blank"
51	56		href="https://bhvr.dev"
52	57		className="border-1 border-black text-black px-2.5 py-1.5 rounded-md"
	58	+	rel="noopener"
53	59		>
54	60		Docs
55	61		</a>

4	4		import fs from "fs-extra";
5	5		import pc from "picocolors";
6	6		import yoctoSpinner from "yocto-spinner";
7		-	import {
8		-	defaultTemplate,
9		-	honoClientTemplate,
10		-	honoRpcTemplate,
11		-	shadcnTemplate,
12		-	tailwindTemplate,
13		-	} from "@/utils/templates";
14		-	import { ProjectOptions } from "@/types";
	7	+	import { honoClientTemplate, honoRpcTemplate } from "@/utils/templates";
	8	+	import type { ProjectOptions } from "@/types";
15	9		import { EXTRAS_DIR } from "@/utils";
16	10
17	11		export async function rpcInstaller(

7	7		export async function installPackages(
8	8		options: Required<ProjectOptions>,
9	9		): Promise<boolean> {
10		-	const { projectName, template, repo, branch, rpc, linter, tanstackQuery } =
11		-	options;
	10	+	const { projectName, rpc, linter, tanstackQuery } = options;
12	11
13	12		const projectPath = path.resolve(process.cwd(), projectName);
14	13

6	6		import type { ProjectOptions } from "@/types";
7	7		import { DEFAULT_REPO } from "@/utils/constants";
8	8		import { TEMPLATES } from "@/utils/templates";
9		-	import { patchFilesForRPC } from "./patch-files-rpc";
10		-	import { setupBiome } from "./setup-biome";
11	9
12	10		export async function scaffoldTemplate(
13	11		options: Required<ProjectOptions>,
14	12		): Promise<boolean> {
15		-	const { projectName, template, repo, branch, rpc, linter } = options;
	13	+	const { projectName, template, repo, branch } = options;
16	14
17	15		const projectPath = path.resolve(process.cwd(), projectName);
18	16

1	1		import { useState } from "react";
2	2		import beaver from "./assets/beaver.svg";
3		-	import { ApiResponse } from "shared";
	3	+	import type { ApiResponse } from "shared";
4	4		import { Button } from "./components/ui/button";
5	5		import { useMutation } from "@tanstack/react-query";
6	6

23	23
24	24		return (
25	25		<div className="max-w-xl mx-auto flex flex-col gap-6 items-center justify-center min-h-screen">
26		-	<a href="https://github.com/stevedylandev/bhvr" target="_blank">
	26	+	<a href="https://github.com/stevedylandev/bhvr" target="_blank" rel="noopener">
27	27		<img
28	28		src={beaver}
29	29		className="w-16 h-16 cursor-pointer"

36	36		<div className="flex items-center gap-4">
37	37		<Button onClick={() => sendRequest()}>Call API</Button>
38	38		<Button variant="secondary" asChild>
39		-	<a target="_blank" href="https://bhvr.dev">
	39	+	<a target="_blank" href="https://bhvr.dev" rel="noopener">
40	40		Docs
41	41		</a>
42	42		</Button>

6	6
7	7		const queryClient = new QueryClient();
8	8
9		-	createRoot(document.getElementById("root")!).render(
	9	+	const rootElement = document.getElementById("root");
	10	+
	11	+	if (!rootElement) {
	12	+	throw new Error(
	13	+	"Root element not found. Check if it's in your index.html or if the id is correct.",
	14	+	);
	15	+	}
	16	+	createRoot(rootElement).render(
10	17		<StrictMode>
11	18		<QueryClientProvider client={queryClient}>
12	19		<App />

1		-	import path from "path";
2		-	import fs from "fs-extra";
3		-	import sortPackageJson from "sort-package-json";
4		-	import { type PackageJson } from "type-fest";
	1	+	import path from "node:path";
5	2		import { execa } from "execa";
6	3
7	4		export const addPackageDependency = async (opts: {