@kiberon-labs/behave-graph-scene 1.0.1 → 2.0.0

package/dist/packages/nodes/scene/package.js

@@ -0,0 +1,7 @@
+//#region package.json
+var name = "@kiberon-labs/behave-graph-scene";
+var version = "2.0.0";
+
+//#endregion
+export { name, version };
+//# sourceMappingURL=package.js.map

package/dist/packages/nodes/scene/package.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package.js","names":[],"sources":["../../../../package.json"],"sourcesContent":["{\n  \"name\": \"@kiberon-labs/behave-graph-scene\",\n  \"version\": \"2.0.0\",\n  \"type\": \"module\",\n  \"types\": \"./dist/index.d.ts\",\n  \"main\": \"./dist/index.js\",\n  \"source\": \"./src/index.ts\",\n  \"behaveGraph\": {\n    \"manifest\": \"./dist/behave-graph.manifest.json\"\n  },\n  \"scripts\": {\n    \"build\": \"tsdown && behave-graph-manifest dist/manifest.source.js --out dist\",\n    \"release\": \"npm publish --dry-run\",\n    \"check\": \"oxfmt --check\",\n    \"format\": \"oxfmt\",\n    \"test\": \"vitest\",\n    \"dev\": \"tsdown --watch src\",\n    \"lint\": \"oxlint\",\n    \"typecheck\": \"tsc --noEmit\",\n    \"storybook\": \"storybook dev -p 6006\"\n  },\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/Kiberon-Labs/behave-graph\",\n    \"directory\": \"packages/nodes/scene\"\n  },\n  \"bugs\": \"https://github.com/Kiberon-Labs/behave-graph/issues\",\n  \"devDependencies\": {\n    \"@kiberon-labs/behave-graph-flow\": \"workspace:*\",\n    \"@storybook/addon-a11y\": \"^10.0.8\",\n    \"@storybook/addon-docs\": \"^10.0.8\",\n    \"@storybook/addon-vitest\": \"^10.0.8\",\n    \"@storybook/react-vite\": \"^10.0.8\",\n    \"@types/glob\": \"^8.0.0\",\n    \"@types/node\": \"^24.10.1\",\n    \"@types/offscreencanvas\": \"^2019.7.0\",\n    \"@types/react\": \"^19.2.6\",\n    \"@types/three\": \"0.152.1\",\n    \"oxfmt\": \"^0.14.0\",\n    \"oxlint\": \"^1.29.0\",\n    \"react\": \"19.2.4\",\n    \"storybook\": \"^10.0.8\",\n    \"tsdown\": \"^0.16.5\",\n    \"vite\": \"^7.2.4\",\n    \"vite-tsconfig-paths\": \"^5.1.4\",\n    \"react-dom\": \"19.2.4\",\n    \"vitest\": \"^4.0.10\"\n  },\n  \"author\": \"kiberonlabsdev\",\n  \"license\": \"ISC\",\n  \"peerDependencies\": {\n    \"@kiberon-labs/behave-graph\": \"workspace:*\",\n    \"three\": \"0.152.2\",\n    \"three-stdlib\": \"^2.22.4\"\n  },\n  \"publishConfig\": {\n    \"provenance\": true,\n    \"access\": \"public\"\n  },\n  \"dependencies\": {\n    \"@vscode-elements/react-elements\": \"^2.4.0\"\n  }\n}"],"mappings":";WACU;cACG"}

package/dist/registerSceneProfile.d.ts

@@ -1,9 +1,9 @@
-import { IRegistry, NodeDefinition, ValueType } from "@kiberon-labs/behave-graph";
+import { IRegistry, NodeDefinition, ValueType, ValueTypeMap } from "@kiberon-labs/behave-graph";
 
 //#region src/registerSceneProfile.d.ts
-declare const getSceneValuesMap: any;
+declare const getSceneValuesMap: () => ValueTypeMap;
 declare const getSceneStringConversions: (values: Record<string, ValueType>) => NodeDefinition[];
-declare const getSceneNodesMap: any;
+declare const getSceneNodesMap: () => Record<string, NodeDefinition>;
 declare const registerSceneProfile: (registry: IRegistry) => IRegistry;
 //#endregion
 export { getSceneNodesMap, getSceneStringConversions, getSceneValuesMap, registerSceneProfile };

package/dist/registerSceneProfile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registerSceneProfile.d.ts","names":[],"sources":["../src/registerSceneProfile.ts"],"sourcesContent":[],"mappings":";;;cAiCa;cAiBA,oCACH,eAAe,eACtB;AAnBU,cAwBA,gBATX,EAAA,GAAA;AAEW,cAyCA,oBApCV,EAAA,CAAA,QAAA,EAoC4C,SApC5C,EAAA,GAoCwD,SApCxD"}
+{"version":3,"file":"registerSceneProfile.d.ts","names":[],"sources":["../src/registerSceneProfile.ts"],"sourcesContent":[],"mappings":";;;cAkDa,yBAAiB;cAiBjB,oCACH,eAAe,eACtB;AAnBU,cAwBA,gBAxBiB,EAAA,GAAA,GAwBD,MAT3B,CAAA,MAAA,EAS2B,cAT3B,CAAA;AAEW,cA+DA,oBA1DV,EAAA,CAAA,QAAA,EA0D4C,SA1D5C,EAAA,GA0DwD,SA1DxD"}

package/dist/registerSceneProfile.js

@@ -6,7 +6,20 @@ import { Vec3Value } from "./Values/Vec3Value.js";
 import { Vec4Value } from "./Values/Vec4Value.js";
 import { Mat3Value } from "./Values/Mat3Value.js";
 import { Mat4Value } from "./Values/Mat4Value.js";
