feat: upgrade nx next, explorer, sia central libs

.changeset/funny-moose-obey.md

@@ -0,0 +1,5 @@
+---
+'explorer': minor
+---
+
+All explorer pages now show details in their open graph preview images.

.changeset/hot-chicken-wave.md

@@ -0,0 +1,5 @@
+---
+'explorer': minor
+---
+
+Contracts now show a visual timeline and status.

.changeset/thick-dingos-marry.md

@@ -0,0 +1,5 @@
+---
+'explorer': minor
+---
+
+The explorer no longer depends on Navigator.

.changeset/witty-eggs-fail.md

@@ -0,0 +1,5 @@
+---
+'explorer': minor
+---
+
+The explorer has been revamped and not supports searching for and viewing hosts.

.eslintrc.json

@@ -1,12 +1,12 @@
 {
   "root": true,
   "ignorePatterns": ["**/*"],
-  "plugins": ["@nrwl/nx"],
+  "plugins": ["@nx"],
   "overrides": [
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
       "rules": {
-        "@nrwl/nx/enforce-module-boundaries": [
+        "@nx/enforce-module-boundaries": [
           "error",
           {
             "enforceBuildableLibDependency": true,
@@ -23,12 +23,12 @@
     },
     {
       "files": ["*.ts", "*.tsx"],
-      "extends": ["plugin:@nrwl/nx/typescript"],
+      "extends": ["plugin:@nx/typescript"],
       "rules": {}
     },
     {
       "files": ["*.js", "*.jsx"],
-      "extends": ["plugin:@nrwl/nx/javascript"],
+      "extends": ["plugin:@nx/javascript"],
       "rules": {}
     }
   ]

README.md

@@ -14,12 +14,6 @@ User interfaces for the Sia software. The latest Sia software takes a modular ap
 
 The [`renterd`](https://github.com/siafoundation/renterd) user interface, focused on renting functionality.
 
-### [explorer-v1](apps/explorer-v1)
-
-![stability-mature](https://img.shields.io/badge/stability-mature-008000.svg)
-
-The `explorer-v1` user interface, a Sia blockchain explorer interface based on [Navigator](https://github.com/hakkane84/navigator-sia). Powers [explore.sia.tech](https://explore.sia.tech) and [zen.sia.tech](https://zen.sia.tech).
-
 ### [hostd](apps/hostd)
 
 ![stability-beta](https://img.shields.io/badge/stability-beta-yellow.svg)
@@ -32,6 +26,12 @@ The [`hostd`](https://github.com/siafoundation/hostd) user interface, focused on
 
 The [`walletd`](https://github.com/siafoundation/walletd) user interface, includes a wallet with support for hot, cold, and hardware wallets.
 
+### [explorer](apps/explorer)
+
+![stability-mature](https://img.shields.io/badge/stability-mature-008000.svg)
+
+The `explorer` user interface, a Sia blockchain explorer interface that powers [explore.sia.tech](https://explore.sia.tech) and [zen.sia.tech](https://zen.sia.tech).
+
 ## Libraries
 
 ![stability-wip](https://img.shields.io/badge/stability-work_in_progress-orange.svg)
@@ -44,6 +44,8 @@ The Sia web libraries provide developers with convenient TypeScript SDKs for usi
 - [@siafoundation/react-renterd](libs/react-renterd) - React hooks for interacting with `renterd`.
 - [@siafoundation/react-hostd](libs/react-hostd) - React hooks for interacting with `hostd`.
 - [@siafoundation/react-walletd](libs/react-walletd) - React hooks for interacting with `walletd`.
+- [@siafoundation/react-sia-central](libs/react-sia-central) - React hooks for interacting with the Sia Central API.
+- [@siafoundation/sia-central](libs/sia-central) - Methods and types for interacting with the Sia Central API.
 - [@siafoundation/sia-js](libs/sia-js) - Core Sia types and library methods for v1 `siad`.
 - [@siafoundation/sia-nodejs](libs/sia-nodejs) - Sia NodeJS client for controlling a v1 `siad`.
 - [@siafoundation/design-system](libs/design-system) - React-based design system used across Sia apps and websites.

apps/assets/jest.config.ts

@@ -2,14 +2,15 @@
 export default {
   displayName: 'assets',
 
-  globals: {
-    'ts-jest': {
-      tsconfig: '<rootDir>/tsconfig.spec.json',
-    },
-  },
+  globals: {},
   testEnvironment: 'node',
   transform: {
-    '^.+\\.[tj]s$': 'ts-jest',
+    '^.+\\.[tj]s$': [
+      'ts-jest',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+      },
+    ],
   },
   moduleFileExtensions: ['ts', 'js', 'html'],
   coverageDirectory: '../../coverage/apps/assets',

apps/assets/project.json

@@ -5,7 +5,7 @@
   "projectType": "application",
   "targets": {
     "build": {
-      "executor": "@nrwl/webpack:webpack",
+      "executor": "@nx/webpack:webpack",
       "outputs": ["{options.outputPath}"],
       "options": {
         "target": "node",
@@ -34,7 +34,7 @@
       }
     },
     "serve": {
-      "executor": "@nrwl/js:node",
+      "executor": "@nx/js:node",
       "options": {
         "inspect": "inspect",
         "buildTarget": "assets:build"
@@ -47,14 +47,14 @@
       }
     },
     "lint": {
-      "executor": "@nrwl/linter:eslint",
+      "executor": "@nx/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
         "lintFilePatterns": ["apps/assets/**/*.ts"]
       }
     },
     "test": {
-      "executor": "@nrwl/jest:jest",
+      "executor": "@nx/jest:jest",
       "outputs": ["{workspaceRoot}/coverage/apps/assets"],
       "options": {
         "jestConfig": "apps/assets/jest.config.ts",

apps/assets/tsconfig.app.json

@@ -3,7 +3,12 @@
   "compilerOptions": {
     "module": "commonjs",
     "outDir": "../../dist/out-tsc",
-    "types": ["node", "express"],
+    "types": [
+      "node",
+      "express",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts"
+    ],
     "esModuleInterop": true
   },
   "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts"],

apps/assets/tsconfig.spec.json

@@ -3,7 +3,12 @@
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
     "module": "commonjs",
-    "types": ["jest", "node"]
+    "types": [
+      "jest",
+      "node",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts"
+    ]
   },
   "include": [
     "jest.config.ts",

apps/assets/webpack.config.js

@@ -1,4 +1,4 @@
-const { composePlugins, withNx } = require('@nrwl/webpack')
+const { composePlugins, withNx } = require('@nx/webpack')
 
 // Nx plugins for webpack.
 module.exports = composePlugins(withNx(), (config) => {

apps/crons/jest.config.ts

@@ -2,14 +2,15 @@
 export default {
   displayName: 'crons',
 
-  globals: {
-    'ts-jest': {
-      tsconfig: '<rootDir>/tsconfig.spec.json',
-    },
-  },
+  globals: {},
   testEnvironment: 'node',
   transform: {
-    '^.+\\.[tj]s$': 'ts-jest',
+    '^.+\\.[tj]s$': [
+      'ts-jest',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+      },
+    ],
   },
   moduleFileExtensions: ['ts', 'js', 'html'],
   coverageDirectory: '../../coverage/apps/crons',

apps/crons/project.json

@@ -5,7 +5,7 @@
   "projectType": "application",
   "targets": {
     "build": {
-      "executor": "@nrwl/webpack:webpack",
+      "executor": "@nx/webpack:webpack",
       "outputs": ["{options.outputPath}"],
       "options": {
         "target": "node",
@@ -34,7 +34,7 @@
       }
     },
     "serve": {
-      "executor": "@nrwl/js:node",
+      "executor": "@nx/js:node",
       "options": {
         "inspect": "inspect",
         "buildTarget": "crons:build"
@@ -47,14 +47,14 @@
       }
     },
     "lint": {
-      "executor": "@nrwl/linter:eslint",
+      "executor": "@nx/linter:eslint",
       "outputs": ["{options.outputFile}"],
       "options": {
         "lintFilePatterns": ["apps/crons/**/*.ts"]
       }
     },
     "test": {
-      "executor": "@nrwl/jest:jest",
+      "executor": "@nx/jest:jest",
       "outputs": ["{workspaceRoot}/coverage/apps/crons"],
       "options": {
         "jestConfig": "apps/crons/jest.config.ts",

apps/crons/tsconfig.app.json

@@ -3,7 +3,12 @@
   "compilerOptions": {
     "module": "commonjs",
     "outDir": "../../dist/out-tsc",
-    "types": ["node", "express"],
+    "types": [
+      "node",
+      "express",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts"
+    ],
     "esModuleInterop": true
   },
   "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts"],

apps/crons/tsconfig.spec.json

@@ -3,7 +3,12 @@
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
     "module": "commonjs",
-    "types": ["jest", "node"]
+    "types": [
+      "jest",
+      "node",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts"
+    ]
   },
   "include": [
     "jest.config.ts",

apps/crons/webpack.config.js

@@ -1,4 +1,4 @@
-const { composePlugins, withNx } = require('@nrwl/webpack')
+const { composePlugins, withNx } = require('@nx/webpack')
 
 // Nx plugins for webpack.
 module.exports = composePlugins(withNx(), (config) => {