@threekit-tools/treble 0.0.94 → 0.0.95-next-01

package/dist/hooks/useSpaces/themes/blueprint.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var WALL_THICKNESS = 22;
+var VERTEX_RADIUS = (WALL_THICKNESS - 8) / 2;
+var FEATURE_THICKNESS = WALL_THICKNESS + 6;
+var HIGHLIGHT_COLOR = '#36738E';
+var ACTIVE_COLOR = 'green';
+var ERROR_COLOR = 'red';
+var theme = {
+    grid: {
+        lineThickness: 2,
+        lineColor: '#fff',
+        showSubdivisions: true,
+        subdivisionLineThickness: 1,
+        subdivisionLineColor: '#fff',
+        subdivisionThreshold: 20,
+        backgroundColor: '#37588B',
+    },
+    guides: {
+        color: 'red',
+        thickness: 1,
+    },
+    floor: {
+        color: '#eee',
+        textColor: '#666',
+    },
+    dimensions: {
+        padding: WALL_THICKNESS / 2 + 12,
+        lineThickness: 1,
+        lineColor: '#fff',
+        fontSize: 14,
+        font: 'Helvetica',
+        textColor: '#444',
+        textBackgroundColor: '#fff',
+    },
+    wall: {
+        fill: '#848484',
+        stroke: '#fff',
+        strokeWidth: 1,
+        thickness: WALL_THICKNESS,
+        highlight: {
+            fill: HIGHLIGHT_COLOR,
+            stroke: HIGHLIGHT_COLOR,
+        },
+        active: {
+            fill: ACTIVE_COLOR,
+            stroke: ACTIVE_COLOR,
+        },
+        error: {
+            fill: ERROR_COLOR,
+            stroke: ERROR_COLOR,
+        },
+    },
+    vertex: {
+        innerFill: '#fff',
+        outerFill: '#fff',
+        stroke: '#36738E',
+        strokeWidth: 0,
+        outerRadius: VERTEX_RADIUS,
+        innerRadius: VERTEX_RADIUS / 2,
+        highlight: {
+            innerFill: HIGHLIGHT_COLOR,
+            outerFill: HIGHLIGHT_COLOR,
+            stroke: HIGHLIGHT_COLOR,
+        },
+        active: {
+            innerFill: ACTIVE_COLOR,
+            outerFill: ACTIVE_COLOR,
+            stroke: ACTIVE_COLOR,
+        },
+        error: {
+            innerFill: ERROR_COLOR,
+            outerFill: ERROR_COLOR,
+            stroke: ERROR_COLOR,
+        },
+    },
+    feature: {
+        fill: '#888',
+        stroke: '#888',
+        strokeWidth: 0,
+        thickness: FEATURE_THICKNESS,
+        highlight: {
+            fill: HIGHLIGHT_COLOR,
+            stroke: HIGHLIGHT_COLOR,
+        },
+        active: {
+            fill: ACTIVE_COLOR,
+            stroke: ACTIVE_COLOR,
+        },
+        error: {
+            fill: ERROR_COLOR,
+            stroke: ERROR_COLOR,
+        },
+    },
+};
+exports.default = theme;

package/dist/hooks/useSpaces/themes/default.d.ts

@@ -0,0 +1,3 @@
+import type { ISpacesStyles } from '../types';
+declare const theme: ISpacesStyles;
+export default theme;

