Feacture/new explorer

.docker/Dockerfile

@@ -7,6 +7,7 @@ COPY . /go/src/github.com/canopy-network/canopy
 
 RUN make build/wallet
 RUN make build/explorer
+RUN make build/explorer-new
 RUN go build -a -o bin ./cmd/main/...
 
 FROM alpine:3.19

.gitignore

@@ -44,3 +44,4 @@ vendor
 cmd/web/explorer/.idea
 **/.DS_Store
 /cmd/tps/data
+node_modules

Makefile

@@ -3,6 +3,7 @@ GO_BIN_DIR := ~/go/bin
 CLI_DIR := ./cmd/main/...
 WALLET_DIR := ./cmd/rpc/web/wallet
 EXPLORER_DIR := ./cmd/rpc/web/explorer
+EXPLORER_NEW_DIR := ./cmd/rpc/web/explore-new
 DOCKER_DIR := ./.docker/compose.yaml
 
 # ==================================================================================== #
@@ -16,7 +17,7 @@ help:
 	@sed -n 's/^##//p' ${MAKEFILE_LIST} | column -t -s ':' |  sed -e 's/^/ /'
 
 # Targets, this is a list of all available commands which can be executed using the make command.
-.PHONY: build/canopy build/canopy-full build/wallet build/explorer test/all dev/deps docker/up \
+.PHONY: build/canopy build/canopy-full build/wallet build/explorer build/explorer-new test/all dev/deps docker/up \
 	docker/down docker/build docker/up-fast docker/down docker/logs \
 	build/plugin build/kotlin-plugin build/go-plugin build/all-plugins docker/plugin \
 	docker/run docker/run-kotlin docker/run-go docker/run-typescript docker/run-python docker/run-csharp
@@ -26,11 +27,11 @@ help:
 # ==================================================================================== #
 
 ## build/canopy: build the canopy binary into the GO_BIN_DIR
-build/canopy:
+build/canopy: build/explorer-new
 	go build -o $(GO_BIN_DIR)/canopy $(CLI_DIR)
 
 ## build/canopy-full: build the canopy binary and its wallet and explorer altogether
-build/canopy-full: build/wallet build/explorer build/canopy
+build/canopy-full: build/wallet build/explorer build/explorer-new build/canopy
 
 ## build/wallet: build the canopy's wallet project
 build/wallet:
@@ -40,6 +41,10 @@ build/wallet:
 build/explorer:
 	npm install --prefix $(EXPLORER_DIR) && npm run build --prefix $(EXPLORER_DIR)
 
+## build/explorer-new: build the canopy's new explorer project
+build/explorer-new:
+	npm install --prefix $(EXPLORER_NEW_DIR) && npm run build --prefix $(EXPLORER_NEW_DIR)
+
 # ==================================================================================== #
 # TESTING
 # ==================================================================================== #

cmd/rpc/server.go

@@ -37,7 +37,7 @@ const (
 	ApplicationJSON = "application/json; charset=utf-8"
 
 	walletStaticDir   = "web/wallet/out"
-	explorerStaticDir = "web/explorer/out"
+	explorerStaticDir = "web/explore-new/dist"
 )
 
 // Server represents a Canopy RPC server with configuration options.
@@ -335,7 +335,7 @@ func (h logHandler) Handle(resp http.ResponseWriter, req *http.Request, p httpro
 	h.h(resp, req, p)
 }
 
-//go:embed all:web/explorer/out
+//go:embed all:web/explore-new/dist
 var explorerFS embed.FS
 
 //go:embed all:web/wallet/out
@@ -352,23 +352,13 @@ func (s *Server) runStaticFileServer(fileSys fs.FS, dir, port string, conf lib.C
 
 	// Create a new ServeMux to handle incoming HTTP requests
 	mux := http.NewServeMux()
+	fileServer := http.FileServer(http.FS(distFS))
 
 	// Define a handler function for the root path
 	mux.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
-		// serve `index.html` with dynamic config injection
-		if r.URL.Path == "/" || r.URL.Path == "/index.html" {
-
+		serveIndex := func() {
 			// Construct the file path for `index.html`
 			filePath := path.Join(dir, "index.html")
-
-			// Open the file and defer closing until the function exits
-			data, e := fileSys.Open(filePath)
-			if e != nil {
-				http.NotFound(w, r)
-				return
-			}
-			defer data.Close()
-
 			// Read the content of `index.html` into a byte slice
 			htmlBytes, e := fs.ReadFile(fileSys, filePath)
 			if e != nil {
@@ -382,12 +372,26 @@ func (s *Server) runStaticFileServer(fileSys fs.FS, dir, port string, conf lib.C
 			// Set the response header as HTML and write the injected content to the response
 			w.Header().Set("Content-Type", "text/html")
 			w.WriteHeader(http.StatusOK)
-			w.Write([]byte(injectedHTML))
+			_, _ = w.Write([]byte(injectedHTML))
+		}
+
+		// Serve `index.html` with dynamic config injection
+		if r.URL.Path == "/" || r.URL.Path == "/index.html" {
+			serveIndex()
 			return
 		}
 
-		// For all other requests, serve the files directly from the file system
-		http.FileServer(http.FS(distFS)).ServeHTTP(w, r)
+		// Serve real static assets if they exist.
+		requestPath := strings.TrimPrefix(path.Clean(r.URL.Path), "/")
+		if requestPath != "" {
+			if _, e := fs.Stat(distFS, requestPath); e == nil {
+				fileServer.ServeHTTP(w, r)
+				return
+			}
+		}
+
+		// SPA fallback: unknown client-side routes resolve to index.html.
+		serveIndex()
 	})
 
 	// Start the HTTP server in a new goroutine and listen on the specified port

cmd/rpc/web/explore-new/.eslintignore

@@ -0,0 +1,7 @@
+dist/
+node_modules/
+*.config.js
+*.config.ts
+vite.config.ts
+postcss.config.js
+tailwind.config.js

cmd/rpc/web/explore-new/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

cmd/rpc/web/explore-new/.nvmrc

@@ -0,0 +1 @@
+20