feat: weshnet integration for mobile apps

.depcheckrc

@@ -25,6 +25,11 @@ ignores: [
   "electron",
   "rimraf",
   "assert",
+  "@dotlottie/react-player",
+  "@lottiefiles/react-lottie-player",
+  "crypto",
+  "expo-constants",
+  "metro-config"
 ]
 ignorePatterns: [
   "/cache", 

.github/workflows/mobile-build.yml

@@ -0,0 +1,113 @@
+name: Build Mobile App
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+jobs:
+  prepare:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Set up matrix
+        run: echo "starting...."
+  build:
+    needs: prepare
+    strategy:
+      matrix:
+        include:
+          - platform: android
+            runner: ubuntu-latest
+            build-cmd: eas build --local --non-interactive --platform=android
+          - platform: ios
+            runner: macos-13
+            build-cmd: eas build --local --non-interactive --platform=ios
+    runs-on: ${{ matrix.runner }}
+    continue-on-error: true
+    steps:
+      - uses: maxim-lobanov/setup-xcode@v1
+        if: matrix.platform == 'ios'
+        with:
+          xcode-version: "15.1.0"
+
+      - name: Select xcode
+        if: matrix.platform == 'ios'
+        run: sudo xcode-select -s /Applications/Xcode_15.1.app
+
+      - uses: actions/setup-go@v3
+        with:
+          go-version: "1.19"
+
+      - uses: actions/checkout@v3
+
+      - uses: actions/setup-node@v3
+        with:
+          cache: "yarn"
+          node-version: 18
+
+      - name: Fix gitignore
+        run: node ./cmd/fix-app-build.js
+
+      - name: Fix package.json
+        run: yarn remove @lottiefiles/react-lottie-player
+
+      - name: Install node modules
+        run: yarn install
+
+      - name: Build ios weshframework
+        if: matrix.platform == 'ios'
+        run: make check-ios-weshframework
+
+      - name: Build android weshframework
+        if: matrix.platform == 'android'
+        run: make check-android-weshframework
+
+      - name: Setup EAS
+        uses: expo/expo-github-action@v8
+        with:
+          eas-version: latest
+          token: ${{ secrets.EXPO_TOKEN }}
+
+      - name: Build ${{ matrix.platform }}
+        run: ${{ matrix.build-cmd }}
+
+      - name: EAS Submit iOS IPA
+        if: matrix.platform == 'ios'
+        run: |
+          IPA_FILE=$(find ./ -name 'build-*.ipa' -type f)
+          if [ -z "$IPA_FILE" ]; then
+            echo "Error: IPA file not found."
+            exit 1
+          fi
+
+          # eas submit --platform=ios --path=$IPA_FILE 
+          echo "IPA_FILE=$IPA_FILE" >> $GITHUB_ENV
+
+      - name: Upload IPA
+        uses: actions/upload-artifact@v3
+        if: matrix.platform == 'ios'
+        with:
+          name: teritori-${{ github.sha }}-${{ matrix.platform }}.ipa
+          path: ${{ env.IPA_FILE }}
+          if-no-files-found: error
+
+      - name: EAS Submit aab
+        if: matrix.platform == 'android'
+        run: |
+          AAB_FILE=$(find ./ -name 'build-*.aab' -type f)
+          if [ -z "$AAB_FILE" ]; then
+            echo "Error: apk file not found."
+            exit 1
+          fi
+
+          # eas submit --platform=android --path=$AAB_FILE
+          echo "AAB_FILE=$AAB_FILE" >> $GITHUB_ENV
+
+      - name: Upload aab
+        uses: actions/upload-artifact@v3
+        if: matrix.platform == 'android'
+        with:
+          name: teritori-${{ github.sha }}-${{ matrix.platform }}.aab
+          path: ${{ env.AAB_FILE }}
+          if-no-files-found: error

.gitignore

@@ -10,6 +10,11 @@ web-build/
 .idea/
 .vscode/
 /cache/
+/ios
+/android
+/weshd/ios/Frameworks/
+/weshd/android/libs/
+/app-build/
 
 # macOS
 .DS_Store
@@ -89,3 +94,5 @@ buck-out/
 
 # eslint
 /.eslintcache
+
+

.yarn/patches/multiformats-npm-12.1.3-dbaa26037a.patch

@@ -0,0 +1,12 @@
+diff --git a/package.json b/package.json
+index 3843b15fe499bc682d81ad0680ec364b820406d6..b17cdccd376126cfdcbaa44976655964f094ecc7 100644
+--- a/package.json
++++ b/package.json
+@@ -5,6 +5,7 @@
+   "author": "Mikeal Rogers <[email protected]> (https://www.mikealrogers.com/)",
+   "license": "Apache-2.0 OR MIT",
+   "homepage": "https://github.com/multiformats/js-multiformats#readme",
++  "main": "dist/index.min.js",
+   "repository": {
+     "type": "git",
+     "url": "git+https://github.com/multiformats/js-multiformats.git"

App.native.tsx

@@ -0,0 +1,18 @@
+import { grpc } from "@improbable-eng/grpc-web";
+import { ReactNativeTransport } from "@improbable-eng/grpc-web-react-native-transport";
+import "node-libs-react-native/globals";
+import "@react-native-anywhere/polyfill-base64";
+import "text-encoding-polyfill";
+import "react-native-url-polyfill/auto";
+import "react-native-get-random-values";
+import "react-native-gesture-handler";
+import Constants from "expo-constants";
+
+import Root from "./Root";
+
+Object.entries(Constants.expoConfig?.extra?.env).forEach(([key, value]) => {
+  process.env[key] = `${value}`;
+});
+
+grpc.setDefaultTransport(ReactNativeTransport({}));
+export default Root;

App.tsx

@@ -1,201 +1,3 @@
-import {
-  useFonts,
-  Exo_600SemiBold,
-  Exo_500Medium,
-  Exo_700Bold,
-} from "@expo-google-fonts/exo";
-import { NavigationContainer } from "@react-navigation/native";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { StatusBar } from "expo-status-bar";
-import { MetaMaskProvider } from "metamask-react";
-import Plausible from "plausible-tracker";
-import React, { ReactNode, memo, useEffect } from "react";
-import { useForm, FormProvider } from "react-hook-form";
-import { Platform, View, Text, TextStyle } from "react-native";
-import { enableLegacyWebImplementation } from "react-native-gesture-handler";
-import { MenuProvider } from "react-native-popup-menu";
-import { SafeAreaProvider } from "react-native-safe-area-context";
-import { Provider as ReduxProvider } from "react-redux";
-import { PersistGate } from "redux-persist/integration/react";
+import Root from "./Root";
 
-import { MultisigDeauth } from "./packages/components/multisig/MultisigDeauth";
-import { Navigator } from "./packages/components/navigation/Navigator";
-import { DropdownsContextProvider } from "./packages/context/DropdownsProvider";
-import { FeedbacksContextProvider } from "./packages/context/FeedbacksProvider";
-import { MediaPlayerContextProvider } from "./packages/context/MediaPlayerProvider";
-import { MessageContextProvider } from "./packages/context/MessageProvider";
-import { SearchBarContextProvider } from "./packages/context/SearchBarProvider";
-import { TNSMetaDataListContextProvider } from "./packages/context/TNSMetaDataListProvider";
-import { TNSContextProvider } from "./packages/context/TNSProvider";
-import { TransactionModalsProvider } from "./packages/context/TransactionModalsProvider";
-import {
-  WalletsProvider,
-  useWallets,
-} from "./packages/context/WalletsProvider";
-import { useSelectedNetworkId } from "./packages/hooks/useSelectedNetwork";
-import useSelectedWallet from "./packages/hooks/useSelectedWallet";
-import { getAvailableApps } from "./packages/screens/DAppStore/query/getFromFile";
-import { setAvailableApps } from "./packages/store/slices/dapps-store";
-import { setSelectedWalletId } from "./packages/store/slices/settings";
-import { persistor, store, useAppDispatch } from "./packages/store/store";
-import { linking } from "./packages/utils/navigation";
-
-const plausible = Plausible({
-  domain: "app.teritori.com",
-});
-plausible.enableAutoPageviews();
-
-const queryClient = new QueryClient();
-
-// it's here just to fix a TS2589 error
-type DefaultForm = {
-  novalue: string;
-};
-// this is required for react-native-gesture-handler to work on web
-enableLegacyWebImplementation(true);
-// ^ required for drog and drop on the dAppStore
-
-export default function App() {
-  const methods = useForm<DefaultForm>();
-  const [fontsLoaded] = useFonts({
-    Exo_500Medium,
-    Exo_600SemiBold,
-    Exo_700Bold,
-  });
-
-  // FIXME: Fonts don't load on electron
-  if (Platform.OS !== "web" && !fontsLoaded) {
-    return null;
-  }
-
-  return (
-    <ErrorBoundary>
-      <ReduxProvider store={store}>
-        <PersistGate
-          loading={
-            <View
-              style={{
-                width: "100%",
-                height: "100%",
-                backgroundColor: "black",
-              }}
-            />
-          }
-          persistor={persistor}
-        >
-          <QueryClientProvider client={queryClient}>
-            <FormProvider<DefaultForm> {...methods}>
-              <MetaMaskProvider>
-                <NavigationContainer linking={linking}>
-                  <SafeAreaProvider>
-                    <FeedbacksContextProvider>
-                      <DropdownsContextProvider>
-                        <WalletsProvider>
-                          <WalletSyncer />
-                          <DappStoreApps />
-                          <MultisigDeauth />
-                          <SearchBarContextProvider>
-                            <TransactionModalsProvider>
-                              <TNSContextProvider>
-                                <TNSMetaDataListContextProvider>
-                                  <MenuProvider>
-                                    <MessageContextProvider>
-                                      <MediaPlayerContextProvider>
-                                        <StatusBar style="inverted" />
-                                        <Navigator />
-                                      </MediaPlayerContextProvider>
-                                    </MessageContextProvider>
-                                  </MenuProvider>
-                                </TNSMetaDataListContextProvider>
-                              </TNSContextProvider>
-                            </TransactionModalsProvider>
-                          </SearchBarContextProvider>
-                        </WalletsProvider>
-                      </DropdownsContextProvider>
-                    </FeedbacksContextProvider>
-                  </SafeAreaProvider>
-                </NavigationContainer>
-              </MetaMaskProvider>
-            </FormProvider>
-          </QueryClientProvider>
-        </PersistGate>
-      </ReduxProvider>
-    </ErrorBoundary>
-  );
-}
-
-class ErrorBoundary extends React.Component<{ children: ReactNode }> {
-  state: {
-    hasError: boolean;
-    error?: unknown;
-    catchError?: unknown;
-    catchInfo?: React.ErrorInfo;
-  };
-
-  constructor(props: { children: ReactNode }) {
-    super(props);
-    this.state = { hasError: false };
-  }
-
-  static getDerivedStateFromError(error: unknown) {
-    console.log("derived state from error");
-    return { hasError: true, error };
-  }
-
-  componentDidCatch(error: unknown, info: React.ErrorInfo) {
-    console.log("did catch");
-    console.error(error, info);
-    this.setState({ catchError: error, catchInfo: info });
-  }
-
-  render() {
-    if (this.state.hasError) {
-      console.log("rendering error boundary");
-      // You can render any custom fallback UI
-      return (
-        <View style={{ backgroundColor: "black", height: "100%" }}>
-          <Text style={errorBoundaryTextCStyle}>{`${this.state.error}`}</Text>
-          {this.state.error !== this.state.catchError && (
-            <Text
-              style={errorBoundaryTextCStyle}
-            >{`${this.state.catchError}`}</Text>
-          )}
-          <Text style={errorBoundaryTextCStyle}>
-            {this.state.catchInfo?.componentStack}
-          </Text>
-        </View>
-      );
-    }
-
-    return this.props.children;
-  }
-}
-
-const errorBoundaryTextCStyle: TextStyle = { color: "white" };
-
-const WalletSyncer: React.FC = memo(() => {
-  const selectedWallet = useSelectedWallet();
-  const selectedNetworkId = useSelectedNetworkId();
-  const { wallets } = useWallets();
-  const dispatch = useAppDispatch();
-  useEffect(() => {
-    if (!selectedWallet || selectedWallet.networkId !== selectedNetworkId) {
-      const newWallet = wallets.find((w) => w.networkId === selectedNetworkId);
-      console.log("syncing wallet", newWallet);
-      dispatch(setSelectedWalletId(newWallet?.id));
-    }
-  }, [dispatch, selectedNetworkId, selectedWallet, wallets]);
-  return null;
-});
-
-const DappStoreApps: React.FC = () => {
-  const dispatch = useAppDispatch();
-
-  useEffect(() => {
-    const dAppStoreValues = getAvailableApps();
-
-    dispatch(setAvailableApps(dAppStoreValues));
-  }, [dispatch]);
-
-  return null;
-};
+export default Root;