@aj-shadow/actorjs-app 0.0.0-aj-beta.227 → 0.0.0-aj-beta.237

package/project/client/components/header/header-status-login.jsx

@@ -1,15 +1,35 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import LoginStore from '../../stores/login-store';
-import Popover from 'z-abs-complayer-bootstrap-client/client/popover';
-import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
-import React from 'react';
+import { LoginStore } from '../../stores/login-store';
+import * as CompLayerBootstrapClient from 'z-abs-complayer-bootstrap-client/client/popover';
+import * as CoreLayerClient from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import * as React from 'react';
 
 
-export default class HeaderStatusLogin extends ReactComponentStore {
+export class HeaderStatusLogin extends CoreLayerClient.ReactComponentStore {
+  static innerContent = `<div class="status_popup_help_outer_group">
+  <div class="status_popup_help_outer">
+    <div class="status_popup_help login_logged_in"></div>
+    <div class="status_popup_help_inner"><p class="status_popup_help_inner">Logged in</p></div>
+  </div>
+  <div class="status_popup_help_outer">
+    <div class="status_popup_help login_not_logged_in"></div>
+    <div class="status_popup_help_inner"><p class="status_popup_help_inner">Not logged in</p></div>
+  </div>
+  <div class="status_popup_help_outer">
+    <div class="status_popup_help login_offline"></div>
+    <div class="status_popup_help_inner"><p class="status_popup_help_inner">Offline</p></div>
+  </div>
+  <div class="status_popup_help_outer">
+    <div class="status_popup_help login_not_registered"></div>
+    <div class="status_popup_help_inner"><p class="status_popup_help_inner">Not registered</p></div>
+  </div>
+</div>
+`;
+  
   constructor(props) {
-    super(props, [LoginStore]);
+    super(props, [LoginStore.getInstance()]);
     this.verificationClasses = ['logged_in', 'not_logged_in', 'offline', 'not_registered'];
   }
   
@@ -20,28 +40,8 @@ export default class HeaderStatusLogin extends ReactComponentStore {
   renderColorMark(verify) {
     return (
       <div className={`status_popup login_${verify}`}>
-        <Popover placement="bottom" heading="Login" content="" innerContent={() => {
-          return `<div class="status_popup_help_outer_group">
-<div class="status_popup_help_outer">
-  <div class="status_popup_help login_logged_in"></div>
-  <div class="status_popup_help_inner"><p class="status_popup_help_inner">Logged in</p></div>
-</div>
-<div class="status_popup_help_outer">
-  <div class="status_popup_help login_not_logged_in"></div>
-  <div class="status_popup_help_inner"><p class="status_popup_help_inner">Not logged in</p></div>
-</div>
-<div class="status_popup_help_outer">
-  <div class="status_popup_help login_offline"></div>
-  <div class="status_popup_help_inner"><p class="status_popup_help_inner">Offline</p></div>
-</div>
-<div class="status_popup_help_outer">
-  <div class="status_popup_help login_not_registered"></div>
-  <div class="status_popup_help_inner"><p class="status_popup_help_inner">Not registered</p></div>
-</div>
-</div>
-`;
-        }} shortcut="" showDelay="0" hideDelay="1000" autoHideDelay="120000" style={{widht:'100%',height:'100%'}}>
-        </Popover>
+        <CompLayerBootstrapClient.Popover placement="bottom" heading="Login" content="" innerContent={HeaderStatusLogin.innerContent} shortcut="" showDelay="0" hideDelay="1000" autoHideDelay="120000" style={{widht:'100%',height:'100%'}}>
+        </CompLayerBootstrapClient.Popover>
       </div>
     );
   }

package/project/client/components/header/header-status-staging-environment.jsx

@@ -1,16 +1,35 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import LoginStore from '../../stores/login-store';
-import SystemUnderTestStore from '../../stores/system-under-test-store';
-import Popover from 'z-abs-complayer-bootstrap-client/client/popover';
-import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
-import React from 'react';
+import { LoginStore } from '../../stores/login-store';
+import { SystemUnderTestStore } from '../../stores/system-under-test-store';
+import * as CompLayerBootstrapClient from 'z-abs-complayer-bootstrap-client/client/popover';
+import * as CoreLayerClient from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import * as React from 'react';
 
 
-export default class HeaderStatusLogin extends ReactComponentStore {
+export class HeaderStatusStagingEnvironment extends CoreLayerClient.ReactComponentStore {
+  static innerContent = `<div class="status_popup_help_outer_group">
+  <div class="status_popup_help_outer">
+    <div class="status_popup_help stage_staged"></div>
+    <div class="status_popup_help_inner"><p class="status_popup_help_inner">Staged</p></div>
+  </div>
+  <div class="status_popup_help_outer">
+    <div class="status_popup_help stage_staged_to_localhost"></div>
+    <div class="status_popup_help_inner"><p class="status_popup_help_inner">Staged - localhost</p></div>
+  </div>
+  <div class="status_popup_help_outer">
+    <div class="status_popup_help stage_staged_not_current"></div>
+    <div class="status_popup_help_inner"><p class="status_popup_help_inner">Staged - not current SUT</p></div>
+  </div>
+  <div class="status_popup_help_outer">
+    <div class="status_popup_help stage_not_staged"></div>
+    <div class="status_popup_help_inner"><p class="status_popup_help_inner">Not staged</p></div>
+  </div>
+</div>
+`;
   constructor(props) {
-    super(props, [LoginStore, SystemUnderTestStore]);
+    super(props, [LoginStore.getInstance(), SystemUnderTestStore.getInstance()]);
   }
   
   shouldUpdate(nextProps, nextState) {
@@ -70,28 +89,8 @@ export default class HeaderStatusLogin extends ReactComponentStore {
   renderColorMark(verify) {
     return (
       <div className={`status_popup stage_${verify}`}>
-        <Popover placement="bottom" heading="Staging" content="" innerContent={() => {
-          return `<div class="status_popup_help_outer_group">
-<div class="status_popup_help_outer">
-  <div class="status_popup_help stage_staged"></div>
-  <div class="status_popup_help_inner"><p class="status_popup_help_inner">Staged</p></div>
-</div>
-<div class="status_popup_help_outer">
-  <div class="status_popup_help stage_staged_to_localhost"></div>
-  <div class="status_popup_help_inner"><p class="status_popup_help_inner">Staged - localhost</p></div>
-</div>
-<div class="status_popup_help_outer">
-  <div class="status_popup_help stage_staged_not_current"></div>
-  <div class="status_popup_help_inner"><p class="status_popup_help_inner">Staged - not current SUT</p></div>
-</div>
-<div class="status_popup_help_outer">
-  <div class="status_popup_help stage_not_staged"></div>
-  <div class="status_popup_help_inner"><p class="status_popup_help_inner">Not staged</p></div>
-</div>
-</div>
-`;
-        }} shortcut="" showDelay="0" hideDelay="1000" autoHideDelay="120000" style={{widht:'100%',height:'100%'}}>
-        </Popover>
+        <CompLayerBootstrapClient.Popover placement="bottom" heading="Staging" content="" innerContent={HeaderStatusStagingEnvironment.innerContent} shortcut="" showDelay="0" hideDelay="1000" autoHideDelay="120000" style={{widht:'100%',height:'100%'}}>
+        </CompLayerBootstrapClient.Popover>
       </div>
     );
   }

package/project/client/components/header/header.jsx

@@ -1,13 +1,13 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import HeaderIcon from './header_icon';
-import HeaderStatus from './header_status';
-import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
-import React from 'react';
+import { HeaderIcon } from './header_icon';
+import { HeaderStatus } from './header_status';
+import * as CoreLayerClient from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import * as React from 'react';
 
 
-export default class Header extends ReactComponentBase {
+export class Header extends CoreLayerClient.ReactComponentBase {
   constructor(props) {
     super(props);
   }

package/project/client/components/header/header_icon.jsx

@@ -1,14 +1,14 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import Image from 'z-abs-complayer-bootstrap-client/client/image';
-import Popover from 'z-abs-complayer-bootstrap-client/client/popover';
-import Link from 'z-abs-complayer-router-client/client/react-component/link';
-import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
-import React from 'react';
+import * as CompLayerBootstrapClient from 'z-abs-complayer-bootstrap-client/client/image';
+import * as CompLayerBootstrapClient1 from 'z-abs-complayer-bootstrap-client/client/popover';
+import * as CompLayerRouterClient from 'z-abs-complayer-router-client/client/react-component/link';
+import * as CoreLayerClient from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import * as React from 'react';
 
 
-export default class HeaderIcon extends ReactComponentBase {
+export class HeaderIcon extends CoreLayerClient.ReactComponentBase {
   constructor(props) {
     super(props);
   }
@@ -24,13 +24,13 @@ export default class HeaderIcon extends ReactComponentBase {
     };
     return (
       <div className="header_icon">
-        <Link href="/start" global>
+        <CompLayerRouterClient.Link href="/start" global>
           <div className={s}>
-            <Popover placement="bottom" heading="Goto" content="Home">
+            <CompLayerBootstrapClient.Popover placement="bottom" heading="Goto" content="Home">
               <img src="/abs-images/svg/ActorJs.svg" alt="ActorJs" width="204.6642668109053px" height="38px" />
-            </Popover>
+            </CompLayerBootstrapClient.Popover>
           </div>
-        </Link>
+        </CompLayerRouterClient.Link>
       </div>
     );
   }

package/project/client/components/header/header_status.jsx

@@ -1,16 +1,16 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import React from 'react';
-import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
-import HeaderStatusLogin from './header-status-login';
-import HeaderStatusStagingEnvironment from './header-status-staging-environment';
-import StatusEnvironmentActorJsTools from 'z-abs-complayer-toolversions-client/client/components/status-environment-actorjs-tools';
-import StatusEnvironmentDevelopment from 'z-abs-complayer-toolversions-client/client/components/status-environment-development';
-import StatusEnvironmentExternalTools from 'z-abs-complayer-toolversions-client/client/components/status-environment-external-tools';
+import { HeaderStatusLogin } from './header-status-login';
+import { HeaderStatusStagingEnvironment } from './header-status-staging-environment';
+import * as CompLayerToolVersionsClient from 'z-abs-complayer-toolversions-client/client/components/status-environment-actorjs-tools';
+import * as CompLayerToolVersionsClient1 from 'z-abs-complayer-toolversions-client/client/components/status-environment-development';
+import * as CompLayerToolVersionsClient2 from 'z-abs-complayer-toolversions-client/client/components/status-environment-external-tools';
+import * as CoreLayerClient from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import * as React from 'react';
 
 
-export default class HeaderStatus extends ReactComponentBase {
+export class HeaderStatus extends CoreLayerClient.ReactComponentBase {
   constructor(props) {
     super(props);
   }
@@ -24,9 +24,9 @@ export default class HeaderStatus extends ReactComponentBase {
       <div className="header_status">
         <HeaderStatusLogin />
         <HeaderStatusStagingEnvironment />
-        <StatusEnvironmentDevelopment />
-        <StatusEnvironmentExternalTools />
-        <StatusEnvironmentActorJsTools />
+        <CompLayerToolVersionsClient.StatusEnvironmentDevelopment />
+        <CompLayerToolVersionsClient.StatusEnvironmentExternalTools />
+        <CompLayerToolVersionsClient.StatusEnvironmentActorjsTools />
       </div>
     );
   }

package/project/client/components/middle/abbreviation/middle-abbreviation-toolbar.jsx

@@ -1,16 +1,16 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
 
-import React from 'react';
-import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
-import ButtonNew from 'z-abs-complayer-bootstrap-client/client/button-new';
-import AbbreviationStore from '../../../stores/abbreviation-store';
+import { AbbreviationStore } from '../../../stores/abbreviation-store';
+import * as CompLayerBootstrapClient from 'z-abs-complayer-bootstrap-client/client/button-new';
+import * as CoreLayerClient from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import * as React from 'react';
 
 
-export default class MiddleAbbreviationToolbar extends ReactComponentStore {
+export class MiddleAbbreviationToolbar extends CoreLayerClient.ReactComponentStore {
   constructor(props) {
-    super(props, [AbbreviationStore]);
+    super(props, [AbbreviationStore.getInstance()]);
     this.boundKeyDown = this._keyDown.bind(this);
     this.markupDisabledOpen = false;
     this.markupDisabledSave = true;
@@ -71,7 +71,7 @@ export default class MiddleAbbreviationToolbar extends ReactComponentStore {
   
   renderMarkupOpenButton() {
     return (
-      <ButtonNew placement="bottom" heading="Open" content="Markup" shortcut="Ctrl+O" disabled={this.state.AbbreviationStore.markup.definition}
+      <CompLayerBootstrapClient.CompLayerBootstrapClient.ButtonNew placement="bottom" heading="Open" content="Markup" shortcut="Ctrl+O" disabled={this.state.AbbreviationStore.markup.definition}
         onClick={(e) => {
           this._markupOpen();
         }}
@@ -81,7 +81,7 @@ export default class MiddleAbbreviationToolbar extends ReactComponentStore {
   
   renderMarkupSaveButton() {
     return (
-      <ButtonNew placement="bottom" heading="Save" content="Markup" shortcut="Ctrl+S" disabled={this.state.AbbreviationStore.markup.content === this.state.AbbreviationStore.markup.contentOriginal}
+      <CompLayerBootstrapClient.CompLayerBootstrapClient.ButtonNew placement="bottom" heading="Save" content="Markup" shortcut="Ctrl+S" disabled={this.state.AbbreviationStore.markup.content === this.state.AbbreviationStore.markup.contentOriginal}
         onClick={(e) => {
           this._markupSave();
         }}
@@ -91,7 +91,7 @@ export default class MiddleAbbreviationToolbar extends ReactComponentStore {
   
   renderMarkupHelpButton() {
     return (
-      <ButtonNew placement="bottom" heading="Help" content="Markup" shortcut="Ctrl+?" disabled={this.state.AbbreviationStore.markup.definition}
+      <CompLayerBootstrapClient.CompLayerBootstrapClient.ButtonNew placement="bottom" heading="Help" content="Markup" shortcut="Ctrl+?" disabled={this.state.AbbreviationStore.markup.definition}
         onClick={(e) => {
           this._markupHelp();
         }}
@@ -101,7 +101,7 @@ export default class MiddleAbbreviationToolbar extends ReactComponentStore {
   
   renderMarkupCancelButton() {
     return (
-      <ButtonNew placement="bottom" heading="Cancel" content="Markup" shortcut="Ctrl+Shift+C" disabled={!this.state.AbbreviationStore.markup.definition}
+      <CompLayerBootstrapClient.CompLayerBootstrapClient.ButtonNew placement="bottom" heading="Cancel" content="Markup" shortcut="Ctrl+Shift+C" disabled={!this.state.AbbreviationStore.markup.definition}
         onClick={(e) => {
           this._markupCancel();
         }}

package/project/client/components/middle/abbreviation/middle-abbreviation.jsx

@@ -1,12 +1,12 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import MiddleAbbreviationToolbar from './middle-abbreviation-toolbar';
-import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
-import React from 'react';
+import { MiddleAbbreviationToolbar } from './middle-abbreviation-toolbar';
+import * as CoreLayerClient from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import * as React from 'react';
 
 
-export default class MiddleAbbreviation extends ReactComponentBase {
+export class MiddleAbbreviation extends CoreLayerClient.ReactComponentBase {
   constructor(props) {
     super(props);
     this.setTitle(() => {

package/project/client/components/middle/actor-editor/middle-actor-editor-sidebar.jsx

@@ -1,21 +1,21 @@
 
-'use strict';
+// SPDX-License-Identifier: MIT; Copyright (c) 2026 Hagnell Konsulting AB
 
-import ActorEditorStore from '../../../stores/actor-editor-store';
+import { ActorEditorStore } from '../../../stores/actor-editor-store';
 import { ActionActorEditorFileGet } from '../../../actions/action-actor-editor/action-actor-editor-file';
 import { ActionActorEditorFolderGet } from '../../../actions/action-actor-editor/action-actor-editor-folder';
 import { ActionActorEditorProjectToggle } from '../../../actions/action-actor-editor/action-actor-editor-project';
-import FileIcons from 'z-abs-complayer-bootstrap-client/client/icons/file-icons';
-import FolderIcons from 'z-abs-complayer-bootstrap-client/client/icons/folder-icons';
-import Tree from 'z-abs-complayer-tree-client/client/react-components/tree';
-import {RouterContext} from 'z-abs-complayer-router-client/client/react-component/router-context';
-import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
-import React from 'react';
+import * as CompLayerBootstrapClient from 'z-abs-complayer-bootstrap-client/client/icons/file-icons';
+import * as CompLayerBootstrapClient1 from 'z-abs-complayer-bootstrap-client/client/icons/folder-icons';
+import * as CompLayerTreeClient from 'z-abs-complayer-tree-client/client/react-components/tree';
+import * as CompLayerRouterClient from 'z-abs-complayer-router-client/client/react-component/router-context';
+import * as CoreLayerClient from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import * as React from 'react';
 
 
-export default class MiddleActorEditorSidebar extends ReactComponentStore {
+export class MiddleActorEditorSidebar extends CoreLayerClient.ReactComponentStore {
   constructor(props) {
-    super(props, [ActorEditorStore]);
+    super(props, [ActorEditorStore.getInstance()]);
     this.boundMouseUp = this._boundMouseUp.bind(this);
     this.boundMouseMove = this._boundMouseMove.bind(this);
     this.sidebarNode = null;
@@ -58,26 +58,26 @@ export default class MiddleActorEditorSidebar extends ReactComponentStore {
         <div className={this.theme(darkMode, "panel-default", "panel")} style={stylePanel}>
           <div className={this.theme(darkMode, "panel_body_sidebar")}>
             <div id="actor_editor_tree_root">
-              <Tree key={this.state.ActorEditorStore.projectLocal.projectId} name={'local'} id="actor_editor_tree_code_local" project={this.state.ActorEditorStore.projectLocal} current={this.state.ActorEditorStore.current} folderIcons={FolderIcons} fileIcons={FileIcons} darkMode={this.state.ActorEditorStore.persistentData.darkMode}
+              <CompLayerTreeClient.Tree key={this.state.ActorEditorStore.projectLocal.projectId} name={'local'} id="actor_editor_tree_code_local" project={this.state.ActorEditorStore.projectLocal} current={this.state.ActorEditorStore.current} folderIcons={CompLayerBootstrapClient.FolderIcons.instance} fileIcons={CompLayerBootstrapClient.FileIcons.instance} darkMode={this.state.ActorEditorStore.persistentData.darkMode}
                 onClickFile={(key, title, path, type) => {
-                  this.dispatch(ActorEditorStore, new ActionActorEditorFileGet(this.state.ActorEditorStore.projectLocal.projectId, key, title, path, type));
+                  this.dispatch(ActorEditorStore.getInstance(), new ActionActorEditorFileGet(this.state.ActorEditorStore.projectLocal.projectId, key, title, path, type));
                 }}
                 onClickFolder={(key, title, data) => {
-                  this.dispatch(ActorEditorStore, new ActionActorEditorFolderGet(this.state.ActorEditorStore.projectLocal.projectId, key, title, data));
+                  this.dispatch(ActorEditorStore.getInstance(), new ActionActorEditorFolderGet(this.state.ActorEditorStore.projectLocal.projectId, key, title, data));
                 }}
                 onToggleFolder={(key, expanded) => {
-                  this.dispatch(ActorEditorStore, new ActionActorEditorProjectToggle(this.state.ActorEditorStore.projectLocal.projectId, key, expanded));
+                  this.dispatch(ActorEditorStore.getInstance(), new ActionActorEditorProjectToggle(this.state.ActorEditorStore.projectLocal.projectId, key, expanded));
                 }}
               />
-              <Tree key={this.state.ActorEditorStore.projectGlobal.projectId} name={'global'} id="actor_editor_tree_code_global" project={this.state.ActorEditorStore.projectGlobal} current={this.state.ActorEditorStore.current} folderIcons={FolderIcons} fileIcons={FileIcons} darkMode={this.state.ActorEditorStore.persistentData.darkMode}
+              <CompLayerTreeClient.Tree key={this.state.ActorEditorStore.projectGlobal.projectId} name={'global'} id="actor_editor_tree_code_global" project={this.state.ActorEditorStore.projectGlobal} current={this.state.ActorEditorStore.current} folderIcons={CompLayerBootstrapClient.FolderIcons.instance} fileIcons={CompLayerBootstrapClient.FileIcons.instance} darkMode={this.state.ActorEditorStore.persistentData.darkMode}
                 onClickFile={(key, title, path, type) => {
-                  this.dispatch(ActorEditorStore, new ActionActorEditorFileGet(this.state.ActorEditorStore.projectGlobal.projectId, key, title, path, type));
+                  this.dispatch(ActorEditorStore.getInstance(), new ActionActorEditorFileGet(this.state.ActorEditorStore.projectGlobal.projectId, key, title, path, type));
                 }}
                 onClickFolder={(key, title, data) => {
-                  this.dispatch(ActorEditorStore, new ActionActorEditorFolderGet(this.state.ActorEditorStore.projectGlobal.projectId, key, title, data));
+                  this.dispatch(ActorEditorStore.getInstance(), new ActionActorEditorFolderGet(this.state.ActorEditorStore.projectGlobal.projectId, key, title, data));
                 }}
                 onToggleFolder={(key, expanded) => {
-                  this.dispatch(ActorEditorStore, new ActionActorEditorProjectToggle(this.state.ActorEditorStore.projectGlobal.projectId, key, expanded));
+                  this.dispatch(ActorEditorStore.getInstance(), new ActionActorEditorProjectToggle(this.state.ActorEditorStore.projectGlobal.projectId, key, expanded));
                 }}
               />
             </div>
@@ -98,4 +98,4 @@ export default class MiddleActorEditorSidebar extends ReactComponentStore {
 }
 
 
-MiddleActorEditorSidebar.contextType = RouterContext;
+MiddleActorEditorSidebar.contextType = CompLayerRouterClient.RouterContext;