@processandtools/rp-article-designer 1.0.14 → 1.0.16

package/dist/types/canvas.types.d.ts

@@ -0,0 +1,7 @@
+import { VIEW } from './view.types';
+export interface CanvasProps {
+    width: number;
+    height: number;
+    view?: VIEW;
+    articleName?: string;
+}

package/dist/types/cp.types.d.ts

@@ -0,0 +1,13 @@
+export declare enum CPTypeCode {
+    SidePanel = "S",
+    Door = "D",
+    Back = "B",
+    Shelf = "H"
+}
+export declare enum CPTypeName {
+    SidePanel = "side_panel",
+    Door = "door",
+    Back = "back",
+    Shelf = "shelf"
+}
+export declare const CP_TYPE_MAP: Record<CPTypeCode, CPTypeName>;

package/dist/types/data.types.d.ts

@@ -0,0 +1,126 @@
+import { ReactNode } from 'react';
+import { DescriptorResponse } from '../descriptor/types/descriptor.types';
+import { ImosVariable } from '../variables/variable.types';
+import { CsideTypes } from '../construction_principle/side_panel/cside.types';
+import { KmsTypes } from '../construction_principle/kms/kms.types';
+import { MaterialTypes } from '../construction_principle/material/material.types';
+import { SurfaceTypes } from '../construction_principle/surface/surface.types';
+import { CabinTypes } from '../construction_principle/cabin/cabin.types';
+import { CPTypeCode } from './cp.types';
+export interface AngleElem {
+    NAME: string;
+    TREEID: string;
+    PARTTYPE: CPTypeCode;
+    CPNAME: string;
+    STARTTRIM: string;
+    ENDTRIM: string;
+    TOPTRIM: string;
+    BOTTRIM: string;
+    MANINFO: string;
+    STARTOFFS: number;
+    ENDOFFS: number;
+    TOPOFFS: number;
+    BOTOFFS: number;
+    INSETFOR: string;
+    INSET: number;
+    [key: string]: unknown;
+}
+export interface AnglZone {
+    NAME: string;
+    TREEID: string;
+    DIVDIR: 'A' | 'D' | 'H' | 'I' | 'V';
+    LINDIV1: string;
+    LINDIV2: string;
+    DIVELEM1: number;
+    TOPSHELF: string;
+    BOTSHELF: string;
+    DIVIDER: string;
+    DIVTYPE: 'A' | 'B' | 'C' | 'D' | 'F' | 'P' | 'S' | 'T' | 'V';
+    HORDEFTYPE: '2' | 'A' | 'D' | 'P' | 'W';
+    [key: string]: unknown;
+}
+export interface AnglPrim {
+    NAME: string;
+    CONTOUR: string;
+    SIZEX: number;
+    SIZEY: number;
+    SIZEZ: number;
+    DIMCALCFX: string;
+    DIMCALCFY: string;
+    DIMCALCFZ: string;
+    [key: string]: unknown;
+}
+export interface AnglClie {
+    NAME: string;
+    TREEID: string;
+    TAGNAME: string;
+    TAGVALUE: string;
+    DATATYPE: number;
+    INORDER: string;
+    [key: string]: unknown;
+}
+export interface AnglGrtx {
+    NAME: string;
+    TREEID: string;
+    NUM: number;
+    TEXT: string;
+}
+export interface DataContextType {
+    anglElems: AngleElem[];
+    anglZones: AnglZone[];
+    anglPrims: AnglPrim[];
+    anglClies: AnglClie[];
+    anglGrtxs: AnglGrtx[];
+    csides: CsideTypes[];
+    kmsList: KmsTypes[];
+    cabins: CabinTypes[];
+    variables: ImosVariable[];
+    selectedElem: string | null;
+    setSelectedElem: (elemId: string | null) => void;
+    hoveredElem: string | null;
+    setHoveredElem: (elemId: string | null) => void;
+    updateAnglPrim: (articleName: string, property: keyof AnglPrim, newValue: unknown) => void;
+    updateAnglElem: (articleName: string, treeid: string, property: keyof AngleElem, newValue: unknown) => void;
+    updateAnglZone: (articleName: string, treeid: string, property: keyof AnglZone, newValue: unknown) => void;
+    updateAnglClie: (articleName: string, treeid: string, tagname: string, newValue: string, datatype: number) => void;
+    updateVariable: (name: string, newValue: string) => void;
+    getArticleData: (articleName: string) => {
+        anglElems: AngleElem[];
+        anglZones: AnglZone[];
+        anglPrims: AnglPrim[];
+        anglClies: AnglClie[];
+        anglGrtxs: AnglGrtx[];
+        csides: CsideTypes[];
+        cabins: CabinTypes[];
+        variables: ImosVariable[];
+    };
+    allData: {
+        anglelem: AngleElem[];
+        anglzone: AnglZone[];
+        anglprim: AnglPrim[];
+        anglclie: AnglClie[];
+        anglgrtx: AnglGrtx[];
+        cside: CsideTypes[];
+        kms: KmsTypes[];
+        cabin: CabinTypes[];
+    };
+}
+export interface ArticleData {
+    anglzone: AnglZone[];
+    anglelem: AngleElem[];
+    anglprim: AnglPrim[];
+    anglclie: AnglClie[];
+    anglgrtx: AnglGrtx[];
+    descriptors: DescriptorResponse[];
+    variables: ImosVariable[];
+    cside?: CsideTypes[];
+    kms?: KmsTypes[];
+    cabin?: CabinTypes[];
+    materials?: MaterialTypes[];
+    surfaces?: SurfaceTypes[];
+}
+export interface DataProviderProps {
+    data: ArticleData;
+    children: ReactNode;
+    names?: string[];
+}