package/dist/hooks/useSpaces/themes/default.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var HIGHLIGHT_COLOR = '#36738E';
+var ACTIVE_COLOR = 'green';
+var ERROR_COLOR = 'red';
+var WALL_THICKNESS = 18;
+var VERTEX_RADIUS = (WALL_THICKNESS - 6) / 2;
+var FEATURE_THICKNESS = WALL_THICKNESS + 6;
+var theme = {
+    grid: {
+        lineThickness: 2,
+        lineColor: '#ddd',
+        showSubdivisions: true,
+        subdivisionLineThickness: 1,
+        subdivisionLineColor: '#ddd',
+        subdivisionThreshold: 20,
+        backgroundColor: '#fff',
+    },
+    guides: {
+        color: '#00F8FB',
+        thickness: 1,
+    },
+    floor: {
+        color: '#eee',
+        textColor: '#666',
+    },
+    dimensions: {
+        padding: WALL_THICKNESS / 2 + 12,
+        lineThickness: 1,
+        lineColor: '#444',
+        fontSize: 14,
+        font: 'Helvetica',
+        textColor: '#444',
+        textBackgroundColor: 'white',
+    },
+    wall: {
+        fill: '#d9d9d9',
+        stroke: '#d9d9d9',
+        strokeWidth: 0,
+        thickness: WALL_THICKNESS,
+        highlight: {
+            fill: HIGHLIGHT_COLOR,
+            stroke: HIGHLIGHT_COLOR,
+        },
+        active: {
+            fill: ACTIVE_COLOR,
+            stroke: ACTIVE_COLOR,
+        },
+        error: {
+            fill: ERROR_COLOR,
+            stroke: ERROR_COLOR,
+        },
+    },
+    vertex: {
+        innerFill: '#36738E',
+        outerFill: 'white',
+        stroke: '#36738E',
+        strokeWidth: 2,
+        outerRadius: VERTEX_RADIUS,
+        innerRadius: VERTEX_RADIUS / 2,
+        highlight: {
+            innerFill: HIGHLIGHT_COLOR,
+            outerFill: HIGHLIGHT_COLOR,
+            stroke: HIGHLIGHT_COLOR,
+        },
+        active: {
+            innerFill: ACTIVE_COLOR,
+            outerFill: ACTIVE_COLOR,
+            stroke: ACTIVE_COLOR,
+        },
+        error: {
+            innerFill: ERROR_COLOR,
+            outerFill: ERROR_COLOR,
+            stroke: ERROR_COLOR,
+        },
+    },
+    feature: {
+        fill: '#888',
+        stroke: '#888',
+        strokeWidth: 0,
+        thickness: FEATURE_THICKNESS,
+        highlight: {
+            fill: HIGHLIGHT_COLOR,
+            stroke: HIGHLIGHT_COLOR,
+        },
+        active: {
+            fill: ACTIVE_COLOR,
+            stroke: ACTIVE_COLOR,
+        },
+        error: {
+            fill: ERROR_COLOR,
+            stroke: ERROR_COLOR,
+        },
+    },
+};
+exports.default = theme;

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

@@ -1,12 +1,11 @@
-import type { IRoomBuilderStyles } from './types';
 export declare enum IThemes {
     DEFAULT = "default",
     BLUEPRINT = "blueprint",
     LIGHT = "light"
 }
 declare const _default: {
-    default: IRoomBuilderStyles;
-    blueprint: IRoomBuilderStyles;
-    light: IRoomBuilderStyles;
+    default: import("../types").ISpacesStyles;
+    blueprint: import("../types").ISpacesStyles;
+    light: import("../types").ISpacesStyles;
 };
 export default _default;

package/dist/hooks/useSpaces/themes/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IThemes = void 0;
+var default_1 = __importDefault(require("./default"));
+var blueprint_1 = __importDefault(require("./blueprint"));
+var light_1 = __importDefault(require("./light"));
+var IThemes;
+(function (IThemes) {
+    IThemes["DEFAULT"] = "default";
+    IThemes["BLUEPRINT"] = "blueprint";
+    IThemes["LIGHT"] = "light";
+})(IThemes = exports.IThemes || (exports.IThemes = {}));
+exports.default = (_a = {},
+    _a[IThemes.DEFAULT] = default_1.default,
+    _a[IThemes.BLUEPRINT] = blueprint_1.default,
+    _a[IThemes.LIGHT] = light_1.default,
+    _a);

package/dist/hooks/useSpaces/themes/light.d.ts

@@ -0,0 +1,3 @@
+import type { ISpacesStyles } from '../types';
+declare const theme: ISpacesStyles;
+export default theme;

