Feature/sn auth package extraimprovements

.eslintrc.js

@@ -12,7 +12,7 @@ module.exports = {
   ],
   parser: '@typescript-eslint/parser',
   plugins: ['@typescript-eslint', 'react', 'cypress', 'jsdoc', 'import', 'react-hooks'],
-  env: { browser: true, node: true, es6: true, jest: true, 'cypress/globals': true },
+  env: { browser: true, node: true, es6: true, 'cypress/globals': true },
   parserOptions: {
     ecmaVersion: 6,
     sourceType: 'module',
@@ -36,6 +36,9 @@ module.exports = {
   },
   rules: {
     'react/prop-types': 0,
+    'no-unused-vars': 'off',
+    'import/export': 0,
+    '@typescript-eslint/no-unused-vars': 'off',
     '@typescript-eslint/ban-ts-comment': 'off',
     '@typescript-eslint/ban-types': 'off',
     '@typescript-eslint/no-empty-function': 'off',
@@ -45,6 +48,7 @@ module.exports = {
     '@typescript-eslint/no-non-null-assertion': 'off',
     '@typescript-eslint/array-type': ['error', { default: 'array-simple', readonly: 'array-simple' }],
     'require-jsdoc': 1,
+    'cypress/unsafe-to-chain-command': 'off',
     'react-hooks/rules-of-hooks': 'error', // Checks rules of Hooks
     'react-hooks/exhaustive-deps': 'warn', // Checks effect dependencies
     'import/default': 0,

.github/workflows/ci.yml

@@ -31,7 +31,7 @@ jobs:
     steps:
       - uses: actions/checkout@v2
 
-      - uses: actions/cache
+      - uses: actions/cache@v4
         with:
           path: ~/.cache/yarn
           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
@@ -46,15 +46,9 @@ jobs:
       - name: build
         run: yarn build
 
-      - name: build examples
-        run: yarn build:examples
-
       - name: build snapp
         run: yarn snapp build
         env:
           RELATIVE_CI_KEY: ${{ secrets.RELATIVE_CI_KEY }}
 
-      - name: test
-        run: NODE_OPTIONS='--max-old-space-size=4096' yarn test --coverage --logHeapUsage
-
       - uses: codecov/codecov-action@v1

.github/workflows/deploy-preview.yml

@@ -8,7 +8,7 @@ jobs:
     steps:
       - uses: actions/checkout@v2
 
-      - uses: actions/cache@v4 # Updated from v1 to v4
+      - uses: actions/cache@v4
         with:
           path: ~/.cache/yarn
           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
@@ -36,35 +36,3 @@ jobs:
         env:
           NETLIFY_SITE_ID: 94fb346c-b540-40f7-aaaf-21eee2a9c891
           NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
-
-  deploy-storybook:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-
-      - uses: actions/cache@v4 # Updated from v1 to v4
-        with:
-          path: ~/.cache/yarn
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
-
-      - name: install
-        run: yarn install
-        env:
-          CYPRESS_INSTALL_BINARY: 0
-
-      - name: build
-        run: yarn build
-
-      - name: build storybook
-        run: yarn storybook build-storybook
-
-      - name: wake up deploy notifier
-        run: yarn wait-on https://sensenet-sn-deploy-notifier.glitch.me/ -l -t 300000 -i 10000
-
-      - name: Publish
-        run: npx netlify-cli@v2.41.0 deploy --dir=./examples/sn-react-component-docs/storybook-static --message ${{ github.event.pull_request.number }}
-        env:
-          NETLIFY_SITE_ID: 1747b330-27d8-4ddd-bf74-39469c257010
-          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}

.gitignore

@@ -59,3 +59,4 @@ jspm_packages/
 
 # Misc
 .DS_Store
+pipe\[0]

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/index.html

@@ -1,42 +1,45 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, height=device-height, minimum-scale=1.0, initial-scale=1.0, user-scalable=0" />
-    <meta name="description" content="sensenet application" />
-    <title>sensenet</title>
-    <style>
-      html,
-      body {
-        width: 100%;
-        height: 100%;
-        margin: 0;
-      }
-      /* width */
-      ::-webkit-scrollbar {
-        width: 10px;
-      }
 
-      /* Track */
-      ::-webkit-scrollbar-track {
-        background: rgba(128, 128, 128, 0.3);
-      }
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport"
+    content="width=device-width, height=device-height, minimum-scale=1.0, initial-scale=1.0, user-scalable=0" />
+  <meta name="description" content="sensenet application" />
+  <title>sensenet</title>
+  <style>
+    html,
+    body {
+      width: 100%;
+      height: 100%;
+      margin: 0;
+    }
 
-      /* Handle */
-      ::-webkit-scrollbar-thumb {
-        background: #888;
-      }
+    /* width */
+    ::-webkit-scrollbar {
+      width: 10px;
+    }
 
-      /* Handle on hover */
-      ::-webkit-scrollbar-thumb:hover {
-        background: #555;
-      }
-    </style>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" />
-  </head>
-  <body>
-    <div id="root" style="height: inherit"></div>
-  </body>
-</html>
+    /* Track */
+    ::-webkit-scrollbar-track {
+      background: rgba(128, 128, 128, 0.3);
+    }
+
+    /* Handle */
+    ::-webkit-scrollbar-thumb {
+      background: #888;
+    }
+
+    /* Handle on hover */
+    ::-webkit-scrollbar-thumb:hover {
+      background: #555;
+    }
+  </style>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" />
+</head>
+
+<body>
+  <div id="root" style="height: inherit"></div>
+</body>
+
+</html>

apps/sensenet/package.json

@@ -17,7 +17,12 @@
     "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",
+    "buildstart": "cd ../../ && yarn build && cd apps/sensenet && yarn start",
     "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",
@@ -60,6 +65,7 @@
     "cypress-file-upload": "^5.0.8",
     "cypress-xpath": "^1.6.2",
     "eslint-config-prettier": "8.6.0",
+    "eslint-config-react-app": "^7.0.1",
     "file-loader": "^6.1.1",
     "fork-ts-checker-webpack-plugin": "^6.3.1",
     "html-webpack-plugin": "^5.5.0",
@@ -82,6 +88,7 @@
     "webpack-merge": "^5.8.0"
   },
   "dependencies": {
+    "@ag-grid-community/styles": "30.0.5",
     "@iconify-icons/logos": "1.2.23",
     "@iconify/react": "4.1.0",
     "@material-ui/core": "4.11.4",
@@ -100,12 +107,18 @@
     "@sensenet/pickers-react": "^2.1.4",
     "@sensenet/query": "^2.1.3",
     "@sensenet/repository-events": "^2.1.3",
+    "@sensenet/sn-auth-react": "^1.0.3",
+    "@tiptap/pm": "^2.6.6",
+    "ag-grid-community": "27.3.0",
+    "ag-grid-enterprise": "27.3.0",
+    "ag-grid-react": "27.3.0",
     "autosuggest-highlight": "^3.3.4",
     "clsx": "1.2.1",
     "date-fns": "2.29.3",
     "filesize": "10.0.6",
     "react": "^16.13.0",
     "react-autosuggest": "^10.1.0",
+    "react-data-grid": "6.1.0",
     "react-day-picker": "^8.6.0",
     "react-dom": "^16.13.0",
     "react-markdown": "6.0.3",

apps/sensenet/src/application-paths.ts

@@ -9,18 +9,21 @@ export const PATHS = {
   usersAndGroups: { appPath: '/users-and-groups/:browseType/:action?', snPath: '/Root/IMS' },
   dashboard: { appPath: '/dashboard' },
   contentTypes: { appPath: '/content-types/:browseType/:action?', snPath: '/Root/System/Schema/ContentTypes' },
-  search: { appPath: '/search' },
-  content: { appPath: '/content/:browseType/:action?', snPath: '/Root/Content' },
+  search: { appPath: '/search', snPath: '/Root' },
+  content: { appPath: '/content/:browseType/:action?', snPath: '/Root' },
   contentTemplates: { appPath: '/content-templates/:browseType/:action?', snPath: '/Root/ContentTemplates' },
-  custom: { appPath: '/custom/:browseType/:path/:action?' },
+  custom: { appPath: '/custom/:browseType/:path/:action?', snPath: '/Root' },
   configuration: { appPath: '/system/settings/:action?', snPath: '/Root/System/Settings' },
   localization: { appPath: '/system/localization/:action?', snPath: '/Root/Localization' },
   webhooks: { appPath: '/system/webhooks/:action?', snPath: '/Root/System/WebHooks' },
-  settings: { appPath: '/system/:submenu?' },
+  settings: { appPath: '/system/:submenu?', snPath: '/Root/System/Settings' },
   apiKeys: { appPath: '/system/apikeys' },
+  landingPath: { appPath: '/content/explorer/' },
+  root: { appPath: '/Root', snPath: '/Root' },
+  home: { appPath: '/', snPath: '/' },
 } as const
 
-type SettingsItemType = 'stats' | 'apikeys' | 'webhooks' | 'adminui'
+type SettingsItemType = 'stats' | 'settings' | 'apikeys' | 'webhooks' | 'adminui'
 
 type RoutesWithContentBrowser = keyof Pick<
   typeof PATHS,
@@ -30,28 +33,28 @@ type RoutesWithContentBrowser = keyof Pick<
 type RoutesWithActionParam = keyof Pick<typeof PATHS, 'savedQueries' | 'localization' | 'configuration' | 'webhooks'>
 
 type Options =
-  | { path: (typeof PATHS)['events']['appPath']; params?: { eventGuid: string;[index: string]: string } }
+  | { path: (typeof PATHS)['events']['appPath']; params?: { eventGuid: string; [index: string]: string } }
   | {
-    path: (typeof PATHS)[RoutesWithContentBrowser]['appPath']
-    params: { browseType: (typeof BrowseType)[number]; action?: string;[index: string]: string | undefined }
-  }
+      path: (typeof PATHS)[RoutesWithContentBrowser]['appPath']
+      params: { browseType: (typeof BrowseType)[number]; action?: string; [index: string]: string | undefined }
+    }
   | {
-    path: (typeof PATHS)['custom']['appPath']
-    params: {
-      browseType: (typeof BrowseType)[number]
-      path: string
-      action?: string
-      [index: string]: string | undefined
+      path: (typeof PATHS)['custom']['appPath']
+      params: {
+        browseType: (typeof BrowseType)[number]
+        path: string
+        action?: string
+        [index: string]: string | undefined
+      }
     }
-  }
   | {
-    path: (typeof PATHS)[RoutesWithActionParam]['appPath']
-    params?: { action: string;[index: string]: string }
-  }
+      path: (typeof PATHS)[RoutesWithActionParam]['appPath']
+      params?: { action: string; [index: string]: string }
+    }
   | {
-    path: (typeof PATHS)['settings']['appPath']
-    params?: { submenu: SettingsItemType;[index: string]: string | SettingsItemType }
-  }
+      path: (typeof PATHS)['settings']['appPath']
+      params?: { submenu: SettingsItemType; [index: string]: string | SettingsItemType }
+    }
 
 export const resolvePathParams = ({ path, params }: Options) => {
   let currentPath: string = path