abstract-3d 0.4.7 → 0.4.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.js
CHANGED
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC"}
|
|
@@ -5,7 +5,7 @@ import * as A3d from "../../abstract-3d.js";
|
|
|
5
5
|
import { ControlsHelper, Camera } from "./react-camera.js";
|
|
6
6
|
import { HotSpotInfo } from "./react-hotspot.js";
|
|
7
7
|
import { MaterialState } from "./react-material.js";
|
|
8
|
-
|
|
8
|
+
type ToReactProps = {
|
|
9
9
|
readonly scene: A3d.Scene;
|
|
10
10
|
readonly selectedId?: string | undefined;
|
|
11
11
|
readonly activeHotSpots?: Record<string, HotSpotInfo> | undefined;
|
|
@@ -26,5 +26,7 @@ export declare const toReact: React.MemoExoticComponent<({ scene, selectedId, ac
|
|
|
26
26
|
readonly onClickHotSpot?: (hotSpot: HotSpotInfo) => void;
|
|
27
27
|
readonly createGroupKey?: (g: A3d.Group, idx: number, rootData: Record<string, string> | undefined, id: string) => string;
|
|
28
28
|
readonly createGroupId?: (g: A3d.Group) => string;
|
|
29
|
-
}
|
|
29
|
+
};
|
|
30
|
+
export declare const toReact: React.MemoExoticComponent<({ scene, selectedId, activeHotSpots, activeComponents, hoveredIdExternal, hotSpotTexts, showHotSpotTexts, showDimensions, useAnimations, camera, view, controlsHelper, canvasProps, orbitContolsProps, materialStateImages, onClickGroup, onContextMenuGroup, onClickHotSpot, createGroupKey, createGroupId, }: ToReactProps) => React.JSX.Element>;
|
|
31
|
+
export {};
|
|
30
32
|
//# sourceMappingURL=react.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/renderers/react/react.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/renderers/react/react.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/renderers/react/react.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/renderers/react/react.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "abstract-3d",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.13",
|
|
4
4
|
"description": "Abstract 3D",
|
|
5
5
|
"author": "Divid AB <info@divid.se>",
|
|
6
6
|
"repository": "https://github.com/dividab/abstract-visuals/tree/master/packages/abstract-3d",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"package.json"
|
|
19
19
|
],
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@react-three/drei": "
|
|
21
|
+
"@react-three/drei": "9.117.3",
|
|
22
22
|
"@react-three/fiber": "^8.17.10",
|
|
23
23
|
"react": "^18.3.1",
|
|
24
24
|
"suspend-react": "^0.1.3",
|
|
@@ -30,5 +30,5 @@
|
|
|
30
30
|
"@types/react-reconciler": "^0.28.8",
|
|
31
31
|
"@types/three": "^0.170.0"
|
|
32
32
|
},
|
|
33
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "5f7b5c5a34806b8e6bd9cf42bdf51e985de65c3a"
|
|
34
34
|
}
|
package/src/index.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { memo } from "react";
|
|
1
|
+
import React, { memo, NamedExoticComponent, PropsWithChildren, ReactNode } from "react";
|
|
2
2
|
import { Canvas, Props } from "@react-three/fiber";
|
|
3
3
|
// import { OrbitControlsProps } from "@react-three/drei";
|
|
4
4
|
import { OrbitControlsProps } from "@react-three/drei/core/OrbitControls.js";
|
|
@@ -8,6 +8,44 @@ import { ReactCamera, ControlsHelper, Camera } from "./react-camera.js";
|
|
|
8
8
|
import { HotSpotInfo } from "./react-hotspot.js";
|
|
9
9
|
import { MaterialState } from "./react-material.js";
|
|
10
10
|
|
|
11
|
+
type ToReactProps = {
|
|
12
|
+
readonly scene: A3d.Scene;
|
|
13
|
+
readonly selectedId?: string | undefined;
|
|
14
|
+
readonly activeHotSpots?: Record<string, HotSpotInfo> | undefined;
|
|
15
|
+
readonly activeComponents?: Record<string, MaterialState> | undefined;
|
|
16
|
+
readonly hoveredIdExternal?: string | undefined;
|
|
17
|
+
readonly showHotSpotTexts?: boolean;
|
|
18
|
+
readonly showDimensions?: boolean;
|
|
19
|
+
readonly hotSpotTexts?: Record<string, string>;
|
|
20
|
+
readonly useAnimations?: boolean;
|
|
21
|
+
readonly camera?: Camera;
|
|
22
|
+
readonly view?: A3d.View;
|
|
23
|
+
readonly controlsHelper?: ControlsHelper;
|
|
24
|
+
readonly canvasProps?: Omit<Props & React.RefAttributes<HTMLCanvasElement>, "children">;
|
|
25
|
+
readonly orbitContolsProps?: OrbitControlsProps & React.RefAttributes<unknown>;
|
|
26
|
+
readonly materialStateImages?: Record<string, string>;
|
|
27
|
+
readonly onClickGroup?: (
|
|
28
|
+
id: string | undefined,
|
|
29
|
+
rootData: Record<string, string> | undefined,
|
|
30
|
+
data: Record<string, string> | undefined
|
|
31
|
+
) => void;
|
|
32
|
+
readonly onContextMenuGroup?: (
|
|
33
|
+
id: string,
|
|
34
|
+
rootData: Record<string, string> | undefined,
|
|
35
|
+
data: Record<string, string> | undefined,
|
|
36
|
+
left: number,
|
|
37
|
+
top: number
|
|
38
|
+
) => void;
|
|
39
|
+
readonly onClickHotSpot?: (hotSpot: HotSpotInfo) => void;
|
|
40
|
+
readonly createGroupKey?: (
|
|
41
|
+
g: A3d.Group,
|
|
42
|
+
idx: number,
|
|
43
|
+
rootData: Record<string, string> | undefined,
|
|
44
|
+
id: string
|
|
45
|
+
) => string;
|
|
46
|
+
readonly createGroupId?: (g: A3d.Group) => string;
|
|
47
|
+
};
|
|
48
|
+
|
|
11
49
|
export const toReact = memo(
|
|
12
50
|
({
|
|
13
51
|
scene,
|
|
@@ -30,43 +68,7 @@ export const toReact = memo(
|
|
|
30
68
|
onClickHotSpot,
|
|
31
69
|
createGroupKey,
|
|
32
70
|
createGroupId,
|
|
33
|
-
}: {
|
|
34
|
-
readonly scene: A3d.Scene;
|
|
35
|
-
readonly selectedId?: string | undefined;
|
|
36
|
-
readonly activeHotSpots?: Record<string, HotSpotInfo> | undefined;
|
|
37
|
-
readonly activeComponents?: Record<string, MaterialState> | undefined;
|
|
38
|
-
readonly hoveredIdExternal?: string | undefined;
|
|
39
|
-
readonly showHotSpotTexts?: boolean;
|
|
40
|
-
readonly showDimensions?: boolean;
|
|
41
|
-
readonly hotSpotTexts?: Record<string, string>;
|
|
42
|
-
readonly useAnimations?: boolean;
|
|
43
|
-
readonly camera?: Camera;
|
|
44
|
-
readonly view?: A3d.View;
|
|
45
|
-
readonly controlsHelper?: ControlsHelper;
|
|
46
|
-
readonly canvasProps?: Omit<Props & React.RefAttributes<HTMLCanvasElement>, "children">;
|
|
47
|
-
readonly orbitContolsProps?: OrbitControlsProps & React.RefAttributes<unknown>;
|
|
48
|
-
readonly materialStateImages?: Record<string, string>;
|
|
49
|
-
readonly onClickGroup?: (
|
|
50
|
-
id: string | undefined,
|
|
51
|
-
rootData: Record<string, string> | undefined,
|
|
52
|
-
data: Record<string, string> | undefined
|
|
53
|
-
) => void;
|
|
54
|
-
readonly onContextMenuGroup?: (
|
|
55
|
-
id: string,
|
|
56
|
-
rootData: Record<string, string> | undefined,
|
|
57
|
-
data: Record<string, string> | undefined,
|
|
58
|
-
left: number,
|
|
59
|
-
top: number
|
|
60
|
-
) => void;
|
|
61
|
-
readonly onClickHotSpot?: (hotSpot: HotSpotInfo) => void;
|
|
62
|
-
readonly createGroupKey?: (
|
|
63
|
-
g: A3d.Group,
|
|
64
|
-
idx: number,
|
|
65
|
-
rootData: Record<string, string> | undefined,
|
|
66
|
-
id: string
|
|
67
|
-
) => string;
|
|
68
|
-
readonly createGroupId?: (g: A3d.Group) => string;
|
|
69
|
-
}): React.JSX.Element => {
|
|
71
|
+
}: ToReactProps): React.JSX.Element => {
|
|
70
72
|
return (
|
|
71
73
|
<Canvas dpr={[1, window.devicePixelRatio]} frameloop="demand" {...canvasProps}>
|
|
72
74
|
{/* <Stats showPanel={0} className="stats" /> */}
|