@buerli.io/react-cad 0.7.1 → 0.8.0

package/build/components/graphics/GeometryOverrides/GeometryOverridesManager.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DrawingID } from '@buerli.io/core';
+export declare const GeometryOverridesManager: React.FC<{
+    drawingId: DrawingID;
+}>;

package/build/components/graphics/GeometryOverrides/GeometryOverridesStore.d.ts

@@ -0,0 +1,18 @@
+import { ObjectID } from '@buerli.io/core';
+export declare type OverrideValues = {
+    meshColor?: THREE.Color;
+    meshOpacity?: number;
+    lineColor?: THREE.Color;
+    lineOpacity?: number;
+};
+export declare type Override = {
+    priority: number;
+    values: OverrideValues;
+    solidIds?: ObjectID[];
+};
+export declare type GeometryOverridesStateT = {
+    overrides: Record<string, Override>;
+    addOverride: (name: string, override: Override) => void;
+    removeOverride: (name: string) => void;
+};
+export declare const useGeometryOverridesStore: import("zustand").UseBoundStore<import("zustand").StoreApi<GeometryOverridesStateT>>;

package/build/components/graphics/GeometryOverrides/index.d.ts

@@ -0,0 +1,2 @@
+export { useOverrideGeometryColor } from './useOverrideGeometryColor';
+export { GeometryOverridesManager } from './GeometryOverridesManager';

package/build/components/graphics/GeometryOverrides/useOverrideGeometryColor.d.ts

@@ -0,0 +1,3 @@
+import { ObjectID } from '@buerli.io/core';
+import { OverrideValues } from './GeometryOverridesStore';
+export declare const useOverrideGeometryColor: (name: string, priority: number, values: OverrideValues, solidIds?: ObjectID[]) => void;

package/build/components/graphics/Outlines/AAPass.d.ts

@@ -0,0 +1,8 @@
+import * as THREE from 'three';
+import { Pass } from 'postprocessing';
+export declare class AAPass extends Pass {
+    material: THREE.RawShaderMaterial;
+    constructor();
+    setSize(width: number, height: number): void;
+    render(renderer: THREE.WebGLRenderer, inputBuffer: THREE.WebGLRenderTarget, outputBuffer: THREE.WebGLRenderTarget): void;
+}

package/build/components/graphics/Outlines/IDPass.d.ts

@@ -7,5 +7,6 @@ export declare class IDPass extends Pass {
     id: number;
     channel: number;
     constructor(scene: THREE.Scene, camera: THREE.Camera);
+    get idColor(): THREE.Color;
     render(renderer: THREE.WebGLRenderer, inputBuffer: THREE.WebGLRenderTarget): void;
 }

package/build/components/graphics/Outlines/Outline.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="postprocessing" />
 import React from 'react';
 import { Object3D } from 'three';
 import { OutlineEffect } from './OutlineEffect';
