@threekit-tools/treble 0.0.90-next-09 → 0.0.91

package/dist/hooks/useRoomBuilder/constants.d.ts

@@ -0,0 +1,41 @@
+export declare enum IWallAttributes {
+    START_X = "Start X",
+    START_Z = "Start Z",
+    END_X = "End X",
+    END_Z = "End Z",
+    HEIGHT = "Height",
+    THICKNESS = "Thickness",
+    CONNECTIONS = "Connections"
+}
+export declare enum IFeatureAttribute {
+    POSITION_X = "Start X",
+    POSITION_Y = "Start Y",
+    POSITION_Z = "Start Z",
+    HEIGHT = "Height",
+    LENGTH = "Length",
+    CONNECTED_TO = "Connected To"
+}
+export declare const SCALE = 0.02;
+export declare const SNAP_PROXIMITY = 10;
+export declare const MIN_WALL_LENGTH = 50;
+export declare const WALL_PADDING_FOR_FEATURE = 20;
+export declare const UNIT_LABELS: {
+    feet: string;
+    meter: string;
+    inch: string;
+    cm: string;
+};
+export declare const UNIT_FACTORS: {
+    cm: number;
+    meter: number;
+    feet: number;
+    inch: number;
+};
+export declare const FEATURE_LABELS: {
+    windows: string;
+    doors: string;
+    openings: string;
+};
+export declare const FEATURE_LENGTH = 120;
+export declare const UI_ANCHOR_DISTANCE = -60;
+export declare const WALL_SNAP_DISTANCE = 12;

package/dist/hooks/useRoomBuilder/constants.js

@@ -0,0 +1,48 @@
+"use strict";
+var _a, _b, _c;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WALL_SNAP_DISTANCE = exports.UI_ANCHOR_DISTANCE = exports.FEATURE_LENGTH = exports.FEATURE_LABELS = exports.UNIT_FACTORS = exports.UNIT_LABELS = exports.WALL_PADDING_FOR_FEATURE = exports.MIN_WALL_LENGTH = exports.SNAP_PROXIMITY = exports.SCALE = exports.IFeatureAttribute = exports.IWallAttributes = void 0;
+var types_1 = require("./types");
+var IWallAttributes;
+(function (IWallAttributes) {
+    IWallAttributes["START_X"] = "Start X";
+    IWallAttributes["START_Z"] = "Start Z";
+    IWallAttributes["END_X"] = "End X";
+    IWallAttributes["END_Z"] = "End Z";
+    IWallAttributes["HEIGHT"] = "Height";
+    IWallAttributes["THICKNESS"] = "Thickness";
+    IWallAttributes["CONNECTIONS"] = "Connections";
+})(IWallAttributes = exports.IWallAttributes || (exports.IWallAttributes = {}));
+var IFeatureAttribute;
+(function (IFeatureAttribute) {
+    IFeatureAttribute["POSITION_X"] = "Start X";
+    IFeatureAttribute["POSITION_Y"] = "Start Y";
+    IFeatureAttribute["POSITION_Z"] = "Start Z";
+    IFeatureAttribute["HEIGHT"] = "Height";
+    IFeatureAttribute["LENGTH"] = "Length";
+    IFeatureAttribute["CONNECTED_TO"] = "Connected To";
+})(IFeatureAttribute = exports.IFeatureAttribute || (exports.IFeatureAttribute = {}));
+exports.SCALE = 0.02;
+exports.SNAP_PROXIMITY = 10;
+exports.MIN_WALL_LENGTH = 50;
+exports.WALL_PADDING_FOR_FEATURE = 20;
+exports.UNIT_LABELS = (_a = {},
+    _a[types_1.IUnits.FEET] = 'ft',
+    _a[types_1.IUnits.METER] = 'm',
+    _a[types_1.IUnits.INCH] = 'in',
+    _a[types_1.IUnits.CM] = 'cm',
+    _a);
+exports.UNIT_FACTORS = (_b = {},
+    _b[types_1.IUnits.CM] = 100,
+    _b[types_1.IUnits.METER] = 1,
+    _b[types_1.IUnits.FEET] = 3.28084,
+    _b[types_1.IUnits.INCH] = 39.37,
+    _b);
+exports.FEATURE_LABELS = (_c = {},
+    _c[types_1.IElements.WINDOW] = 'Window',
+    _c[types_1.IElements.DOOR] = 'Door',
+    _c[types_1.IElements.OPENING] = 'Opening',
+    _c);
+exports.FEATURE_LENGTH = 120;
+exports.UI_ANCHOR_DISTANCE = -60;
+exports.WALL_SNAP_DISTANCE = 12;

