chore(dev-server): Add example ui extension

packages/dev-server/dev-config.ts

@@ -97,7 +97,19 @@ export const devConfig: VendureConfig = {
             // Un-comment to compile a custom admin ui
             // app: compileUiExtensions({
             //     outputPath: path.join(__dirname, './custom-admin-ui'),
-            //     extensions: [],
+            //     extensions: [
+            //         {
+            //             extensionPath: path.join(__dirname, 'test-plugins/with-ui-extension/ui'),
+            //             ngModules: [
+            //                 {
+            //                     type: 'lazy',
+            //                     route: 'greet',
+            //                     ngModuleFileName: 'greeter.module.ts',
+            //                     ngModuleName: 'GreeterModule',
+            //                 },
+            //             ],
+            //         },
+            //     ],
             //     devMode: true,
             // }),
         }),

packages/dev-server/test-plugins/with-ui-extension/ui/greeter.component.ts

@@ -0,0 +1,10 @@
+// project/ui-extensions/greeter.component.ts
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'greeter',
+    template: '<h1>{{ greeting }}</h1>',
+})
+export class GreeterComponent {
+    greeting = 'Hello!';
+}

packages/dev-server/test-plugins/with-ui-extension/ui/greeter.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { SharedModule } from '@vendure/admin-ui/core';
+
+import { GreeterComponent } from './greeter.component';
+
+@NgModule({
+    imports: [
+        SharedModule,
+        RouterModule.forChild([
+            {
+                path: '',
+                pathMatch: 'full',
+                component: GreeterComponent,
+                data: { breadcrumb: 'Greeter' },
+            },
+        ]),
+    ],
+    declarations: [GreeterComponent],
+})
+export class GreeterModule {}