Patch over newest

Author: zeekay

README.md

@@ -1,27 +1,25 @@
-<h1 align="center">Lux Explore</h1>
+<h1 align="center">Blockscout frontend</h1>
 
 <p align="center">
     <span>Frontend application for </span>
-    <a href="https://github.com/luxfi/explore/blob/master/README.md">Lux Explorer</a>
+    <a href="https://github.com/blockscout/blockscout/blob/master/README.md">Blockscout</a>
     <span> blockchain explorer</span>
 </p>
 
 ## Running and configuring the app
 
-App is distributed as a docker image. Here you can find information about the [package](https://github.com/luxfi/explore/pkgs/container/frontend) and its recent [releases](https://github.com/luxfi/explore/releases).
+App is distributed as a docker image. Here you can find information about the [package](https://github.com/blockscout/frontend/pkgs/container/frontend) and its recent [releases](https://github.com/blockscout/frontend/releases).
 
 You can configure your app by passing necessary environment variables when starting the container. See full list of ENVs and their description [here](./docs/ENVS.md).
 
 ```sh
-docker run -p 3000:3000 --env-file <path-to-your-env-file> ghcr.io/luxfi/explore:latest
+docker run -p 3000:3000 --env-file <path-to-your-env-file> ghcr.io/blockscout/frontend:latest
 ```
 
 Alternatively, you can build your own docker image and run your app from that. Please follow this [guide](./docs/CUSTOM_BUILD.md).
 
-<<<<<<< HEAD
-=======
+For more information on migrating from the previous frontend, please see the [frontend migration docs](https://docs.blockscout.com/for-developers/frontend-migration).
 
->>>>>>> c463e20f1 (Update luxfi links)
 ## Contributing
 
 See our [Contribution guide](./docs/CONTRIBUTING.md) for pull request protocol. We expect contributors to follow our [code of conduct](./CODE_OF_CONDUCT.md) when submitting code or comments.
@@ -30,6 +28,8 @@ See our [Contribution guide](./docs/CONTRIBUTING.md) for pull request protocol.
 - [App ENVs list](./docs/ENVS.md)
 - [Contribution guide](./docs/CONTRIBUTING.md)
 - [Making a custom build](./docs/CUSTOM_BUILD.md)
+- [Frontend migration guide](https://docs.blockscout.com/for-developers/frontend-migration)
+- [Manual deployment guide with backend and microservices](https://docs.blockscout.com/for-developers/deployment/manual-deployment-guide)
 
 ## License
 

lib/hooks/useIssueUrl.tsx

@@ -24,7 +24,7 @@ export default function useIssueUrl(backendVersion: string | undefined) {
       'frontend-version': [ config.UI.footer.frontendVersion, config.UI.footer.frontendCommit ].filter(Boolean).join('+'),
       'additional-information': `**User Agent:** ${ window.navigator.userAgent }`,
     });
-    return `https://github.com/luxfi/explore/issues/new/?${ searchParams.toString() }`;
+    return `https://github.com/blockscout/blockscout/issues/new/?${ searchParams.toString() }`;
   // we need to update link whenever page url changes
   // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [ backendVersion, isLoading, router.asPath ]);

nextjs/csp/generateCspPolicy.ts

@@ -8,7 +8,7 @@ function generateCspPolicy() {
     descriptors.cloudFlare(),
     descriptors.gasHawk(),
     descriptors.googleAnalytics(),
-    //descriptors.googleFonts(),
+    descriptors.googleFonts(),
     descriptors.googleReCaptcha(),
     descriptors.growthBook(),
     descriptors.helia(),

nextjs/nextjs-routes.d.ts

@@ -5,11 +5,6 @@
 
 // prettier-ignore
 declare module "nextjs-routes" {
-  import type {
-    GetServerSidePropsContext as NextGetServerSidePropsContext,
-    GetServerSidePropsResult as NextGetServerSidePropsResult
-  } from "nextjs";
-
   export type Route =
     | StaticRoute<"/404">
     | StaticRoute<"/account/api-key">
@@ -105,33 +100,6 @@ declare module "nextjs-routes" {
    * route({ pathname: "/foos/[foo]", query: { foo: "bar" }}) will produce "/foos/bar".
    */
   export declare function route(r: Route): string;
-
-  /**
-   * Nearly identical to GetServerSidePropsContext from next, but further narrows
-   * types based on nextjs-route's route data.
-   */
-  export type GetServerSidePropsContext<
-    Pathname extends Route["pathname"] = Route["pathname"],
-    Preview extends NextGetServerSidePropsContext["previewData"] = NextGetServerSidePropsContext["previewData"]
-  > = Omit<NextGetServerSidePropsContext, 'params' | 'query' | 'defaultLocale' | 'locale' | 'locales'> & {
-    params: Extract<Route, { pathname: Pathname }>["query"];
-    query: Query;
-    defaultLocale?: undefined;
-    locale?: Locale;
-    locales?: undefined;
-  };
-
-  /**
-   * Nearly identical to GetServerSideProps from next, but further narrows
-   * types based on nextjs-route's route data.
-   */
-  export type GetServerSideProps<
-    Props extends { [key: string]: any } = { [key: string]: any },
-    Pathname extends Route["pathname"] = Route["pathname"],
-    Preview extends NextGetServerSideProps["previewData"] = NextGetServerSideProps["previewData"]
-  > = (
-    context: GetServerSidePropsContext<Pathname, Preview>
-  ) => Promise<NextGetServerSidePropsResult<Props>>
 }
 
 // prettier-ignore
@@ -146,12 +114,13 @@ declare module "next/link" {
   } from "react";
   export * from "next/dist/client/link";
 
+  type Query = { query?: { [key: string]: string | string[] | undefined } };
   type StaticRoute = Exclude<Route, { query: any }>["pathname"];
 
   export interface LinkProps
     extends Omit<NextLinkProps, "href" | "locale">,
       AnchorHTMLAttributes<HTMLAnchorElement> {
-    href: Route | StaticRoute | Omit<Route, "pathname">
+    href: Route | StaticRoute | Query;
     locale?: false;
   }
 
@@ -179,6 +148,7 @@ declare module "next/router" {
 
   type NextTransitionOptions = NonNullable<Parameters<Router["push"]>[2]>;
   type StaticRoute = Exclude<Route, { query: any }>["pathname"];
+  type Query = { query?: { [key: string]: string | string[] | undefined } };
 
   interface TransitionOptions extends Omit<NextTransitionOptions, "locale"> {
     locale?: false;
@@ -200,12 +170,12 @@ declare module "next/router" {
         locale?: Locale;
         locales?: undefined;
         push(
-          url: Route | StaticRoute | Omit<Route, "pathname">,
+          url: Route | StaticRoute | Query,
           as?: string,
           options?: TransitionOptions
         ): Promise<boolean>;
         replace(
-          url: Route | StaticRoute | Omit<Route, "pathname">,
+          url: Route | StaticRoute | Query,
           as?: string,
           options?: TransitionOptions
         ): Promise<boolean>;

package.json

@@ -2,7 +2,7 @@
   "name": "@luxfi/explore",
   "version": "1.0.0",
   "private": false,
-  "homepage": "https://github.com/luxfi/explore#readme",
+  "homepage": "https://github.com/blockscout/frontend#readme",
   "engines": {
     "node": "22.11.0",
     "npm": "10.9.0"
@@ -45,8 +45,6 @@
     "@chakra-ui/anatomy": "^2.2.2",
     "@chakra-ui/lazy-utils": "2.0.5",
     "@chakra-ui/react": "2.7.1",
-    "@chakra-ui/styled-system": "^2.9.2",
-    "@chakra-ui/system": "^2.6.2",
     "@chakra-ui/theme-tools": "^2.0.18",
     "@cloudnouns/kit": "1.1.6",
     "@emotion/react": "^11.10.4",
@@ -141,7 +139,6 @@
     "@types/dom-to-image": "^2.6.4",
     "@types/jest": "^29.2.0",
     "@types/js-cookie": "^3.0.2",
-    "@types/lodash": "^4.17.7",
     "@types/mixpanel-browser": "^2.38.1",
     "@types/node": "20.16.7",
     "@types/phoenix": "^1.5.4",

pages/_document.tsx

@@ -10,9 +10,6 @@ import config from 'configs/app';
 import theme from 'theme/theme';
 import * as svgSprite from 'ui/shared/IconSvg';
 
-
-import { inter, drukWide } from 'theme/foundations/typography';
-
 class MyDocument extends Document {
   static async getInitialProps(ctx: DocumentContext) {
     const originalRenderPage = ctx.renderPage;
@@ -33,12 +30,11 @@ class MyDocument extends Document {
     return initialProps;
   }
 
-// className={inter.className}
-
   render() {
     return (
       <Html lang="en">
         <Head>
+          { /* FONTS */ }
           <link
             href={ config.UI.fonts.heading?.url ?? 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap' }
             rel="stylesheet"
@@ -60,7 +56,7 @@ class MyDocument extends Document {
           <link rel="icon" type="image/png" sizes="192x192" href="/assets/favicon/android-chrome-192x192.png"/>
           <link rel="preload" as="image" href={ svgSprite.href }/>
         </Head>
-        <body className={`${inter.variable} ${drukWide.variable}`}>
+        <body>
           <ColorModeScript initialColorMode={ theme.config.initialColorMode }/>
           <Main/>
           <NextScript/>