fcs-core-viewer 0.30.0 → 0.32.1

package/README.md

@@ -1,6 +1,6 @@
-# fcs-viewer-api
+# Viewer3D/Editor3D Packages
 
-This package provides TypeScript declaration files for the Femsolve Cloud Services 3D viewer.
+This package provides TypeScript declaration files for the Femsolve Cloud Services 3D Viewer/Editor.
 
 ## Installation
 
@@ -11,18 +11,35 @@ npm install fcs-core-viewer
 
 ## Development Environment
 There are different build configurations depending on what type of product derivative we want to build.
-1. Viewer3D Debug Build - 
-This version's entry point is under the `Viewer3D/Viewer3DAPI.ts` file. The NPM command will build with webpack the `fcs-viewer-3d.min.js` bundle with debug symbols available.
+
+1. Viewer3D Build Configurations 
+This version's entry point is under the `Viewer3D/Viewer3DAPI.ts` file. The NPM command will build with webpack the `fcs-viewer-3d.min.js` bundle.
+
+Debug build:
+```
+npm run build:vdev
 ```
-npm run build:dev
+Release build: 
 ```
-2. Viewer3D Release Build 
-Same as 1) but this will not contain debug symbols and will be obfuscated.
+npm run build:vprod
 ```
-npm run build
+Local hot-reload debug build:
 ```
-3. Editor3D Debug Build
+npm run vserver
+```
+
+2. Editor3D Debug Build
 The entry point is set at `Editor3D/Editor3DAPI.ts` and this compiles the completely fused source code of the Viewer3D and Editor3D. 
+
+Debug build:
+```
+npm run build:edev
+```
+Release build: 
+```
+npm run build:eprod
 ```
-npm run server
+Local hot-reload debug build:
 ```
+npm run eserver
+```

package/fcs-core-editor@types/Editor3D/Editor3DAPI.d.ts

@@ -1,3 +1,4 @@
 export * from './Wrapper/Editor3D';
 export * from "./Operations/Index";
+export * from './UserInterface/Index';
 export * from "./../Viewer3D/Viewer3DAPI";

package/fcs-core-editor@types/Editor3D/Network/{BackendEvents.d.ts → SocketCommandsGateway.d.ts}