package/dist/types/divider.types.d.ts

@@ -0,0 +1,81 @@
+import { AnglZone } from './data.types';
+import { DimensionProps } from './zone.types';
+export type DivisionDirection = 'A' | 'D' | 'H' | 'I' | 'V';
+export type HorizontalDefType = '2' | 'A' | 'D' | 'P' | 'W';
+export type DividerType = 'A' | 'B' | 'C' | 'D' | 'F' | 'P' | 'S' | 'T' | 'V';
+type DividerProps = Pick<AnglZone, 'TREEID' | 'DIVDIR' | 'DIVTYPE' | 'HORDEFTYPE' | 'LINDIV1' | 'DIVELEM1' | 'DIVIDER'>;
+export declare const DividerTypeConst: {
+    readonly LINEAR_DIVISION: "linear-division";
+    readonly ARTICLE: "article";
+};
+export declare const ValueSourceConst: {
+    readonly STRING: "string";
+    readonly DESCRIPTOR: "descriptor";
+};
+interface BaseDivider {
+    TREEID: string;
+    DIVDIR: DivisionDirection;
+    DIVTYPE: DividerType;
+    HORDEFTYPE: HorizontalDefType;
+    LINDIV1: string;
+    DIVELEM1: number;
+}
+export interface LinearDivisionString extends BaseDivider {
+    type: typeof DividerTypeConst.LINEAR_DIVISION;
+    valueSource: typeof ValueSourceConst.STRING;
+    DIVIDER: '';
+    formula: string;
+    thickness: number;
+}
+export interface LinearDivisionDescriptor extends BaseDivider {
+    type: typeof DividerTypeConst.LINEAR_DIVISION;
+    valueSource: typeof ValueSourceConst.DESCRIPTOR;
+    DIVIDER: '';
+    descriptorName: string;
+    thickness: number;
+}
+export type LinearDivisionMode = LinearDivisionString | LinearDivisionDescriptor;
+export interface ArticleString extends BaseDivider {
+    type: typeof DividerTypeConst.ARTICLE;
+    valueSource: typeof ValueSourceConst.STRING;
+    DIVIDER: string;
+    articleName: string;
+}
+export interface ArticleDescriptor extends BaseDivider {
+    type: typeof DividerTypeConst.ARTICLE;
+    valueSource: typeof ValueSourceConst.DESCRIPTOR;
+    DIVIDER: string;
+    descriptorName: string;
+}
+export type ArticleMode = ArticleString | ArticleDescriptor;
+export type DividerMode = LinearDivisionMode | ArticleMode;
+export declare const isDivider: {
+    linearDivision: (divider: DividerMode) => divider is LinearDivisionMode;
+    article: (divider: DividerMode) => divider is ArticleMode;
+};
+export declare const isLinearDivision: {
+    string: (divider: DividerMode) => divider is LinearDivisionString;
+    descriptor: (divider: DividerMode) => divider is LinearDivisionDescriptor;
+};
+export declare const isArticle: {
+    string: (divider: DividerMode) => divider is ArticleString;
+    descriptor: (divider: DividerMode) => divider is ArticleDescriptor;
+};
+export declare const createDivider: {
+    linearDivisionString(TREEID: string, DIVDIR: DivisionDirection, DIVTYPE: DividerType, HORDEFTYPE: HorizontalDefType, LINDIV1: string, DIVELEM1: number, formula: string, thickness: number): LinearDivisionString;
+    linearDivisionDescriptor(TREEID: string, DIVDIR: DivisionDirection, DIVTYPE: DividerType, HORDEFTYPE: HorizontalDefType, LINDIV1: string, DIVELEM1: number, descriptorName: string, thickness: number): LinearDivisionDescriptor;
+    articleString(TREEID: string, DIVDIR: DivisionDirection, DIVTYPE: DividerType, HORDEFTYPE: HorizontalDefType, LINDIV1: string, DIVELEM1: number, articleName: string): ArticleString;
+    articleDescriptor(TREEID: string, DIVDIR: DivisionDirection, DIVTYPE: DividerType, HORDEFTYPE: HorizontalDefType, LINDIV1: string, DIVELEM1: number, descriptorName: string): ArticleDescriptor;
+    fromZoneData(divProps: DividerProps, thickness: number): DividerMode;
+};
+export declare function getArticleName(divider: DividerMode): string | undefined;
+export declare function getArticleDescriptorName(divider: DividerMode): string | undefined;
+export declare function getFormula(divider: DividerMode): string | undefined;
+export declare function getLinearDescriptorName(divider: DividerMode): string | undefined;
+export declare function needsDescriptorEvaluation(divider: DividerMode): boolean;
+export declare function getDescriptorName(divider: DividerMode): string | undefined;
+export declare function getDividedAxis(divider?: DividerMode): 'width' | 'depth' | 'height';
+export declare function getDividedLength(axis: 'width' | 'depth' | 'height', dimensions?: DimensionProps): number;
+export declare function isHorizontalDivision(divider: DividerMode): boolean;
+export declare function isVerticalDivision(divider: DividerMode): boolean;
+export {};

