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 அல்காரிதத்தைப் பயன்படுத்துகிறது — உள்ளீட்டைச் சரிபார்த்துப் பாகுபடுத்த JSON.parse, பின் JSON tree இன் ஒவ்வொரு மதிப்பிலும் நடந்து TypeScript interface அல்லது type declarations ஐ நேரடியாக உலாவியில் வெளியிடும் தனிப்பயன் traversal. எதுவும் சர்வருக்கு அனுப்பப்படுவதில்லை.

  1. 1
    JSON பாகுபடுத்தப்பட்டுச் சரிபார்க்கப்படுகிறது
    உங்கள் உள்ளீடு JSON.parse க்கு அனுப்பப்படுகிறது. தோல்வியடைந்தால், சரியான பாகுபடுத்தல் பிழை உள்ளீட்டின் கீழ் உடனே காட்டப்படும். வெற்றிகரமான பாகுபடுத்தல் மீதி மாற்றத்தை இயக்கும் typed value tree ஐத் தருகிறது.
  2. 2
    Recursive type inference
    recursive getType function ஒவ்வொரு node இலும் நடக்கிறது: primitives string, number, boolean அல்லது null உடன் பொருந்துகின்றன; objects புதிய பெயரிடப்பட்ட interface ஐத் தூண்டுகின்றன; objects கொண்ட arrays இன் keys அனைத்து உறுப்புகளிலும் இணைக்கப்படுகின்றன — சில உருப்படிகளில் மட்டும் உள்ள keys optional ஆகின்றன, முரண்படும் மதிப்பு வகைகள் | உடன் இணைக்கப்படுகின்றன.
  3. 3
    மோதல்-பாதுகாப்பான interface பெயரிடல்
    ஒவ்வொரு nested object உம் அதன் JSON key இலிருந்து பெறப்பட்ட PascalCase பெயரைப் பெறுகிறது (snake_case, kebab-case, இடைவெளிகள் அனைத்தும் இயல்பாக்கப்படுகின்றன). கட்டமைப்பில் வேறுபட்ட இரண்டு objects ஒரே பெயரைப் பகிருமானால், முந்தைய வரையறையை அமைதியாக மேலெழுதாமல் எண் பின்னொட்டு சேர்க்கப்படுகிறது (Data, Data2, …).
  4. 4
    வெளியீடு காட்டப்பட்டுப் பதிவிறக்கக்கூடியது
    Nested interfaces முதலில் வெளியிடப்படுகின்றன, பின் root type, உங்கள் தேர்வைப் பொறுத்து export interface அல்லது export type ஆக வடிவமைக்கப்படுகிறது. முடிவைக் கிளிப்போர்டுக்கு நகலெடுக்கலாம் அல்லது .ts கோப்பாகப் பதிவிறக்கலாம் — அனைத்தும் நிலையான Blob உடன், சர்வர் பயணம் இல்லாமல்.

தொடர்புடைய கருவிகள்

📋

JSON திட்டத்திலிருந்து படிவம்

ஒரு JSON Schema-வை ஒட்டி, ஒரு நேரலை, செயல்படும் படிவத்தைப் பெறுங்கள் — உரை, எண், செக்பாக்ஸ், கீழிறங்கு மற்றும் பட்டியல் புலங்கள் — பின்னர் உங்கள் உள்ளீடுகள் உருவாக்கும் JSON-ஐ நகலெடுக்கவும். API கோரிக்கை உடல்களை முன்மாதிரியாக்க சிறந்தது. உங்கள் உலாவியில் இயங்குகிறது.

முயற்சிக்கவும்
பிரபலமானது
⌨️

தட்டச்சு வேக சோதனை (WPM)

நேரம், சொல்-எண்ணிக்கை, மேற்கோள், தனிப்பயன் மற்றும் ஜென் சோதனைகளுடன் உங்கள் தட்டச்சு வேகத்தை (WPM) மற்றும் துல்லியத்தை அளவிடவும். நேரடி WPM, மூல வேகம், நிலைத்தன்மை, முடிவு வரைபடம், பல மொழிகள் மற்றும் எழுத்து வாரியான கருத்து — அனைத்தும் உங்கள் உலாவியில்.

முயற்சிக்கவும்
📐

CSS clamp() உருவாக்கி

பதிலளிக்கும் தட்டச்சு மற்றும் இடைவெளிக்கான ஃப்ளூயிட் CSS clamp() மதிப்பை உருவாக்கவும். குறைந்தபட்ச/அதிகபட்ச அளவு மற்றும் வியூபோர்ட் வரம்பை அமைத்து, நேரடி முன்னோட்டத்தைப் பார்த்து, ஒற்றை-வரி CSS-ஐ நகலெடுக்கவும்.

முயற்சிக்கவும்

அடிக்கடி கேட்கப்படும் கேள்விகள்