chore: Resolve ts:check errors, put in Makefile (#132)

* chore: Add @ts-ignore for process.env values. See the PR.

Signed-off-by: Jeff Thompson <[email protected]>

* chore: In types.ts, add NetworkMetainfo and GnoAccount. Fix imports. See the PR.

Signed-off-by: Jeff Thompson <[email protected]>

* chore: In transport_web, ignore ts:check errors for declaration file in imported modules

Signed-off-by: Jeff Thompson <[email protected]>

* chore: In transport_web forEach, declare "any" type of key, value to make ts:check happy

Signed-off-by: Jeff Thompson <[email protected]>

* chore: In Makefile, add target ts_check. Use it to make node_modules. See the PR.

Signed-off-by: Jeff Thompson <[email protected]>

---------

Signed-off-by: Jeff Thompson <[email protected]>

mobile/Makefile

@@ -1,7 +1,10 @@
 check-program = $(foreach exec,$(1),$(if $(shell PATH="$(PATH)" which $(exec)),,$(error "Missing deps: no '$(exec)' in PATH")))
 check-file = $(foreach file,$(1),$(if $(wildcard $(file)),,$(error "Missing file: $(file)")))
 
-node_modules: package.json package-lock.json
+ts_check:
+	npm run ts:check
+
+node_modules: ts_check package.json package-lock.json
 	$(call check-program, npm)
 	(npm install && touch $@) || true
 .PHONY: node_modules

mobile/app/_layout.tsx

@@ -8,15 +8,19 @@ import { NotificationProvider } from "@gno/provider/notification-provider";
 import { ReduxProvider } from "redux/redux-provider";
 
 const gnoDefaultConfig = {
+  // @ts-ignore
   remote: process.env.EXPO_PUBLIC_GNO_REMOTE!,
+  // @ts-ignore
   chain_id: process.env.EXPO_PUBLIC_GNO_CHAIN_ID!,
 };
 
 const indexerDefaultConfig = {
+  // @ts-ignore
   remote: process.env.EXPO_PUBLIC_INDEXER_REMOTE!,
 };
 
 const notificationDefaultConfig = {
+  // @ts-ignore
   remote: process.env.EXPO_PUBLIC_NOTIFICATION_REMOTE!,
 };
 

mobile/components/change-network/network-list-item/index.tsx

@@ -1,7 +1,7 @@
 import Icons from '@gno/components/icons';
 import Text from '@gno/components/text';
 import { colors } from '@gno/styles/colors';
-import { NetworkMetainfo } from '@gnolang/gnonative/build/hooks/types';
+import { NetworkMetainfo } from "@gno/types";
 import styled from 'styled-components/native';
 
 export interface Props {

mobile/components/change-network/network-list/index.tsx

@@ -1,7 +1,7 @@
 import NetworkListItem from "../network-list-item";
 import styled from "styled-components/native";
 import Text from "components/text";
-import { NetworkMetainfo } from "@gnolang/gnonative/build/hooks/types";
+import { NetworkMetainfo } from "@gno/types";
 
 interface Props {
   currentChainId: string | undefined;

mobile/components/feed/post-row.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Image, Pressable, StyleSheet, View } from "react-native";
-import { Post } from "../../types";
+import { Post } from "@gno/types";
 import Text from "@gno/components/text";
 import RepliesLabel from "./replies-label";
 import TimeStampLabel from "./timestamp-label";

mobile/components/feed/repost-row.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Image, Pressable, StyleSheet, View } from "react-native";
-import { Post } from "../../types";
+import { Post } from "@gno/types";
 import Text from "@gno/components/text";
 import RepliesLabel from "./replies-label";
 import TimeStampLabel from "./timestamp-label";

mobile/components/list/account/account-item.tsx

@@ -1,6 +1,7 @@
 import Button from "@gno/components/button";
 import Spacer from "@gno/components/spacer";
-import { GnoAccount } from "@gnolang/gnonative/build/hooks/types";
+import { GnoAccount } from "@gno/types";
+
 
 interface SideMenuAccountItemProps {
   account: GnoAccount;

mobile/redux/features/signupSlice.ts

@@ -263,6 +263,7 @@ const sendCoins = async (address: string) => {
     reactNative: { textStreaming: true },
   };
 
+  // @ts-ignore
   const faucetRemote = process.env.EXPO_PUBLIC_FAUCET_REMOTE;
   if (!faucetRemote) {
     throw new Error("faucet remote address is undefined");

mobile/src/grpc/transport_web.ts

@@ -1,5 +1,7 @@
+// @ts-ignore
 import { polyfill as polyfillReadableStream } from "react-native-polyfill-globals/src/readable-stream";
 polyfillReadableStream();
+// @ts-ignore
 import { fetch as fetchPolyfill, Headers as HeadersPolyfill } from "react-native-fetch-api";
 
 import type { AnyMessage, MethodInfo, PartialMessage, ServiceType } from "@bufbuild/protobuf";
@@ -241,7 +243,7 @@ export function createXHRGrpcWebTransport(options: GrpcWebTransportOptions): Tra
               throw endStream.error;
             }
 
-            endStream.metadata.forEach((value, key) => trailerTarget.set(key, value));
+            endStream.metadata.forEach((value:any, key:any) => trailerTarget.set(key, value));
             continue;
           }
 

mobile/types.ts

@@ -35,3 +35,21 @@ export interface GetJsonFollowingResult {
   following: Following[];
   n_following: number;
 }
+
+export type GnoConfig = {
+  Remote: string;
+  ChainID: string;
+  KeyName: string;
+  Password: string;
+  GasFee: string;
+  GasWanted: bigint;
+  Mnemonic: string;
+};
+
+export type NetworkMetainfo = {
+  chainId: string;
+  chainName: string;
+  gnoAddress: string;
+};
+
+export type GnoAccount = KeyInfo;