feat: gno dapp (#1420)

* feat: allow for specialized apps Signed-off-by: Norman Meier <[email protected]> * chore: use teritori-dapp as default Signed-off-by: Norman Meier <[email protected]> * fix: teritori-dapp import Signed-off-by: Norman Meier <[email protected]> * feat: configure gno dapp Signed-off-by: Norman Meier <[email protected]> * feat: improve gno app Signed-off-by: Norman Meier <[email protected]> * feat: improve gno dapp Signed-off-by: Norman Meier <[email protected]> * feat: per-app netlify config Signed-off-by: Norman Meier <[email protected]> * fix: remove root netlify.toml Signed-off-by: Norman Meier <[email protected]> * fix: sed fail Signed-off-by: Norman Meier <[email protected]> * fix: hard noobing Signed-off-by: Norman Meier <[email protected]> * fix: restore teritori-dapp Signed-off-by: Norman Meier <[email protected]> * fix: rm root netlify again Signed-off-by: Norman Meier <[email protected]> * chore: fix-typo Signed-off-by: Norman Meier <[email protected]> * fix: teritori-dapp index Signed-off-by: Norman Meier <[email protected]> * feat: custom home Signed-off-by: Norman Meier <[email protected]> * fix: commit fail Signed-off-by: Norman Meier <[email protected]> * fix: teritori-dapp home config Signed-off-by: Norman Meier <[email protected]> * fix: include RedirectHome screen Signed-off-by: Norman Meier <[email protected]> * fix: home config Signed-off-by: Norman Meier <[email protected]> --------- Signed-off-by: Norman Meier <[email protected]>
TERITORI · Nov 25, 2024 · 2470e80 · 2470e80
1 parent 16b2f01
commit 2470e80
Show file tree

Hide file tree

Showing 27 changed files with 746 additions and 555 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -177,5 +177,16 @@ module.exports = {
       },
       files: ["packages/components/navigation/**"],
     },
+    {
+      rules: {
+        "no-restricted-imports": [
+          "error",
+          {
+            patterns: [disallowScriptsImports],
+          },
+        ],
+      },
+      files: ["packages/dapp-root/**", "apps/**"],
+    },
   ],
 };
diff --git a/Root.tsx b/Root.tsx
diff --git a/apps/gno-dapp/App.tsx b/apps/gno-dapp/App.tsx
@@ -0,0 +1,15 @@
+import { AppConfig } from "@/context/AppConfigProvider";
+import AppRoot from "@/dapp-root/App";
+
+const config: AppConfig = {
+  disableBuyTokensButton: true,
+  disableDAppStore: true,
+  forceNetworkList: ["gno-test5", "gno-portal"],
+  forceDAppsList: ["feed", "organizations"],
+  defaultNetworkId: "gno-test5",
+  homeScreen: "Feed",
+};
+
+export const App: React.FC = () => {
+  return <AppRoot config={config} />;
+};
diff --git a/apps/gno-dapp/index.js b/apps/gno-dapp/index.js
@@ -0,0 +1,8 @@
+import { registerRootComponent } from "expo";
+
+import { App } from "./App";
+
+// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
+// It also ensures that whether you load the app in Expo Go or in a native build,
+// the environment is set up appropriately
+registerRootComponent(App);
diff --git a/apps/gno-dapp/netlify.toml b/apps/gno-dapp/netlify.toml
@@ -0,0 +1,9 @@
+[build]
+command = 'sed -i "s/teritori-dapp/gno-dapp/" package.json && npm i -g sharp-cli && npx expo-optimize && npx expo export -p web'
+publish = '/dist'
+[build.environment]
+NODE_OPTIONS = "--max_old_space_size=4096"
+[[redirects]]
+from = "/*"
+to = "/index.html"
+status = 200
diff --git a/apps/teritori-dapp/App.tsx b/apps/teritori-dapp/App.tsx
@@ -0,0 +1,11 @@
+import { AppConfig } from "@/context/AppConfigProvider";
+import AppRoot from "@/dapp-root/App";
+
+const config: AppConfig = {
+  defaultNetworkId: "teritori",
+  homeScreen: "Home",
+};
+
+export const App: React.FC = () => {
+  return <AppRoot config={config} />;
+};
diff --git a/apps/teritori-dapp/index.js b/apps/teritori-dapp/index.js
@@ -0,0 +1,8 @@
+import { registerRootComponent } from "expo";
+
+import { App } from "./App";
+
+// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
+// It also ensures that whether you load the app in Expo Go or in a native build,
+// the environment is set up appropriately
+registerRootComponent(App);
diff --git a/netlify.toml → apps/teritori-dapp/netlify.toml b/netlify.toml → apps/teritori-dapp/netlify.toml
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "teritori-dapp",
   "version": "1.0.0",
-  "main": "node_modules/expo/AppEntry.js",
+  "main": "apps/teritori-dapp/index.js",
   "scripts": {
     "start": "expo start",
     "android": "expo run:android",

diff --git a/packages/components/NetworkSelector/NetworkSelectorMenu.tsx b/packages/components/NetworkSelector/NetworkSelectorMenu.tsx
@@ -23,6 +23,8 @@ import { LegacyTertiaryBox } from "../boxes/LegacyTertiaryBox";
 import { TertiaryButton } from "../buttons/TertiaryButton";
 import { NetworksListModal } from "../modals/NetworksListModal";
 
+import { useAppConfig } from "@/context/AppConfigProvider";
+
 export const NetworkSelectorMenu: FC<{
   forceNetworkId?: string;
   forceNetworkKind?: NetworkKind;
@@ -46,6 +48,7 @@ export const NetworkSelectorMenu: FC<{
   const [networksModalVisible, setNetworksModalVisible] = useState(false);
   const enabledNetworks = useEnabledNetworks();
   const isMobile = useIsMobile();
+  const { forceNetworkList } = useAppConfig();
 
   const onPressNetwork = (networkId: string) => {
     onSelect();
@@ -136,22 +139,27 @@ export const NetworkSelectorMenu: FC<{
             </TouchableOpacity>
           );
         })}
-      <TertiaryButton
-        text="Manage"
-        size="XS"
-        squaresBackgroundColor={neutral17}
-        style={{ marginBottom: layout.spacing_x2 }}
-        onPress={() => {
-          setNetworksModalVisible(true);
-        }}
-        fullWidth
-      />
-      <NetworksListModal
-        isVisible={networksModalVisible}
-        onClose={() => {
-          setNetworksModalVisible(false);
-        }}
-      />
+      {!forceNetworkList && (
+        <>
+          {" "}
+          <TertiaryButton
+            text="Manage"
+            size="XS"
+            squaresBackgroundColor={neutral17}
+            style={{ marginBottom: layout.spacing_x2 }}
+            onPress={() => {
+              setNetworksModalVisible(true);
+            }}
+            fullWidth
+          />
+          <NetworksListModal
+            isVisible={networksModalVisible}
+            onClose={() => {
+              setNetworksModalVisible(false);
+            }}
+          />
+        </>
+      )}
     </LegacyTertiaryBox>
   );
 };