Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/The-Commit-Company/frappe-types

Typescript type definition generator for Frappe DocTypes
https://github.com/The-Commit-Company/frappe-types

frappe-framework typescript

Last synced: 4 months ago
JSON representation

Typescript type definition generator for Frappe DocTypes

Awesome Lists containing this project

README

        

## Frappe Typescript Type Generator

Typescript type definition generator for Frappe DocTypes.







## Usage

To use the app, install it on your local development bench:

```bash
$ bench get-app https://github.com/The-Commit-Company/frappe-types
$ bench --site mysite.test install-app frappe_types
```

After installing the app, search for "Type Generation Settings" in Desk using the Awesomebar. You need to add the app name and path where you want to save your Typescript type definition files. frappe-types will only run on those app whose app name and path are added in these settings.

Screenshot 2023-01-12 at 2 30 31 PM

That's it.

Now whenever you create or update any DocType on your local machine, the app will generate `.ts` files under at the following path: `app/src/types//.ts`.


## Features

1. Supports most Frappe field types
2. Runs automatically whenever you save/update a DocType
3. Adds JSDoc comments for every field in the interface
4. Support CLI command to run type generation on existing DocTypes without having to update them.


## CLI Command

You can also run the type generation command from the bench CLI. This will generate types for all DocTypes in the system.
This CLI Command works for all frappe-bench apps, and can generate types of any DocType .

1. Generate types for DocType.

```bash
$ bench --site generate-types-for-doctype --app --doctype [--generate_child_tables] [--custom_fields]

# or just Answer the prompts
$ bench --site generate-types-for-doctype
```

2. Generate types for Module.

```bash
$ bench --site generate-types-for-module --app --module [--generate_child_tables]

# or just Answer the prompts
$ bench --site generate-types-for-module
```

Note: No need to mention --site if current site is same site where module/doctype existed app installed in that site.

1. `--app` - the app name included in `Type Generation Settings` doctype and where you want to save type files.
2. `--doctype` - the doctype name for which you want to generate types.
3. `--module` - the module name for which you want to generate types.
4. `--generate_child_tables` - if you want to generate types for child tables of the doctype (default=False).
5. `--custom_fields` - if you want to generate types for custom fields of the doctype (Default=False).


## Example

Let's say you create a DocType in a module called "Project Management" called "Projects" and Child Table called "Project User Table" with the following fields:

image


The app will automatically create a file called `Projects.ts` and `ProjectUserTable.ts` at the path `/types/ProjectManagement` like this:

(Notice that spaces in the Module and DocType names will be removed)


image



image


## Where can you use this?

If you are developing custom Frappe apps with a Frappe backend and a frontend single-page app using React/Vue/other frameworks, you can use this app to generate TypeScript definitions to be used in your frontend app.


## What features will we add next?

1. Looking at how to improve speed so that DocType saving does not take a lot of time.


## Maintainers

| Maintainer | GitHub | Social |
| -------------- | ----------------------------------------------- | ---------------------------------------------------------------- |
| Nikhil Kothari | [nikkothari22](https://github.com/nikkothari22) | [@nik_kothari22](https://twitter.com/nik_kothari22) |
| Sumit Jain | [sumitjain236](https://github.com/sumitjain236) | [@sumit_jain](https://www.linkedin.com/in/sumit-jain-66bb5719a/) |


#### License

MIT