@@ -24,7 +24,7 @@ export interface IBackendEvents {
  * changes can take affect in the model file. Once successful, it is returned
  * back with sockets.
  */
-export declare class BackendEvents implements IBackendEvents {
+export declare class SocketCommandsGateway implements IBackendEvents {
     licenseToken: string;
     sceneWrapper: SceneWrapper;
     treeView: TreeView;
@@ -64,6 +64,7 @@ export declare class BackendEvents implements IBackendEvents {
         set_color_by_quality: any;
         clear_model: any;
         set_element_types: any;
+        modify_mesh: any;
         commit_to_document: any;
         remove_from_model: any;
         add_container: any;
@@ -95,8 +96,8 @@ export declare class BackendEvents implements IBackendEvents {
      * Singleton methods
      */
     private static _instance;
-    static getBackendEvents(): BackendEvents;
-    static constructBackendEvents(licenseToken: string, sceneWrapper: SceneWrapper, treeView: TreeView): BackendEvents;
+    static getBackendEvents(): SocketCommandsGateway;
+    static constructBackendEvents(licenseToken: string, sceneWrapper: SceneWrapper, treeView: TreeView): SocketCommandsGateway;
     /**
      * Constructor.
      */
@@ -189,6 +190,11 @@ export declare class BackendEvents implements IBackendEvents {
      * @param instructions
      */
     set_element_types(instructions: BackendInstructions): Promise<CommandExecutionResponse>;
+    /**
+     * This websocket call shall only be used if the
+     * @param instructions
+     */
+    modify_mesh(instructions: BackendInstructions): Promise<CommandExecutionResponse>;
     /**
      * Saves the currently active model's path, it will mark it as saveable.
      * ToDo: For any other changes that were not committed to, we will need to

package/fcs-core-editor@types/Editor3D/Operations/CAE/CreationTools_2D/MeshFace.d.ts

@@ -2,6 +2,7 @@ import * as THREE from "../../../../Viewer3D/three/build/three.module";
 import { EdgeSeed } from "../../../../Viewer3D/DataStorage/ModelData/Utilities/EdgeSeed";
 export declare class MeshFace {
     data: {};
+    meshName: string;
     faceUIDs: number[];
     elementSize: number;
     elementOrder: number;

package/fcs-core-editor@types/Editor3D/Operations/CAE/CreationTools_3D/VolumeMesh.d.ts

@@ -1,4 +1,5 @@
 export declare class Generate3DMeshFromBoundary {
+    meshName: string;
     elementUIDs: number[];
     elementSize: number;
     elementOrder: number;

package/fcs-core-editor@types/Editor3D/Operations/Common/Core/Paste.d.ts

@@ -7,5 +7,5 @@ export declare class Paste {
     selectionData: SelectionData;
     treeStructure: TreeStructure;
     constructor();
-    perform(operation: PasteOption, source_shapeUIDs: number[], target_itemUID: number, selectedShapeType?: ModelData.dataTypes): Promise<void>;
+    perform(operation: PasteOption, shapeUIDs: number[], itemUID: number, selectedShapeType?: ModelData.dataTypes): Promise<void>;
 }

package/fcs-core-editor@types/Editor3D/UserInterface/Index.d.ts

@@ -0,0 +1,5 @@
+import * as ToolboxBuilder from './UIComponents/MainMenu/Toolboxes/ToolboxBuilder';
+declare const EditorUserInterface: {
+    ToolboxBuilder: typeof ToolboxBuilder.ToolboxBuilder;
+};
+export { EditorUserInterface };

package/fcs-core-editor@types/Editor3D/Wrapper/Editor3DWrapper.d.ts

@@ -1,12 +1,12 @@
 import { StyleSettings } from '../../Viewer3D/Wrapper/Settings/StyleSettings';
 import { Viewer3DWrapper } from '../../Viewer3D/Wrapper/Viewer3DWrapper';
-import { BackendEvents } from '../Network/BackendEvents';
+import { SocketCommandsGateway } from '../Network/SocketCommandsGateway';
 /**
  * Main wrapper for 3D editor.
  */
 export declare class Editor3DWrapper extends Viewer3DWrapper {
     licenseToken: string;
-    BackendEvents: BackendEvents;
+    BackendEvents: SocketCommandsGateway;
     /**
      * Constructor.
      * @param htmlElement The canvas element that will host the viewer.

package/fcs-core-editor@types/Viewer3D/Common/Diagnostics/StatusBar.d.ts

@@ -30,6 +30,7 @@ export declare class StatusBar {
     private static _instance;
     private readonly element;
     private readonly statusBarSection;
+    isStatusBarOk: boolean;
     /**
      * HTML Elements
      */

package/fcs-core-editor@types/Viewer3D/DataStorage/SelectionData.d.ts

@@ -1,7 +1,7 @@
-import { EntityButton } from "../UserInterface/UIComponents/BuildingBlocks/OperationPanelComponents/EntityButton";
-import { ModelData } from "./ModelData/Index";
-import { Button } from "../UserInterface/UIComponents/BuildingBlocks/OperationPanelComponents/Button";
-import { File } from "./ModelData/Items/Files/File";
+import { Button } from '../UserInterface/UIComponents/BuildingBlocks/OperationPanelComponents/Button';
+import { EntityButton } from '../UserInterface/UIComponents/BuildingBlocks/OperationPanelComponents/EntityButton';
+import { ModelData } from './ModelData/Index';
+import { File } from './ModelData/Items/Files/File';
 type Color = {
     r: number;
     g: number;
@@ -56,7 +56,7 @@ export declare class SelectionData {
      */
     addEntitySlot(activeButton: EntityButton): void;
     countSelectedEntities(): number;
-    outputToStatusbar(text: string): void;
     getDataFromSelected(): {};
+    outputToStatusbar(text: string): void;
 }
 export {};

package/fcs-core-editor@types/Viewer3D/Loader/Loader.d.ts

@@ -1,6 +1,6 @@
-import { TreeView } from "../UserInterface/UIComponents/TreeView/TreeView";
-import { StatusBar } from "../Common/Diagnostics/StatusBar";
-import { SceneWrapper } from "../Wrapper/SceneWrapper";
+import { TreeView } from '../UserInterface/UIComponents/TreeView/TreeView';
+import { SceneWrapper } from '../Wrapper/SceneWrapper';
+import { StatusBar } from '../Common/Diagnostics/StatusBar';
 export declare class Loader {
     name: any;
     stlPath: any;

package/fcs-core-editor@types/Viewer3D/Loader/MESHLoader/Index.d.ts

@@ -1,7 +1,7 @@
 import * as mshpReader from './mshpReader';
-import * as payloadReader from './payloadReader';
+import * as payloadReader from './MeshDeltaReader';
 declare const Response_MeshLoader: {
-    PayloadReader: typeof payloadReader.PayloadReader;
+    MeshDeltaReader: typeof payloadReader.MeshDeltaReader;
     mshpReader: typeof mshpReader.mshpReader;
 };
 export { Response_MeshLoader };

package/fcs-core-editor@types/Viewer3D/Loader/MESHLoader/{payloadReader.d.ts → MeshDeltaReader.d.ts}

@@ -1,6 +1,6 @@
 import * as THREE from "../../three/build/three.module";
 import { ModelData } from "../../DataStorage/ModelData/Index";
-export declare class PayloadReader {
+export declare class MeshDeltaReader {
     /**
      * The Node and Element ID offsets are introduced to have
      * truly unique IDs as the underlying mesh engine does not
@@ -28,9 +28,10 @@ export declare class PayloadReader {
     nodeOctree: InstanceType<typeof ModelData.OctreeDataStructure.NodeOctree>;
     constructor();
     perform(itemName: string, parentUID: number, data: {
-        existingNodes: {};
-        addedNodes: {};
-        elements: {};
+        existingNodes: number[];
+        addedNodes: number[];
+        elements: number[];
+        connectivity: number[][];
     }): Promise<string>;
     private createShape;
     private createItem;

package/fcs-core-editor@types/Viewer3D/UI/Dock.d.ts

@@ -0,0 +1,36 @@
+import { MapStore } from 'nanostores';
+export declare enum DockButton {
+    PUSH_BUTTON = "push_button",
+    MODAL_BUTTON = "modal_button",
+    COLLAPSIBLE_BUTTON = "collapsible_button"
+}
+type BaseDockItem = {
+    icon: string;
+    isVisible: boolean;
+};
+export type PushButtonItem = BaseDockItem & {
+    type: DockButton.PUSH_BUTTON;
+    action: () => void;
+};
+export type ModalButtonItem = BaseDockItem & {
+    type: DockButton.MODAL_BUTTON;
+    message: string;
+};
+export type CollapsibleButtonItem = BaseDockItem & {
+    type: DockButton.COLLAPSIBLE_BUTTON;
+    children: Omit<PushButtonItem, 'isVisible'>[] | Omit<ModalButtonItem, 'isVisible'>[];
+};
+type DockItem = PushButtonItem | ModalButtonItem | CollapsibleButtonItem;
+export type DockItems = {
+    [key: string]: DockItem;
+};
+declare class BDock {
+    #private;
+    constructor();
+    get dockItems(): DockItems;
+    addDockItem(dockItemName: string, item: DockItems[string]): void;
+    setButtonVisibility(dockItem: string, isVisible: boolean): void;
+    get modalStore(): MapStore<any>;
+}
+export declare const Dock: BDock;
+export {};

package/fcs-core-editor@types/Viewer3D/UI/Index.d.ts

@@ -0,0 +1,2 @@
+import './MainDock';
+export * from './Dock';

package/fcs-core-editor@types/Viewer3D/UI/MainDock.d.ts

@@ -0,0 +1 @@
+export {};

package/fcs-core-editor@types/Viewer3D/UserInterface/EventListeners/EventListeners.d.ts

@@ -1,8 +1,8 @@
 import * as THREE from '../../../Viewer3D/three/build/three.module';
-import { SceneWrapper } from '../../../Viewer3D/Wrapper/SceneWrapper';
+import { SelectionData } from '../../../Viewer3D/DataStorage/SelectionData';
 import { ValidateOnSelection } from '../../../Viewer3D/SelectionTools/SelectionValidation/ValidateOnSelection';
+import { SceneWrapper } from '../../../Viewer3D/Wrapper/SceneWrapper';
 import { TreeCore } from '../../Tree/TreeCore';
-import { SelectionData } from '../../../Viewer3D/DataStorage/SelectionData';
 import { ViewerUIComponents } from '../ViewerUIComponents';
 export declare class EventListeners {
     sceneWrapper: SceneWrapper;

package/fcs-core-editor@types/Viewer3D/UserInterface/UIComponents/BuildingBlocks/OperationPanelComponents/EntityButton.d.ts

@@ -1,7 +1,7 @@
 import * as THREE from '../../../../three/build/three.module';
-import { IViewerHtmlElement } from "../MainMenuComponents/HtmlElementInterface";
-import { Button } from "./Button";
 import { ModelData } from '../../../../DataStorage/ModelData/Index';
+import { IViewerHtmlElement } from '../MainMenuComponents/HtmlElementInterface';
+import { Button } from './Button';
 export type EntityDropDownMenuType = {
     id?: number;
     title?: string;

package/fcs-core-editor@types/Viewer3D/UserInterface/UIComponents/BuildingBlocks/OperationPanelComponents/FileBrowser.d.ts

@@ -14,6 +14,7 @@ export declare class FileBrowser implements IViewerHtmlElement {
     private spanElement;
     private file;
     constructor(config: FileBrowserConfig);
+    private onChange;
     private initializeInput;
     private initializeLabel;
     private createSVG;

package/fcs-core-editor@types/Viewer3D/Viewer3DAPI.d.ts

@@ -3,10 +3,11 @@
  * that leverage the FCS Cloud Viewer and Editor.
  */
 export * from './Common/Foundations/Index';
+export * from './DataStorage/Index';
 export * from './ViewerEntities/Index';
 export * from './Wrapper/Settings/Index';
-export * from './DataStorage/Index';
-export * from './Wrapper/Index';
 export * from './Common/Index';
 export * from './Loader/Index';
+export * from './UI/Index';
 export * from './ViewerCommands/Index';
+export * from './Wrapper/Index';

package/fcs-core-editor@types/Viewer3D/ViewerCommands/CAE/CreationTools_0D_1D/Index.d.ts

@@ -1,5 +1,2 @@
-import * as CreateNodeByXYZ from "./CreateNodeByXYZ";
-declare const Response_CAE_CreationTools_0D_1D: {
-    CreateNodeByXYZ: typeof CreateNodeByXYZ.CreateNodeByXYZ;
-};
+declare const Response_CAE_CreationTools_0D_1D: {};
 export { Response_CAE_CreationTools_0D_1D };

package/fcs-core-editor@types/Viewer3D/ViewerCommands/CAE/CreationTools_2D/ManualElementCreation.d.ts

@@ -1,8 +1,9 @@
 export declare class ManualElementCreation {
     constructor();
     process(itemName: string, parentUID: number, data: {
-        existingNodes: {};
-        addedNodes: {};
-        elements: {};
+        existingNodes: number[];
+        addedNodes: number[];
+        elements: number[];
+        connectivity: number[][];
     }): Promise<void>;
 }

package/fcs-core-editor@types/Viewer3D/ViewerCommands/Common/Core/Index.d.ts

@@ -5,7 +5,6 @@ import * as AddItem from './AddItem';
 declare const CommonCoreCommands: {
     AddItem: typeof AddItem.AddItem;
     PasteOption: typeof Paste.PasteOption;
-    Paste: typeof Paste.Paste;
     Assign: typeof Assign.Assign;
     Delete: typeof Delete.Delete;
 };

package/fcs-core-editor@types/Viewer3D/ViewerCommands/Common/Core/Paste.d.ts

@@ -1,22 +1,6 @@
-import { SelectionData } from "../../../DataStorage/SelectionData";
-import { TreeStructure } from "../../../Tree/TreeStructure";
-import { TreeCore } from "../../../Tree/TreeCore";
-import { EntityButton } from "../../../UserInterface/UIComponents/BuildingBlocks/OperationPanelComponents/EntityButton";
-import { ViewerUIComponents } from "../../../UserInterface/ViewerUIComponents";
 export declare enum PasteOption {
     cutItem = 0,
     copyItem = 1,
     cutShape = 2,
     copyShape = 3
 }
-export declare class Paste {
-    selectionData: SelectionData;
-    treeStructure: TreeStructure;
-    treeCore: TreeCore;
-    uiComponents: ViewerUIComponents;
-    selected: {};
-    components: {};
-    activeButton: EntityButton;
-    constructor();
-    process(data: {}): Promise<void>;
-}

package/fcs-core-editor@types/Viewer3D/ViewerCommands/Index.d.ts

@@ -9,7 +9,6 @@ declare const ViewerCommands: {
     CommonCoreCommands: {
         AddItem: typeof import("./Common/Core/AddItem").AddItem;
         PasteOption: typeof import("./Common/Core/Paste").PasteOption;
-        Paste: typeof import("./Common/Core/Paste").Paste;
         Assign: typeof import("./Common/Core/Assign").Assign;
         Delete: typeof import("./Common/Core/Delete").Delete;
     };

package/fcs-core-editor@types/Viewer3D/ViewerCommands/ModelTree/TreeViewEventHandler.d.ts

@@ -1,10 +1,10 @@
 import * as THREE from '../../../Viewer3D/three/build/three.module';
-import { SceneWrapper } from "../../../Viewer3D/Wrapper/SceneWrapper";
-import { MeshWrapper } from "../../../Viewer3D/Wrapper/MeshWrapper";
-import { TreeStructure } from "../../Tree/TreeStructure";
-import { TreeCore } from "../../Tree/TreeCore";
-import { SelectionData } from "../../../Viewer3D/DataStorage/SelectionData";
+import { MeshWrapper } from '../../../Viewer3D/Wrapper/MeshWrapper';
+import { SceneWrapper } from '../../../Viewer3D/Wrapper/SceneWrapper';
+import { SelectionData } from '../../../Viewer3D/DataStorage/SelectionData';
 import { TreeView } from '../../../Viewer3D/UserInterface/UIComponents/TreeView/TreeView';
+import { TreeCore } from '../../Tree/TreeCore';
+import { TreeStructure } from '../../Tree/TreeStructure';
 import { EntityButton } from '../../UserInterface/UIComponents/BuildingBlocks/OperationPanelComponents/EntityButton';
 import { ModelContextMenu } from '../../UserInterface/UIComponents/Model/Model';
 export declare class TreeViewEventHandler {

package/fcs-core-editor@types/Viewer3D/ViewerCommands/Query/Find.d.ts

@@ -1,8 +1,8 @@
-import { SceneWrapper } from '../../Wrapper/SceneWrapper';
-import { MeshWrapper } from '../../Wrapper/MeshWrapper';
+import { SelectionData } from '../../DataStorage/SelectionData';
 import { ValidateOnSelection } from '../../SelectionTools/SelectionValidation/ValidateOnSelection';
 import { TreeView } from '../../UserInterface/UIComponents/TreeView/TreeView';
-import { SelectionData } from '../../DataStorage/SelectionData';
+import { MeshWrapper } from '../../Wrapper/MeshWrapper';
+import { SceneWrapper } from '../../Wrapper/SceneWrapper';
 /**
  * Find
  */

package/fcs-core-editor@types/Viewer3D/ViewerCommands/Visualization/ColorMode.d.ts

@@ -1,4 +1,4 @@
-import * as THREE from "../../three/build/three.module";
+import * as THREE from '../../three/build/three.module';
 export declare enum MeshColorMode {
     byModel = 1,
     byQuality = 2,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "fcs-core-viewer",
-    "version": "0.30.0",
+    "version": "0.32.1",
     "description": "3D Viewer in the Cloud",
     "author": {
         "name": "Femsolve Kft."
@@ -19,6 +19,9 @@
     },
     "license": "ISC",
     "devDependencies": {
+        "@tailwindcss/postcss": "^4.0.16",
+        "@types/alpinejs__collapse": "^3.13.4",
+        "@types/alpinejs__focus": "^3.13.4",
         "@types/uuid": "^9.0.2",
         "copy-webpack-plugin": "^11.0.0",
         "css-loader": "^6.7.3",
@@ -27,8 +30,10 @@
         "javascript-obfuscator": "^4.1.0",
         "mini-css-extract-plugin": "^2.7.5",
         "null-loader": "^4.0.1",
+        "postcss": "^8.5.3",
+        "postcss-loader": "^8.1.1",
         "style-loader": "^3.3.2",
-        "tailwindcss": "^3.4.1",
+        "tailwindcss": "^4.0.16",
         "ts-loader": "^9.4.2",
         "typescript": "^4.9.5",
         "webpack": "^5.89.0",
@@ -37,9 +42,13 @@
         "webpack-obfuscator": "^3.5.1"
     },
     "dependencies": {
+        "@alpinejs/collapse": "^3.14.9",
+        "@alpinejs/focus": "^3.14.9",
+        "alpinejs": "^3.14.9",
         "axios": "^1.5.1",
         "dom-to-image": "^2.6.0",
         "fcs-core-viewer": "^0.12.5",
+        "nanostores": "^0.11.4",
         "socket.io-client": "^4.7.2",
         "uuid": "^9.0.1"
     }

package/fcs-core-editor@types/Editor3D/Operations/CAE/CreationTools_0D_1D/CreateNodeByXYZ.d.ts

@@ -1,4 +0,0 @@
-export declare class CreateNodeByXYZ {
-    constructor();
-    perform(data: {}): Promise<void>;
-}

package/fcs-core-editor@types/Editor3D/Operations/CAE/CreationTools_0D_1D/CreateRigidCoupling.d.ts

@@ -1,15 +0,0 @@
-import { ElementData } from "../../../../Viewer3D/DataStorage/ModelData/Elements/ElementTypes/ElementTypes";
-export declare class CreateDistributingCoupling {
-    id: number;
-    Modes: {
-        CalcMasterNode: number;
-        SelectMasterNode: number;
-    };
-    shape1UIDs: number[];
-    shape2UIDs: number[];
-    weight: number;
-    solverProfile: ElementData.Solvers;
-    elementType: ElementData.ElementTypes;
-    constructor(data: {});
-    perform(): Promise<boolean>;
-}

package/fcs-core-editor@types/Viewer3D/ViewerCommands/CAE/CreationTools_0D_1D/CreateNodeByXYZ.d.ts

@@ -1,8 +0,0 @@
-export declare class CreateNodeByXYZ {
-    constructor();
-    process(itemName: string, parentUID: number, data: {
-        existingNodes: {};
-        addedNodes: {};
-        elements: {};
-    }): Promise<void>;
-}