Feat: Local Integrations

.gitignore

@@ -36,3 +36,6 @@ yarn-error.log*
 dist/
 cache/
 standalone/
+
+*.sqlite
+pgdata/

apps/desktop/index.js

@@ -1,8 +1,16 @@
 /* eslint-disable turbo/no-undeclared-env-vars */
 // @ts-check
-const { app, BrowserWindow, dialog } = require("electron");
+const {
+  app,
+  Menu,
+  BrowserWindow,
+  dialog,
+  MenuItem,
+  ipcMain,
+} = require("electron");
 const todesktop = require("@todesktop/runtime");
 const log = require("electron-log/main");
+const path = require("path");
 
 log.initialize();
 log.transports.ipc.level = "verbose";
@@ -37,6 +45,7 @@ function getRandomPort() {
 
 let hasServerStarted = false;
 let totalAttempsLeft = 10;
+process.env.ROOT_USER_PATH = app.getPath("userData");
 while (!hasServerStarted && totalAttempsLeft > 0) {
   try {
     process.env.PORT = getRandomPort().toString();
@@ -63,9 +72,56 @@ function createWindow() {
     webPreferences: {
       nodeIntegration: true,
       devTools: true,
+      preload: path.join(__dirname, "preload.js"),
     },
   });
 
+  /** @type any */
+  const template = [
+    {
+      label: "File",
+      submenu: [{ label: "Exit", role: "quit" }],
+    },
+    {
+      label: "Edit",
+      submenu: [
+        { label: "Undo", role: "undo" },
+        { label: "Redo", role: "redo" },
+        { type: "separator" },
+        { label: "Cut", role: "cut" },
+        { label: "Copy", role: "copy" },
+        { label: "Paste", role: "paste" },
+      ],
+    },
+    {
+      label: "View",
+      submenu: [
+        { label: "Reload", role: "reload" },
+        { label: "Toggle Developer Tools", role: "toggleDevTools" },
+      ],
+    },
+    {
+      label: "Develop",
+      submenu: [
+        {
+          label: "Add Local Chain",
+          click: () => {
+            mainWindow.webContents.send("navigate", "/register/local-chain");
+          },
+        },
+        {
+          label: "Go home",
+          click: () => {
+            mainWindow.webContents.send("navigate", "/");
+          },
+        },
+      ],
+    },
+  ];
+
+  const menu = Menu.buildFromTemplate(template);
+  Menu.setApplicationMenu(menu);
+
   // this is to override the title set by `./apps/web/server.js`
   // so that the window will show `Explorer` instead of `next-server`
   process.title = mainWindow.title;
@@ -75,6 +131,9 @@ function createWindow() {
   mainWindow.on("closed", () => {
     app.quit();
   });
+  ipcMain.on("navigate", (event, route) => {
+    mainWindow.webContents.send("navigate", route);
+  });
 }
 
 app.whenReady().then(createWindow);

apps/desktop/preload.js

@@ -0,0 +1,7 @@
+const { ipcRenderer } = require("electron");
+
+window.addEventListener("DOMContentLoaded", () => {
+  ipcRenderer.on("navigate", (event, route) => {
+    window.location.href = route;
+  });
+});

apps/web/.gitignore

@@ -0,0 +1,2 @@
+public/images/local-chains/*
+!public/images/local-chains/.gitkeep

apps/web/app/(register)/layout.tsx

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { HomeBg } from "~/ui/home-bg";
+import { HomeBgMobile } from "~/ui/home-bg/mobile";
+
+export default function RegisterLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <main
+      id="main-content"
+      className="h-[100dvh] flex flex-col items-stretch"
+      style={{
+        "--color-primary": "212 100% 49%",
+      }}
+    >
+      <HomeBg
+        aria-hidden="true"
+        className="fixed left-0 top-5 right-0 hidden tab:block z-[-1]"
+      />
+      <HomeBgMobile
+        aria-hidden="true"
+        className="fixed left-0 top-5 right-0 tab:hidden block z-[-1]"
+      />
+      {children}
+    </main>
+  );
+}

apps/web/app/(register)/register/local-chain/local-chain-schema.ts

@@ -0,0 +1,19 @@
+import { z, preprocess } from "zod";
+
+export const localChainFormSchema = z.object({
+  chainName: z.string().trim().min(1),
+  namespace: z.string().trim().optional(),
+  startHeight: z.coerce.number().int().optional(),
+  daLayer: z.string().trim().optional(),
+  logo: z
+    .string()
+    .regex(/^data:image\/([a-zA-Z]+);base64,/, "Please upload a valid image")
+    .nullish(),
+  rpcUrl: z.string().trim().url(),
+  rpcPlatform: preprocess(
+    (arg) => (typeof arg === "string" ? arg.toLowerCase() : arg),
+    z.enum(["cosmos"]).default("cosmos"),
+  ),
+  tokenDecimals: z.coerce.number().int().positive(),
+  tokenName: z.string().trim().min(1),
+});

apps/web/app/(register)/register/local-chain/page.tsx

@@ -0,0 +1,28 @@
+/* eslint-disable @next/next/no-img-element */
+import * as React from "react";
+
+import { redirect } from "next/navigation";
+import { env } from "~/env";
+import { RegisterLocalChainForm } from "./register-local-chain-form";
+
+import type { Metadata } from "next";
+
+export interface PageProps {}
+
+export const metadata: Metadata = {
+  title: "Register a Local Chain",
+};
+
+export default function Page(props: PageProps) {
+  if (env.NEXT_PUBLIC_TARGET !== "electron") {
+    redirect("/");
+  }
+
+  return (
+    <>
+      <div className="inline-flex flex-col gap-8 my-auto justify-stretch w-full px-10 mx-auto tab:max-w-[30rem] relative">
+        <RegisterLocalChainForm />
+      </div>
+    </>
+  );
+}