package/dist/types/geometry.types.d.ts

@@ -0,0 +1,19 @@
+import { Dimensions } from './primitives.types';
+export interface Geometry {
+    type: 'line' | 'box' | 'cylinder' | 'custom';
+    dimensions?: Dimensions;
+    metadata?: unknown;
+}
+export interface LineGeometry extends Geometry {
+    type: 'line';
+    dimensions: Required<Pick<Dimensions, 'height' | 'thickness'>> & Pick<Dimensions, 'width'>;
+}
+export interface BoxGeometry extends Geometry {
+    type: 'box';
+    dimensions: Required<Pick<Dimensions, 'width' | 'height' | 'depth'>>;
+}
+export interface CylinderGeometry extends Geometry {
+    type: 'cylinder';
+    dimensions: Required<Pick<Dimensions, 'radius' | 'height'>>;
+}
+export type GeometryTypes = LineGeometry | BoxGeometry | CylinderGeometry;

package/dist/types/helper.types.d.ts

@@ -0,0 +1,4 @@
+import { useElemHelper } from '../helpers/angls/UseElemHelper';
+import { useZoneHelper } from '../helpers/angls/UseZoneHelper';
+export type ElemHelperType = ReturnType<typeof useElemHelper>;
+export type ZoneHelperType = ReturnType<typeof useZoneHelper>;

package/dist/types/pd.types.d.ts