package/dist/hooks/{useSpaces → useRoomBuilder}/dataHandlers.d.ts

@@ -1,14 +1,12 @@
-import type { IWalls, ISpacesStateProps, IVerticesState, IFeatures, IWallsValidationConfig, IAttributeDefaults } from './types';
+import type { IWalls, IRoomBuilderStateProps, IVerticesState, IFeatures } from './types';
 import { IUnits } from './types';
 import type { IConfiguration, IHydratedAttribute } from '../../types';
-export declare function prepAttributesIncoming(attributes: Record<string, IHydratedAttribute>, config: ISpacesStateProps): {
-    validationConfig: IWallsValidationConfig;
-    features: {};
+export declare function prepAttributesIncoming(attributes: Record<string, IHydratedAttribute>, config: IRoomBuilderStateProps): {
+    features: IFeatures;
     walls: IWalls;
     vertex: IVerticesState;
 };
-export declare function getAttributeDefaults(attributes: Record<string, IHydratedAttribute>, config: ISpacesStateProps): IAttributeDefaults;
-export declare function prepAttributesOutgoing(walls: IWalls, features: IFeatures, config: ISpacesStateProps): {
+export declare function prepAttributesOutgoing(walls: IWalls, features: IFeatures, config: IRoomBuilderStateProps): {
     [x: string]: import("../../types").IConfigurationAttribute | {
         assetId: string;
         configuration: IConfiguration;

package/dist/hooks/{useSpaces → useRoomBuilder}/dataHandlers.js

@@ -11,21 +11,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.prepAreaForUser = exports.prepLengthForUser = exports.convertAreaUnit = exports.convertLengthUnit = exports.prepAttributesOutgoing = exports.getAttributeDefaults = exports.prepAttributesIncoming = void 0;
+exports.prepAreaForUser = exports.prepLengthForUser = exports.convertAreaUnit = exports.convertLengthUnit = exports.prepAttributesOutgoing = exports.prepAttributesIncoming = void 0;
 var types_1 = require("./types");
 var constants_1 = require("./constants");
 var geometry_1 = require("./geometry");
-function filterRestConfiguration(configuration, attributeNames) {
-    var keysToFilter = new Set(Object.values(attributeNames));
-    var filteredConfiguration = Object.entries(configuration).reduce(function (output, _a) {
-        var _b;
-        var key = _a[0], value = _a[1];
-        if (keysToFilter.has(key))
-            return output;
-        return Object.assign(output, (_b = {}, _b[key] = value, _b));
-    }, {});
-    return filteredConfiguration;
-}
 function prepConnectionOutgoing(connection) {
     return "".concat(connection[0], ".").concat(connection[1]);
 }
@@ -37,16 +26,15 @@ function prepWallsAndVerticesIncoming(wallsAttribute, config) {
     var _a;
     var walls = [];
     var vertices = {};
-    var attributeName = config.attributes;
     ((wallsAttribute === null || wallsAttribute === void 0 ? void 0 : wallsAttribute.value) || []).forEach(function (_a, i) {
         var assetId = _a.assetId, configuration = _a.configuration;
         var point1 = [
-            (configuration === null || configuration === void 0 ? void 0 : configuration[attributeName.wallStartX]) / config.config.scale,
-            (configuration === null || configuration === void 0 ? void 0 : configuration[attributeName.wallStartZ]) / config.config.scale,
+            (configuration === null || configuration === void 0 ? void 0 : configuration[constants_1.IWallAttributes.START_X]) / config.config.scale,
+            (configuration === null || configuration === void 0 ? void 0 : configuration[constants_1.IWallAttributes.START_Z]) / config.config.scale,
         ];
         var point2 = [
-            (configuration === null || configuration === void 0 ? void 0 : configuration[attributeName.wallEndX]) / config.config.scale,
-            (configuration === null || configuration === void 0 ? void 0 : configuration[attributeName.wallEndZ]) / config.config.scale,
+            (configuration === null || configuration === void 0 ? void 0 : configuration[constants_1.IWallAttributes.END_X]) / config.config.scale,
+            (configuration === null || configuration === void 0 ? void 0 : configuration[constants_1.IWallAttributes.END_Z]) / config.config.scale,
         ];
         var point1Str = JSON.stringify(point1);
         var point2Str = JSON.stringify(point2);
@@ -63,119 +51,66 @@ function prepWallsAndVerticesIncoming(wallsAttribute, config) {
             assetId: assetId,
             line: [point1, point2],
             path: (0, geometry_1.addThicknessToLine)([point1, point2], config.config.styles.wall.thickness),
+            height: configuration === null || configuration === void 0 ? void 0 : configuration[constants_1.IWallAttributes.HEIGHT],
+            thickness: configuration === null || configuration === void 0 ? void 0 : configuration[constants_1.IWallAttributes.THICKNESS],
             connections: connections,
-            restConfiguration: JSON.stringify(filterRestConfiguration(configuration, config.attributes)),
         });
     });
     return _a = {}, _a[types_1.IElements.WALL] = walls, _a[types_1.IElements.VERTEX] = vertices, _a;
 }
-function getWallsVaidationConfig(wallsAttribute, config) {
-    var _a, _b;
-    var metadata = (wallsAttribute === null || wallsAttribute === void 0 ? void 0 : wallsAttribute.values[0].metadata) || {};
-    var validation = {
-        minLength: ((_a = metadata[constants_1.WallMetadata.MIN_LENGTH]) !== null && _a !== void 0 ? _a : constants_1.VALIDATION_CONFIG_DEFAULT.minLength) / config.config.scale,
-        padding: ((_b = metadata[constants_1.WallMetadata.PADDING]) !== null && _b !== void 0 ? _b : constants_1.VALIDATION_CONFIG_DEFAULT.padding) / config.config.scale,
-    };
-    return validation;
-}
-function prepFeatureIncoming(type, walls, featureAttribute, config) {
+function prepFeatureIncoming(walls, featureAttribute, config) {
     var _a;
-    var attributeName = config.attributes;
     var feature = [];
     (_a = featureAttribute === null || featureAttribute === void 0 ? void 0 : featureAttribute.value) === null || _a === void 0 ? void 0 : _a.forEach(function (_a) {
         var assetId = _a.assetId, configuration = _a.configuration;
-        var offset = (configuration === null || configuration === void 0 ? void 0 : configuration[attributeName.featurePositionX]) / config.config.scale;
-        var length = (configuration === null || configuration === void 0 ? void 0 : configuration[attributeName.featureLength]) / config.config.scale;
-        var height = (configuration === null || configuration === void 0 ? void 0 : configuration[attributeName.featureHeight]) / config.config.scale;
-        var altitude = (configuration === null || configuration === void 0 ? void 0 : configuration[attributeName.featurePositionY]) / config.config.scale;
-        var connectedTo = (configuration === null || configuration === void 0 ? void 0 : configuration[attributeName.featureConnectedTo]) || '';
+        var offset = (configuration === null || configuration === void 0 ? void 0 : configuration[constants_1.IFeatureAttribute.POSITION_X]) / config.config.scale;
+        var length = (configuration === null || configuration === void 0 ? void 0 : configuration[constants_1.IFeatureAttribute.LENGTH]) / config.config.scale ||
+            constants_1.FEATURE_LENGTH;
+        var connectedTo = (configuration === null || configuration === void 0 ? void 0 : configuration[constants_1.IFeatureAttribute.CONNECTED_TO]) || '';
         var wallIndex = prepConnectionIncoming(connectedTo)[1];
         var featureLine = (0, geometry_1.getLineAtOffsetOnLineSegment)(walls[wallIndex].line, offset, length);
-        var element = {
+        var path = (0, geometry_1.addThicknessToLine)(featureLine, config.config.styles.feature.thickness);
+        feature.push({
             assetId: assetId,
             offset: offset,
             length: length,
-            height: height,
-            altitude: altitude,
+            path: path,
             connectedTo: [types_1.IElements.WALL, wallIndex],
-            path: (0, geometry_1.addThicknessToLine)(featureLine, config.config.styles.feature.thickness),
-            restConfiguration: JSON.stringify(filterRestConfiguration(configuration, config.attributes)),
-        };
-        if (type === types_1.IElements.DOOR) {
-            element.orientation =
-                (configuration === null || configuration === void 0 ? void 0 : configuration[attributeName.doorOrientation]) || constants_1.DoorOrientations.LEFT;
-            element.openingDirection =
-                (configuration === null || configuration === void 0 ? void 0 : configuration[attributeName.doorOpeningDirection]) ||
-                    constants_1.DoorOpeningDirections.INSIDE;
-        }
-        feature.push(element);
+        });
     });
     return feature;
 }
 function prepAttributesIncoming(attributes, config) {
     var _a;
-    var wallsAttribute = attributes[config.attributes[types_1.IElements.WALL]];
-    var wallsAndVertices = prepWallsAndVerticesIncoming(wallsAttribute, config);
-    var wallsValidation = getWallsVaidationConfig(wallsAttribute, config);
-    var featuresList = [
-        types_1.IElements.WINDOW,
-        types_1.IElements.DOOR,
-        types_1.IElements.OPENING,
-    ];
+    var featuresList = [types_1.IElements.WINDOW, types_1.IElements.DOOR, types_1.IElements.OPENING];
+    var wallsAndVertices = prepWallsAndVerticesIncoming(attributes[config.attributes[types_1.IElements.WALL]], config);
     var featuresData = featuresList.reduce(function (output, type) {
-        output[type] = prepFeatureIncoming(type, wallsAndVertices[types_1.IElements.WALL], attributes[config.attributes[type]], config);
+        output[type] = prepFeatureIncoming(wallsAndVertices[types_1.IElements.WALL], attributes[config.attributes[type]], config);
         return output;
     }, {});
-    return __assign(__assign({}, wallsAndVertices), (_a = { validationConfig: wallsValidation }, _a[types_1.IElements.FEATURE] = featuresData, _a));
+    return __assign(__assign({}, wallsAndVertices), (_a = {}, _a[types_1.IElements.FEATURE] = featuresData, _a));
 }
 exports.prepAttributesIncoming = prepAttributesIncoming;
-function getAttributeDefaults(attributes, config) {
-    return [
-        types_1.IElements.WALL,
-        types_1.IElements.WINDOW,
-        types_1.IElements.DOOR,
-        types_1.IElements.OPENING,
-    ].reduce(function (output, elementName) {
-        var _a;
-        if (!config.attributes[elementName])
-            return output;
-        var attribute = attributes[config.attributes[elementName]];
-        if (!attribute)
-            return output;
-        return Object.assign(output, (_a = {},
-            _a[elementName] = attribute.values[0].assetId,
-            _a));
-    }, {});
-}
-exports.getAttributeDefaults = getAttributeDefaults;
-function prepFeaturesOutgoing(type, features, config) {
-    var attributeName = config.attributes;
+function prepFeaturesOutgoing(features, config) {
     return features.map(function (feature) {
         var _a, _b;
-        var assetId = feature.assetId, offset = feature.offset, length = feature.length, height = feature.height, altitude = feature.altitude, restConfiguration = feature.restConfiguration;
+        var assetId = feature.assetId, offset = feature.offset, length = feature.length;
         var connectedTo = prepConnectionOutgoing([
             config.attributes[feature.connectedTo[0]],
             feature.connectedTo[1],
         ]);
-        var configurationToScale = (_a = {},
-            _a[attributeName.featureLength] = length,
-            _a[attributeName.featurePositionX] = offset,
-            _a);
-        if (altitude)
-            configurationToScale[attributeName.featurePositionY] = altitude;
-        if (height)
-            configurationToScale[attributeName.featureHeight] = height;
-        var configuration = Object.entries(configurationToScale).reduce(function (output, _a) {
+        var configuration = Object.entries((_a = {},
+            _a[constants_1.IFeatureAttribute.LENGTH] = length,
+            _a[constants_1.IFeatureAttribute.POSITION_X] = offset,
+            _a)).reduce(function (output, _a) {
             var _b;
             var key = _a[0], value = _a[1];
             return Object.assign(output, (_b = {},
                 _b[key] = value ? value * config.config.scale : value,
                 _b));
-        }, __assign((_b = {}, _b[attributeName.featureConnectedTo] = connectedTo, _b), JSON.parse(restConfiguration)));
-        if (type === types_1.IElements.DOOR) {
-            configuration[attributeName.doorOrientation] = feature.orientation;
-            configuration[attributeName.doorOpeningDirection] = feature.openingDirection;
-        }
+        }, (_b = {},
+            _b[constants_1.IFeatureAttribute.CONNECTED_TO] = connectedTo,
+            _b));
         return {
             assetId: assetId,
             configuration: configuration,
@@ -183,10 +118,9 @@ function prepFeaturesOutgoing(type, features, config) {
     });
 }
 function prepWallsOutgoing(walls, config) {
-    var attributeName = config.attributes;
     return walls.map(function (wall) {
         var _a, _b;
-        var line = wall.line, restConfiguration = wall.restConfiguration;
+        var line = wall.line, height = wall.height, thickness = wall.thickness;
         var connections = wall.connections.map(function (connection) {
             var attributeName = config.attributes[connection[0]];
             if (!attributeName)
@@ -195,17 +129,21 @@ function prepWallsOutgoing(walls, config) {
         });
         var _c = line.flat(), x1 = _c[0], y1 = _c[1], x2 = _c[2], y2 = _c[3];
         var configuration = Object.entries((_a = {},
-            _a[attributeName.wallStartX] = x1,
-            _a[attributeName.wallStartZ] = y1,
-            _a[attributeName.wallEndX] = x2,
-            _a[attributeName.wallEndZ] = y2,
+            _a[constants_1.IWallAttributes.START_X] = x1,
+            _a[constants_1.IWallAttributes.START_Z] = y1,
+            _a[constants_1.IWallAttributes.END_X] = x2,
+            _a[constants_1.IWallAttributes.END_Z] = y2,
+            _a[constants_1.IWallAttributes.HEIGHT] = height,
+            _a[constants_1.IWallAttributes.THICKNESS] = thickness,
             _a)).reduce(function (output, _a) {
             var _b;
             var key = _a[0], value = _a[1];
             return Object.assign(output, (_b = {},
                 _b[key] = value ? value * config.config.scale : value,
                 _b));
-        }, __assign((_b = {}, _b[attributeName.wallConnections] = JSON.stringify(connections), _b), JSON.parse(restConfiguration)));
+        }, (_b = {},
+            _b[constants_1.IWallAttributes.CONNECTIONS] = JSON.stringify(connections),
+            _b));
         return {
             assetId: wall.assetId,
             configuration: configuration,
@@ -220,7 +158,7 @@ function prepAttributesOutgoing(walls, features, config) {
         var attributeName = config.attributes[type];
         if (!attributeName)
             return output;
-        output[attributeName] = prepFeaturesOutgoing(type, features, config);
+        output[attributeName] = prepFeaturesOutgoing(features, config);
         return output;
     }, {});
     return __assign(__assign({}, featuresAttributes), (_a = {}, _a[config.attributes[types_1.IElements.WALL]] = wallsAttribute, _a));

package/dist/hooks/useRoomBuilder/draw.d.ts

@@ -0,0 +1,55 @@
+import { IWall, ICoordinate2D, ICoordinatesLine, IFeatures, IFeature, IElementAddress, IRoomBuilderStyles, IRoomBuilderConfigInternal, IStylesGrid, IStylesWall, IStylesVertex, ILineDimensions, IVertex, IElementStyleModes, IStylesFloor, IEnclosedSpace } from './types';
+interface IWallToDraw extends Omit<IWall, 'assetId' | 'connections'> {
+}
+interface IWallsToDraw extends Array<IWallToDraw> {
+}
+export declare function clearCanvas(canvas: HTMLCanvasElement): void;
+export declare function drawBackground(canvas: HTMLCanvasElement, color?: string): void;
+export declare function drawGrid(canvas: HTMLCanvasElement, styles: IStylesGrid): void;
+export declare function drawFloor(canvas: HTMLCanvasElement, enclosedSpaces: Array<IEnclosedSpace>, styles: IStylesFloor): void;
+export declare function drawVertex(canvas: HTMLCanvasElement, point: ICoordinate2D, style: IStylesVertex, mode?: IElementStyleModes): void;
+export declare function drawNewWall(canvas: HTMLCanvasElement, line: ICoordinatesLine, styles: IRoomBuilderStyles, mode?: IElementStyleModes.ERROR): void;
+export declare function drawWalls(canvas: HTMLCanvasElement, walls: IWallsToDraw, selections: {
+    active: Array<number>;
+    highlighted: Array<number>;
+    error: Array<number>;
+    hidden: Array<number>;
+}, styles: IStylesWall): void;
+export declare function drawVertices(canvas: HTMLCanvasElement, vertices: Array<IVertex>, selections: {
+    active: Array<number>;
+    highlighted: Array<number>;
+    error: Array<number>;
+    hidden: Array<number>;
+}, styles: IStylesVertex): void;
+export declare function drawDimensions(canvas: HTMLCanvasElement, dimensions: Array<ILineDimensions>, config: IRoomBuilderConfigInternal): void;
+export declare function drawWindows(canvas: HTMLCanvasElement, walls: IWallsToDraw, windows: Array<IFeature>, selections: {
+    active: Array<number>;
+    highlighted: Array<number>;
+    error: Array<number>;
+    hidden: Array<number>;
+}, styles: IRoomBuilderStyles): void;
+export declare function drawDoors(canvas: HTMLCanvasElement, walls: IWallsToDraw, doors: Array<IFeature>, selections: {
+    active: Array<number>;
+    highlighted: Array<number>;
+    error: Array<number>;
+    hidden: Array<number>;
+}, styles: IRoomBuilderStyles): void;
+export declare function drawOpenings(canvas: HTMLCanvasElement, walls: IWallsToDraw, openings: Array<IFeature>, selections: {
+    active: Array<number>;
+    highlighted: Array<number>;
+    error: Array<number>;
+    hidden: Array<number>;
+}, styles: IRoomBuilderStyles): void;
+export declare function drawElements(canvas: HTMLCanvasElement, walls: IWallsToDraw, vertices: Array<IVertex>, features: IFeatures, selections: {
+    active: Array<IElementAddress>;
+    highlighted: Array<IElementAddress>;
+    hidden: Array<IElementAddress>;
+    error: Array<IElementAddress>;
+}, styles: IRoomBuilderStyles): void;
+export declare function drawRoom(canvas: HTMLCanvasElement, enclosedSpaces: Array<IEnclosedSpace>, walls: IWallsToDraw, vertices: Array<IVertex>, features: IFeatures, dimensions: Array<ILineDimensions> | undefined, selections: {
+    active?: Array<IElementAddress> | IElementAddress;
+    highlighted?: Array<IElementAddress> | IElementAddress;
+    hidden?: Array<IElementAddress> | IElementAddress;
+    error?: Array<IElementAddress> | IElementAddress;
+}, config: IRoomBuilderConfigInternal): void;
+export {};