add build time auth switch

Author: VargaJoe

apps/sensenet/README.md

@@ -59,3 +59,67 @@ If you start typing a Content query term (that starts with a '+' sign), the term
 ## ℹ Version info
 
 (Coming soon...)
+
+# sensenet Admin UI
+
+React-based UI for sensenet. This application provides a rich UI for managing your sensenet content repository. It was designed to take advantage of the modern web technologies - which means we built it for evergreen browsers (Edge, Chrome, Firefox). If you need legacy browser support (e.g. IE11) please use the [old admin UI](https://github.com/SenseNet/sensenet/tree/master/src/nuget/snadmin/install-webpages) instead.
+
+## Authentication Configuration
+
+The application supports two authentication methods:
+
+- **SNAuth**: sensenet's JWT-based authentication
+- **IdentityServer**: OIDC-based authentication with Identity Server
+
+You can specify which authentication method to use during the build process. This is a build-time configuration, meaning the application will be built to use only one authentication method.
+
+### Building with specific authentication method
+
+To build the application with SNAuth (default):
+
+```bash
+yarn build:snauth
+# or npm run build:snauth
+```
+
+To build the application with Identity Server authentication:
+
+```bash
+yarn build:idserver
+# or npm run build:idserver
+```
+
+### Development with specific authentication method
+
+To run the development server with SNAuth:
+
+```bash
+yarn start:snauth
+# or npm run start:snauth
+```
+
+To run the development server with Identity Server authentication:
+
+```bash
+yarn start:idserver
+# or npm run start:idserver
+```
+
+If you don't specify an authentication method, the application will default to using SNAuth.
+
+## Development
+
+To run the application locally:
+
+```bash
+yarn install
+yarn start
+```
+
+Navigate to http://localhost:8080 in your browser.
+
+To build the application:
+
+```bash
+yarn build
+```

apps/sensenet/package.json

@@ -17,7 +17,11 @@
     "fix:prettier": "prettier \"{,!(dist|temp|bundle)/**/}*.{ts,tsx}\" --write",
     "build": "cross-env NODE_OPTIONS=--openssl-legacy-provider webpack --config webpack.prod.js",
     "build:stats": "webpack --config webpack.prod.js --profile --json > stats.json",
+    "build:snauth": "cross-env NODE_OPTIONS=--openssl-legacy-provider AUTH_TYPE=SNAuth webpack --config webpack.prod.js",
+    "build:idserver": "cross-env NODE_OPTIONS=--openssl-legacy-provider AUTH_TYPE=IdentityServer webpack --config webpack.prod.js",
     "start": "cross-env NODE_OPTIONS=--openssl-legacy-provider webpack serve --progress --config webpack.dev.js",
+    "start:snauth": "cross-env NODE_OPTIONS=--openssl-legacy-provider AUTH_TYPE=SNAuth webpack serve --progress --config webpack.dev.js",
+    "start:idserver": "cross-env NODE_OPTIONS=--openssl-legacy-provider AUTH_TYPE=IdentityServer webpack serve --progress --config webpack.dev.js",
     "cypress": "cypress open --env coverage=false",
     "cypress:local": "cypress open --env coverage=false --config baseUrl=http://localhost:8080",
     "cypress:all": "cypress run --env coverage=false",

apps/sensenet/src/auth-config.ts

@@ -4,6 +4,7 @@ export interface AuthenticationConfig {
   authType: AuthServerType
 }
 
+// Use process.env.AUTH_TYPE if available (from build), otherwise default to 'SNAuth'
 export const defaultAuthConfig: AuthenticationConfig = {
-  authType: 'SNAuth',
+  authType: (process.env.AUTH_TYPE || 'SNAuth') as AuthServerType,
 }

apps/sensenet/src/components/content/Explore.tsx

@@ -26,7 +26,7 @@ import { FullScreenLoader } from '../full-screen-loader'
 import { Grid } from '../grid/Grid'
 // @ts-ignore
 import ExpandedItemsProvider from '../tree/Contexts/ExpandedItemsProvider'
-import { SimpleTree } from '../tree/SimpleTree'
+import { SimpleTree } from '../tree/simpletree'
 // @ts-ignore
 import TreeWithData from '../tree/tree-with-data'
 import { BrowseView, EditView, ImageView, NewView, PermissionView, VersionView } from '../view-controls'

apps/sensenet/src/context/repository-provider.tsx

@@ -42,13 +42,15 @@ export function RepositoryProvider({ children }: { children: React.ReactNode })
       const prevAuthConfig = JSON.parse(configString)
       setIdentityServerUrl(prevAuthConfig.authority)
 
-      if (repoFromUrl && prevAuthConfig.extraQueryParams.snrepo !== repoFromUrl) {
+      // Access extraQueryParams via userManagerSettings
+      const extraQueryParams = prevAuthConfig.userManagerSettings?.extraQueryParams
+      if (repoFromUrl && extraQueryParams?.snrepo !== repoFromUrl) {
         return setAuthState({ repoUrl: repoFromUrl, config: null })
       }
 
       setAuthState((oldState) => ({
-        repoUrl: prevAuthConfig?.extraQueryParams.snrepo || '',
-        config: prevAuthConfig?.extraQueryParams.snrepo === oldState.repoUrl ? prevAuthConfig : null,
+        repoUrl: extraQueryParams?.snrepo || '',
+        config: extraQueryParams?.snrepo === oldState.repoUrl ? prevAuthConfig.userManagerSettings : null,
       }))
     } else {
       repoFromUrl && setAuthState({ repoUrl: repoFromUrl, config: null })
@@ -64,6 +66,7 @@ export function RepositoryProvider({ children }: { children: React.ReactNode })
       setIsLoginInProgress(true)
       const config = await getAuthConfig(authState.repoUrl)
       window.localStorage.setItem(authConfigKey, JSON.stringify(config))
+      // Set only userManagerSettings in authState to match the expected type
       setAuthState((oldState) => ({ ...oldState, config: config.userManagerSettings }))
     } catch (error) {
       logger.warning({ data: error, message: `Couldn't connect to ${authState.repoUrl}` })

apps/sensenet/webpack.common.js

@@ -29,10 +29,11 @@ module.exports = {
   },
   plugins: [
     new webpack.ProvidePlugin({
-        "React": "react",
+      React: 'react',
     }),
     new webpack.EnvironmentPlugin({
       APP_VERSION: require('./package.json').version,
+      AUTH_TYPE: process.env.AUTH_TYPE || 'SNAuth', // Default to SNAuth if not specified
     }),
     new MonacoWebpackPlugin({
       languages: ['json', 'xml', 'html', 'javascript', 'markdown'],