Split demos into multiple files, refactor demo interface.

src/samples/showcase/showcase-app/demos/Demo.ts

@@ -0,0 +1,79 @@
+// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)
+// SPDX-License-Identifier: Apache-2.0
+import { HttpService } from "@open-pioneer/http";
+import { MapModel } from "@open-pioneer/map";
+import { PackageIntl } from "@open-pioneer/runtime";
+import { VectorSelectionSourceFactory } from "@open-pioneer/selection/services";
+import { ReactNode } from "react";
+import { createOverviewMapDemo } from "./OverviewMapDemo";
+import { createSearchAndHighlightDemo } from "./SearchAndHighlightDemo";
+import {
+    createCoordinateViewerDemo,
+    createGeolocationDemo,
+    createMapNavigationDemo,
+    createMeasurementDemo,
+    createPrintingDemo,
+    createScaleBarDemo,
+    createScaleViewerDemo,
+    createSpatialBookmarksDemo
+} from "./SimpleDemos";
+import { createTocAndLegendDemo } from "./TocLegendDemo";
+import { createSelectionDemo } from "./SelectionDemo";
+
+export interface DemoInfo {
+    /** Unique id */
+    id: string;
+
+    /** Human readable (and translated) title */
+    title: string;
+}
+
+export interface Demo extends DemoInfo {
+    /** Called by the application (and then rendered) when the demo is active. */
+    createModel(): DemoModel;
+}
+
+export interface DemoModel {
+    /** Human readable description */
+    description: string;
+
+    /** Main widget to display in the app. */
+    mainWidget?: ReactNode;
+
+    /** Mounted at the bottom of the map. */
+    listContainer?: ReactNode;
+
+    /**
+     * Tools that are shown next to the zoom buttons on the map.
+     */
+    tools?: ReactNode;
+
+    /** Cleanup any state used by the demo. Called when the demo is deselected in the application. */
+    destroy?(): void;
+}
+
+export interface SharedDemoOptions {
+    intl: PackageIntl;
+    httpService: HttpService;
+    mapModel: MapModel;
+    vectorSelectionSourceFactory: VectorSelectionSourceFactory;
+}
+
+export function createDemos(options: SharedDemoOptions): Demo[] {
+    return [
+        createTocAndLegendDemo(options),
+        createCoordinateViewerDemo(options),
+        createScaleViewerDemo(options),
+        createScaleBarDemo(options),
+        createMeasurementDemo(options),
+
+        // todo Editing
+        createMapNavigationDemo(options),
+        createGeolocationDemo(options),
+        createSpatialBookmarksDemo(options),
+        createOverviewMapDemo(options),
+        createPrintingDemo(options),
+        createSelectionDemo(options),
+        createSearchAndHighlightDemo(options)
+    ];
+}