package/dist/hooks/useSpaces/themes/light.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var HIGHCOLOR = '#36738E';
+var ACTIVE_COLOR = 'green';
+var ERROR_COLOR = 'red';
+var WALL_THICKNESS = 8;
+var VERTEX_RADIUS = (WALL_THICKNESS + 8) / 2;
+var FEATURE_THICKNESS = WALL_THICKNESS + 4;
+var theme = {
+    grid: {
+        lineThickness: 2,
+        lineColor: '#ddd',
+        showSubdivisions: true,
+        subdivisionLineThickness: 1,
+        subdivisionLineColor: '#ddd',
+        subdivisionThreshold: 20,
+        backgroundColor: '#fff',
+    },
+    guides: {
+        color: '#00F8FB',
+        thickness: 1,
+    },
+    floor: {
+        color: '#eee',
+        textColor: '#666',
+    },
+    dimensions: {
+        padding: WALL_THICKNESS / 2 + 12,
+        lineThickness: 1,
+        lineColor: '#444',
+        fontSize: 14,
+        font: 'Helvetica',
+        textColor: '#444',
+        textBackgroundColor: '#fff',
+    },
+    wall: {
+        fill: '#000',
+        stroke: '#000',
+        strokeWidth: 0,
+        thickness: WALL_THICKNESS,
+        highlight: {
+            fill: HIGHCOLOR,
+            stroke: HIGHCOLOR,
+        },
+        active: {
+            fill: ACTIVE_COLOR,
+            stroke: ACTIVE_COLOR,
+        },
+        error: {
+            fill: ERROR_COLOR,
+            stroke: ERROR_COLOR,
+        },
+    },
+    vertex: {
+        innerFill: '#aaa',
+        outerFill: '#fff',
+        stroke: '#000',
+        strokeWidth: 1,
+        outerRadius: VERTEX_RADIUS,
+        innerRadius: (VERTEX_RADIUS / 5) * 3,
+        highlight: {
+            innerFill: HIGHCOLOR,
+            outerFill: '#fff',
+            stroke: '#000',
+        },
+        active: {
+            innerFill: ACTIVE_COLOR,
+            outerFill: '#fff',
+            stroke: '#000',
+        },
+        error: {
+            innerFill: ERROR_COLOR,
+            outerFill: ERROR_COLOR,
+            stroke: ERROR_COLOR,
+        },
+    },
+    feature: {
+        fill: '#888',
+        stroke: '#888',
+        strokeWidth: 0,
+        thickness: FEATURE_THICKNESS,
+        highlight: {
+            fill: HIGHCOLOR,
+            stroke: HIGHCOLOR,
+        },
+        active: {
+            fill: ACTIVE_COLOR,
+            stroke: ACTIVE_COLOR,
+        },
+        error: {
+            fill: ERROR_COLOR,
+            stroke: ERROR_COLOR,
+        },
+    },
+};
+exports.default = theme;

package/dist/hooks/useSpaces/types.d.ts

