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;
}

ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു

ഈ ടൂൾ ബാഹ്യ ലൈബ്രറികളൊന്നും ഇല്ലാതെ ഒരു കൈകൊണ്ട് എഴുതിയ റിക്കേഴ്സീവ് ടൈപ്പ് ഇൻഫറൻസ് അൽഗോരിതം ഉപയോഗിക്കുന്നു — ഇൻപുട്ട് സാധൂകരിക്കാനും പാഴ്സ് ചെയ്യാനും JSON.parse, പിന്നെ JSON ട്രീയിലെ ഓരോ മൂല്യത്തിലൂടെയും നടന്ന് ബ്രൗസറിൽ നേരിട്ട് TypeScript ഇന്റർഫേസ് അല്ലെങ്കിൽ ടൈപ്പ് ഡിക്ലറേഷനുകൾ പുറപ്പെടുവിക്കുന്ന ഒരു ഇഷ്ട ട്രാവേഴ്സൽ. ഒന്നും ഒരു സെർവറിലേക്കും അയക്കുന്നില്ല.

  1. 1
    JSON പാഴ്സ് ചെയ്ത് സാധൂകരിച്ചു
    നിങ്ങളുടെ ഇൻപുട്ട് JSON.parse-ലേക്ക് കൈമാറുന്നു. ഇത് പരാജയപ്പെട്ടാൽ, കൃത്യമായ പാഴ്സ് എറർ ഉടനടി ഇൻപുട്ടിന് താഴെ കാണിക്കുന്നു. വിജയകരമായ പാഴ്സ് ബാക്കി പരിവർത്തനത്തെ നയിക്കുന്ന ഒരു ടൈപ്പ്ഡ് വാല്യൂ ട്രീ നിർമ്മിക്കുന്നു.
  2. 2
    റിക്കേഴ്സീവ് ടൈപ്പ് ഇൻഫറൻസ്
    ഒരു റിക്കേഴ്സീവ് getType ഫംഗ്ഷൻ ഓരോ നോഡിലൂടെയും നടക്കുന്നു: പ്രിമിറ്റീവുകൾ string, number, boolean, അല്ലെങ്കിൽ null ആയി മാപ്പ് ചെയ്യുന്നു; ഒബ്ജക്റ്റുകൾ ഒരു പുതിയ പേരുള്ള ഇന്റർഫേസ് ട്രിഗർ ചെയ്യുന്നു; ഒബ്ജക്റ്റുകളുടെ അറേകൾക്ക് അവയുടെ കീകൾ എല്ലാ എലമെന്റുകളിലുടനീളം ലയിപ്പിക്കുന്നു, അതിനാൽ ചില ഇനങ്ങളിൽ മാത്രം ഉള്ള കീകൾ ഓപ്ഷണൽ ആയിത്തീരുകയും വൈരുദ്ധ്യമുള്ള മൂല്യ ടൈപ്പുകൾ | ഉപയോഗിച്ച് ചേർക്കുകയും ചെയ്യുന്നു.
  3. 3
    കൂട്ടിയിടി-സുരക്ഷിതമായ ഇന്റർഫേസ് നാമകരണം
    ഓരോ നെസ്റ്റഡ് ഒബ്ജക്റ്റിനും അതിന്റെ JSON കീയിൽ നിന്ന് ഉരുത്തിരിഞ്ഞ ഒരു PascalCase പേര് ലഭിക്കുന്നു (snake_case, kebab-case, സ്പേസുകൾ എല്ലാം നോർമലൈസ് ചെയ്യുന്നു). ഘടനാപരമായി വ്യത്യസ്തമായ രണ്ട് ഒബ്ജക്റ്റുകൾക്ക് ഒരേ പേര് പങ്കിടേണ്ടിവന്നാൽ, മുൻ ഡെഫനിഷൻ നിശബ്ദമായി ഓവർറൈറ്റ് ചെയ്യുന്നതിന് പകരം ഒരു അക്ക സഫിക്സ് (Data, Data2, …) ചേർക്കുന്നു.
  4. 4
    ഔട്ട്പുട്ട് റെൻഡർ ചെയ്ത് ഡൗൺലോഡ് ചെയ്യാവുന്നത്
    നെസ്റ്റഡ് ഇന്റർഫേസുകൾ ആദ്യം പുറപ്പെടുവിക്കുന്നു, പിന്നെ റൂട്ട് ടൈപ്പ്, നിങ്ങളുടെ തിരഞ്ഞെടുപ്പനുസരിച്ച് export interface അല്ലെങ്കിൽ export type ആയി ഫോർമാറ്റ് ചെയ്യുന്നു. ഫലം ക്ലിപ്ബോർഡിലേക്ക് കോപ്പി ചെയ്യാം അല്ലെങ്കിൽ .ts ഫയലായി ഡൗൺലോഡ് ചെയ്യാം — സെർവർ റൗണ്ട്-ട്രിപ്പില്ലാതെ ഒരു സ്റ്റാൻഡേർഡ് Blob ഉപയോഗിച്ച് നിർമ്മിച്ചത്.

അനുബന്ധ ടൂളുകൾ

📋

JSON സ്കീമ → ഫോം

ഒരു JSON സ്കീമ ഒട്ടിച്ച് ലൈവായി പ്രവർത്തിക്കുന്ന ഒരു ഫോം നേടുക — ടെക്സ്റ്റ്, നമ്പർ, ചെക്ക്ബോക്സ്, ഡ്രോപ്ഡൗൺ, ലിസ്റ്റ് ഫീൽഡുകൾ — തുടർന്ന് നിങ്ങളുടെ ഇൻപുട്ടുകൾ ഉണ്ടാക്കുന്ന JSON പകർത്തുക. API റിക്വസ്റ്റ് ബോഡികൾ പ്രോട്ടോടൈപ്പ് ചെയ്യാൻ മികച്ചത്. നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു.

പരീക്ഷിച്ചു നോക്കൂ
ട്രെൻഡിംഗ്
⌨️

ടൈപ്പിംഗ് സ്പീഡ് ടെസ്റ്റ് (WPM)

ടൈംഡ്, വേഡ്-കൗണ്ട്, ക്വോട്ട്, കസ്റ്റം, സെൻ ടെസ്റ്റുകൾ ഉപയോഗിച്ച് നിങ്ങളുടെ ടൈപ്പിംഗ് വേഗത (WPM), കൃത്യത അളക്കുക. ലൈവ് WPM, റോ സ്പീഡ്, കൺസിസ്റ്റൻസി, ഫലങ്ങളുടെ ഗ്രാഫ്, ഒന്നിലധികം ഭാഷകൾ, അക്ഷരം-തിരിച്ചുള്ള ഫീഡ്ബാക്ക് — എല്ലാം നിങ്ങളുടെ ബ്രൗസറിൽ.

പരീക്ഷിച്ചു നോക്കൂ
📐

CSS clamp() ജനറേറ്റർ

റെസ്‌പോൺസീവ് ടൈപ്പോഗ്രഫിക്കും സ്‌പേസിംഗിനുമായി ഫ്ലൂയിഡ് CSS clamp() മൂല്യം ജനറേറ്റ് ചെയ്യുക. മിനിമം/മാക്സിമം വലുപ്പവും വ്യൂപോർട്ട് ശ്രേണിയും സെറ്റ് ചെയ്യുക, ലൈവ് പ്രിവ്യൂ കാണുക, ഒറ്റ-ലൈൻ CSS കോപ്പി ചെയ്യുക.

പരീക്ഷിച്ചു നോക്കൂ

പതിവായി ചോദിക്കുന്ന ചോദ്യങ്ങൾ