Explorar el Código

docs: Move admin ui docs into legacy category

Michael Bromley hace 2 meses
padre
commit
d00cffd743
Se han modificado 2 ficheros con 56 adiciones y 66 borrados
  1. 2 24
      docs/docs/guides/extending-the-admin-ui/getting-started/index.md
  2. 54 42
      docs/sidebars.js

+ 2 - 24
docs/docs/guides/extending-the-admin-ui/getting-started/index.md

@@ -6,9 +6,8 @@ import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
 :::warning Angular Admin UI Deprecation
-The Angular-based Admin UI has been replaced by the new [React Admin Dashboard](/guides/extending-the-dashboard/getting-started/). The Angular Admin UI will not be maintained after **July 2026**. Until then, we will continue patching critical bugs and security issues. Community contributions will always be merged and released.
-
-The first stable release of the React Admin Dashboard is targeted for **the end of July 2025**.
+The Angular-based Admin UI has been replaced by the new [React Admin Dashboard](/guides/extending-the-dashboard/getting-started/). The Angular Admin UI will not be maintained after **July 2026**. 
+Until then, we will continue patching critical bugs and security issues. Community contributions will always be merged and released.
 
 **For new projects, we strongly recommend using the [React Admin Dashboard](/guides/extending-the-dashboard/getting-started/) instead.**
 
@@ -28,25 +27,6 @@ UI extensions fall into two categories:
 
 ## Setup
 
