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 ನಕಲಿಸಿ.

ಇದನ್ನು ಪ್ರಯತ್ನಿಸಿ

ಪದೇ ಪದೇ ಕೇಳಲಾಗುವ ಪ್ರಶ್ನೆಗಳು