feat(explorer): add operators and restakings

Makefile

@@ -616,14 +616,9 @@ build_all_ffi_linux: ## Build all FFIs for Linux
 
 
 __EXPLORER__:
-run_devnet_explorer: run_db ecto_setup_db
-	@cd explorer/ && \
-		mix setup && \
-		cp .env.dev .env && \
-		./start.sh
-
 run_explorer: run_db ecto_setup_db
 	@cd explorer/ && \
+		pnpm install --prefix assets && \
 		mix setup && \
 		./start.sh
 
@@ -663,3 +658,7 @@ recover_db: run_db
 explorer_fetch_old_batches:
 	@cd explorer && \
 	./scripts/fetch_old_batches.sh 1728056 1729806
+
+explorer_fetch_old_operators_strategies_restakes:
+	@cd explorer && \
+	./scripts/fetch_old_operators_strategies_restakes.sh 0

explorer/assets/css/app.css

@@ -48,3 +48,15 @@
         --ring: 168.51 79.66% 23.14%;
     }
 }
+
+@layer components {
+	.tooltip {
+		display: none;
+	}
+
+	.tooltip[data-show] {
+		position: absolute;
+		display: block;
+		z-index: 9999;
+	}
+}

explorer/assets/js/app.js

@@ -5,11 +5,13 @@ import topbar from "../vendor/topbar";
 
 import darkModeHook from "../vendor/dark_mode";
 import searchFocusHook from "../vendor/search_focus";
+import tooltipHook from "../vendor/tooltip";
 import copyToClipboardHook from "../vendor/clipboard";
 
 let Hooks = {};
 Hooks.DarkThemeToggle = darkModeHook;
 Hooks.SearchFocus = searchFocusHook;
+Hooks.TooltipHook = tooltipHook;
 Hooks.CopyToClipboard = copyToClipboardHook;
 
 let csrfToken = document

explorer/assets/package.json

@@ -0,0 +1,9 @@
+{
+  "dependencies": {
+    "@floating-ui/dom": "^1.6.8"
+  },
+  "devDependencies": {
+    "tailwindcss-animate": "^1.0.7"
+  },
+  "packageManager": "[email protected]"
+}

explorer/assets/tailwind.config.js

