Fully customizable client side (TypeScript) code generation tool for gRPC

Vladislav — Wed, 01 Nov 2023 10:41:27 +0000

Hello everyone. I want to present experimental project which helps you to use gRPC-web on client side.

Catfish is first fully customizable client side (TypeScript) code generation tool for gRPC.

With Catfish you can:

Extend every code generation plugin using very friendly, simple and powerful syntax
Write your own code generation plugins without pain
Use library without dependencies like protoc, buf or java
Use with protoc or buf (in progress)

Catfish packages:

Parser - Based on ANTL4 .proto files parser (currently works only with protobuf V3)
Generator - Basic classes & types for code generation and many ready to use plugins
Runtime - Some logic that you might need in generated fiels

Catfish plugins:

protobuf - generates protobuf messages
grpc-web - generates grpc-web compatible clients
grpc-web-rxjs - generates grpc-web compatible clients based on rxjs library
grpc-web-catfish - generates extensions for grpc-web clients that you can use to reduce boilerplate (currently implemented only paginators)
grpc-web-tanstack - generates extensions for grpc-web clients that you can use with reqct-query library

I will be really happy if you leave feedback here https://github.com/iamguid/catfish/discussions/1 Thank You!

Catfish

️⚠️ Experimental ️⚠️

What is Catfish ?

Catfish is first fully customizable client side (TypeScript) code generation tool for gRPC.

With Catfish you can:

Extend every code generation plugin using very friendly, simple and powerfull syntax
Write your own code generation plugins without pain
Use library without dependencies like protoc, buf or java
Use with protoc or buf (in progress)

Catfish packages:

Parser - Based on ANTL4 .proto files parser (currently works only with protobuf V3)
Generator - Basic classes & types for code generation and many ready to use plugins
Runtime - Some logic that you might need in generated fiels

Catfish plugins:

protobuf - generates protobuf messages
grpc-web - generates grpc-web compatible clients
grpc-web-rxjs - generates grpc-web compatible clients based on rxjs library
grpc-web-catfish - generates extensions for grpc-web clients that you can use to reduce boilerplate (currently implemented only paginators)
grpc-web-tanstack - generates extensions…

View on GitHub

New way to cook angular 14 typed forms

Vladislav — Fri, 15 Jul 2022 18:16:58 +0000

Hello everyone, I want to show you a library with which you can conveniently declare forms and describe the type of form according to your models, this will be useful to everyone who deals with forms in angular 14. ngx-mf i want to get some feedback from you, thanks! You can try it on stackblitz

You can do something like this:

We define some model:


enum ContactType {
    Email,
    Telephone,
}

interface IContactModel {
    type: ContactType;
    contact: string;
}

interface IUserModel {
    id: number;
    firstName: string;
    lastName: string;
    nickname: string;
    birthday: Date;
    contacts: IContactModel[];
}

Then we define some magic type like:

Type Form = FormModel<IUserModel, { contacts: ['group'] }>

Then we have type based on our model before form will be init:

FormGroup<{
    firstName: FormControl<string | null>;
    lastName: FormControl<string | null>;
    nickname: FormControl<string | null>;
    birthday: FormControl<Date | null>;
    contacts: FormArray<FormGroup<{
        type: FormControl<ContactType | null>;
        contact: FormControl<string | null>;
    }>>;
}>

Forem: Vladislav

Fully customizable client side (TypeScript) code generation tool for gRPC

iamguid / catfish

Easy to use gRPC client code generation tool

Catfish

What is Catfish ?

New way to cook angular 14 typed forms