chore: add typings for jsonplaceholder

Author: reosablo

angular-17/main.ts

@@ -6,6 +6,8 @@ import { HttpClient, provideHttpClient } from "@angular/common/http";
 import { Component, effect, inject, Injectable, signal } from "@angular/core";
 import { toSignal } from "@angular/core/rxjs-interop";
 import { bootstrapApplication } from "@angular/platform-browser";
+import type { User } from "jsonplaceholder-types/types/user";
+import type { Post } from "jsonplaceholder-types/types/post";
 
 @Injectable({ providedIn: "root" })
 class AppService {
@@ -14,11 +16,11 @@ class AppService {
   readonly #httpClient = inject(HttpClient);
 
   getUsers() {
-    return this.#httpClient.get(`${AppService.#urlBase}/users`);
+    return this.#httpClient.get<User[]>(`${AppService.#urlBase}/users`);
   }
 
   getPosts(userId: number) {
-    return this.#httpClient.get(`${AppService.#urlBase}/posts`, {
+    return this.#httpClient.get<Post[]>(`${AppService.#urlBase}/posts`, {
       params: { userId },
     });
   }

angular-21/main.ts

@@ -12,17 +12,19 @@ import {
 } from "@angular/core";
 import { Field, form } from "@angular/forms/signals";
 import { bootstrapApplication } from "@angular/platform-browser";
+import type { User } from "jsonplaceholder-types/types/user";
+import type { Post } from "jsonplaceholder-types/types/post";
 
 @Injectable({ providedIn: "root" })
 class AppService {
   static readonly #urlBase = "https://jsonplaceholder.typicode.com";
 
   getUsers() {
-    return httpResource(() => `${AppService.#urlBase}/users`);
+    return httpResource<User[]>(() => `${AppService.#urlBase}/users`);
   }
 
   getPosts(userIdSignal: Signal<string | undefined>) {
-    return httpResource(() => {
+    return httpResource<Post[]>(() => {
       const userId = userIdSignal();
       if (userId == undefined) return undefined;
       return {

deno.json

@@ -0,0 +1,6 @@
+{
+  "workspace": ["./angular-*"],
+  "imports": {
+    "jsonplaceholder-types/": "https://esm.sh/*jsonplaceholder-types@1.0.2&dev/"
+  }
+}