BayBreezy / strapi-plugin-gen-types

Generate types for the different collections, single types & components found in your application
https://www.npmjs.com/package/strapi-plugin-gen-types
MIT License
3 stars 1 forks source link
strapi-plugin strapi5

Strapi Plugin Gen Types

Generate types for the different collections, single types & components found in your application.

Screenshot of Gen Types UI in Strapi Admin Panel

This plugin is still in development. Please use with caution.

This plugin will not run in production. It is only meant to be used in development.

Installation

yarn add strapi-plugin-gen-types
npm install strapi-plugin-gen-types

Configuration

You can configure the plugin by updating the config/plugins.ts file in your Strapi project.

The following options are available:

// config/plugins.ts
export default ({ env }) => ({
  "gen-types": {
    enabled: true,
    config: {
      outputLocation: "myTypes.ts",
      // If this is true, then the outputLocation should be the location to a .ts file
      singleFile: true,
    },
  },
});

The plugin will generate types for the collections found in the api folder of your Strapi project.

It will also add a few extra interfaces like User, Role, Media etc.

Admin UI

The plugin will add a new menu item Generated Types. This page will show the generated interfaces.

You can expand each interface to see the fields and their types.

Clicking on the copy button will copy the interface to your clipboard.

License

MIT

Contributing

I am super new to React. I prefer Nuxt. I am not sure if how I implemented the Admin UI is the best way to do it. I would appreciate any help in improving it. Thanks.

Just fork the repo and create a PR. I will be happy to merge it.