Add context to visyn view components

src/views/visyn/demo/VisynDemoView.tsx

@@ -150,6 +150,10 @@ export function VisynDemoViewHeader({ parameters, selection, onParametersChanged
   );
 }
 
+export function VisynDemoViewContext({ children }: DemoVisynViewPluginType['props']) {
+  return children;
+}
+
 export function createVisynDemoView(): DemoVisynViewPluginType['definition'] {
   return {
     viewType: 'simple',
@@ -161,5 +165,6 @@ export function createVisynDemoView(): DemoVisynViewPluginType['definition'] {
     view: VisynDemoView,
     header: VisynDemoViewHeader,
     tab: VisynDemoViewSidebar,
+    context: VisynDemoViewContext,
   };
 }

src/views/visyn/interfaces.ts

@@ -27,6 +27,10 @@ type VisynViewProps<Param extends Record<string, unknown>> = {
    * @param parameters New parameters.
    */
   onParametersChanged(parameters: React.SetStateAction<Param>): void;
+  /**
+   * Children of this visyn view. This is used to pass the actual view component to the context component.
+   */
+  children?: React.ReactNode;
 };
 
 /**
@@ -45,6 +49,10 @@ type VisynViewComponents<Props extends object> = {
    * Optional side-tab component of this visyn view plugin.
    */
   tab?: React.LazyExoticComponent<React.ComponentType<Props>> | React.ComponentType<Props>;
+  /**
+   * Optional context component of this visyn view plugin. This component wraps all of the above and allows to provide context values (i.e. via React.createContext).
+   */
+  context?: React.LazyExoticComponent<React.ComponentType<Props & { children: React.ReactNode }>> | React.ComponentType<Props & { children: React.ReactNode }>;
 };
 
 type BaseVisynViewDesc<Type extends string, Param extends Record<string, unknown>> = IBaseViewPluginDesc & {
@@ -117,7 +125,7 @@ export interface DefineVisynViewPlugin<
   /**
    * Definition to be used as return value of the loader function of the module.
    */
-  definition: Pick<VisynViewPluginBaseType<Type, Param, Props, Desc>, 'viewType' | 'defaultParameters' | 'header' | 'view' | 'tab'>;
+  definition: Pick<VisynViewPluginBaseType<Type, Param, Props, Desc>, 'viewType' | 'defaultParameters' | 'header' | 'view' | 'tab' | 'context'>;
   /**
    * Full plugin representing the loaded visyn view.
    */