@apia/execution-react 4.0.19 → 4.0.24

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { FC } from 'react';
 import { CustomComponent } from '@apia/execution';
 
 declare abstract class AbstractCustomComponent {
-    private customComponent;
+    protected handler: CustomComponent;
     private intermediateStrings;
     private intermediatesIndexed;
     constructor();
@@ -135,15 +135,6 @@ declare abstract class AbstractCustomComponent {
      * Custom component methods
      */
     protected get isLoading(): Readonly<Readonly<boolean>>;
-    protected getAdditional<T>(): T;
-    protected fireEvent(evtName: string): void;
-    protected getProperty(prpName: string): any;
-    protected getStringValue(attName: string): string;
-    protected getValue(attName: string, index?: number): any;
-    protected setValue(attName: string, value: any, index: number): void;
-    protected setStringValue(attName: string, value: string): void;
-    protected setProperty(prpName: string, value: any): void;
-    protected sendMessage(payload: any): void;
 }
 
 type CusCmpConstructor = {

package/dist/index.js

@@ -61,7 +61,7 @@ var __publicField = (obj, key, value) => {
 };
 class AbstractCustomComponent {
   constructor() {
-    __publicField(this, "customComponent", null);
+    __publicField(this, "handler", {});
     __publicField(this, "intermediateStrings", {});
     __publicField(this, "intermediatesIndexed", {});
     __publicField(this, "Renderer", () => {
@@ -72,8 +72,8 @@ class AbstractCustomComponent {
           {
             ref: (el) => {
               if (el) {
-                this.customComponent.form.markFieldAsRendered(
-                  this.customComponent.definition.id
+                this.handler.form.markFieldAsRendered(
+                  this.handler.definition.id
                 );
               }
             }
@@ -87,7 +87,7 @@ class AbstractCustomComponent {
     });
   }
   setCustomComponent(cc) {
-    this.customComponent = cc;
+    this.handler = cc;
     this.init();
   }
   /**
@@ -110,7 +110,7 @@ class AbstractCustomComponent {
     />
    */
   getIntermediateString(attName) {
-    return this.intermediateStrings[attName] ?? this.customComponent?.getStringValue(attName);
+    return this.intermediateStrings[attName] ?? this.handler?.getStringValue(attName);
   }
   /**
    * The intermediate values are used to hold attribute values while they are being edited.
@@ -132,7 +132,7 @@ class AbstractCustomComponent {
     />
    */
   getIntermediate(attName, index) {
-    return this.intermediatesIndexed[attName]?.[index] ?? this.customComponent?.getValue(attName, index);
+    return this.intermediatesIndexed[attName]?.[index] ?? this.handler?.getValue(attName, index);
   }
   /**
    * The intermediate values are used to hold attribute values while they are being edited.
@@ -203,7 +203,7 @@ class AbstractCustomComponent {
     />
    */
   async confirmIntermediateString(attName, value) {
-    await this.customComponent.setStringValue(attName, value);
+    await this.handler.setStringValue(attName, value);
     delete this.intermediateStrings[attName];
   }
   /**
@@ -226,41 +226,14 @@ class AbstractCustomComponent {
     />
    */
   async confirmValue(attName, value, index) {
-    await this.customComponent?.setValue(attName, value, index);
+    await this.handler?.setValue(attName, value, index);
     delete this.intermediatesIndexed[attName];
   }
   /**
    * Custom component methods
    */
   get isLoading() {
-    return this.customComponent.state.isLoading;
-  }
-  getAdditional() {
-    return this.customComponent.getAdditional();
-  }
-  fireEvent(evtName) {
-    this.customComponent.fireEvent(evtName);
-  }
-  getProperty(prpName) {
-    return this.customComponent.getProperty(prpName);
-  }
-  getStringValue(attName) {
-    return this.customComponent.getStringValue(attName);
-  }
-  getValue(attName, index = 0) {
-    return this.customComponent.getValue(attName, index) || 0;
-  }
-  setValue(attName, value, index) {
-    this.customComponent.setValue(attName, value, index);
-  }
-  setStringValue(attName, value) {
-    this.customComponent.setStringValue(attName, value);
-  }
-  setProperty(prpName, value) {
-    this.customComponent.setProperty(prpName, value);
-  }
-  sendMessage(payload) {
-    this.customComponent.sendMessage(payload);
+    return this.handler.state.isLoading;
   }
 }
 

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/plugins/PluginLoader.ts","../src/plugins/Plugin.ts","../src/customComponents/AbstractCustomComponent.tsx"],"sourcesContent":["import { Mutex, StatefulEmitter } from '@apia/util';\r\nimport { AbstractCustomComponent } from '../customComponents/AbstractCustomComponent';\r\n\r\nfunction loadComponent(cmpName: string) {\r\n  const newScript = document.createElement('script');\r\n  newScript.src = `${(window as any).CONTEXT}/react/customComponents/${cmpName}/index.js`;\r\n  newScript.defer = true;\r\n\r\n  document.head.append(newScript);\r\n}\r\n\r\nconst m = new Mutex();\r\n\r\nexport type CusCmpConstructor = { new (): AbstractCustomComponent };\r\n\r\nexport class PluginLoader {\r\n  private requested = new Set<string>();\r\n  private emitter = new StatefulEmitter<{\r\n    [key: string]: CusCmpConstructor;\r\n  }>();\r\n\r\n  public static async getInstance() {\r\n    await m.runExclusive(async () => {\r\n      if (!(window as any).loader) {\r\n        (window as any).loader = new PluginLoader();\r\n      }\r\n    });\r\n\r\n    return (window as any).loader as PluginLoader;\r\n  }\r\n\r\n  public dispatchCustomComponent(name: string, component: CusCmpConstructor) {\r\n    this.emitter.emit(name, component);\r\n  }\r\n\r\n  public getCustomComponent(name: string) {\r\n    m.runExclusive(async () => {\r\n      if (!this.requested.has(name)) {\r\n        this.requested.add(name);\r\n        loadComponent(name);\r\n      }\r\n    });\r\n\r\n    return () =>\r\n      new Promise<CusCmpConstructor>((resolve) => {\r\n        this.emitter.once(name, (component) => {\r\n          resolve(component);\r\n        });\r\n      });\r\n  }\r\n}\r\n","import { CusCmpConstructor, PluginLoader } from './PluginLoader';\r\n\r\nexport class Plugin {\r\n  constructor(name: string, fc: CusCmpConstructor) {\r\n    PluginLoader.getInstance().then((c) => c.dispatchCustomComponent(name, fc));\r\n  }\r\n}\r\n","import { CustomComponent } from '@apia/execution';\r\nimport { Box } from '@apia/theme';\r\nimport { makeObservable, observable } from 'mobx';\r\nimport { FC } from 'react';\r\n\r\nexport abstract class AbstractCustomComponent {\r\n  private customComponent: CustomComponent | null = null;\r\n  private intermediateStrings: Record<string, any> = {};\r\n  private intermediatesIndexed: Record<string, Record<number, any>> = {};\r\n\r\n  constructor() {\r\n    makeObservable<\r\n      AbstractCustomComponent,\r\n      'intermediateStrings' | 'intermediatesIndexed'\r\n    >(this, {\r\n      intermediatesIndexed: observable,\r\n      intermediateStrings: observable,\r\n    });\r\n  }\r\n\r\n  public setCustomComponent(cc: CustomComponent) {\r\n    this.customComponent = cc;\r\n    this.init();\r\n  }\r\n\r\n  /**\r\n   * The intermediate values are used to hold attribute values while they are being edited.\r\n   *\r\n   * The setIntermediate... methods hold the values in local variables until the confirmIntermediate...\r\n   * methods are called.\r\n   * \r\n   * @example\r\n   * \r\n   * <Input\r\n      value={this.getIntermediateString('name')}\r\n      disabled={cc.state.isLoading}\r\n      onChange={(ev) => {\r\n        this.setIntermediateStringValue('name', ev.target.value);\r\n      }}\r\n      onBlur={(ev) => {\r\n        this.confirmIntermediateString('name', ev.target.value);\r\n      }}\r\n    />\r\n   */\r\n  protected getIntermediateString(attName: string) {\r\n    return (\r\n      this.intermediateStrings[attName] ??\r\n      this.customComponent?.getStringValue(attName)\r\n    );\r\n  }\r\n\r\n  /**\r\n   * The intermediate values are used to hold attribute values while they are being edited.\r\n   *\r\n   * The setIntermediate... methods hold the values in local variables until the confirmIntermediate...\r\n   * methods are called.\r\n   * \r\n   * @example\r\n   * \r\n   * <Input\r\n      value={this.getIntermediateString('name')}\r\n      disabled={cc.state.isLoading}\r\n      onChange={(ev) => {\r\n        this.setIntermediateStringValue('name', ev.target.value);\r\n      }}\r\n      onBlur={(ev) => {\r\n        this.confirmIntermediateString('name', ev.target.value);\r\n      }}\r\n    />\r\n   */\r\n  protected getIntermediate(attName: string, index: number) {\r\n    return (\r\n      this.intermediatesIndexed[attName]?.[index] ??\r\n      this.customComponent?.getValue(attName, index)\r\n    );\r\n  }\r\n\r\n  /**\r\n   * The intermediate values are used to hold attribute values while they are being edited.\r\n   *\r\n   * The setIntermediate... methods hold the values in local variables until the confirmIntermediate...\r\n   * methods are called.\r\n   * \r\n   * @example\r\n   * \r\n   * <Input\r\n      value={this.getIntermediateString('name')}\r\n      disabled={cc.state.isLoading}\r\n      onChange={(ev) => {\r\n        this.setIntermediateStringValue('name', ev.target.value);\r\n      }}\r\n      onBlur={(ev) => {\r\n        this.confirmIntermediateString('name', ev.target.value);\r\n      }}\r\n    />\r\n   */\r\n  protected setIntermediateStringValue(attName: string, value: string) {\r\n    delete this.intermediatesIndexed[attName];\r\n    this.intermediateStrings[attName] = value;\r\n  }\r\n\r\n  /**\r\n   * The intermediate values are used to hold attribute values while they are being edited.\r\n   *\r\n   * The setIntermediate... methods hold the values in local variables until the confirmIntermediate...\r\n   * methods are called.\r\n   * \r\n   * @example\r\n   * \r\n   * <Input\r\n      value={this.getIntermediateString('name')}\r\n      disabled={cc.state.isLoading}\r\n      onChange={(ev) => {\r\n        this.setIntermediateStringValue('name', ev.target.value);\r\n      }}\r\n      onBlur={(ev) => {\r\n        this.confirmIntermediateString('name', ev.target.value);\r\n      }}\r\n    />\r\n   */\r\n  protected setIntermediateValue(attName: string, value: any, index: number) {\r\n    delete this.intermediateStrings[attName];\r\n    if (!this.intermediatesIndexed[attName]) {\r\n      this.intermediatesIndexed[attName] = {};\r\n    }\r\n    this.intermediatesIndexed[attName][index] = value;\r\n  }\r\n\r\n  /**\r\n   * The intermediate values are used to hold attribute values while they are being edited.\r\n   *\r\n   * The setIntermediate... methods hold the values in local variables until the confirmIntermediate...\r\n   * methods are called.\r\n   * \r\n   * @example\r\n   * \r\n   * <Input\r\n      value={this.getIntermediateString('name')}\r\n      disabled={cc.state.isLoading}\r\n      onChange={(ev) => {\r\n        this.setIntermediateStringValue('name', ev.target.value);\r\n      }}\r\n      onBlur={(ev) => {\r\n        this.confirmIntermediateString('name', ev.target.value);\r\n      }}\r\n    />\r\n   */\r\n  protected async confirmIntermediateString(attName: string, value: string) {\r\n    await this.customComponent!.setStringValue(attName, value);\r\n    delete this.intermediateStrings[attName];\r\n  }\r\n\r\n  /**\r\n   * The intermediate values are used to hold attribute values while they are being edited.\r\n   *\r\n   * The setIntermediate... methods hold the values in local variables until the confirmIntermediate...\r\n   * methods are called.\r\n   * \r\n   * @example\r\n   * \r\n   * <Input\r\n      value={this.getIntermediateString('name')}\r\n      disabled={cc.state.isLoading}\r\n      onChange={(ev) => {\r\n        this.setIntermediateStringValue('name', ev.target.value);\r\n      }}\r\n      onBlur={(ev) => {\r\n        this.confirmIntermediateString('name', ev.target.value);\r\n      }}\r\n    />\r\n   */\r\n  protected async confirmValue(attName: string, value: any, index: number) {\r\n    await this.customComponent?.setValue(attName, value, index);\r\n    delete this.intermediatesIndexed[attName];\r\n  }\r\n\r\n  protected abstract Component: FC;\r\n\r\n  protected abstract init(): unknown;\r\n\r\n  public Renderer = () => {\r\n    return (\r\n      <>\r\n        <this.Component />\r\n        <Box\r\n          ref={(el) => {\r\n            if (el) {\r\n              this.customComponent!.form.markFieldAsRendered(\r\n                this.customComponent!.definition.id,\r\n              );\r\n            }\r\n          }}\r\n        />\r\n      </>\r\n    );\r\n  };\r\n\r\n  /**\r\n   * Custom component methods\r\n   */\r\n\r\n  protected get isLoading() {\r\n    return this.customComponent!.state.isLoading;\r\n  }\r\n\r\n  protected getAdditional<T>() {\r\n    return this.customComponent!.getAdditional() as T; // There is a critical error on rollup that breaks the compilation when used DeepReadonly<T>\r\n  }\r\n\r\n  protected fireEvent(evtName: string) {\r\n    this.customComponent!.fireEvent(evtName);\r\n  }\r\n\r\n  protected getProperty(prpName: string) {\r\n    return this.customComponent!.getProperty(prpName);\r\n  }\r\n\r\n  protected getStringValue(attName: string) {\r\n    return this.customComponent!.getStringValue(attName);\r\n  }\r\n\r\n  protected getValue(attName: string, index: number = 0) {\r\n    return this.customComponent!.getValue(attName, index) || 0;\r\n  }\r\n\r\n  protected setValue(attName: string, value: any, index: number) {\r\n    this.customComponent!.setValue(attName, value, index);\r\n  }\r\n\r\n  protected setStringValue(attName: string, value: string) {\r\n    this.customComponent!.setStringValue(attName, value);\r\n  }\r\n\r\n  protected setProperty(prpName: string, value: any) {\r\n    this.customComponent!.setProperty(prpName, value);\r\n  }\r\n\r\n  protected sendMessage(payload: any) {\r\n    this.customComponent!.sendMessage(payload);\r\n  }\r\n}\r\n"],"names":["__publicField"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/plugins/PluginLoader.ts","../src/plugins/Plugin.ts","../src/customComponents/AbstractCustomComponent.tsx"],"sourcesContent":["import { Mutex, StatefulEmitter } from '@apia/util';\r\nimport { AbstractCustomComponent } from '../customComponents/AbstractCustomComponent';\r\n\r\nfunction loadComponent(cmpName: string) {\r\n  const newScript = document.createElement('script');\r\n  newScript.src = `${(window as any).CONTEXT}/react/customComponents/${cmpName}/index.js`;\r\n  newScript.defer = true;\r\n\r\n  document.head.append(newScript);\r\n}\r\n\r\nconst m = new Mutex();\r\n\r\nexport type CusCmpConstructor = { new (): AbstractCustomComponent };\r\n\r\nexport class PluginLoader {\r\n  private requested = new Set<string>();\r\n  private emitter = new StatefulEmitter<{\r\n    [key: string]: CusCmpConstructor;\r\n  }>();\r\n\r\n  public static async getInstance() {\r\n    await m.runExclusive(async () => {\r\n      if (!(window as any).loader) {\r\n        (window as any).loader = new PluginLoader();\r\n      }\r\n    });\r\n\r\n    return (window as any).loader as PluginLoader;\r\n  }\r\n\r\n  public dispatchCustomComponent(name: string, component: CusCmpConstructor) {\r\n    this.emitter.emit(name, component);\r\n  }\r\n\r\n  public getCustomComponent(name: string) {\r\n    m.runExclusive(async () => {\r\n      if (!this.requested.has(name)) {\r\n        this.requested.add(name);\r\n        loadComponent(name);\r\n      }\r\n    });\r\n\r\n    return () =>\r\n      new Promise<CusCmpConstructor>((resolve) => {\r\n        this.emitter.once(name, (component) => {\r\n          resolve(component);\r\n        });\r\n      });\r\n  }\r\n}\r\n","import { CusCmpConstructor, PluginLoader } from './PluginLoader';\r\n\r\nexport class Plugin {\r\n  constructor(name: string, fc: CusCmpConstructor) {\r\n    PluginLoader.getInstance().then((c) => c.dispatchCustomComponent(name, fc));\r\n  }\r\n}\r\n","import { CustomComponent } from '@apia/execution';\r\nimport { Box } from '@apia/theme';\r\nimport { makeObservable, observable } from 'mobx';\r\nimport { FC } from 'react';\r\n\r\nexport abstract class AbstractCustomComponent {\r\n  protected handler: CustomComponent = {} as any;\r\n  private intermediateStrings: Record<string, any> = {};\r\n  private intermediatesIndexed: Record<string, Record<number, any>> = {};\r\n\r\n  constructor() {\r\n    makeObservable<\r\n      AbstractCustomComponent,\r\n      'intermediateStrings' | 'intermediatesIndexed'\r\n    >(this, {\r\n      intermediatesIndexed: observable,\r\n      intermediateStrings: observable,\r\n    });\r\n  }\r\n\r\n  public setCustomComponent(cc: CustomComponent) {\r\n    this.handler = cc;\r\n    this.init();\r\n  }\r\n\r\n  /**\r\n   * The intermediate values are used to hold attribute values while they are being edited.\r\n   *\r\n   * The setIntermediate... methods hold the values in local variables until the confirmIntermediate...\r\n   * methods are called.\r\n   * \r\n   * @example\r\n   * \r\n   * <Input\r\n      value={this.getIntermediateString('name')}\r\n      disabled={cc.state.isLoading}\r\n      onChange={(ev) => {\r\n        this.setIntermediateStringValue('name', ev.target.value);\r\n      }}\r\n      onBlur={(ev) => {\r\n        this.confirmIntermediateString('name', ev.target.value);\r\n      }}\r\n    />\r\n   */\r\n  protected getIntermediateString(attName: string) {\r\n    return (\r\n      this.intermediateStrings[attName] ?? this.handler?.getStringValue(attName)\r\n    );\r\n  }\r\n\r\n  /**\r\n   * The intermediate values are used to hold attribute values while they are being edited.\r\n   *\r\n   * The setIntermediate... methods hold the values in local variables until the confirmIntermediate...\r\n   * methods are called.\r\n   * \r\n   * @example\r\n   * \r\n   * <Input\r\n      value={this.getIntermediateString('name')}\r\n      disabled={cc.state.isLoading}\r\n      onChange={(ev) => {\r\n        this.setIntermediateStringValue('name', ev.target.value);\r\n      }}\r\n      onBlur={(ev) => {\r\n        this.confirmIntermediateString('name', ev.target.value);\r\n      }}\r\n    />\r\n   */\r\n  protected getIntermediate(attName: string, index: number) {\r\n    return (\r\n      this.intermediatesIndexed[attName]?.[index] ??\r\n      this.handler?.getValue(attName, index)\r\n    );\r\n  }\r\n\r\n  /**\r\n   * The intermediate values are used to hold attribute values while they are being edited.\r\n   *\r\n   * The setIntermediate... methods hold the values in local variables until the confirmIntermediate...\r\n   * methods are called.\r\n   * \r\n   * @example\r\n   * \r\n   * <Input\r\n      value={this.getIntermediateString('name')}\r\n      disabled={cc.state.isLoading}\r\n      onChange={(ev) => {\r\n        this.setIntermediateStringValue('name', ev.target.value);\r\n      }}\r\n      onBlur={(ev) => {\r\n        this.confirmIntermediateString('name', ev.target.value);\r\n      }}\r\n    />\r\n   */\r\n  protected setIntermediateStringValue(attName: string, value: string) {\r\n    delete this.intermediatesIndexed[attName];\r\n    this.intermediateStrings[attName] = value;\r\n  }\r\n\r\n  /**\r\n   * The intermediate values are used to hold attribute values while they are being edited.\r\n   *\r\n   * The setIntermediate... methods hold the values in local variables until the confirmIntermediate...\r\n   * methods are called.\r\n   * \r\n   * @example\r\n   * \r\n   * <Input\r\n      value={this.getIntermediateString('name')}\r\n      disabled={cc.state.isLoading}\r\n      onChange={(ev) => {\r\n        this.setIntermediateStringValue('name', ev.target.value);\r\n      }}\r\n      onBlur={(ev) => {\r\n        this.confirmIntermediateString('name', ev.target.value);\r\n      }}\r\n    />\r\n   */\r\n  protected setIntermediateValue(attName: string, value: any, index: number) {\r\n    delete this.intermediateStrings[attName];\r\n    if (!this.intermediatesIndexed[attName]) {\r\n      this.intermediatesIndexed[attName] = {};\r\n    }\r\n    this.intermediatesIndexed[attName][index] = value;\r\n  }\r\n\r\n  /**\r\n   * The intermediate values are used to hold attribute values while they are being edited.\r\n   *\r\n   * The setIntermediate... methods hold the values in local variables until the confirmIntermediate...\r\n   * methods are called.\r\n   * \r\n   * @example\r\n   * \r\n   * <Input\r\n      value={this.getIntermediateString('name')}\r\n      disabled={cc.state.isLoading}\r\n      onChange={(ev) => {\r\n        this.setIntermediateStringValue('name', ev.target.value);\r\n      }}\r\n      onBlur={(ev) => {\r\n        this.confirmIntermediateString('name', ev.target.value);\r\n      }}\r\n    />\r\n   */\r\n  protected async confirmIntermediateString(attName: string, value: string) {\r\n    await this.handler!.setStringValue(attName, value);\r\n    delete this.intermediateStrings[attName];\r\n  }\r\n\r\n  /**\r\n   * The intermediate values are used to hold attribute values while they are being edited.\r\n   *\r\n   * The setIntermediate... methods hold the values in local variables until the confirmIntermediate...\r\n   * methods are called.\r\n   * \r\n   * @example\r\n   * \r\n   * <Input\r\n      value={this.getIntermediateString('name')}\r\n      disabled={cc.state.isLoading}\r\n      onChange={(ev) => {\r\n        this.setIntermediateStringValue('name', ev.target.value);\r\n      }}\r\n      onBlur={(ev) => {\r\n        this.confirmIntermediateString('name', ev.target.value);\r\n      }}\r\n    />\r\n   */\r\n  protected async confirmValue(attName: string, value: any, index: number) {\r\n    await this.handler?.setValue(attName, value, index);\r\n    delete this.intermediatesIndexed[attName];\r\n  }\r\n\r\n  protected abstract Component: FC;\r\n\r\n  protected abstract init(): unknown;\r\n\r\n  public Renderer = () => {\r\n    return (\r\n      <>\r\n        <this.Component />\r\n        <Box\r\n          ref={(el: any) => {\r\n            if (el) {\r\n              this.handler!.form.markFieldAsRendered(\r\n                this.handler!.definition.id,\r\n              );\r\n            }\r\n          }}\r\n        />\r\n      </>\r\n    );\r\n  };\r\n\r\n  /**\r\n   * Custom component methods\r\n   */\r\n\r\n  protected get isLoading() {\r\n    return this.handler!.state.isLoading;\r\n  }\r\n}\r\n"],"names":["__publicField"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apia/execution-react",
-  "version": "4.0.19",
+  "version": "4.0.24",
   "sideEffects": false,
   "author": "Alexis Leite <alexisleite@live.com>",
   "main": "dist/index.js",
@@ -11,8 +11,8 @@
     "libDev": "rollup --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts",
     "libBuild": "rollup --config ../../config/rollup.common.mjs --environment MODE:production,ENTRY:index.ts",
     "libWatch": "rollup --watch --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts,WATCH:true",
-    "libWatchDevExecution": "rollup --watch --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts,WATCH:true,DEV_SERVER_MODULE:execution",
-    "libWatchDevDashboards": "rollup --watch --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts,WATCH:true,DEV_SERVER_MODULE:dashboards"
+    "libWatchForExecution": "rollup --watch --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts,WATCH:true,DEV_SERVER_MODULE:execution",
+    "libWatchForDashboards": "rollup --watch --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts,WATCH:true,DEV_SERVER_MODULE:dashboards"
   },
   "devDependencies": {
     "@types/react": "^18.2.43",
@@ -29,9 +29,10 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "4051b6c157d00a1d8b6711120550f39e4557e716",
+  "gitHead": "0c34ed891f366be27e3fb8d291b6c7c9d90eb201",
   "dependencies": {
-    "@apia/execution": "^4.0.19",
-    "@apia/util": "^4.0.19"
+    "@apia/execution": "^4.0.24",
+    "@apia/theme": "^4.0.24",
+    "@apia/util": "^4.0.24"
   }
 }