LibraTool logoLibraTool

મફત JSON થી TypeScript કન્વર્ટર

કોઈપણ JSON ઓબ્જેક્ટ કે એરેમાંથી TypeScript ઇન્ટરફેસ કે ટાઇપ એલિયાસ જનરેટ કરો. તમારો JSON પેસ્ટ કરો અને તાત્કાલિક ઉપયોગ માટે તૈયાર TypeScript ટાઇપ્સ મેળવો.

એક વાર લોડ થયા પછી ઑફલાઇન કામ કરે છે
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;
}

આ કેવી રીતે કાર્ય કરે છે

આ ટૂલ કોઈ બાહ્ય લાઇબ્રેરી વગર હાથે લખેલા recursive type inference algorithm વાપરે છે — validate અને parse કરવા JSON.parse, પછી JSON tree ના દરેક value ને પસાર કરીને સીધા બ્રાઉઝરમાં TypeScript interface કે type declarations emit કરતું custom traversal. કંઈ પણ સર્વર પર મોકલાતું નથી.

  1. 1
    JSON parse અને validate થાય છે
    તમારો ઇનપુટ JSON.parse ને પસાર થાય છે. જો તે નિષ્ફળ જાય, તો ચોક્કસ parse error તરત ઇનપુટની નીચે દેખાય છે. સફળ parse એક typed value tree બનાવે છે જે બાકીના રૂપાંતરણને ચલાવે છે.
  2. 2
    રિકર્સિવ ટાઇપ ઇન્ફરન્સ
    એક recursive getType ફંક્શન દરેક node ને પસાર કરે છે: primitives string, number, boolean, કે null માં મેપ થાય છે; objects નવો named interface ટ્રિગર કરે છે; objects ના arrays ની keys બધા elements માં merge થાય છે તેથી ફક્ત કેટલાક items માં હાજર keys optional બને છે અને conflicting value types | વડે જોડાય છે.
  3. 3
    કોલિઝન-સેફ ઇન્ટરફેસ નામકરણ
    દરેક nested object ને તેની JSON key પરથી નિકળેલું PascalCase નામ મળે છે (snake_case, kebab-case, અને spaces બધા normalise થાય છે). જો બે structurally જુદા objects એક જ નામ share કરે, તો અગાઉની definition ને silently overwrite કરવાને બદલે numeric suffix ઉમેરવામાં આવે છે (Data, Data2, …).
  4. 4
    આઉટપુટ render અને download-યોગ્ય
    Nested interfaces પહેલા emit થાય છે, પછી root type, તમારી પસંદગી પ્રમાણે export interface કે export type તરીકે formatted. પરિણામ ક્લિપબોર્ડમાં કૉપી કરી શકાય છે કે .ts ફાઇલ તરીકે ડાઉનલોડ કરી શકાય છે — બધું સ્ટાન્ડર્ડ Blob વડે બનેલું, કોઈ સર્વર raund-trip વગર.

સંબંધિત સાધનો

📋

JSON Schema થી ફોર્મ

JSON Schema પેસ્ટ કરો અને લાઇવ, કાર્યરત ફોર્મ મેળવો — ટેક્સ્ટ, નંબર, ચેકબોક્સ, ડ્રોપડાઉન અને લિસ્ટ ફિલ્ડ્સ — પછી તમારા ઇનપુટ્સ જે JSON બનાવે છે તે કૉપિ કરો. API રિક્વેસ્ટ બોડી પ્રોટોટાઇપ કરવા માટે ઉત્તમ. તમારા બ્રાઉઝરમાં ચાલે છે.

પ્રયાસ કરો
ટ્રેન્ડિંગ
⌨️

ટાઇપિંગ સ્પીડ ટેસ્ટ (WPM)

ટાઇમ્ડ, વર્ડ-કાઉન્ટ, ક્વોટ, કસ્ટમ અને ઝેન ટેસ્ટ સાથે તમારી ટાઇપિંગ સ્પીડ (WPM) અને ચોકસાઈ માપો. લાઇવ WPM, રો સ્પીડ, સુસંગતતા, પરિણામ ગ્રાફ, બહુવિધ ભાષાઓ અને પ્રતિ-કેરેક્ટર ફીડબેક — બધું તમારા બ્રાઉઝરમાં.

પ્રયાસ કરો
📐

CSS clamp() જનરેટર

રિસ્પોન્સિવ ટાઇપોગ્રાફી અને સ્પેસિંગ માટે ફ્લુઇડ CSS clamp() વેલ્યુ જનરેટ કરો. મિનિમમ/મેક્સિમમ સાઇઝ અને વ્યુપોર્ટ રેન્જ સેટ કરો, લાઇવ પ્રિવ્યુ જુઓ, અને એક-લાઇન CSS કોપી કરો.

પ્રયાસ કરો

વારંવાર પૂછાતા પ્રશ્નો