-:::cli
-Use `npx vendure add` and select "Set up Admin UI extensions".
-
-If you don't already have any plugins in your project, first create a plugin to house your
-UI extensions. Then select:
-
-```sh
-[Plugin: UI] Set up Admin UI extensions
-```
-
-Then follow the prompts, which will guide you through the process of
-setting up the necessary files and folders for your UI extensions.
-:::
-
-### Manual setup
-
-It is recommended to use the `vendure add` command as described above, but if you prefer to set up the
-Admin UI extensions manually, or just want to get a better understanding of what the CLI is doing, follow these steps:
-
 First, install the [`@vendure/ui-devkit` package](https://www.npmjs.com/package/@vendure/ui-devkit) as a dev dependency:
 
 <Tabs>
@@ -168,8 +148,6 @@ export const config: VendureConfig = {
 };
 ```
 
-Everything above will be automatically done for you when you use the CLI.
-
 Now when you start the server, the following will happen:
 
 1. A new folder called `admin-ui` will be created in the root of your project (as specified by the `outputPath` option). This is a temporary directory (it should not be added to version control) which will contain the source files of your custom Admin UI app.

+ 54 - 42
docs/sidebars.js

@@ -31,6 +31,7 @@ const icon = {
     <ellipse rx="11" ry="4.2" transform="rotate(120)"/>
   </g>
 </svg>`,
+    clockFiles: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-clock-icon lucide-file-clock"><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M16 22h2a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3"/><path d="M8 14v2.2l1.6 1"/><circle cx="8" cy="16" r="6"/></svg>`,
 };
 
 /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
@@ -110,11 +111,6 @@ const sidebars = {
                 'guides/developer-guide/db-subscribers/index',
                 'guides/developer-guide/importing-data/index',
                 'guides/developer-guide/logging/index',
-                {
-                    type: 'category',
-                    label: 'Migrating from v1',
-                    items: [{ type: 'autogenerated', dirName: 'guides/developer-guide/migrating-from-v1' }],
-                },
                 'guides/developer-guide/scheduled-tasks/index',
                 'guides/developer-guide/stand-alone-scripts/index',
                 'guides/developer-guide/translations/index',
@@ -188,43 +184,6 @@ const sidebars = {
                 },
             ],
         },
-        {
-            type: 'category',
-            label: 'Angular Admin UI',
-            customProps: {
-                icon: icon.computer,
-            },
-            items: [
-                'guides/extending-the-admin-ui/getting-started/index',
-                'guides/extending-the-admin-ui/ui-library/index',
-                'guides/extending-the-admin-ui/admin-ui-theming-branding/index',
-                'guides/extending-the-admin-ui/adding-ui-translations/index',
-                'guides/extending-the-admin-ui/using-other-frameworks/index',
-                {
-                    type: 'html',
-                    value: 'Providers',
-                    className: 'sidebar-section-header',
-                },
-                'guides/extending-the-admin-ui/nav-menu/index',
-                'guides/extending-the-admin-ui/alerts/index',
-                'guides/extending-the-admin-ui/add-actions-to-pages/index',
-                'guides/extending-the-admin-ui/page-tabs/index',
-                'guides/extending-the-admin-ui/custom-form-inputs/index',
-                'guides/extending-the-admin-ui/custom-data-table-components/index',
-                'guides/extending-the-admin-ui/custom-detail-components/index',
-                'guides/extending-the-admin-ui/bulk-actions/index',
-                'guides/extending-the-admin-ui/dashboard-widgets/index',
-                'guides/extending-the-admin-ui/custom-timeline-components/index',
-                {
-                    type: 'html',
-                    value: 'Routes',
-                    className: 'sidebar-section-header',
-                },
-                'guides/extending-the-admin-ui/defining-routes/index',
-                'guides/extending-the-admin-ui/creating-list-views/index',
-                'guides/extending-the-admin-ui/creating-detail-views/index',
-            ],
-        },
         {
             type: 'category',
             label: 'Building a Storefront',
@@ -273,6 +232,59 @@ const sidebars = {
                 'guides/deployment/deploy-to-google-cloud-run/index',
             ],
         },
+        {
+            type: 'html',
+            value: '<hr style="margin: 0; background-color: rgba(150, 150, 150, 0.2);" />', // The HTML to be rendered
+            defaultStyle: true, // Use the default menu item styling
+        },
+        {
+            type: 'category',
+            label: 'Legacy APIs',
+            customProps: {
+                icon: icon.clockFiles,
+            },
+            items: [
+                {
+                    type: 'category',
+                    label: 'Angular Admin UI',
+                    items: [
+                        'guides/extending-the-admin-ui/getting-started/index',
+                        'guides/extending-the-admin-ui/ui-library/index',
+                        'guides/extending-the-admin-ui/admin-ui-theming-branding/index',
+                        'guides/extending-the-admin-ui/adding-ui-translations/index',
+                        'guides/extending-the-admin-ui/using-other-frameworks/index',
+                        {
+                            type: 'html',
+                            value: 'Providers',
+                            className: 'sidebar-section-header',
+                        },
+                        'guides/extending-the-admin-ui/nav-menu/index',
+                        'guides/extending-the-admin-ui/alerts/index',
+                        'guides/extending-the-admin-ui/add-actions-to-pages/index',
+                        'guides/extending-the-admin-ui/page-tabs/index',
+                        'guides/extending-the-admin-ui/custom-form-inputs/index',
+                        'guides/extending-the-admin-ui/custom-data-table-components/index',
+                        'guides/extending-the-admin-ui/custom-detail-components/index',
+                        'guides/extending-the-admin-ui/bulk-actions/index',
+                        'guides/extending-the-admin-ui/dashboard-widgets/index',
+                        'guides/extending-the-admin-ui/custom-timeline-components/index',
+                        {
+                            type: 'html',
+                            value: 'Routes',
+                            className: 'sidebar-section-header',
+                        },
+                        'guides/extending-the-admin-ui/defining-routes/index',
+                        'guides/extending-the-admin-ui/creating-list-views/index',
+                        'guides/extending-the-admin-ui/creating-detail-views/index',
+                    ],
+                },
+                {
+                    type: 'category',
+                    label: 'Migrating from v1',
+                    items: [{ type: 'autogenerated', dirName: 'guides/developer-guide/migrating-from-v1' }],
+                },
+            ],
+        },
     ],
     referenceSidebar: [
         {