feat(dev): move to rsbuild for dev - faster (#4674)

platform/app/package.json

@@ -27,6 +27,7 @@
     "build": "node --max_old_space_size=8096 ./../../node_modules/webpack/bin/webpack.js --progress --config .webpack/webpack.pwa.js",
     "clean": "shx rm -rf dist",
     "clean:deep": "yarn run clean && shx rm -rf node_modules",
+    "dev:fast": "rsbuild dev --config ../../rsbuild.config.ts",
     "dev": "cross-env NODE_ENV=development webpack serve --config .webpack/webpack.pwa.js",
     "dev:no:cache": "cross-env NODE_ENV=development webpack serve --no-cache --config .webpack/webpack.pwa.js",
     "dev:orthanc": "cross-env NODE_ENV=development PROXY_TARGET=http://localhost:3000/pacs/dicom-web PROXY_DOMAIN=http://localhost:8042 PROXY_PATH_REWRITE_FROM=/pacs/dicom-web PROXY_PATH_REWRITE_TO=/dicom-web APP_CONFIG=config/docker-nginx-orthanc.js webpack serve --config .webpack/webpack.pwa.js",

platform/app/public/html-templates/index.html

@@ -206,7 +206,6 @@
     />
     <link
       href="https://fonts.googleapis.com/css?family=Inter:100,300,400,500,700&display=swap"
-      rel="stylesheet"
       rel="preload"
       as="style"
     />

platform/app/src/routes/DataSourceWrapper.tsx

@@ -3,10 +3,10 @@ import React, { useCallback, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { Enums, ExtensionManager, MODULE_TYPES, log } from '@ohif/core';
 //
-import { extensionManager } from '../App.tsx';
+import { extensionManager } from '../App';
 import { useParams, useLocation } from 'react-router';
 import { useNavigate } from 'react-router-dom';
-import useSearchParams from '../hooks/useSearchParams.ts';
+import useSearchParams from '../hooks/useSearchParams';
 
 /**
  * Determines if two React Router location objects are the same.

platform/app/src/routes/Local/Local.tsx

@@ -6,9 +6,9 @@ import { DicomMetadataStore, MODULE_TYPES } from '@ohif/core';
 import Dropzone from 'react-dropzone';
 import filesToStudies from './filesToStudies';
 
-import { extensionManager } from '../../App.tsx';
+import { extensionManager } from '../../App';
 
-import { Button, Icon, LoadingIndicatorProgress } from '@ohif/ui';
+import { Button, LoadingIndicatorProgress } from '@ohif/ui';
 import { Icons } from '@ohif/ui-next';
 
 const getLoadButton = (onDrop, text, isDir) => {

platform/app/src/routes/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Routes, Route } from 'react-router-dom';
+import { Routes, Route, Link } from 'react-router-dom';
 import { ErrorBoundary } from '@ohif/ui-next';
 
 // Route Components
@@ -11,7 +11,6 @@ import NotFound from './NotFound';
 import buildModeRoutes from './buildModeRoutes';
 import PrivateRoute from './PrivateRoute';
 import PropTypes from 'prop-types';
-import { Link } from 'react-router-dom';
 import publicUrl from '../utils/publicUrl';
 
 const NotFoundServer = ({