@@ -9,14 +8,10 @@ export declare type OutlineProps = ConstructorParameters<typeof OutlineEffect>[2
     selectionLayer: number;
 }>;
 export declare const Outline: React.ForwardRefExoticComponent<{
-    edgeStrength?: number | undefined;
-    edgeColor1?: number | undefined;
-    edgeColor2?: number | undefined;
-    edgeColor3?: number | undefined;
-    resolutionScale?: number | undefined;
     width?: number | undefined;
-    height?: number | undefined;
-    kernelSize?: import("postprocessing").KernelSize | undefined;
+    edgeColor1?: [import("three").ColorRepresentation, import("three").ColorRepresentation] | undefined;
+    edgeColor2?: [import("three").ColorRepresentation, import("three").ColorRepresentation] | undefined;
+    edgeColor3?: [import("three").ColorRepresentation, import("three").ColorRepresentation] | undefined;
 } & Partial<{
     selections1: Object3D[][];
     selections2: Object3D[][];

package/build/components/graphics/Outlines/OutlineEffect.d.ts

@@ -1,33 +1,35 @@
 import * as THREE from 'three';
-import { Effect, ClearPass, KawaseBlurPass, ShaderPass, Selection, KernelSize } from 'postprocessing';
+import { Effect, ClearPass, ShaderPass, Selection } from 'postprocessing';
 import { IDPass } from './IDPass';
+import { WidenPass } from './WidenPass';
+import { AAPass } from './AAPass';
 export declare class OutlineEffect extends Effect {
     scene: THREE.Scene;
     camera: THREE.Camera;
     idRT: THREE.WebGLRenderTarget;
     outlineRT: THREE.WebGLRenderTarget;
+    aaRT: THREE.WebGLRenderTarget;
     clearPass: ClearPass;
     idPass: IDPass;
     outlinePass: ShaderPass;
-    blurPass: KawaseBlurPass;
+    widenPass: WidenPass;
+    aaPass: AAPass;
     selections1: Selection[];
     selections2: Selection[];
     selections3: Selection[];
     time: number;
-    processSelection: (renderer: THREE.WebGLRenderer, selection: Selection, id: number) => void;
-    constructor(scene: THREE.Scene, camera: THREE.Camera, { edgeStrength, edgeColor1, edgeColor2, edgeColor3, resolutionScale, width, height, kernelSize, }?: {
-        edgeStrength?: number | undefined;
-        edgeColor1?: number | undefined;
-        edgeColor2?: number | undefined;
-        edgeColor3?: number | undefined;
-        resolutionScale?: number | undefined;
+    isColorSwitchNeeded: (selection: Selection, color: THREE.Color, colorS: THREE.Color) => boolean;
+    processSelection: (renderer: THREE.WebGLRenderer, selection: Selection, color: THREE.Color, colorS: THREE.Color, id: number) => void;
+    constructor(scene: THREE.Scene, camera: THREE.Camera, { width, edgeColor1, edgeColor2, edgeColor3, }?: {
         width?: number | undefined;
-        height?: number | undefined;
-        kernelSize?: KernelSize | undefined;
+        edgeColor1?: [THREE.ColorRepresentation, THREE.ColorRepresentation] | undefined;
+        edgeColor2?: [THREE.ColorRepresentation, THREE.ColorRepresentation] | undefined;
+        edgeColor3?: [THREE.ColorRepresentation, THREE.ColorRepresentation] | undefined;
     });
-    set edgeColor1(value: string | number);
-    set edgeColor2(value: string | number);
-    set edgeColor3(value: string | number);
+    set width(value: number);
+    set edgeColor1(value: [THREE.ColorRepresentation, THREE.ColorRepresentation]);
+    set edgeColor2(value: [THREE.ColorRepresentation, THREE.ColorRepresentation]);
+    set edgeColor3(value: [THREE.ColorRepresentation, THREE.ColorRepresentation]);
     set selectionLayer(value: number);
     update(renderer: THREE.WebGLRenderer, inputBuffer: THREE.WebGLRenderTarget, deltaTime: number): void;
     setSize(width: number, height: number): void;

package/build/components/graphics/Outlines/OutlineMaterial.d.ts

@@ -2,6 +2,8 @@ import * as THREE from 'three';
 export declare class OutlineMaterial extends THREE.ShaderMaterial {
     constructor(texelSize?: THREE.Vector2);
     set inputBuffer(value: THREE.Texture);
+    set idColor(value: THREE.Color);
+    set isColorSwitchNeeded(value: boolean);
     setTexelSize(x: number, y: number): void;
     setSize(width: number, height: number): void;
 }

package/build/components/graphics/Outlines/WidenPass.d.ts

@@ -0,0 +1,17 @@
+import * as THREE from 'three';
+import { Pass, CopyMaterial } from 'postprocessing';
+export declare class WidenPass extends Pass {
+    material: THREE.RawShaderMaterial;
+    copyMaterial: CopyMaterial;
+    renderTargetA: THREE.WebGLRenderTarget;
+    renderTargetB: THREE.WebGLRenderTarget;
+    passes: number;
+    pxPass: boolean;
+    constructor({ width }: {
+        width: number;
+    });
+    set width(value: number);
+    setSize(width: number, height: number): void;
+    render(renderer: THREE.WebGLRenderer, inputBuffer: THREE.WebGLRenderTarget, outputBuffer: THREE.WebGLRenderTarget): void;
+    initialize(renderer: THREE.WebGLRenderer, alpha: boolean, frameBufferType?: number): void;
+}

package/build/components/graphics/SelectedMateObj.d.ts

@@ -7,6 +7,6 @@ export declare const SelectedMateObj: React.FC<{
     matePath: ObjectID[];
     flip: FlipType;
     reoriented: ReorientedType;
-    color?: string | number;
+    color?: THREE.ColorRepresentation;
     opacity?: number;
 }>;

package/build/components/graphics/WorkAxisObj.d.ts

@@ -3,7 +3,7 @@ import { DrawingID, ObjectID } from '@buerli.io/core';
 export declare const WorkAxisObj: React.FC<{
     drawingId: DrawingID;
     objectId: ObjectID;
-    color?: number | string;
+    color?: THREE.ColorRepresentation;
     opacity?: number;
     userData?: any;
     handlers?: any;

package/build/components/graphics/WorkCSysObj.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import * as THREE from 'three';
+import { DrawingID, ObjectID } from '@buerli.io/core';
+export declare const WorkCSysObj: React.FC<{
+    drawingId: DrawingID;
+    objectId: ObjectID;
+    color?: THREE.ColorRepresentation;
+    opacity?: number;
+    userData?: any;
+    handlers?: any;
+}>;

package/build/components/graphics/WorkCoordSystemObj.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
+import * as THREE from 'three';
 import { DrawingID, ObjectID } from '@buerli.io/core';
 export declare const WorkCoordSystemObj: React.FC<{
     drawingId: DrawingID;
     objectId: ObjectID;
-    color?: number | string;
+    color?: THREE.ColorRepresentation;
     opacity?: number;
     userData?: any;
     handlers?: any;

package/build/components/graphics/WorkPlaneObj.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
+import * as THREE from 'three';
 import { DrawingID, ObjectID } from '@buerli.io/core';
 export declare const WorkPlaneObj: React.FC<{
     drawingId: DrawingID;
     objectId: ObjectID;
-    color?: number | string;
+    color?: THREE.ColorRepresentation;
     opacity?: number;
     userData?: any;
     handlers?: any;

package/build/components/graphics/WorkPointObj.d.ts

@@ -3,7 +3,7 @@ import { DrawingID, ObjectID } from '@buerli.io/core';
 export declare const WorkPointObj: React.FC<{
     drawingId: DrawingID;
     objectId: ObjectID;
-    color?: number | string;
+    color?: THREE.ColorRepresentation;
     opacity?: number;
     userData?: any;
     handlers?: any;

package/build/components/graphics/graphics.d.ts

@@ -3,7 +3,7 @@ import * as THREE from 'three';
 export declare const Point: React.FC<{
     position: THREE.Vector3;
     radius: number;
-    color: string | number;
+    color: THREE.ColorRepresentation;
     opacity?: number;
     handlers?: any;
     userData?: any;
@@ -13,7 +13,7 @@ export declare const Arrow: React.FC<{
     direction: THREE.Vector3;
     length: number;
     width: number;
-    color: string | number;
+    color: THREE.ColorRepresentation;
     opacity?: number;
     handlers?: any;
     userData?: any;
@@ -21,7 +21,7 @@ export declare const Arrow: React.FC<{
 }>;
 export declare const OriginPoint: React.FC<{
     position?: THREE.Vector3;
-    color: string | number;
+    color: THREE.ColorRepresentation;
     opacity?: number;
     handlers?: any;
     userData?: any;
@@ -31,7 +31,7 @@ export declare const AxisArrow: React.FC<{
     direction: THREE.Vector3;
     length?: number;
     width?: number;
-    color: string | number;
+    color: THREE.ColorRepresentation;
     opacity?: number;
     handlers?: any;
     userData?: any;
@@ -41,14 +41,14 @@ export declare const Csys: React.FC<{
     matrix: THREE.Matrix4;
     opacity: number;
     handlers?: any;
-    color?: string | number;
+    color?: THREE.ColorRepresentation;
     userData?: any;
 }>;
 export declare const SelectedCsys: React.FC<{
     matrix: THREE.Matrix4;
     opacity?: number;
     handlers?: any;
-    color?: string | number;
+    color?: THREE.ColorRepresentation;
     userData?: any;
 }>;
 export declare const Caption: React.FC<{