+import { AddLight } from "./Nodes/Actions/AddLight.js";
+import { CloneMesh } from "./Nodes/Actions/CloneMesh.js";
+import { CreateMesh } from "./Nodes/Actions/CreateMesh.js";
+import { DeleteMesh } from "./Nodes/Actions/DeleteMesh.js";
+import { LookAt } from "./Nodes/Actions/LookAt.js";
+import { MoveTowards } from "./Nodes/Actions/MoveTowards.js";
+import { RemoveLight } from "./Nodes/Actions/RemoveLight.js";
+import { SetLightProperty } from "./Nodes/Actions/SetLightProperty.js";
+import { SetMaterialProperty } from "./Nodes/Actions/SetMaterialProperty.js";
+import { SetMeshPosition } from "./Nodes/Actions/SetMeshPosition.js";
+import { SetMeshVisible } from "./Nodes/Actions/SetMeshVisible.js";
 import { SetSceneProperty } from "./Nodes/Actions/SetSceneProperty.js";
+import { OnAnyMeshClicked } from "./Nodes/Events/OnAnyMeshClicked.js";
+import { OnSceneChanged } from "./Nodes/Events/OnSceneChanged.js";
 import { OnSceneNodeClick } from "./Nodes/Events/OnSceneNodeClick.js";
 import { ColorNodes_exports } from "./Nodes/Logic/ColorNodes.js";
 import { EulerNodes_exports } from "./Nodes/Logic/EulerNodes.js";
@@ -16,6 +29,10 @@ import { Vec2Nodes_exports } from "./Nodes/Logic/Vec2Nodes.js";
 import { Vec3Nodes_exports } from "./Nodes/Logic/Vec3Nodes.js";
 import { Vec4Nodes_exports } from "./Nodes/Logic/Vec4Nodes.js";
 import { QuatNodes_exports } from "./Nodes/Logic/QuatNodes.js";
+import { GetDistanceBetween } from "./Nodes/Queries/GetDistanceBetween.js";
+import { GetLightProperty } from "./Nodes/Queries/GetLightProperty.js";
+import { GetMaterialProperty } from "./Nodes/Queries/GetMaterialProperty.js";
+import { GetMeshPosition } from "./Nodes/Queries/GetMeshPosition.js";
 import { GetSceneProperty } from "./Nodes/Queries/GetSceneProperty.js";
 import { getCoreValuesMap, getNodeDescriptions, getStringConversionsForValueType, memo } from "@kiberon-labs/behave-graph";
 
@@ -52,8 +69,25 @@ const getSceneNodesMap = memo(() => {
 		...getNodeDescriptions(Mat3Nodes_exports),
 		...getNodeDescriptions(Mat4Nodes_exports),
 		OnSceneNodeClick,
+		OnSceneChanged,
+		OnAnyMeshClicked,
 		...SetSceneProperty(allValueTypeNames),
+		CreateMesh,
+		DeleteMesh,
+		CloneMesh,
+		MoveTowards,
+		LookAt,
+		SetMeshPosition,
+		SetMeshVisible,
+		AddLight,
+		RemoveLight,
+		SetLightProperty,
+		SetMaterialProperty,
 		...GetSceneProperty(allValueTypeNames),
+		GetLightProperty,
+		GetMaterialProperty,
+		GetMeshPosition,
+		GetDistanceBetween,
 		...getSceneStringConversions(getSceneValuesMap())
 	];
 	return Object.fromEntries(nodeDefinitions.map((nodeDefinition) => [nodeDefinition.typeName, nodeDefinition]));
@@ -69,7 +103,7 @@ const registerSceneProfile = (registry) => {
 			...registry.nodes,
 			...getSceneNodesMap()
 		},
-		dependencies: { ...registry.dependencies }
+		dependencies: registry.dependencies
 	};
 };
 

