npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@khulalit/json-to-ts-interface

v1.0.2

Published

The JSON to TypeScript Interface Converter is a CLI tool designed to convert JSON files into TypeScript interfaces. This tool helps in generating TypeScript interfaces from JSON objects, making it easier to work with strongly typed data in TypeScript proj

Downloads

11

Readme

JSON to TypeScript Interface Converter

Overview

The JSON to TypeScript Interface Converter is a CLI tool designed to convert JSON files into TypeScript interfaces. This tool helps in generating TypeScript interfaces from JSON objects, making it easier to work with strongly typed data in TypeScript projects.

Features

  • Convert JSON to TypeScript interfaces.
  • Generate separate interfaces for nested objects.
  • Create type definitions for arrays and primitive types.
  • Specify a custom name for the root interface.

Installation

Global Installation

To install the CLI tool globally, use the following command: npm install -g json-to-ts-cli

Local Installation

To install the CLI tool locally within a project, use:

npm install json-to-ts-cli

Usage

Command-Line Interface

The CLI tool is invoked using the json-to-ts command:

  • json-to-ts <input> <output> [rootInterfaceName]
  • <input>: Path to the input JSON file.
  • <output>: Path to the output TypeScript file.
  • [rootInterfaceName] (Optional): Name for the root TypeScript interface. If not provided, defaults to RootInterface.

Example

Convert input.json to output.ts with a custom root interface name:

  • json-to-ts input.json output.ts CustomRootInterface

Convert input.json to output.ts using the default root interface name:

  • json-to-ts input.json output.ts

Development

Prerequisites

  • Node.js (v14 or later)
  • npm (v6 or later)

Setup

Clone the Repository

git clone <repository-url> cd <repository-directory>

Install Dependencies

npm install

Build the Project

npm run build

Directory Structure
  • src/ - Contains source TypeScript files.
  • cli.ts - Entry point for the CLI tool.
  • convert.ts - Contains logic for converting JSON to TypeScript interfaces.
  • dist/ - Output directory for compiled JavaScript files.
  • package.json - Contains project metadata and dependencies.
  • tsconfig.json - TypeScript configuration file.
Scripts
  • Build: Compile TypeScript files to JavaScript.

  • npm run build

  • Link: Create a symlink for local development.

  • npm link

  • Start: Build and run the CLI tool

  • npm start

Example JSON File

Here’s a sample JSON file to test the converter:

  "id": 1,
  "name": "John Doe",
  "email": "[email protected]",
  "isActive": true,
  "roles": ["admin", "user"],
  "profile": {
    "age": 30,
    "address": {
      "street": "123 Main St",
      "city": "Anytown",
      "zipcode": "12345"
    }
  }
} 

Generated TypeScript Output

For the sample JSON above and using the root interface name CustomRootInterface, the generated TypeScript file will look like this:

export interface CustomRootInterface {
  id: number;
  name: string;
  email: string;
  isActive: boolean;
  roles: string[];
  profile: Profile;
}

export interface Profile {
  age: number;
  address: Address;
}

export interface Address {
  street: string;
  city: string;
  zipcode: string;
}

Contributing

  • Fork the Repository - Create a fork of the repository on GitHub.

  • Create a Branch - Create a new branch for your changes.

  • git checkout -b feature/your-feature

  • Make Changes - Implement your changes and test them.

  • Commit Changes - Commit your changes with a descriptive message.

  • git add .

  • git commit -m "Add feature or fix description"

  • Push Changes - Push your branch to your fork.

  • git push origin feature/your-feature

  • Create a Pull Request - Open a pull request from your fork to the main repository.

License

This project is licensed under the MIT License. See the LICENSE file for details.