feat: finish rpc

Author: Falk33n

.prettierignore

@@ -1,5 +1,16 @@
+# Packages
+node_modules
+
 # Package Managers
 package-lock.json
 pnpm-lock.yaml
 yarn.lock
+bun.lock
 bun.lockb
+
+# Output
+/.svelte-kit
+
+# Env
+.env.*
+!.env.example

.prettierrc

@@ -1,7 +1,8 @@
 {
 	"useTabs": true,
+	"tabWidth": 4,
 	"singleQuote": true,
-	"printWidth": 80,
+	"printWidth": 100,
 	"singleAttributePerLine": true,
 	"svelteBracketNewLine": true,
 	"quoteProps": "consistent",
@@ -13,5 +14,6 @@
 				"parser": "svelte"
 			}
 		}
-	]
+	],
+	"tailwindFunctions": ["cn", "tv"]
 }

bun.lockb

@@ -0,0 +1,17 @@
+{
+	"$schema": "https://next.shadcn-svelte.com/schema.json",
+	"style": "default",
+	"tailwind": {
+		"config": "tailwind.config.ts",
+		"css": "./src/styles/app.css",
+		"baseColor": "neutral"
+	},
+	"aliases": {
+		"components": "$lib/components",
+		"utils": "$lib/utils",
+		"ui": "$lib/components/ui",
+		"hooks": "$lib/hooks"
+	},
+	"typescript": true,
+	"registry": "https://next.shadcn-svelte.com/registry"
+}

components.json

@@ -9,24 +9,21 @@ import svelteConfig from './svelte.config.js';
 
 const gitignorePath = fileURLToPath(new URL('./.gitignore', import.meta.url));
 
-export default ts.config(
+const config = ts.config(
 	includeIgnoreFile(gitignorePath),
 	js.configs.recommended,
 	...ts.configs.recommended,
 	...svelte.configs.recommended,
 	prettier,
-	...svelte.configs['flat/prettier'],
+	...svelte.configs.prettier,
 	{
 		languageOptions: {
-			globals: {
-				...globals.browser,
-				...globals.node,
-			},
+			globals: { ...globals.browser, ...globals.node },
 		},
+		rules: { 'no-undef': 'off' },
 	},
 	{
 		files: ['**/*.svelte', '**/*.svelte.ts', '**/*.svelte.js'],
-		ignores: ['eslint.config.js', 'svelte.config.js'],
 		languageOptions: {
 			parserOptions: {
 				projectService: true,
@@ -36,4 +33,17 @@ export default ts.config(
 			},
 		},
 	},
+	{
+		rules: {
+			'@typescript-eslint/no-unused-vars': [
+				'error',
+				{
+					argsIgnorePattern: '^_',
+					varsIgnorePattern: '^_',
+				},
+			],
+		},
+	},
 );
+
+export default config;

eslint.config.js

@@ -11,31 +11,35 @@
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"format": "prettier --write .",
-		"lint": "prettier --check . && eslint .",
-    "cache:delete": "bun pm cache rm -g -f"
+		"lint": "prettier --check . && eslint ."
 	},
 	"devDependencies": {
-		"@eslint/compat": "^1.2.7",
-		"@eslint/js": "^9.21.0",
-		"@sveltejs/adapter-auto": "^4.0.0",
-		"@sveltejs/kit": "^2.17.3",
+		"@eslint/compat": "^1.2.8",
+		"@eslint/js": "^9.23.0",
+		"@sveltejs/adapter-auto": "^6.0.0",
+		"@sveltejs/kit": "^2.20.3",
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
-		"@tailwindcss/vite": "^4.0.9",
-		"eslint": "^9.21.0",
-		"eslint-config-prettier": "^10.0.2",
-		"eslint-plugin-svelte": "^2.46.1",
+		"@tailwindcss/vite": "^4.1.2",
+		"bits-ui": "^1.3.16",
+		"clsx": "^2.1.1",
+		"eslint": "^9.23.0",
+		"eslint-config-prettier": "^10.1.1",
+		"eslint-plugin-svelte": "^3.5.1",
 		"globals": "^16.0.0",
-		"prettier": "^3.5.2",
+		"mode-watcher": "^0.5.1",
+		"prettier": "^3.5.3",
 		"prettier-plugin-svelte": "^3.3.3",
 		"prettier-plugin-tailwindcss": "^0.6.11",
-		"svelte": "^5.20.4",
-		"svelte-check": "^4.1.4",
-		"tailwindcss": "^4.0.9",
-		"typescript": "^5.7.3",
-		"typescript-eslint": "^8.25.0",
-		"vite": "^6.2.0"
-	},
-	"dependencies": {
+		"svelte": "^5.25.6",
+		"svelte-check": "^4.1.5",
+		"svelte-sonner": "^0.3.28",
+		"tailwind-merge": "^3.1.0",
+		"tailwind-variants": "^1.0.0",
+		"tailwindcss": "^4.1.2",
+		"tw-animate-css": "^1.2.5",
+		"typescript": "^5.8.2",
+		"typescript-eslint": "^8.29.0",
+		"vite": "^6.2.5",
 		"zod": "^3.24.2"
 	}
 }

package.json

@@ -1,3 +1,5 @@
+// See https://svelte.dev/docs/kit/types#app.d.ts
+// for information about these interfaces
 declare global {
 	namespace App {
 		// interface Error {}

src/app.css

@@ -0,0 +1,63 @@
+import { toast } from 'svelte-sonner';
+import type { z } from 'zod';
+import type { routerBaseOutputSchema } from '../schemas';
+import type { AppRouterEndpoints } from '../server/caller';
+import type { AppRouter } from '../server/root';
+import type { HttpMethod } from '../server/setup';
+
+type ResolvePath<T, P extends string> = P extends `${infer K}.${infer Rest}`
+	? K extends keyof T
+		? ResolvePath<T[K], Rest>
+		: never
+	: P extends keyof T
+		? T[P]
+		: never;
+
+export type ExtractMethod<T, P extends string> =
+	ResolvePath<T, P> extends { method: infer M } ? M : never;
+
+export type ExtractInput<T, P extends string> =
+	ResolvePath<T, P> extends { handler: (...args: infer Params) => any } ? Params[1] : never;
+
+export type ExtractOutput<T, P extends string> =
+	ResolvePath<T, P> extends { handler: (...args: any) => infer R } ? R : never;
+
+type RequestOptions = Omit<RequestInfo, 'body' | 'method'>;
+
+type ClientCallerInput<T extends AppRouterEndpoints> = {
+	method: ExtractMethod<AppRouter, T>;
+	input: ExtractInput<AppRouter, T>;
+	requestOptions?: RequestOptions;
+};
+
+type ClientCallerOutput<T extends AppRouterEndpoints> = Promise<
+	ExtractOutput<AppRouter, T> | z.infer<typeof routerBaseOutputSchema> | undefined
+>;
+
+export async function callApi<T extends AppRouterEndpoints>(
+	endpoint: T,
+	{ method, input, requestOptions }: ClientCallerInput<T>,
+): ClientCallerOutput<T> {
+	const formattedEndpoint = endpoint.replace(/\./g, '/');
+
+	const response = await fetch(`api/${formattedEndpoint}`, {
+		body: JSON.stringify(input),
+		method: method as HttpMethod,
+		...requestOptions,
+	});
+
+	if (!response.ok) {
+		toast.error('The request failed!', {
+			description: response.statusText,
+		});
+
+		return;
+	}
+
+	try {
+		const output = (await response.json()) as ExtractOutput<AppRouter, T>;
+		return output;
+	} catch {
+		return { status: 404, message: await response.text() };
+	}
+}