@@ -57,6 +57,7 @@ module.exports = {
 		}
 	},
 	plugins: [
+		require("tailwindcss-animate"),
 		require("@tailwindcss/forms"),
 		// Allows prefixing tailwind classes with LiveView classes to add rules
 		// only when LiveView classes are applied, for example:

explorer/assets/vendor/tooltip.js

@@ -0,0 +1,90 @@
+import {
+	computePosition,
+	autoUpdate,
+	offset,
+	shift,
+	flip
+} from "@floating-ui/dom";
+
+// A class to manage the tooltip lifecycle
+class Tooltip {
+	showEvents = ["mouseenter", "focus"];
+	hideEvents = ["mouseleave", "blur"];
+	$parent;
+	$tooltip;
+	cleanup;
+
+	constructor($tooltip) {
+		this.$tooltip = $tooltip;
+		this.$parent = $tooltip.parentElement;
+		this.cleanup = null;
+		this.setupEventListeners();
+		this.setupFloatingUI();
+	}
+
+	setupEventListeners() {
+		this.showEvents.forEach((event) => {
+			this.$parent.addEventListener(
+				event,
+				this.show.bind(this)
+			);
+		});
+
+		this.hideEvents.forEach((event) => {
+			this.$parent.addEventListener(
+				event,
+				this.hide.bind(this)
+			);
+		});
+	}
+
+	setupFloatingUI() {
+		this.cleanup = autoUpdate(this.$parent, this.$tooltip, () => {
+			computePosition(this.$parent, this.$tooltip, {
+				placement: "top",
+				middleware: [offset(5), flip(), shift({ padding: 5 })]
+			}).then(({ x, y }) => {
+				Object.assign(this.$tooltip.style, {
+					left: `${x}px`,
+					top: `${y}px`
+				});
+			});
+		});
+	}
+
+	show() {
+		this.$tooltip.setAttribute("data-show", "");
+	}
+
+	hide() {
+		this.$tooltip.removeAttribute("data-show");
+	}
+
+	destroy() {
+		this.showEvents.forEach((event) => {
+			this.$parent.removeEventListener(event, this.show);
+		});
+
+		this.hideEvents.forEach((event) => {
+			this.$parent.removeEventListener(event, this.hide);
+		});
+
+		if (this.cleanup) {
+			this.cleanup();
+		}
+	}
+}
+
+const tooltipHook = {
+	mounted() {
+		this.el.tooltip = new Tooltip(this.el);
+	},
+	updated() {
+		this.el.tooltip?.update();
+	},
+	destroyed() {
+		this.el.tooltip?.destroy();
+	}
+};
+
+export default tooltipHook;

explorer/config/config.exs

@@ -10,9 +10,11 @@ import Config
 config :explorer,
   generators: [timestamp_type: :utc_datetime]
 
+host = System.get_env("PHX_HOST") || "localhost"
+
 # Configures the endpoint
 config :explorer, ExplorerWeb.Endpoint,
-  url: [host: "localhost"],
+  url: [host: host],
   adapter: Bandit.PhoenixAdapter,
   render_errors: [
     formats: [html: ExplorerWeb.ErrorHTML, json: ExplorerWeb.ErrorJSON],
@@ -38,7 +40,7 @@ config :esbuild,
 
 # Configure tailwind (the version is required)
 config :tailwind,
-  version: "3.4.0",
+  version: "3.4.9",
   explorer: [
     args: ~w(
       --config=tailwind.config.js
@@ -48,6 +50,29 @@ config :tailwind,
     cd: Path.expand("../assets", __DIR__)
   ]
 
+config :tails, :color_classes, [
+  "primary",
+  "secondary",
+  "accent",
+  "destructive",
+  "muted",
+  "popover",
+  "card",
+  "border",
+  "input",
+  "foreground",
+  "muted-foreground",
+  "popover-foreground",
+  "card-foreground",
+  "primary-foreground",
+  "secondary-foreground",
+  "accent-foreground",
+  "destructive-foreground",
+  "ring",
+  "radius",
+  "tooltip"
+]
+
 # Configures Elixir's Logger
 config :logger, :console,
   format: "$time $metadata[$level] $message\n",

explorer/lib/explorer/application.ex

@@ -22,13 +22,15 @@ defmodule Explorer.Application do
       ExplorerWeb.Endpoint
     ]
 
-    # Start the periodic task, with its own supervisor and mutex
+    # Start the main supervisor
     opts = [strategy: :one_for_one, name: Explorer.Supervisor]
     Supervisor.start_link(children, opts)
 
+    # Start the periodic task, with its own supervisor and mutex
     periodic_children = [
       {Explorer.Periodically, []},
-      {Mutex, name: BatchMutex, meta: "Used to prevent concurrent downloads"}
+      Supervisor.child_spec({Mutex, [name: BatchMutex, meta: "Used to prevent concurrent downloads"]}, id: :batch_mutex),
+      Supervisor.child_spec({Mutex, [name: OperatorMutex, meta: "Used to prevent concurrent operator processing"]}, id: :operator_mutex)
     ]
 
     periodic_opts = [strategy: :one_for_all, name: Explorer.Periodically.Supervisor]

explorer/lib/explorer/aligned_layer_service_manager.ex → explorer/lib/explorer/contract_managers/aligned_layer_service_manager.ex

@@ -236,4 +236,14 @@ defmodule AlignedLayerServiceManager do
       :error -> raise("Error parsing @gas_per_proof")
     end
   end
+
+  def update_restakeable_strategies() do
+    case AlignedLayerServiceManager.get_restakeable_strategies() |> Ethers.call() do
+      {:ok, restakeable_strategies} ->
+        Strategies.update(restakeable_strategies)
+      {:error, error} ->
+        dbg("Error fetching restakeable strategies: #{error}")
+        raise("Error fetching restakeable strategies: #{error}")
+    end
+  end
 end