LibraTool logoLibraTool

Konvertues JSON në TypeScript Falas

Gjeneroni ndërfaqe ose alias tipesh TypeScript nga çdo objekt ose varg JSON. Ngjitni JSON-in tuaj dhe merrni tipe TypeScript gati për përdorim menjëherë.

Funksionon jashtë linje sapo ngarkohet
export interface User {
  id: number;
  name: string;
  email: string;
  isActive: boolean;
  score: number;
  tags: string[];
  address?: null;
}

export interface Root {
  user: User;
  createdAt: string;
  version: number;
}

Si funksionon

Ky mjet përdor një algoritëm rekursiv nxjerrjeje tipi të shkruar me dorë me zero biblioteka të jashtme — JSON.parse për të validuar dhe analizuar hyrjen, pastaj një kalim i personalizuar që ecën nëpër çdo vlerë në pemën JSON dhe lëshon deklarata interface ose type TypeScript direkt në shfletues. Asgjë nuk dërgohet te një server.

  1. 1
    JSON-i analizohet dhe validohet
    Hyrja jote i kalohet JSON.parse. Nëse dështon, gabimi i saktë i analizimit shfaqet menjëherë nën hyrjen. Një analizim i suksesshëm prodhon një pemë vlerash të tipizuar që drejton pjesën tjetër të konvertimit.
  2. 2
    Nxjerrje rekursive tipi
    Një funksion rekursiv getType kalon nëpër çdo nyje: primitivat hartohen te string, number, boolean, ose null; objektet aktivizojnë një interface të re të emërtuar; grupet e objekteve i kanë çelësat e tyre të bashkuar nëpër të gjitha elementet kështu që çelësat e pranishëm vetëm në disa elemente bëhen opsionalë dhe llojet e vlerave në konflikt bashkohen me |.
  3. 3
    Emërtim interface-i i sigurt nga përplasjet
    Çdo objekt i mbivendosur merr një emër PascalCase të nxjerrë nga çelësi i tij JSON (snake_case, kebab-case, dhe hapësirat normalizohen të gjitha). Nëse dy objekte strukturalisht të ndryshëm do të ndanin të njëjtin emër, shtohet një prapashtesë numerike (Data, Data2, …) në vend që të mbishkruhet heshtazi përcaktimi i mëparshëm.
  4. 4
    Dalja e vizatuar dhe e shkarkueshme
    Interface-t e mbivendosura lëshohen së pari, pastaj lloji rrënjë, i formatuar si export interface ose export type varësisht nga zgjedhja jote. Rezultati mund të kopjohet te clipboard ose të shkarkohet si skedar .ts — të gjitha të ndërtuara me një Blob standard dhe pa udhëtim vajtje-ardhje te serveri.

Mjete të ngjashme

📋

JSON Schema në Formular

Ngjitni një JSON Schema dhe merrni një formular të gjallë, funksional — fusha teksti, numri, kutie kontrolli, menu rënëse dhe liste — pastaj kopjoni JSON-in që prodhojnë hyrjet tuaja. Shkëlqyeshëm për prototipizimin e trupave të kërkesave API. Ekzekutohet në shfletuesin tuaj.

Provojeni
Në trend
⌨️

Test Shpejtësie Shkrimi (WPM)

Matni shpejtësinë tuaj të shkrimit (WPM) dhe saktësinë me teste të kohëzgjatura, numër fjalësh, citim, të personalizuara dhe zen. WPM i drejtpërdrejtë, shpejtësi e papërpunuar, qëndrueshmëri, grafik rezultatesh, shumë gjuhë dhe reagim për çdo karakter — gjithçka në shfletuesin tuaj.

Provojeni
📐

Gjenerues CSS clamp()

Gjeneroni një vlerë CSS clamp() fluide për tipografi dhe hapësira përgjegjëse. Vendosni madhësinë min/max dhe intervalin e viewport-it, shihni parashikim të drejtpërdrejtë dhe kopjoni CSS-në me një rresht.

Provojeni

Pyetjet e bëra më shpesh