@threekit-tools/treble 0.0.88 → 0.0.89-next-002

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/useRoomBuilder/dataHandlers.d.ts

@@ -0,0 +1,18 @@
+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: IRoomBuilderStateProps): {
+    features: IFeatures;
+    walls: IWalls;
+    vertex: IVerticesState;
+};
+export declare function prepAttributesOutgoing(walls: IWalls, features: IFeatures, config: IRoomBuilderStateProps): {
+    [x: string]: import("../../types").IConfigurationAttribute | {
+        assetId: string;
+        configuration: IConfiguration;
+    }[];
+};
+export declare function convertLengthUnit(value: number, from: IUnits, to: IUnits): number;
+export declare function convertAreaUnit(value: number, from: IUnits, to: IUnits): number;
+export declare function prepLengthForUser(value: number, unit: IUnits): string;
+export declare function prepAreaForUser(value: number, unit: IUnits): string;

package/dist/hooks/useRoomBuilder/dataHandlers.js

@@ -0,0 +1,187 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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 prepConnectionOutgoing(connection) {
+    return "".concat(connection[0], ".").concat(connection[1]);
+}
+function prepConnectionIncoming(connection) {
+    var _a = connection.split('.'), attributeName = _a[0], indexStr = _a[1];
+    return [attributeName, parseInt(indexStr)];
+}
+function prepWallsAndVerticesIncoming(wallsAttribute, config) {
+    var _a;
+    var walls = [];
+    var vertices = {};
+    ((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[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[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);
+        if (vertices[point1Str])
+            vertices[point1Str].push([i, 0]);
+        else
+            vertices[point1Str] = [[i, 0]];
+        if (vertices[point2Str])
+            vertices[point2Str].push([i, 1]);
+        else
+            vertices[point2Str] = [[i, 1]];
+        var connections = [];
+        walls.push({
+            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,
+        });
+    });
+    return _a = {}, _a[types_1.IElements.WALL] = walls, _a[types_1.IElements.VERTEX] = vertices, _a;
+}
+function prepFeatureIncoming(walls, featureAttribute, config) {
+    var _a;
+    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[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 path = (0, geometry_1.addThicknessToLine)(featureLine, config.config.styles.feature.thickness);
+        feature.push({
+            assetId: assetId,
+            offset: offset,
+            length: length,
+            path: path,
+            connectedTo: [types_1.IElements.WALL, wallIndex],
+        });
+    });
+    return feature;
+}
+function prepAttributesIncoming(attributes, config) {
+    var _a;
+    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(wallsAndVertices[types_1.IElements.WALL], attributes[config.attributes[type]], config);
+        return output;
+    }, {});
+    return __assign(__assign({}, wallsAndVertices), (_a = {}, _a[types_1.IElements.FEATURE] = featuresData, _a));
+}
+exports.prepAttributesIncoming = prepAttributesIncoming;
+function prepFeaturesOutgoing(features, config) {
+    return features.map(function (feature) {
+        var _a, _b;
+        var assetId = feature.assetId, offset = feature.offset, length = feature.length;
+        var connectedTo = prepConnectionOutgoing([
+            config.attributes[feature.connectedTo[0]],
+            feature.connectedTo[1],
+        ]);
+        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));
+        }, (_b = {},
+            _b[constants_1.IFeatureAttribute.CONNECTED_TO] = connectedTo,
+            _b));
+        return {
+            assetId: assetId,
+            configuration: configuration,
+        };
+    });
+}
+function prepWallsOutgoing(walls, config) {
+    return walls.map(function (wall) {
+        var _a, _b;
+        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)
+                return;
+            return prepConnectionOutgoing([attributeName, connection[1]]);
+        });
+        var _c = line.flat(), x1 = _c[0], y1 = _c[1], x2 = _c[2], y2 = _c[3];
+        var configuration = Object.entries((_a = {},
+            _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));
+        }, (_b = {},
+            _b[constants_1.IWallAttributes.CONNECTIONS] = JSON.stringify(connections),
+            _b));
+        return {
+            assetId: wall.assetId,
+            configuration: configuration,
+        };
+    });
+}
+function prepAttributesOutgoing(walls, features, config) {
+    var _a;
+    var wallsAttribute = prepWallsOutgoing(walls, config);
+    var featuresAttributes = Object.entries(features).reduce(function (output, _a) {
+        var type = _a[0], features = _a[1];
+        var attributeName = config.attributes[type];
+        if (!attributeName)
+            return output;
+        output[attributeName] = prepFeaturesOutgoing(features, config);
+        return output;
+    }, {});
+    return __assign(__assign({}, featuresAttributes), (_a = {}, _a[config.attributes[types_1.IElements.WALL]] = wallsAttribute, _a));
+}
+exports.prepAttributesOutgoing = prepAttributesOutgoing;
+function convertLengthUnit(value, from, to) {
+    return (value / constants_1.UNIT_FACTORS[from]) * constants_1.UNIT_FACTORS[to];
+}
+exports.convertLengthUnit = convertLengthUnit;
+function convertAreaUnit(value, from, to) {
+    return (value / constants_1.UNIT_FACTORS[from]) * Math.pow(constants_1.UNIT_FACTORS[to], 2);
+}
+exports.convertAreaUnit = convertAreaUnit;
+function prepLengthForUser(value, unit) {
+    if (unit === types_1.IUnits.FEET) {
+        var feet = Math.floor(value);
+        var inches = 1.2 * (value % 1);
+        return "".concat(feet).concat(constants_1.UNIT_LABELS[types_1.IUnits.FEET], " ").concat(inches.toFixed(2)).concat(constants_1.UNIT_LABELS[types_1.IUnits.INCH]);
+    }
+    return "".concat(value.toFixed(2), " ").concat(constants_1.UNIT_LABELS[unit]);
+}
+exports.prepLengthForUser = prepLengthForUser;
+function prepAreaForUser(value, unit) {
+    return "".concat(value.toFixed(2), " sq-").concat(constants_1.UNIT_LABELS[unit]);
+}
+exports.prepAreaForUser = prepAreaForUser;

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 {};