@cosmwasm/ts-codegen 0.7.0 → 0.7.3

package/README.md

@@ -21,36 +21,163 @@ npm install -g @cosmwasm/ts-codegen
 
 The quickest and easiest way to interact with CosmWasm Contracts. `@cosmwasm/ts-codegen` converts your CosmWasm smart contracts into dev-friendly TypeScript classes so you can focus on shipping code.
 
+## Table of contents
+
+- [@cosmwasm/ts-codegen](#cosmwasmts-codegen)
+  - [Table of contents](#table-of-contents)
+- [QuickStart](#quickstart)
+- [Usage](#usage)
+    - [Generate TS Clients](#generate)
+    - [React Query](#react-query)
+    - [Recoil](#recoil)
+    - [Message Composer](#message-composer)
+- [Example Output](#example-output)
+- [JSON Schema](#json-schema)
+    - [JSON Schema Generation](#json-schema-generation)
+    - [Exporting Schemas](#exporting-schemas)
+- [Developing](#developing)
+- [Related](#related)
+### Quickstart 
+
+Clone your project and `cd` into your contracts folder
+
+```sh
+git clone git@github.com:public-awesome/stargaze-contracts.git
+cd stargaze-contracts/contracts/sg721/
+```
+
+Run `cosmwasm-ts-codegen` to generate your code.
+
+```sh
+cosmwasm-ts-codegen generate --schema ./schema --out ./ts --name SG721
+```
+
+The output will be in the folder specified by `--out`, enjoy!
+
 ## usage
 
+Get started quickly using our `cli` by globally installing via npm:
+
+```
+npm install -g @cosmwasm/ts-codegen
 ```
- cosmwasm-ts-codegen generate \
+### generate
+
+Generate a basic TS client for your contracts. The `generate` command will make types which will be essential for your bindings.
+
+This command also generates a `QueryClient` for queries as well as a `Client` for queries and mutations. 
+
+[see example output code](https://gist.github.com/pyramation/ba67ec56e4e2a39cadea55430f9993e5)
+
+
+```sh
+cosmwasm-ts-codegen generate \
     --schema ./schema \
-    --out ./src \
+    --out ./ts \
     --name MyContractName
  ```
 
-### example 
+for programmatic usage, you can use the `tsClient` function:
 
+```ts
+import { tsClient } from '@cosmwasm/ts-codegen';
+declare const tsClient = (name: string, schemas: any[], outPath: string) => Promise<void>;
 ```
-git clone git@github.com:public-awesome/stargaze-contracts.git
-cd stargaze-contracts/contracts/sg721/
-cosmwasm-ts-codegen generate --schema ./schema --out ./ts --name SG721
+
+### react query
+
+Generate [react-query v3](https://react-query-v3.tanstack.com/) or [react-query v4](https://tanstack.com/query/v4/) bindings for your contracts with the `react-query` command.
+
+[see example output code](https://gist.github.com/pyramation/a3bf4aa7b60a31287d0720ca1bb5473b)
+
+
+Example without optional client, using v3, without mutations:
+
+```sh
+cosmwasm-ts-codegen react-query \
+    --schema ./schema \
+    --out ./ts \
+    --name MyContractName \
+    --no-optionalClient \
+    --no-v4 \
+    --no-mutations
 ```
 
-### JSON Schema Generation
+Example with optional client, using v4, with mutations:
+
+```sh
+cosmwasm-ts-codegen react-query \
+    --schema ./schema \
+    --out ./ts \
+    --name MyContractName \
+    --optionalClient \
+    --v4 \
+    --mutations
+```
+
+For programmatic usage, you can use the `reactQuery` function:
+
+```ts
+import { reactQuery } from '@cosmwasm/ts-codegen';
+declare const reactQuery = (
+  contractName: string,
+  schemas: any[],
+  outPath: string,
+  reactQueryOptions?: ReactQueryOptions
+) => Promise<void>;
+```
+
+#### React Query Options
+
+  | option                         | description                                                         |
+  | ------------------------------ | ------------------------------------------------------------------- |
+  | `reactQuery.optionalClient`    | allows contract client to be undefined as the component renders     |
+  | `reactQuery.v4`                | uses `@tanstack/react-query` and syntax instead of v3 `react-query` |
+  | `reactQuery.mutations`         | also generate mutations                                             |
+  | `reactQuery.camelize`          | use camelCase style for property names                            |
+
+### recoil
+
+Generate [recoil](https://recoiljs.org/) bindings for your contracts with the `recoil` command.
+
+[see example output code](https://gist.github.com/pyramation/48b28a75def1a16b233b369297f05f0e)
 
-Currently you have to have the JSON Schema output. Here is an example to start:
 
 ```sh
-## get the Rust contracts
-git clone git@github.com:public-awesome/stargaze-contracts.git
-cd stargaze-contracts
-cargo build
+cosmwasm-ts-codegen recoil \
+    --schema ./schema \
+    --out ./ts \
+    --name MyContractName 
+```
 
-## now build the schema
-cd contracts/sg721/
-cargo schema
+for programmatic usage, you can use the `recoil` function:
+
+```ts
+import { recoil } from '@cosmwasm/ts-codegen';
+declare const recoil = (
+  name: string,
+  schemas: any[],
+  outPath: string
+) => Promise<void>;
+```
+### Message Composer
+
+Generate pure message objects with the proper `utf8` encoding and `typeUrl` configured that you can broadcast yourself via `cosmjs` with the `from-partial` command.
+
+[see example output code](https://gist.github.com/pyramation/f50869d1ecdb6d6ced2bc0a44c6ff492)
+
+```sh
+cosmwasm-ts-codegen from-partial \
+    --schema ./schema \
+    --out ./ts \
+    --name MyContractName 
+```
+
+for programmatic usage, you can use the `fromPartial` function:
+
+```ts
+import { fromPartial } from '@cosmwasm/ts-codegen';
+declare const fromPartial = (name: string, schemas: any[], outPath: string) => Promise<void>;
 ```
 
 ### Example Output
@@ -72,8 +199,28 @@ https://gist.github.com/pyramation/a3bf4aa7b60a31287d0720ca1bb5473b
 https://gist.github.com/pyramation/48b28a75def1a16b233b369297f05f0e
 
 
-### Exporting Schemas
+### JSON Schema
+
+We generate code from the [JSON Schema](https://json-schema.org/) exported from CosmWasm smart contracts.
+### JSON Schema Generation
+
+Currently you have to have the JSON Schema output. Here is an example to start.
+
+First, get the Rust contracts and run `cargo build`:
+
+```sh
+git clone git@github.com:public-awesome/stargaze-contracts.git
+cd stargaze-contracts
+cargo build
+```
+
+now build the schema with `cargo schema`
 
+```sh
+cd contracts/sg721/
+cargo schema
+```
+### Exporting Schemas
 #### `cosmwasm_std` Examples
 
 ```rs
@@ -87,4 +234,38 @@ export_schema_with_title(
       &out_dir,
       "CosmosMsg_for_Empty",
 );
-```
+```
+
+## Developing
+
+### Initial setup
+
+```
+yarn 
+yarn bootstrap
+```
+
+### Building
+
+```
+yarn build
+```
+
+### Tests
+
+Then `cd` into a package and run the tests
+
+```
+cd ./packages/wasm-ast-types
+yarn test:watch
+```
+
+### Working with ASTs
+
+See the [docs](https://github.com/CosmWasm/ts-codegen/blob/main/packages/wasm-ast-types/README.md) in the `wasm-ast-types` package.
+
+## Related
+
+Checkout these related projects:
+
+* [@osmonauts/telescope](https://github.com/osmosis-labs/telescope) a "babel for the Cosmos", Telescope is a TypeScript Transpiler for Cosmos Protobufs.

package/main/commands/recoil.js

@@ -13,7 +13,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _prompt = require("../utils/prompt");
 
-var _recoil = _interopRequireDefault(require("../recoil"));
+var _recoil = _interopRequireDefault(require("../generators/recoil"));
 
 var _utils = require("../utils");
 

package/module/commands/recoil.js

@@ -1,5 +1,5 @@
 import { prompt } from '../utils/prompt';
-import recoil from '../recoil';
+import recoil from '../generators/recoil';
 import { readSchemas } from '../utils';
 export default (async argv => {
   const questions = [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmwasm/ts-codegen",
-  "version": "0.7.0",
+  "version": "0.7.3",
   "description": "@cosmwasm/ts-codegen converts your CosmWasm smart contracts into dev-friendly TypeScript classes so you can focus on shipping code.",
   "author": "Dan Lynch <pyramation@gmail.com>",
   "homepage": "https://github.com/cosmwasm/ts-codegen",
@@ -90,7 +90,7 @@
     "minimist": "1.2.6",
     "mkdirp": "1.0.4",
     "shelljs": "0.8.5",
-    "wasm-ast-types": "^0.6.0"
+    "wasm-ast-types": "^0.6.1"
   },
-  "gitHead": "51e6e530adc95d8118606379848080dd9bc3c25a"
+  "gitHead": "6a9da6ddd47a5c9cebebf5fb05f5c1edea2868e2"
 }

package/types/generators/from-partial.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (name: string, schemas: any[], outPath: string) => Promise<void>;
+export default _default;

package/types/generators/react-query.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (contractName: string, schemas: any[], outPath: string, reactQueryOptions?: ReactQueryOptions) => Promise<void>;
+export default _default;

package/types/generators/recoil.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (name: string, schemas: any[], outPath: string) => Promise<void>;
+export default _default;

package/types/generators/ts-client.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (name: string, schemas: any[], outPath: string) => Promise<void>;
+export default _default;

package/types/index.d.ts

@@ -1,6 +1,6 @@
-export { default as generate } from './generate';
-export { default as fromPartial } from './from-partial';
-export { default as reactQuery } from './react-query';
-export { default as recoil } from './recoil';
+export { default as tsClient } from './generators/ts-client';
+export { default as fromPartial } from './generators/from-partial';
+export { default as reactQuery } from './generators/react-query';
+export { default as recoil } from './generators/recoil';
 export * from './utils';
-export * from './imports';
+export * from './utils/imports';

package/types/utils/clean.d.ts

@@ -0,0 +1 @@
+export declare const clean: (obj: any) => any;

package/types/utils/cleanse.d.ts

@@ -0,0 +1 @@
+export declare const cleanse: (obj: any) => any;

package/types/utils/header.d.ts

@@ -0,0 +1 @@
+export declare const header: string;

package/types/utils/imports.d.ts

@@ -0,0 +1 @@
+export declare const cosmjsAminoImportStatements: (typeHash: any) => any;

package/types/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './schemas';

package/types/utils/parse.d.ts

@@ -0,0 +1 @@
+export declare const parser: (codes: any) => {};

package/types/utils/prompt.d.ts

@@ -0,0 +1,3 @@
+export function getFuzzySearch(list: any): (answers: any, input: any) => Promise<any>;
+export function getFuzzySearchNames(nameValueItemList: any): (answers: any, input: any) => Promise<any>;
+export function prompt(questions?: any[], argv?: {}): Promise<any>;

package/types/utils/schemas.d.ts

@@ -0,0 +1,10 @@
+import { JSONSchema } from 'wasm-ast-types';
+export declare const readSchemas: ({ schemaDir, argv, clean }: {
+    schemaDir: any;
+    argv: any;
+    clean?: boolean;
+}) => Promise<any>;
+export declare const findQueryMsg: (schemas: any) => any;
+export declare const findExecuteMsg: (schemas: any) => any;
+export declare const findAndParseTypes: (schemas: any) => Promise<{}>;
+export declare const getDefinitionSchema: (schemas: JSONSchema[]) => JSONSchema;