package/dist/registerSceneProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSceneProfile.js","names":["Vec2Nodes","Vec3Nodes","Vec4Nodes","ColorNodes","EulerNodes","QuatNodes","Mat3Nodes","Mat4Nodes"],"sources":["../src/registerSceneProfile.ts"],"sourcesContent":["import {\n  getCoreValuesMap,\n  getNodeDescriptions,\n  getStringConversionsForValueType,\n  memo\n} from '@kiberon-labs/behave-graph';\nimport type {\n  IRegistry,\n  NodeDefinition,\n  ValueType,\n  ValueTypeMap\n} from '@kiberon-labs/behave-graph';\n\nimport { SetSceneProperty } from './Nodes/Actions/SetSceneProperty.js';\nimport { OnSceneNodeClick } from './Nodes/Events/OnSceneNodeClick.js';\nimport * as ColorNodes from './Nodes/Logic/ColorNodes.js';\nimport * as EulerNodes from './Nodes/Logic/EulerNodes.js';\nimport * as Mat3Nodes from './Nodes/Logic/Mat3Nodes.js';\nimport * as Mat4Nodes from './Nodes/Logic/Mat4Nodes.js';\nimport * as QuatNodes from './Nodes/Logic/QuatNodes.js';\nimport * as Vec2Nodes from './Nodes/Logic/Vec2Nodes.js';\nimport * as Vec3Nodes from './Nodes/Logic/Vec3Nodes.js';\nimport * as Vec4Nodes from './Nodes/Logic/Vec4Nodes.js';\nimport { GetSceneProperty } from './Nodes/Queries/GetSceneProperty.js';\nimport { ColorValue } from './Values/ColorValue.js';\nimport { EulerValue } from './Values/EulerValue.js';\nimport { Mat3Value } from './Values/Mat3Value.js';\nimport { Mat4Value } from './Values/Mat4Value.js';\nimport { QuatValue } from './Values/QuatValue.js';\nimport { Vec2Value } from './Values/Vec2Value.js';\nimport { Vec3Value } from './Values/Vec3Value.js';\nimport { Vec4Value } from './Values/Vec4Value.js';\n\nexport const getSceneValuesMap = memo<ValueTypeMap>(() => {\n  const valueTypes = [\n    Vec2Value,\n    Vec3Value,\n    Vec4Value,\n    ColorValue,\n    EulerValue,\n    QuatValue,\n    Mat3Value,\n    Mat4Value\n  ];\n  const temp = Object.fromEntries(\n    valueTypes.map((valueType) => [valueType.name, valueType])\n  );\n  return temp;\n});\n\nexport const getSceneStringConversions = (\n  values: Record<string, ValueType>\n): NodeDefinition[] =>\n  Object.keys(values).flatMap((valueTypeName) =>\n    getStringConversionsForValueType({ values, valueTypeName })\n  );\n\nexport const getSceneNodesMap = memo<Record<string, NodeDefinition>>(() => {\n  const allValueTypeNames = Object.keys({\n    ...getCoreValuesMap(),\n    ...getSceneValuesMap()\n  });\n\n  const nodeDefinitions = [\n    // pull in value type nodes\n    ...getNodeDescriptions(Vec2Nodes),\n    ...getNodeDescriptions(Vec3Nodes),\n    ...getNodeDescriptions(Vec4Nodes),\n    ...getNodeDescriptions(ColorNodes),\n    ...getNodeDescriptions(EulerNodes),\n    ...getNodeDescriptions(QuatNodes),\n    ...getNodeDescriptions(Mat3Nodes),\n    ...getNodeDescriptions(Mat4Nodes),\n\n    // events\n    OnSceneNodeClick,\n    // actions\n    ...SetSceneProperty(allValueTypeNames),\n    ...GetSceneProperty(allValueTypeNames),\n\n    ...getSceneStringConversions(getSceneValuesMap())\n  ];\n\n  return Object.fromEntries(\n    nodeDefinitions.map((nodeDefinition) => [\n      nodeDefinition.typeName,\n      nodeDefinition\n    ])\n  );\n});\n\nexport const registerSceneProfile = (registry: IRegistry): IRegistry => {\n  const values = {\n    ...registry.values,\n    ...getCoreValuesMap(),\n    ...getSceneValuesMap()\n  };\n  return {\n    values,\n    nodes: { ...registry.nodes, ...getSceneNodesMap() },\n    dependencies: {\n      ...registry.dependencies\n    }\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAa,oBAAoB,WAAyB;CACxD,MAAM,aAAa;EACjB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;AAID,QAHa,OAAO,YAClB,WAAW,KAAK,cAAc,CAAC,UAAU,MAAM,UAAU,CAAC,CAC3D;EAED;AAEF,MAAa,6BACX,WAEA,OAAO,KAAK,OAAO,CAAC,SAAS,kBAC3B,iCAAiC;CAAE;CAAQ;CAAe,CAAC,CAC5D;AAEH,MAAa,mBAAmB,WAA2C;CACzE,MAAM,oBAAoB,OAAO,KAAK;EACpC,GAAG,kBAAkB;EACrB,GAAG,mBAAmB;EACvB,CAAC;CAEF,MAAM,kBAAkB;EAEtB,GAAG,oBAAoBA,kBAAU;EACjC,GAAG,oBAAoBC,kBAAU;EACjC,GAAG,oBAAoBC,kBAAU;EACjC,GAAG,oBAAoBC,mBAAW;EAClC,GAAG,oBAAoBC,mBAAW;EAClC,GAAG,oBAAoBC,kBAAU;EACjC,GAAG,oBAAoBC,kBAAU;EACjC,GAAG,oBAAoBC,kBAAU;EAGjC;EAEA,GAAG,iBAAiB,kBAAkB;EACtC,GAAG,iBAAiB,kBAAkB;EAEtC,GAAG,0BAA0B,mBAAmB,CAAC;EAClD;AAED,QAAO,OAAO,YACZ,gBAAgB,KAAK,mBAAmB,CACtC,eAAe,UACf,eACD,CAAC,CACH;EACD;AAEF,MAAa,wBAAwB,aAAmC;AAMtE,QAAO;EACL,QANa;GACb,GAAG,SAAS;GACZ,GAAG,kBAAkB;GACrB,GAAG,mBAAmB;GACvB;EAGC,OAAO;GAAE,GAAG,SAAS;GAAO,GAAG,kBAAkB;GAAE;EACnD,cAAc,EACZ,GAAG,SAAS,cACb;EACF"}
+{"version":3,"file":"registerSceneProfile.js","names":["Vec2Nodes","Vec3Nodes","Vec4Nodes","ColorNodes","EulerNodes","QuatNodes","Mat3Nodes","Mat4Nodes"],"sources":["../src/registerSceneProfile.ts"],"sourcesContent":["import {\n  getCoreValuesMap,\n  getNodeDescriptions,\n  getStringConversionsForValueType,\n  memo\n} from '@kiberon-labs/behave-graph';\nimport type {\n  IRegistry,\n  NodeDefinition,\n  ValueType,\n  ValueTypeMap\n} from '@kiberon-labs/behave-graph';\n\nimport { AddLight } from './Nodes/Actions/AddLight.js';\nimport { CloneMesh } from './Nodes/Actions/CloneMesh.js';\nimport { CreateMesh } from './Nodes/Actions/CreateMesh.js';\nimport { DeleteMesh } from './Nodes/Actions/DeleteMesh.js';\nimport { LookAt } from './Nodes/Actions/LookAt.js';\nimport { MoveTowards } from './Nodes/Actions/MoveTowards.js';\nimport { RemoveLight } from './Nodes/Actions/RemoveLight.js';\nimport { SetLightProperty } from './Nodes/Actions/SetLightProperty.js';\nimport { SetMaterialProperty } from './Nodes/Actions/SetMaterialProperty.js';\nimport { SetMeshPosition } from './Nodes/Actions/SetMeshPosition.js';\nimport { SetMeshVisible } from './Nodes/Actions/SetMeshVisible.js';\nimport { SetSceneProperty } from './Nodes/Actions/SetSceneProperty.js';\nimport { OnAnyMeshClicked } from './Nodes/Events/OnAnyMeshClicked.js';\nimport { OnSceneChanged } from './Nodes/Events/OnSceneChanged.js';\nimport { OnSceneNodeClick } from './Nodes/Events/OnSceneNodeClick.js';\nimport * as ColorNodes from './Nodes/Logic/ColorNodes.js';\nimport * as EulerNodes from './Nodes/Logic/EulerNodes.js';\nimport * as Mat3Nodes from './Nodes/Logic/Mat3Nodes.js';\nimport * as Mat4Nodes from './Nodes/Logic/Mat4Nodes.js';\nimport * as QuatNodes from './Nodes/Logic/QuatNodes.js';\nimport * as Vec2Nodes from './Nodes/Logic/Vec2Nodes.js';\nimport * as Vec3Nodes from './Nodes/Logic/Vec3Nodes.js';\nimport * as Vec4Nodes from './Nodes/Logic/Vec4Nodes.js';\nimport { GetDistanceBetween } from './Nodes/Queries/GetDistanceBetween.js';\nimport { GetLightProperty } from './Nodes/Queries/GetLightProperty.js';\nimport { GetMaterialProperty } from './Nodes/Queries/GetMaterialProperty.js';\nimport { GetMeshPosition } from './Nodes/Queries/GetMeshPosition.js';\nimport { GetSceneProperty } from './Nodes/Queries/GetSceneProperty.js';\nimport { ColorValue } from './Values/ColorValue.js';\nimport { EulerValue } from './Values/EulerValue.js';\nimport { Mat3Value } from './Values/Mat3Value.js';\nimport { Mat4Value } from './Values/Mat4Value.js';\nimport { QuatValue } from './Values/QuatValue.js';\nimport { Vec2Value } from './Values/Vec2Value.js';\nimport { Vec3Value } from './Values/Vec3Value.js';\nimport { Vec4Value } from './Values/Vec4Value.js';\n\nexport const getSceneValuesMap = memo<ValueTypeMap>(() => {\n  const valueTypes = [\n    Vec2Value,\n    Vec3Value,\n    Vec4Value,\n    ColorValue,\n    EulerValue,\n    QuatValue,\n    Mat3Value,\n    Mat4Value\n  ];\n  const temp = Object.fromEntries(\n    valueTypes.map((valueType) => [valueType.name, valueType])\n  );\n  return temp;\n});\n\nexport const getSceneStringConversions = (\n  values: Record<string, ValueType>\n): NodeDefinition[] =>\n  Object.keys(values).flatMap((valueTypeName) =>\n    getStringConversionsForValueType({ values, valueTypeName })\n  );\n\nexport const getSceneNodesMap = memo<Record<string, NodeDefinition>>(() => {\n  const allValueTypeNames = Object.keys({\n    ...getCoreValuesMap(),\n    ...getSceneValuesMap()\n  });\n\n  const nodeDefinitions = [\n    // pull in value type nodes\n    ...getNodeDescriptions(Vec2Nodes),\n    ...getNodeDescriptions(Vec3Nodes),\n    ...getNodeDescriptions(Vec4Nodes),\n    ...getNodeDescriptions(ColorNodes),\n    ...getNodeDescriptions(EulerNodes),\n    ...getNodeDescriptions(QuatNodes),\n    ...getNodeDescriptions(Mat3Nodes),\n    ...getNodeDescriptions(Mat4Nodes),\n\n    // events\n    OnSceneNodeClick,\n    OnSceneChanged,\n    OnAnyMeshClicked,\n    // actions - property\n    ...SetSceneProperty(allValueTypeNames),\n    // actions - mesh lifecycle\n    CreateMesh,\n    DeleteMesh,\n    CloneMesh,\n    // actions - spatial\n    MoveTowards,\n    LookAt,\n    SetMeshPosition,\n    SetMeshVisible,\n    // actions - lighting\n    AddLight,\n    RemoveLight,\n    SetLightProperty,\n    // actions - material\n    SetMaterialProperty,\n    // queries\n    ...GetSceneProperty(allValueTypeNames),\n    GetLightProperty,\n    GetMaterialProperty,\n    GetMeshPosition,\n    GetDistanceBetween,\n\n    ...getSceneStringConversions(getSceneValuesMap())\n  ];\n\n  return Object.fromEntries(\n    nodeDefinitions.map((nodeDefinition) => [\n      nodeDefinition.typeName,\n      nodeDefinition\n    ])\n  );\n});\n\nexport const registerSceneProfile = (registry: IRegistry): IRegistry => {\n  const values = {\n    ...registry.values,\n    ...getCoreValuesMap(),\n    ...getSceneValuesMap()\n  };\n  return {\n    values,\n    nodes: { ...registry.nodes, ...getSceneNodesMap() },\n    dependencies: registry.dependencies\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,MAAa,oBAAoB,WAAyB;CACxD,MAAM,aAAa;EACjB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;AAID,QAHa,OAAO,YAClB,WAAW,KAAK,cAAc,CAAC,UAAU,MAAM,UAAU,CAAC,CAC3D;EAED;AAEF,MAAa,6BACX,WAEA,OAAO,KAAK,OAAO,CAAC,SAAS,kBAC3B,iCAAiC;CAAE;CAAQ;CAAe,CAAC,CAC5D;AAEH,MAAa,mBAAmB,WAA2C;CACzE,MAAM,oBAAoB,OAAO,KAAK;EACpC,GAAG,kBAAkB;EACrB,GAAG,mBAAmB;EACvB,CAAC;CAEF,MAAM,kBAAkB;EAEtB,GAAG,oBAAoBA,kBAAU;EACjC,GAAG,oBAAoBC,kBAAU;EACjC,GAAG,oBAAoBC,kBAAU;EACjC,GAAG,oBAAoBC,mBAAW;EAClC,GAAG,oBAAoBC,mBAAW;EAClC,GAAG,oBAAoBC,kBAAU;EACjC,GAAG,oBAAoBC,kBAAU;EACjC,GAAG,oBAAoBC,kBAAU;EAGjC;EACA;EACA;EAEA,GAAG,iBAAiB,kBAAkB;EAEtC;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA,GAAG,iBAAiB,kBAAkB;EACtC;EACA;EACA;EACA;EAEA,GAAG,0BAA0B,mBAAmB,CAAC;EAClD;AAED,QAAO,OAAO,YACZ,gBAAgB,KAAK,mBAAmB,CACtC,eAAe,UACf,eACD,CAAC,CACH;EACD;AAEF,MAAa,wBAAwB,aAAmC;AAMtE,QAAO;EACL,QANa;GACb,GAAG,SAAS;GACZ,GAAG,kBAAkB;GACrB,GAAG,mBAAmB;GACvB;EAGC,OAAO;GAAE,GAAG,SAAS;GAAO,GAAG,kBAAkB;GAAE;EACnD,cAAc,SAAS;EACxB"}

package/dist/ui/controls/vec3.d.ts

@@ -0,0 +1,9 @@
+import { Vec3JSON } from "../../Values/Internal/Vec3.js";
+import React from "react";
+import { ControlProps } from "@kiberon-labs/behave-graph-flow";
+
+//#region src/ui/controls/vec3.d.ts
+declare const Vec3Control: React.FC<ControlProps<Vec3JSON>>;
+//#endregion
+export { Vec3Control };
+//# sourceMappingURL=vec3.d.ts.map

package/dist/ui/controls/vec3.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vec3.d.ts","names":[],"sources":["../../../src/ui/controls/vec3.tsx"],"sourcesContent":[],"mappings":";;;;;cAgBa,aAAa,KAAA,CAAM,GAAG,aAAa"}

package/dist/ui/controls/vec3.js

@@ -0,0 +1,99 @@
+import { __toESM } from "../../_virtual/rolldown_runtime.js";
+import { require_react } from "../../node_modules/.pnpm/react@19.2.3/node_modules/react/index.js";
+import { require_jsx_runtime } from "../../node_modules/.pnpm/react@19.2.3/node_modules/react/jsx-runtime.js";
+import { VscodeTextfield } from "@vscode-elements/react-elements";
+
+//#region src/ui/controls/vec3.tsx
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+const readNumber = (e) => {
+	const stringValue = e.currentTarget.value;
+	const num = parseFloat(stringValue);
+	return isNaN(num) ? void 0 : num;
+};
+const Vec3Control = ({ value, onChange }) => {
+	const vec = value ?? [
+		0,
+		0,
+		0
+	];
+	const handleChangeX = (e) => {
+		const num = readNumber(e);
+		if (num !== void 0) onChange([
+			num,
+			vec[1],
+			vec[2]
+		]);
+	};
+	const handleChangeY = (e) => {
+		const num = readNumber(e);
+		if (num !== void 0) onChange([
+			vec[0],
+			num,
+			vec[2]
+		]);
+	};
+	const handleChangeZ = (e) => {
+		const num = readNumber(e);
+		if (num !== void 0) onChange([
+			vec[0],
+			vec[1],
+			num
+		]);
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		style: {
+			display: "flex",
+			gap: "4px",
+			alignItems: "center"
+		},
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+				style: {
+					fontSize: "11px",
+					opacity: .7,
+					minWidth: "12px"
+				},
+				children: "X"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(VscodeTextfield, {
+				type: "number",
+				value: vec[0].toString(),
+				onChange: handleChangeX,
+				style: { flex: 1 }
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+				style: {
+					fontSize: "11px",
+					opacity: .7,
+					minWidth: "12px"
+				},
+				children: "Y"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(VscodeTextfield, {
+				type: "number",
+				value: vec[1].toString(),
+				onChange: handleChangeY,
+				style: { flex: 1 }
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+				style: {
+					fontSize: "11px",
+					opacity: .7,
+					minWidth: "12px"
+				},
+				children: "Z"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(VscodeTextfield, {
+				type: "number",
+				value: vec[2].toString(),
+				onChange: handleChangeZ,
+				style: { flex: 1 }
+			})
+		]
+	});
+};
+
+//#endregion
+export { Vec3Control };
+//# sourceMappingURL=vec3.js.map

package/dist/ui/controls/vec3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vec3.js","names":["Vec3Control: React.FC<ControlProps<Vec3JSON>>"],"sources":["../../../src/ui/controls/vec3.tsx"],"sourcesContent":["import React from 'react';\n\nimport { VscodeTextfield } from '@vscode-elements/react-elements';\nimport type { ControlProps } from '@kiberon-labs/behave-graph-flow';\nimport type { Vec3JSON } from '@/Values/Internal/Vec3';\n\n// The @vscode-elements/react-elements typings surface the underlying custom\n// element's DOM events, so its `onChange` hands back a plain `Event`. Pull the\n// value out via the input target (same hack the flow number control uses).\nconst readNumber = (e: Event): number | undefined => {\n  const stringValue = (e as unknown as React.ChangeEvent<HTMLInputElement>)\n    .currentTarget.value;\n  const num = parseFloat(stringValue);\n  return isNaN(num) ? undefined : num;\n};\n\nexport const Vec3Control: React.FC<ControlProps<Vec3JSON>> = ({\n  value,\n  onChange\n}) => {\n  const vec = value ?? [0, 0, 0];\n\n  const handleChangeX = (e: Event) => {\n    const num = readNumber(e);\n    if (num !== undefined) onChange([num, vec[1], vec[2]]);\n  };\n\n  const handleChangeY = (e: Event) => {\n    const num = readNumber(e);\n    if (num !== undefined) onChange([vec[0], num, vec[2]]);\n  };\n\n  const handleChangeZ = (e: Event) => {\n    const num = readNumber(e);\n    if (num !== undefined) onChange([vec[0], vec[1], num]);\n  };\n\n  return (\n    <div style={{ display: 'flex', gap: '4px', alignItems: 'center' }}>\n      <label style={{ fontSize: '11px', opacity: 0.7, minWidth: '12px' }}>\n        X\n      </label>\n      <VscodeTextfield\n        type=\"number\"\n        value={vec[0].toString()}\n        onChange={handleChangeX}\n        style={{ flex: 1 }}\n      />\n      <label style={{ fontSize: '11px', opacity: 0.7, minWidth: '12px' }}>\n        Y\n      </label>\n      <VscodeTextfield\n        type=\"number\"\n        value={vec[1].toString()}\n        onChange={handleChangeY}\n        style={{ flex: 1 }}\n      />\n      <label style={{ fontSize: '11px', opacity: 0.7, minWidth: '12px' }}>\n        Z\n      </label>\n      <VscodeTextfield\n        type=\"number\"\n        value={vec[2].toString()}\n        onChange={handleChangeZ}\n        style={{ flex: 1 }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AASA,MAAM,cAAc,MAAiC;CACnD,MAAM,cAAe,EAClB,cAAc;CACjB,MAAM,MAAM,WAAW,YAAY;AACnC,QAAO,MAAM,IAAI,GAAG,SAAY;;AAGlC,MAAaA,eAAiD,EAC5D,OACA,eACI;CACJ,MAAM,MAAM,SAAS;EAAC;EAAG;EAAG;EAAE;CAE9B,MAAM,iBAAiB,MAAa;EAClC,MAAM,MAAM,WAAW,EAAE;AACzB,MAAI,QAAQ,OAAW,UAAS;GAAC;GAAK,IAAI;GAAI,IAAI;GAAG,CAAC;;CAGxD,MAAM,iBAAiB,MAAa;EAClC,MAAM,MAAM,WAAW,EAAE;AACzB,MAAI,QAAQ,OAAW,UAAS;GAAC,IAAI;GAAI;GAAK,IAAI;GAAG,CAAC;;CAGxD,MAAM,iBAAiB,MAAa;EAClC,MAAM,MAAM,WAAW,EAAE;AACzB,MAAI,QAAQ,OAAW,UAAS;GAAC,IAAI;GAAI,IAAI;GAAI;GAAI,CAAC;;AAGxD,QACE,6CAAC;EAAI,OAAO;GAAE,SAAS;GAAQ,KAAK;GAAO,YAAY;GAAU;;GAC/D,4CAAC;IAAM,OAAO;KAAE,UAAU;KAAQ,SAAS;KAAK,UAAU;KAAQ;cAAE;KAE5D;GACR,4CAAC;IACC,MAAK;IACL,OAAO,IAAI,GAAG,UAAU;IACxB,UAAU;IACV,OAAO,EAAE,MAAM,GAAG;KAClB;GACF,4CAAC;IAAM,OAAO;KAAE,UAAU;KAAQ,SAAS;KAAK,UAAU;KAAQ;cAAE;KAE5D;GACR,4CAAC;IACC,MAAK;IACL,OAAO,IAAI,GAAG,UAAU;IACxB,UAAU;IACV,OAAO,EAAE,MAAM,GAAG;KAClB;GACF,4CAAC;IAAM,OAAO;KAAE,UAAU;KAAQ,SAAS;KAAK,UAAU;KAAQ;cAAE;KAE5D;GACR,4CAAC;IACC,MAAK;IACL,OAAO,IAAI,GAAG,UAAU;IACxB,UAAU;IACV,OAAO,EAAE,MAAM,GAAG;KAClB;;GACE"}

package/package.json

@@ -1,44 +1,63 @@
 {
   "name": "@kiberon-labs/behave-graph-scene",
-  "version": "1.0.1",
+  "version": "2.0.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
   "source": "./src/index.ts",
+  "behaveGraph": {
+    "manifest": "./dist/behave-graph.manifest.json"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/Kiberon-Labs/behave-graph",
-    "directory": "packages/scene"
+    "directory": "packages/nodes/scene"
   },
-  "bugs": "https://github.com/kiberon-labs/behave-graph/issues",
+  "bugs": "https://github.com/Kiberon-Labs/behave-graph/issues",
   "devDependencies": {
+    "@storybook/addon-a11y": "^10.0.8",
+    "@storybook/addon-docs": "^10.0.8",
+    "@storybook/addon-vitest": "^10.0.8",
+    "@storybook/react-vite": "^10.0.8",
     "@types/glob": "^8.0.0",
     "@types/node": "^24.10.1",
     "@types/offscreencanvas": "^2019.7.0",
+    "@types/react": "^19.2.6",
     "@types/three": "0.152.1",
     "oxfmt": "^0.14.0",
     "oxlint": "^1.29.0",
+    "react": "19.2.4",
+    "storybook": "^10.0.8",
     "tsdown": "^0.16.5",
-    "vitest": "^4.0.10"
+    "vite": "^7.2.4",
+    "vite-tsconfig-paths": "^5.1.4",
+    "react-dom": "19.2.4",
+    "vitest": "^4.0.10",
+    "@kiberon-labs/behave-graph-flow": "3.0.0"
   },
-  "dependencies": {},
+  "author": "kiberonlabsdev",
   "license": "ISC",
   "peerDependencies": {
-    "@kiberon-labs/behave-graph": "*",
     "three": "0.152.2",
-    "three-stdlib": "^2.22.4"
+    "three-stdlib": "^2.22.4",
+    "@kiberon-labs/behave-graph": "1.2.0"
   },
   "publishConfig": {
     "provenance": true,
     "access": "public"
   },
+  "dependencies": {
+    "@vscode-elements/react-elements": "^2.4.0"
+  },
   "scripts": {
-    "build": "tsdown",
+    "build": "tsdown && behave-graph-manifest dist/manifest.source.js --out dist",
+    "release": "npm publish --dry-run",
     "check": "oxfmt --check",
     "format": "oxfmt",
     "test": "vitest",
     "dev": "tsdown --watch src",
     "lint": "oxlint",
-    "typecheck": "tsc"
+    "typecheck": "tsc --noEmit",
+    "storybook": "storybook dev -p 6006"
   }
 }

package/src/Abstractions/Drivers/DummyScene.ts

@@ -13,7 +13,7 @@ import { QuatValue } from '../../Values/QuatValue.js';
 import { Vec2Value } from '../../Values/Vec2Value.js';
 import { Vec3Value } from '../../Values/Vec3Value.js';
 import { Vec4Value } from '../../Values/Vec4Value.js';
-import type { IScene } from '../IScene.js';
+import type { GeometryType, IScene, LightType } from '../IScene.js';
 
 export class DummyScene implements IScene {
   public onSceneChanged = new EventEmitter<void>();
@@ -38,7 +38,7 @@ export class DummyScene implements IScene {
     // pull in value type nodes
   }
 
-  getProperty(jsonPath: string, valueTypeName: string): any {
+  getProperty(jsonPath: string, valueTypeName: string): unknown {
     return this.valueRegistry[valueTypeName]?.creator();
   }
   setProperty(): void {
@@ -76,4 +76,112 @@ export class DummyScene implements IScene {
   removeOnSceneChangedListener(): void {
     console.log('removed on scene changed listener');
   }
+
+  // --- mesh lifecycle ---
+  createMesh(
+    _name: string,
+    _geometryType: GeometryType,
+    _size: { x: number; y: number; z: number }
+  ): void {
+    console.log('created mesh (dummy)');
+  }
+
+  deleteMesh(_name: string): void {
+    console.log('deleted mesh (dummy)');
+  }
+
+  getMeshNames() {
+    return [];
+  }
+
+  // --- lighting ---
+  addLight(
+    _name: string,
+    _lightType: LightType,
+    _color: { r: number; g: number; b: number },
+    _intensity: number
+  ): void {
+    console.log('added light (dummy)');
+  }
+
+  removeLight(_name: string): void {
+    console.log('removed light (dummy)');
+  }
+
+  setLightProperty(_name: string, _property: string, _value: unknown): void {
+    console.log('set light property (dummy)');
+  }
+
+  getLightProperty(_name: string, _property: string): unknown {
+    return undefined;
+  }
+
+  getLightNames() {
+    return [];
+  }
+
+  // --- material ---
+  setMaterialProperty(
+    _meshName: string,
+    _property: string,
+    _value: unknown
+  ): void {
+    console.log('set material property (dummy)');
+  }
+
+  getMaterialProperty(_meshName: string, _property: string): unknown {
+    return undefined;
+  }
+
+  // --- global click ---
+  addOnAnyMeshClickedListener(_callback: (meshName: string) => void): void {
+    console.log('added on any mesh clicked listener (dummy)');
+  }
+
+  removeOnAnyMeshClickedListener(_callback: (meshName: string) => void): void {
+    console.log('removed on any mesh clicked listener (dummy)');
+  }
+
+  // --- spatial helpers ---
+  getMeshPosition(
+    _meshName: string
+  ): { x: number; y: number; z: number } | undefined {
+    return { x: 0, y: 0, z: 0 };
+  }
+
+  setMeshPosition(
+    _meshName: string,
+    _position: { x: number; y: number; z: number }
+  ): void {
+    console.log('set mesh position (dummy)');
+  }
+
+  getDistanceBetween(_meshA: string, _meshB: string): number {
+    return 0;
+  }
+
+  lookAt(
+    _meshName: string,
+    _target: { x: number; y: number; z: number }
+  ): void {
+    console.log('lookAt (dummy)');
+  }
+
+  moveTowards(
+    _meshName: string,
+    _target: { x: number; y: number; z: number },
+    _speed: number,
+    _deltaSeconds: number
+  ): boolean {
+    return true;
+  }
+
+  // --- mesh utilities ---
+  cloneMesh(_sourceName: string, _newName: string): void {
+    console.log('cloned mesh (dummy)');
+  }
+
+  setMeshVisible(_meshName: string, _visible: boolean): void {
+    console.log('set mesh visible (dummy)');
+  }
 }

package/src/Abstractions/IScene.ts

@@ -1,8 +1,29 @@
 import type { Choices } from '@kiberon-labs/behave-graph';
 
+export const GeometryType = {
+  Box: 'box',
+  Sphere: 'sphere',
+  Cylinder: 'cylinder',
+  Torus: 'torus',
+  Plane: 'plane',
+  Cone: 'cone'
+} as const;
+
+export type GeometryType = (typeof GeometryType)[keyof typeof GeometryType];
+
+export const LightType = {
+  Point: 'point',
+  Directional: 'directional',
+  Spot: 'spot',
+  Ambient: 'ambient'
+} as const;
+
+export type LightType = (typeof LightType)[keyof typeof LightType];
+
 export interface IScene {
-  getProperty(jsonPath: string, valueTypeName: string): any;
-  setProperty(jsonPath: string, valueTypeName: string, value: any): void;
+  // --- existing property accessors ---
+  getProperty(jsonPath: string, valueTypeName: string): unknown;
+  setProperty(jsonPath: string, valueTypeName: string, value: unknown): void;
   addOnClickedListener(
     jsonPath: string,
     callback: (jsonPath: string) => void
@@ -12,7 +33,57 @@ export interface IScene {
     callback: (jsonPath: string) => void
   ): void;
   getRaycastableProperties: () => Choices;
-  getProperties: () => Choices;
+  getProperties: (valueFilter?: string) => Choices;
   addOnSceneChangedListener(listener: () => void): void;
   removeOnSceneChangedListener(listener: () => void): void;
+
+  // --- mesh lifecycle ---
+  createMesh(
+    name: string,
+    geometryType: GeometryType,
+    size: { x: number; y: number; z: number }
+  ): void;
+  deleteMesh(name: string): void;
+  getMeshNames: () => Choices;
+
+  // --- lighting ---
+  addLight(
+    name: string,
+    lightType: LightType,
+    color: { r: number; g: number; b: number },
+    intensity: number
+  ): void;
+  removeLight(name: string): void;
+  setLightProperty(name: string, property: string, value: unknown): void;
+  getLightProperty(name: string, property: string): unknown;
+  getLightNames: () => Choices;
+
+  // --- material ---
+  setMaterialProperty(meshName: string, property: string, value: unknown): void;
+  getMaterialProperty(meshName: string, property: string): unknown;
+
+  // --- global click (returns which mesh was hit) ---
+  addOnAnyMeshClickedListener(callback: (meshName: string) => void): void;
+  removeOnAnyMeshClickedListener(callback: (meshName: string) => void): void;
+
+  // --- spatial helpers ---
+  getMeshPosition(
+    meshName: string
+  ): { x: number; y: number; z: number } | undefined;
+  setMeshPosition(
+    meshName: string,
+    position: { x: number; y: number; z: number }
+  ): void;
+  getDistanceBetween(meshA: string, meshB: string): number;
+  lookAt(meshName: string, target: { x: number; y: number; z: number }): void;
+  moveTowards(
+    meshName: string,
+    target: { x: number; y: number; z: number },
+    speed: number,
+    deltaSeconds: number
+  ): boolean; // returns true when arrived
+
+  // --- mesh utilities ---
+  cloneMesh(sourceName: string, newName: string): void;
+  setMeshVisible(meshName: string, visible: boolean): void;
 }

package/src/Nodes/Actions/AddLight.ts

@@ -0,0 +1,46 @@
+import {
+  makeFlowNodeDefinition,
+  NodeCategory
+} from '@kiberon-labs/behave-graph';
+
+import { LightType } from '../../Abstractions/IScene.js';
+
+const lightTypeChoices = Object.values(LightType).map((v) => ({
+  text: v,
+  value: v
+}));
+
+export const AddLight = makeFlowNodeDefinition({
+  typeName: 'scene/addLight',
+  category: NodeCategory.Effect,
+  label: 'Add Light',
+  in: {
+    flow: 'flow',
+    name: 'string',
+    lightType: (_) => ({
+      valueType: 'string',
+      choices: lightTypeChoices
+    }),
+    color: 'color',
+    intensity: 'float'
+  },
+  out: {
+    flow: 'flow'
+  },
+  initialState: undefined,
+  triggered: ({ commit, read, graph }) => {
+    const scene = graph.getDependency('IScene');
+    const name = read<string>('name');
+    const lightType = read<string>('lightType');
+    const color = read<{ r: number; g: number; b: number }>('color');
+    const intensity = read<number>('intensity');
+
+    scene?.addLight(
+      name,
+      lightType as (typeof LightType)[keyof typeof LightType],
+      color,
+      intensity
+    );
+    commit('flow');
+  }
+});

package/src/Nodes/Actions/CloneMesh.ts

@@ -0,0 +1,31 @@
+import {
+  makeFlowNodeDefinition,
+  NodeCategory
+} from '@kiberon-labs/behave-graph';
+
+// Clone an existing mesh under a new name.
+export const CloneMesh = makeFlowNodeDefinition({
+  typeName: 'scene/cloneMesh',
+  category: NodeCategory.Effect,
+  label: 'Clone Mesh',
+  in: {
+    flow: 'flow',
+    sourceName: (_, graphApi) => {
+      const scene = graphApi.getDependency('IScene');
+      return {
+        valueType: 'string',
+        choices: scene?.getMeshNames()
+      };
+    },
+    newName: 'string'
+  },
+  out: {
+    flow: 'flow'
+  },
+  initialState: undefined,
+  triggered: ({ commit, read, graph }) => {
+    const scene = graph.getDependency('IScene');
+    scene?.cloneMesh(read<string>('sourceName'), read<string>('newName'));
+    commit('flow');
+  }
+});