@@ -0,0 +1,7 @@
+export interface PDProps {
+    length: number;
+    width: number;
+    thk: number;
+    material?: string;
+    opacity?: number;
+}

package/dist/types/primitives.types.d.ts

@@ -0,0 +1,18 @@
+export interface Point {
+    x: number;
+    y: number;
+    z: number;
+}
+export interface Dimensions {
+    width?: number;
+    height?: number;
+    depth?: number;
+    radius?: number;
+    length?: number;
+    thickness?: number;
+}
+export interface Rotation {
+    x: number;
+    y: number;
+    z: number;
+}

package/dist/types/shape.types.d.ts

@@ -0,0 +1,35 @@
+import { BoxGeometry, CylinderGeometry, Geometry, LineGeometry } from './geometry.types';
+import { Point, Rotation } from './primitives.types';
+export interface Shape {
+    shapeType: string;
+    geometry: Geometry;
+    position?: Point;
+    rotation?: Rotation;
+    metadata?: unknown;
+}
+export interface WallShape extends Shape {
+    shapeType: 'wall';
+    geometry: LineGeometry;
+    startPoint: Point;
+    endPoint: Point;
+}
+export interface CabinetShape extends Shape {
+    shapeType: 'cabinet';
+    geometry: BoxGeometry;
+    position: Point;
+    rotation?: Rotation;
+    style?: string;
+    material?: string;
+}
+export interface DoorShape extends Shape {
+    shapeType: 'door';
+    geometry: BoxGeometry;
+    position: Point;
+    openingDirection: 'left' | 'right' | 'inward' | 'outward';
+}
+export interface ColumnShape extends Shape {
+    shapeType: 'column';
+    geometry: CylinderGeometry;
+    position: Point;
+}
+export type ShapeTypes = WallShape | CabinetShape | DoorShape | ColumnShape;

package/dist/types/view.types.d.ts

@@ -0,0 +1,5 @@
+export declare enum VIEW {
+    _2D_TOP = "2D_TOP",
+    _2D_FRONT = "2D_FRONT",
+    _3D = "3D"
+}

package/dist/types/wall.types.d.ts

@@ -0,0 +1,8 @@
+import { ShapeTypes, WallShape } from './shape.types';
+export interface WallProps {
+    shape: WallShape;
+}
+export interface IArticleInstance {
+    shapeType: ShapeTypes;
+    articleName: string;
+}

package/dist/types/zone.types.d.ts

@@ -0,0 +1,40 @@
+import { VIEW } from './view.types';
+export interface ZoneProps {
+    view?: VIEW;
+    TREEID: string;
+    dimension: {
+        width: number;
+        height: number;
+        depth: number;
+    };
+}
+export interface DimensionProps {
+    width: number;
+    height: number;
+    depth: number;
+}
+export interface PositionedChild {
+    x: number;
+    y: number;
+    z: number;
+    zone_dims: DimensionProps;
+    TREEID: string;
+}
+export interface DividerPosition {
+    x: number;
+    y: number;
+    z: number;
+    width: number;
+    height: number;
+    depth: number;
+}
+export interface PositionHelperResult {
+    childPositions: PositionedChild[];
+    dividerType: 'width' | 'depth' | 'height' | 'article' | 'independent';
+}
+export interface ChildrenDimsResult {
+    isReversed?: boolean;
+    divisionType: 'width' | 'depth' | 'height' | 'article' | 'independent';
+    zone_dimensions: DimensionProps[];
+    divided_length_list: number[];
+}

package/dist/variables/TestVariable.d.ts

@@ -0,0 +1 @@
+export default function TestVariable(): import("react/jsx-runtime").JSX.Element;

package/dist/variables/TestVariableProvider.d.ts

@@ -0,0 +1 @@
+export default function TestVariableProvider(): import("react/jsx-runtime").JSX.Element;

package/dist/variables/VariableContext.d.ts

@@ -0,0 +1,2 @@
+import { VariableContextValue } from './VariableProvider';
+export declare const VariableContext: import('react').Context<VariableContextValue | undefined>;