@@ -0,0 +1,378 @@
+import { IHydratedAttribute } from '../../types';
+import { DoorOpeningDirections, DoorOrientations, DoorShowSwing, WallModes } from './constants';
+export declare type ICoordinate2D = [x: number, y: number];
+export declare type ICoordinate3D = [x: number, y: number, z: number];
+export declare type ICoordinatesLine = [
+    startPoint: ICoordinate2D,
+    endPoint: ICoordinate2D
+];
+export declare type ICoordinatesQuadrilateral = [
+    point1: ICoordinate2D,
+    point2: ICoordinate2D,
+    point3: ICoordinate2D,
+    point4: ICoordinate2D
+];
+export declare enum IElements {
+    WALL = "walls",
+    VERTEX = "vertex",
+    FEATURE = "features",
+    WINDOW = "windows",
+    DOOR = "doors",
+    OPENING = "openings"
+}
+export declare type IFeatureName = IElements.WINDOW | IElements.DOOR | IElements.OPENING;
+export declare type IElementName = IElements.WALL | IElements.VERTEX | IFeatureName;
+export interface IWall {
+    assetId: string;
+    line: ICoordinatesLine;
+    path?: ICoordinatesQuadrilateral;
+    connections: Array<[elementType: IFeatureName, index: number]>;
+    restConfiguration: string;
+    mode: WallModes;
+}
+export interface IWalls extends Array<IWall> {
+}
+export interface INewWall {
+    start: ISnapPoint;
+    end?: ISnapPoint;
+}
+export interface IVertexConnections extends Array<[wallIndex: number, anchorIndex: number]> {
+}
+export interface IVerticesState extends Record<string, IVertexConnections> {
+}
+export interface IVertex {
+    point: ICoordinate2D;
+    connections: IVertexConnections;
+}
+export interface ILineDimensions {
+    label: string;
+    line: ICoordinatesLine;
+}
+export interface IEnclosedSpace {
+    area: string;
+    center: ICoordinate2D;
+    loop: Array<ICoordinate2D>;
+}
+export interface IFeature {
+    assetId: string;
+    offset: number;
+    length: number;
+    height: number;
+    altitude: number;
+    path?: ICoordinatesQuadrilateral;
+    connectedTo: [elementType: IElements.WALL, index: number];
+    restConfiguration: string;
+}
+export interface IFeatureDoor extends IFeature {
+    orientation: DoorOrientations;
+    openingDirection: DoorOpeningDirections;
+    showSwing: DoorShowSwing;
+}
+interface IFeatureHydratedShared {
+    line: ICoordinatesLine;
+}
+export interface IFeatureHydrated extends IFeature, IFeatureHydratedShared {
+}
+export interface IFeatureDoorHydrated extends IFeatureDoor, IFeatureHydratedShared {
+}
+export interface IFeaturesShared<T, D> {
+    [IElements.WINDOW]?: Array<T>;
+    [IElements.DOOR]?: Array<D>;
+    [IElements.OPENING]?: Array<T>;
+}
+export interface IFeatures extends IFeaturesShared<IFeature, IFeatureDoor> {
+}
+export interface IFeaturesHydrated extends IFeaturesShared<IFeatureHydrated, IFeatureDoorHydrated> {
+}
+export declare enum IElementStyleModes {
+    HIGHLIGHT = "highlight",
+    ACTIVE = "active",
+    ERROR = "error"
+}
+export interface ISpacesStylesShared {
+    fill: string;
+    stroke?: string;
+    strokeWidth?: number;
+    [IElementStyleModes.HIGHLIGHT]: {
+        fill: string;
+        stroke: string;
+    };
+    [IElementStyleModes.ACTIVE]: {
+        fill: string;
+        stroke: string;
+    };
+    [IElementStyleModes.ERROR]: {
+        fill: string;
+        stroke: string;
+    };
+}
+export interface IStylesGrid {
+    lineThickness: number;
+    lineColor: string;
+    showSubdivisions: boolean;
+    subdivisionLineThickness: number;
+    subdivisionLineColor: string;
+    subdivisionThreshold: number;
+    backgroundColor?: string;
+}
+export interface IStylesGuides {
+    color: string;
+    thickness: number;
+}
+export interface IStylesFloor {
+    color: string;
+    textColor: string;
+}
+export interface IStylesDimension {
+    padding: number;
+    lineThickness: number;
+    lineColor: string;
+    fontSize: number;
+    font: string;
+    textColor: string;
+    textBackgroundColor: string;
+}
+export interface IStylesWall extends ISpacesStylesShared {
+    thickness: number;
+}
+export interface IStylesVertex extends Omit<ISpacesStylesShared, 'fill' | IElementStyleModes.HIGHLIGHT | IElementStyleModes.ACTIVE | IElementStyleModes.ERROR> {
+    innerFill: string;
+    outerFill: string;
+    innerRadius: number;
+    outerRadius?: number;
+    [IElementStyleModes.HIGHLIGHT]: {
+        innerFill: string;
+        outerFill: string;
+        stroke?: string;
+    };
+    [IElementStyleModes.ACTIVE]: {
+        innerFill: string;
+        outerFill: string;
+        stroke?: string;
+    };
+    [IElementStyleModes.ERROR]: {
+        innerFill: string;
+        outerFill: string;
+        stroke?: string;
+    };
+}
+export interface IStylesFeature extends IStylesWall {
+}
+export interface ISpacesStyles {
+    grid: IStylesGrid;
+    guides: IStylesGuides;
+    floor: IStylesFloor;
+    dimensions: IStylesDimension;
+    wall: IStylesWall;
+    vertex: IStylesVertex;
+    feature: IStylesFeature;
+}
+export interface ISpacesThemePartial {
+    grid: Partial<IStylesGrid>;
+    guides: Partial<IStylesGuides>;
+    floor: Partial<IStylesFloor>;
+    dimensions: Partial<IStylesDimension>;
+    wall: Partial<IStylesWall>;
+    vertex: Partial<IStylesVertex>;
+    feature: Partial<IStylesFeature>;
+}
+export interface IGridToDraw {
+    unitLength: number;
+    offset: ICoordinate2D;
+    subdivisions: number;
+    showSubdivisions: boolean;
+}
+export interface IWallsValidationConfig {
+    minLength: number;
+    padding: number;
+}
+export interface ISharedValidatorInput {
+    walls: IWalls;
+    features: IFeatures;
+}
+export interface IFeatureValidatorInput {
+    wall: IWall;
+    updatedFeature: Pick<IFeature, 'length' | 'offset'> & {
+        address: IElementAddress;
+    };
+}
+export interface IAddWallValidatorInput {
+    newWall: Pick<IWall, 'line'> & Pick<INewWall, 'start' | 'end'>;
+}
+export interface IMoveVertexValidatorInput {
+    updatedPosition: ISnapPoint;
+    vertex: IVertex;
+}
+export declare type IValidatorFunction<T> = (input: T, wallsAndFeatures: ISharedValidatorInput, validationConfig: IWallsValidationConfig) => false | IErrorElement;
+export declare enum SNAPPING_TYPES {
+    NONE = "none",
+    ANGLE = "angle",
+    GUIDE = "guide",
+    GRID = "grid"
+}
+export declare enum GUIDE_ORIENTATIONS {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
+export interface IGuides {
+    point: ICoordinate2D;
+    orientations: Array<GUIDE_ORIENTATIONS>;
+}
+export interface IElementAddress {
+    type: IElementName;
+    index: number;
+}
+export interface IFeatureAddress {
+    type: IFeatureName;
+    index: number;
+}
+export interface ISnapPointShared<T> {
+    type: T;
+    point: ICoordinate2D;
+    locked: [boolean, boolean];
+}
+export interface ISnapPointNone extends ISnapPointShared<SNAPPING_TYPES.NONE> {
+    locked: [false, false];
+}
+export interface ISnapPointVertex extends ISnapPointShared<IElements.VERTEX> {
+    index: number;
+    locked: [true, true];
+}
+export interface ISnapPointWall extends ISnapPointShared<IElements.WALL> {
+    offset: number;
+    index: number;
+}
+export interface ISnapPointFeature extends ISnapPointShared<IFeatureName> {
+    index: number;
+}
+export interface ISnapPointAngle extends ISnapPointShared<SNAPPING_TYPES.ANGLE>, Pick<IGuides, 'orientations'> {
+}
+export interface ISnapPointGuide extends ISnapPointShared<SNAPPING_TYPES.GUIDE>, Pick<IGuides, 'orientations'> {
+}
+export interface ISnapPointGrid extends ISnapPointShared<SNAPPING_TYPES.GRID>, Pick<IGuides, 'orientations'> {
+    locked: [true, true];
+}
+export declare type ISnapPoint = ISnapPointNone | ISnapPointVertex | ISnapPointWall | ISnapPointFeature | ISnapPointAngle | ISnapPointGuide | ISnapPointGrid;
+export interface IActiveElement extends IElementAddress {
+    snapPoint?: ISnapPoint;
+}
+export declare enum IErrorTypes {
+    HARD = "hard",
+    SOFT = "soft",
+    WARN = "warning"
+}
+export interface IErrorElement {
+    address?: IElementAddress;
+    message: string;
+    type: IErrorTypes;
+}
+export interface IElementUi {
+    path: [type: IFeatureName | IElements.WALL, index: number];
+    uiAnchor: ICoordinate2D;
+}
+export interface IElementPublic extends Pick<IElementUi, 'uiAnchor'> {
+    path: [attribute: string, index: number];
+    type: IFeatureName | IElements.WALL;
+    deleteElement: () => void;
+    splitWall?: (offset?: number) => void;
+    addFeature?: (type: IFeatureName, feature?: Partial<IFeature>) => void;
+}
+export declare enum IModes {
+    SELECT = "select",
+    DRAW = "draw"
+}
+export declare enum IUnits {
+    FEET = "feet",
+    METER = "meter",
+    INCH = "inch",
+    CM = "cm"
+}
+export declare enum IDimensionOptions {
+    NONE = "none",
+    DEFAULT = "default",
+    DETAILED = "detailed"
+}
+export interface ISpacesConfigShared<T> {
+    scale: number;
+    unit: IUnits;
+    snapProximity: number;
+    styles: T;
+    zoomDefault: number;
+    zoomMin: number;
+    zoomMax: number;
+    translateDefault: ICoordinate2D;
+    enableAngleSnapping: boolean;
+    enableGuideSnapping: boolean;
+    enableGridSnapping: boolean;
+    showDimensions: IDimensionOptions;
+}
+export interface ISpacesConfigInternal extends ISpacesConfigShared<ISpacesStyles> {
+}
+export interface ISpacesConfigUser extends ISpacesConfigShared<Partial<ISpacesStyles>> {
+    theme: string;
+    zoomDisabled: boolean;
+    translateDisabled: boolean;
+    zoomSensitivity: number;
+}
+export interface ISpacesAttributes {
+    [IElements.WALL]: string;
+    [IElements.WINDOW]: string;
+    [IElements.DOOR]: string;
+    [IElements.OPENING]: string;
+    featurePositionX: string;
+    featurePositionY: string;
+    featureConnectedTo: string;
+    featureHeight: string;
+    featureLength: string;
+    wallStartX: string;
+    wallStartY: string;
+    wallStartZ: string;
+    wallEndX: string;
+    wallEndY: string;
+    wallEndZ: string;
+    wallConnections: string;
+    wallMode: string;
+    doorOrientation: string;
+    doorOpeningDirection: string;
+    doorShowSwing: string;
+}
+export interface IAttributeDefaults extends Partial<Record<IElements.WALL | IElements.WINDOW | IElements.DOOR | IElements.OPENING, string>> {
+    doorOrientation: DoorOrientations;
+    doorOpeningDirection: DoorOpeningDirections;
+    doorShowSwing: DoorShowSwing;
+}
+interface ISpacesPropsShared<T, U> {
+    config: T;
+    attributes: U;
+    layouts?: Array<string>;
+}
+export interface ISpacesHookProps extends ISpacesPropsShared<undefined | Partial<ISpacesConfigUser>, undefined | Partial<ISpacesAttributes>> {
+}
+export interface ISpacesStateProps extends ISpacesPropsShared<ISpacesConfigInternal, ISpacesAttributes> {
+    attributesState?: Record<string, IHydratedAttribute>;
+    attributeDefaults: IAttributeDefaults;
+    canvasDimensions?: ICoordinate2D;
+    wallMode: {
+        value: WallModes;
+        assetId: string;
+    };
+    setPendingStatus: (status: boolean) => void;
+}
+export interface ISpacesSync extends Pick<ISpacesConfigInternal, 'unit' | 'showDimensions'> {
+    canvasDimensions: ICoordinate2D;
+    angleSnappingEnabled: boolean;
+    guideSnappingEnabled: boolean;
+    gridSnappingEnabled: boolean;
+    translate: ICoordinate2D;
+    zoom: number;
+    wallMode: {
+        value: WallModes;
+        assetId: string;
+    };
+    selectedElement: {
+        type: IElementName;
+        index: number;
+    } | null;
+    attributesState: Record<string, IHydratedAttribute>;
+}
+export {};