@polygonjs/polygonjs/examples/presets/sop/CameraViewerCode.ts

node-based WebGL 3D engine https://polygonjs.com

import {CameraViewerCodeSopNode} from '../../../src/engine/nodes/sop/CameraViewerCode';
import {BasePreset, NodePresetsCollection, PresetRegister, PresetsCollectionFactory} from '../BasePreset';
import {EXAMPLE_COLOR} from './CameraViewerCode/color';
import {EXAMPLE_DEVICE_ORIENTATION_PERMISSION} from './CameraViewerCode/deviceOrientationPermission';
import {EXAMPLE_SCROLL} from './CameraViewerCode/onScroll';
import {EXAMPLE_TOUCH_ACTION_NONE} from './CameraViewerCode/touchActionNone';

export enum CameraViewerCodePresetName {
	COLOR = 'color',
	DEVICE_ORIENTATION_PERMISSION = 'deviceOrientationPermission',
	ON_SCROLL = 'onScroll',
	TOUCH_ACTION_NONE = 'touchActionNone',
}
const cameraViewerCodeSopNodePresetsCollectionFactory: PresetsCollectionFactory<CameraViewerCodeSopNode> = (
	node: CameraViewerCodeSopNode
) => {
	const collection = new NodePresetsCollection();

	const basePresetNoShadowRoot = () => {
		const preset = new BasePreset().addEntry(node.p.viewerId, 'my-viewer');
		// preset.addEntry(node.p.shadowRoot, true)
		return preset;
	};
	// const basePresetNoShadowRoot = () => new BasePreset().addEntry(node.p.viewerId, 'my-viewer');

	const color = basePresetNoShadowRoot().addEntry(node.p.html, EXAMPLE_COLOR);
	const deviceOrientationPermission = basePresetNoShadowRoot().addEntry(
		node.p.html,
		EXAMPLE_DEVICE_ORIENTATION_PERMISSION
	);
	const onScroll = basePresetNoShadowRoot().addEntry(node.p.html, EXAMPLE_SCROLL);
	const onTouchActionNone = basePresetNoShadowRoot().addEntry(node.p.html, EXAMPLE_TOUCH_ACTION_NONE);

	collection.setPresets({
		[CameraViewerCodePresetName.COLOR]: color,
		[CameraViewerCodePresetName.DEVICE_ORIENTATION_PERMISSION]: deviceOrientationPermission,
		[CameraViewerCodePresetName.ON_SCROLL]: onScroll,
		[CameraViewerCodePresetName.TOUCH_ACTION_NONE]: onTouchActionNone,
	});
	return collection;
};
export const cameraViewerCodeSopPresetRegister: PresetRegister<
	typeof CameraViewerCodeSopNode,
	CameraViewerCodeSopNode
> = {
	nodeClass: CameraViewerCodeSopNode,
	setupFunc: cameraViewerCodeSopNodePresetsCollectionFactory,
};