package/dist/variables/VariableProvider.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { VariableTree } from './VariableResolver';
+import { ImosVariable } from './variable.types';
+export interface VariableProviderProps {
+    children: ReactNode;
+    imosVariables: ImosVariable[];
+    articleValues?: Record<string, string | number>;
+}
+export interface VariableContextValue {
+    tree: VariableTree;
+    setVarValue: (name: string, value: string | number) => void;
+}
+export declare function VariableProvider({ children, imosVariables, articleValues }: VariableProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/variables/VariableResolver.d.ts

@@ -0,0 +1,27 @@
+import { ImosVariable } from './variable.types';
+export type VariableTree = Map<string, ImosVariable>;
+/**
+ * Create variable tree - just convert array to Map
+ */
+export declare function createVariableTree(imosVariables: ImosVariable[]): VariableTree;
+/**
+ * Get the final value by following $VAR references
+ * V1 ($V2) -> V2 ($V3) -> V3 ($V4) -> V4 (400) = 400
+ */
+export declare function getValue(varName: string, tree: VariableTree, visited?: Set<string>): string | number | undefined;
+/**
+ * Set a variable's value (immutable update)
+ */
+export declare function setValue(varName: string, newValue: string | number, tree: VariableTree): VariableTree;
+/**
+ * Resolve variables in a string (e.g., "1:$VAR_M1 mm" → "1:300 mm")
+ */
+export declare function resolveString(str: string, tree: VariableTree): string;
+/**
+ * Check if a string contains variable references
+ */
+export declare function hasVariables(str: string): boolean;
+/**
+ * Extract all variable names from a string
+ */
+export declare function extractVariableNames(str: string): string[];

package/dist/variables/useVariables.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Hook to access variables
+ * Provides utilities to work with the variable tree
+ */
+export declare function useVariables(): {
+    tree: import('./VariableResolver.ts').VariableTree;
+    getValue: (name: string) => string | number | undefined;
+    resolveString: (str: string) => string;
+    hasVariables: (str: string) => boolean;
+    setVarValue: (name: string, value: string | number) => void;
+};

package/dist/variables/variable.types.d.ts

@@ -0,0 +1,24 @@
+export declare enum VAR_TYPE {
+    None = 0,
+    Profile = 2,
+    Surface = 3,
+    Material = 4,
+    Kms = 5,
+    Numeric = 100,
+    Text = 120,
+    color = 29
+}
+export interface ImosVariable {
+    NAME: string;
+    TYP: number;
+    WERT: string;
+}
+export declare function isVariableReference(value: string): boolean;
+export declare function extractVariableName(reference: string): string;
+export interface VariableContextType {
+    getValue: (name: string) => string | number | undefined;
+    setValue: (name: string, value: string | number) => void;
+    resolveString: (str: string) => string;
+    hasVariables: (str: string) => boolean;
+    getTree: () => Map<string, ImosVariable>;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@processandtools/rp-article-designer",
   "private": false,
-  "version": "1.0.14",
+  "version": "1.0.16",
   "author": "Otman Abid Lmerabetine",
   "license": "MIT",
   "type": "module",
@@ -53,17 +53,16 @@
     "three": ">=0.150.0"
   },
   "dependencies": {
-    "@react-three/drei": "^10.7.7",
-    "@react-three/fiber": "^9.5.0",
+    "@react-three/drei": ">=6.0.0",
+    "@react-three/fiber": ">=6.0.0",
     "imos-linear-division": "^0.1.3",
-    "leva": "^0.10.1",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
+    "leva": ">=0.10.0",
+    "react": ">=16.0.0",
+    "react-dom": ">=16.0.0",
     "react-use": "^17.6.0",
-    "three": "^0.182.0"
+    "three": ">=0.150.0"
   },
   "devDependencies": {
-    "javascript-obfuscator": "^5.1.0",
     "@eslint/js": "^9.39.1",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.5",
@@ -73,8 +72,10 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
+    "javascript-obfuscator": "^5.1.0",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
-    "vite": "^7.2.4"
+    "vite": "^7.2.4",
+    "vite-plugin-dts": "^4.5.4"
   }
 }