@archvisioninc/canvas 3.3.6 → 3.3.8

package/dist/constants/constants.js

@@ -1,80 +0,0 @@
-export const TEXTURE_SIZE_THRESHOLD = 4096;
-export const MATERIAL_COUNT_THRESHOLD = 50;
-export const MESH_COUNT_THRESHOLD = 500;
-export const INSPECTOR = {
-  root: '__root__'
-};
-export const LISTENERS = {
-  resize: 'resize',
-  keyup: 'keyup'
-};
-export const LIGHTS = {
-  SpotLight: 'SpotLight',
-  ShadowGenerator: 'ShadowGenerator',
-  PointLight: 'PointLight',
-  DirectionalLight: 'DirectionalLight',
-  HemisphericLight: 'HemisphericLight',
-  GroundLight: 'GroundLight'
-};
-export const CAMERAS = {
-  FreeCamera: 'FreeCamera',
-  FlyCamera: 'FlyCamera',
-  FollowCamera: 'FollowCamera',
-  GamepadCamera: 'GamepadCamera',
-  TouchCamera: 'TouchCamera',
-  UniversalCamera: 'UniversalCamera',
-  ArcRotateCamera: 'ArcRotateCamera'
-};
-export const VIEWPORT = {
-  shadowMapSize: 4096
-};
-export const GIZMOS = {
-  RotationGizmo: 'RotationGizmo',
-  PositionGizmo: 'PositionGizmo',
-  ScaleGizmo: 'ScaleGizmo',
-  BoundingBoxGizmo: 'BoundingBoxGizmo'
-};
-export const ORTHO = {
-  left: 'orthoLeft',
-  right: 'orthoRight',
-  top: 'orthoTop',
-  bottom: 'orthoBottom'
-};
-export const GUI = {
-  dragSelectBox: 'dragSelectBox',
-  innerSafeFrame: 'safeFrame_inner',
-  outerSafeFrame: 'safeFrame_outer'
-};
-export const MESH_PARAMS = {
-  center: 'center',
-  rotation: 'rotation',
-  scaling: 'scaling',
-  radius: 'radius'
-};
-export const MESSAGE_TYPES = {
-  error: 'error',
-  warning: 'warning',
-  info: 'info',
-  success: 'success',
-  loading: 'loading'
-};
-export const UPDATABLE_ITEMS = {
-  material: 'material',
-  mesh: 'mesh',
-  camera: 'camera',
-  environment: 'environment',
-  texture: 'texture',
-  viewport: 'viewport',
-  publish: 'publish',
-  lighting: 'lighting'
-};
-export const TRANSPARENCY_MODES = {
-  simple: 'simple',
-  complex: 'complex',
-  stencil: 'stencil'
-};
-export const AXIS_COLORS = {
-  xAxis: '#EA4231',
-  yAxis: '#249C4A',
-  zAxis: '#0089EA'
-};

package/dist/constants/index.js

@@ -1 +0,0 @@
-export * from './constants';

package/dist/enums/aspectRatios.js

@@ -1,17 +0,0 @@
-export const ratios = {
-  square: {
-    name: 'square',
-    label: '1:1',
-    value: 1
-  },
-  broadcast: {
-    name: 'broadcast',
-    label: '4:3',
-    value: 1.33
-  },
-  cinema: {
-    name: 'cinema',
-    label: '16:9',
-    value: 1.77
-  }
-};

package/dist/enums/dimensions.js

@@ -1,20 +0,0 @@
-import { AXIS_COLORS } from '../constants';
-export const dimensions = [{
-  name: 'length',
-  color: AXIS_COLORS.zAxis,
-  rectangle: 'lengthRectangle',
-  label: 'lengthLabel',
-  container: 'lengthContainer'
-}, {
-  name: 'height',
-  color: AXIS_COLORS.yAxis,
-  rectangle: 'heightRectangle',
-  label: 'heightLabel',
-  container: 'widthContainer'
-}, {
-  name: 'width',
-  color: AXIS_COLORS.xAxis,
-  rectangle: 'widthRectangle',
-  label: 'widthLabel',
-  container: 'heightContainer'
-}];

package/dist/enums/downscaling.js

@@ -1,16 +0,0 @@
-export const downscaling = [{
-  name: '4K',
-  value: 4096
-}, {
-  name: '2K',
-  value: 2048
-}, {
-  name: '1K',
-  value: 1024
-}, {
-  name: '512',
-  value: 512
-}, {
-  name: '256',
-  value: 256
-}];

package/dist/enums/exclusions.js

@@ -1,4 +0,0 @@
-export const exclusionMaterials = ['colorShader', 'default material', 'gridMat', 'ground', 'skyBox', 'boundingMaterial', 'voxelization', 'voxelSlabDebug'];
-export const exclusionMeshes = ['xAxisMesh', 'yAxisMesh', 'zAxisMesh', 'mirrorGround', 'ground', 'hdrSkyBox', 'boundingMesh', 'lengthContainer', 'widthContainer', 'heightContainer'];
-export const exclusionGUIs = ['guiDragSelectBox', 'lengthRectangle', 'lengthLabel', 'lengthContainer', 'widthRectangle', 'widthLabel', 'widthContainer', 'heightRectangle', 'heightLabel', 'heightContainer'];
-export const exclusionTNodes = ['xAxis', 'yAxis', 'zAxis', 'multiMeshTransforms', 'singleMeshTransforms'];

package/dist/enums/formats.js

@@ -1 +0,0 @@
-export const DRAG_DROP_FORMATS = ['gltf', 'glb'];

package/dist/enums/index.js

@@ -1,8 +0,0 @@
-export * from './shortcuts';
-export * from './exclusions';
-export * from './aspectRatios';
-export * from './orthoOptions';
-export * from './formats';
-export * from './downscaling';
-export * from './dimensions';
-export * from './scaleUnits';

package/dist/enums/orthoOptions.js

@@ -1,28 +0,0 @@
-import * as BABYLON from 'babylonjs';
-const toRadians = value => BABYLON.Tools.ToRadians(value || 0);
-export const orthoOptions = {
-  orthoLeft: {
-    alpha: 0,
-    beta: toRadians(90)
-  },
-  orthoRight: {
-    alpha: toRadians(180),
-    beta: toRadians(90)
-  },
-  orthoFront: {
-    alpha: toRadians(90),
-    beta: toRadians(90)
-  },
-  orthoBack: {
-    alpha: toRadians(270),
-    beta: toRadians(90)
-  },
-  orthoTop: {
-    alpha: toRadians(90),
-    beta: 0
-  },
-  orthoBottom: {
-    alpha: toRadians(90),
-    beta: toRadians(180)
-  }
-};

package/dist/enums/scaleUnits.js

@@ -1,25 +0,0 @@
-export const scaleUnits = [{
-  name: 'millimeter',
-  abbreviation: 'mm',
-  scaleFactor: 0.001
-}, {
-  name: 'centimeter',
-  abbreviation: 'cm',
-  scaleFactor: 0.01
-}, {
-  name: 'meter',
-  abbreviation: 'm',
-  scaleFactor: 1
-}, {
-  name: 'inch',
-  abbreviation: 'in',
-  scaleFactor: 0.0254
-}, {
-  name: 'foot',
-  abbreviation: 'ft',
-  scaleFactor: 0.3048
-}, {
-  name: 'yard',
-  abbreviation: 'yd',
-  scaleFactor: 0.9144
-}];

package/dist/enums/shortcuts.js

@@ -1,89 +0,0 @@
-import { removeFromViewport } from '../helpers';
-import { toggleInspector, toggleSafeFrame, focusCamera, toggleRotateWidget, toggleMoveWidget, hideSelected, unhideAll, toggleCulling, modelToOrigin, toggleScaleWidget, toggleBoundingBoxWidget, toggleOrthographicViews, toggleTurntable } from '../actions';
-const deletePayload = {
-  payload: {
-    deleteSelectedMesh: true
-  }
-};
-export const shortcuts = {
-  camera: [{
-    name: 'focusCamera',
-    key: 'C',
-    action: () => focusCamera?.()
-  }, {
-    name: 'toggleSafeFrame',
-    key: 'F',
-    action: () => toggleSafeFrame?.()
-  }, {
-    name: 'orthoLeft',
-    key: '1',
-    action: e => toggleOrthographicViews(e, 'orthoLeft')
-  }, {
-    name: 'orthoRight',
-    key: '2',
-    action: e => toggleOrthographicViews(e, 'orthoRight')
-  }, {
-    name: 'orthoFront',
-    key: '3',
-    action: e => toggleOrthographicViews(e, 'orthoFront')
-  }, {
-    name: 'orthoBack',
-    key: '4',
-    action: e => toggleOrthographicViews(e, 'orthoBack')
-  }, {
-    name: 'orthoTop',
-    key: '5',
-    action: e => toggleOrthographicViews(e, 'orthoTop')
-  }, {
-    name: 'orthoBottom',
-    key: '6',
-    action: e => toggleOrthographicViews(e, 'orthoBottom')
-  }],
-  utilities: [{
-    name: 'inspector',
-    key: 'N',
-    action: () => toggleInspector?.()
-  }, {
-    name: 'turntable',
-    key: '/',
-    action: (e, override) => toggleTurntable?.(override)
-  }],
-  viewport: [{
-    name: 'moveWidget',
-    key: 'M',
-    action: () => toggleMoveWidget?.()
-  }, {
-    name: 'rotateWidget',
-    key: 'R',
-    action: () => toggleRotateWidget?.()
-  }, {
-    name: 'scaleWidget',
-    key: 'S',
-    action: () => toggleScaleWidget?.()
-  }, {
-    name: 'hideSelected',
-    key: 'H',
-    action: () => hideSelected?.()
-  }, {
-    name: 'unhideAll',
-    key: 'U',
-    action: () => unhideAll?.()
-  }, {
-    name: 'boundingBox',
-    key: 'B',
-    action: () => toggleBoundingBoxWidget?.()
-  }, {
-    name: 'deleteSelected',
-    key: 'Delete',
-    action: () => removeFromViewport(deletePayload)
-  }],
-  model: [{
-    name: 'toggleCulling',
-    key: 'c',
-    action: () => toggleCulling?.()
-  }, {
-    name: 'modelToOrigin',
-    key: 'O',
-    action: () => modelToOrigin?.()
-  }]
-};

package/dist/helpers/cameraHelpers.js

@@ -1,86 +0,0 @@
-import * as BABYLON from 'babylonjs';
-import { newVector } from './utilityHelpers';
-import { scene, engine, canvas, selectedMeshes, getParamOfSelectedMeshes, getUserMeshes, defaultCameraPosition, getBoundingMeshData } from '../helpers';
-import { CAMERAS, MESH_PARAMS } from '../constants';
-import { focusCamera, toggleTurntable } from '../actions';
-import { orthoOptions, ratios } from '../enums';
-import _ from 'lodash';
-export const newCamera = (name, location, type, meta = {}) => {
-  const defaultName = `camera_${getSceneCameras().length + 1}`;
-  if (type === CAMERAS.ArcRotateCamera) {
-    return new BABYLON.ArcRotateCamera(name || defaultName, meta.alpha || 0, meta.beta || 0, meta.radius || 0, newVector(location.x, location.y, location.z), scene);
-  }
-  if (CAMERAS[type] && typeof BABYLON[type] === 'function') {
-    return new BABYLON[type](name || defaultName, newVector(location.x, location.y, location.z), scene);
-  }
-};
-export const prepareCamera = () => {
-  const camera = scene.activeCamera;
-  const canvasDimensions = engine?.getRenderingCanvasClientRect?.();
-  const width = canvasDimensions?.width || ratios.square.value;
-  const height = canvasDimensions?.height || ratios.square.value;
-  const aspect = height / width;
-  const userMeshes = getUserMeshes();
-  camera.orthoLeft = -camera.radius;
-  camera.orthoTop = camera.radius * aspect;
-  camera.orthoRight = camera.radius;
-  camera.orthoBottom = -camera.radius * aspect;
-  camera.lowerRadiusLimit = 1;
-  camera.upperRadiusLimit = 5000;
-  camera.minZ = 0.1;
-  camera.setPosition?.(defaultCameraPosition());
-  camera.setTarget(BABYLON.Vector3.Zero());
-  camera.attachControl(canvas, true);
-  _.isEmpty(userMeshes) ? toggleTurntable(true) : focusCamera();
-};
-export const prepareMaterialCamera = () => {
-  const camera = scene.activeCamera;
-  const sphere = scene.getMeshById('node0');
-  camera.position = defaultCameraPosition();
-  if (sphere) {
-    const primarySurfaces = [sphere];
-    const meshCenter = getBoundingMeshData(primarySurfaces).center;
-    camera.setTarget(meshCenter);
-    camera.alpha = 1.57;
-    camera.beta = 1.65;
-    camera.lowerRadiusLimit = 0.3239;
-    camera.upperRadiusLimit = 5000;
-    camera.minZ = 0.1;
-    camera.maxZ = 10000;
-    camera.radius = 4;
-  }
-};
-export const toggleCameraMode = (orthoCamera, requestedMode) => {
-  const camera = scene.activeCamera;
-  const babylonOrthographic = BABYLON.Camera.ORTHOGRAPHIC_CAMERA;
-  const ratio = canvas.height / canvas.width;
-  if (!camera) return;
-  camera.mode = requestedMode;
-  if (camera.mode === babylonOrthographic) {
-    if (!_.isEmpty(selectedMeshes)) {
-      camera.target = getParamOfSelectedMeshes(MESH_PARAMS.center);
-    }
-    camera.alpha = orthoOptions[orthoCamera].alpha;
-    camera.beta = orthoOptions[orthoCamera].beta;
-
-    // Zooming
-    camera.lowerRadiusLimit = 5;
-    camera.upperRadiusLimit = 5000;
-    camera.minZ = 0.1;
-    camera.maxZ = 10000;
-    camera.wheelDeltaPercentage = 0.01;
-    let oldRadius = camera.radius;
-    scene.onBeforeRenderObservable.add(() => {
-      if (oldRadius !== camera.radius) {
-        const radiusChangeRatio = camera.radius / oldRadius;
-        camera.orthoLeft *= radiusChangeRatio;
-        camera.orthoRight *= radiusChangeRatio;
-        oldRadius = camera.radius;
-        camera.orthoTop = camera.orthoRight * ratio;
-        camera.orthoBottom = camera.orthoLeft * ratio;
-      }
-    });
-  }
-  focusCamera?.();
-};
-export const getSceneCameras = () => scene.cameras;

package/dist/helpers/canvasAddHelpers.js

@@ -1,161 +0,0 @@
-import { scene } from './initHelpers';
-import { newMetaDataEntry, newTexture } from './utilityHelpers';
-import { selectedMeshes } from './viewportHelpers';
-import { singleMeshTNode, toDegrees } from '../helpers';
-import { MESSAGE_TYPES } from '../constants';
-import { reactProps as props } from '../Canvas';
-import _ from 'lodash';
-export const addToMaterial = inboundData => {
-  const {
-    payload
-  } = inboundData;
-  const {
-    id,
-    albedoTexture,
-    metallicTexture,
-    microSurfaceTexture,
-    emissiveTexture,
-    bumpTexture
-  } = payload;
-  const material = scene.getMaterialByName(id, true);
-  if (material) {
-    // Basic attribute textures.
-    if (_.isString(albedoTexture)) material.albedoTexture = newTexture(albedoTexture);
-    if (_.isString(metallicTexture)) material.metallicTexture = newTexture(metallicTexture);
-    if (_.isString(microSurfaceTexture)) material.microSurfaceTexture = newTexture(microSurfaceTexture);
-    if (_.isString(emissiveTexture)) material.emissiveTexture = newTexture(emissiveTexture);
-    if (_.isString(bumpTexture)) material.bumpTexture = newTexture(bumpTexture);
-  }
-};
-export const addToMesh = inboundData => {
-  const {
-    payload
-  } = inboundData;
-  const {
-    id
-  } = payload;
-  if (_.isEmpty(selectedMeshes) || selectedMeshes.length > 1) {
-    return;
-  }
-  const mesh = selectedMeshes[0];
-  if (mesh) {
-    // Custom user mesh positions.
-    const duplicate = scene.metadata?.userMeshPositions?.find(meshPos => meshPos.meshId === mesh.id && meshPos.positionId === id);
-    if (_.isString(id) && !duplicate) {
-      const {
-        position,
-        rotation,
-        scaling
-      } = singleMeshTNode;
-      const [tx, ty, tz] = position.asArray();
-      const [rx, ry, rz] = rotation.asArray().map(val => toDegrees(val * -1));
-      const [sx, sy, sz] = scaling.asArray();
-      const positionObj = {
-        meshId: mesh.id,
-        positionId: id,
-        tx,
-        ty,
-        tz,
-        rx,
-        ry,
-        rz,
-        sx,
-        sy,
-        sz
-      };
-      const updatedPositions = [...(scene.metadata?.userMeshPositions || {}), positionObj];
-      const selectedUserMeshPositions = scene.metadata.selectedUserMeshPositions;
-      const filteredPositions = selectedUserMeshPositions.filter(pos => pos.meshId !== mesh.id);
-      filteredPositions.push(positionObj);
-      newMetaDataEntry('userMeshPositions', updatedPositions.filter(item => item));
-      newMetaDataEntry('selectedUserMeshPositions', filteredPositions);
-    }
-  }
-};
-export const addToCamera = inboundData => {
-  const {
-    payload
-  } = inboundData;
-  const {
-    id
-  } = payload;
-  const camera = scene.activeCamera;
-  if (camera) {
-    // Custom user camera views.
-    const duplicate = scene.metadata?.userCameraViews.find(cameraPos => cameraPos.id === id);
-    if (_.isString(id) && !duplicate) {
-      const {
-        position,
-        rotation,
-        target
-      } = scene.activeCamera;
-      const [tx, ty, tz] = [position.x, position.y, position.z];
-      const [rx, ry, rz] = [rotation.x, rotation.y, rotation.z];
-      const [tarX, tarY, tarZ] = [target.x, target.y, target.z];
-      const updatedPositions = [...(scene.metadata?.userCameraViews || []), {
-        id,
-        tx,
-        ty,
-        tz,
-        rx,
-        ry,
-        rz,
-        tarX,
-        tarY,
-        tarZ
-      }];
-      newMetaDataEntry('userCameraViews', updatedPositions.filter(item => item));
-      newMetaDataEntry('selectedUserCameraView', {
-        id,
-        tx,
-        ty,
-        tz,
-        rx,
-        ry,
-        rz,
-        tarX,
-        tarY,
-        tarZ
-      });
-    }
-  }
-};
-export const addToEnvironment = inboundData => {
-  const {
-    payload
-  } = inboundData;
-  const {
-    id,
-    url
-  } = payload;
-  const skyBox = scene.getMaterialById('skyBox', true);
-  if (skyBox) {
-    // Add custom user environment.
-    const duplicate = scene.metadata?.userEnvironments.find(env => env.id === id);
-    const isNotDefault = url !== scene.metadata.defaultEnvironment;
-    const isValid = isNotDefault && _.isString(id) && _.isString(url) && !duplicate;
-    if (isValid) {
-      const message = 'Adding custom environment...';
-      const clearExisting = true;
-      const isUserFile = true;
-      const config = {
-        type: MESSAGE_TYPES.loading,
-        showModal: true,
-        closeButton: false
-      };
-      props.addNotification?.([{
-        message,
-        config
-      }], clearExisting);
-      newTexture(url, isUserFile);
-      const updatedEnvironments = [...(scene.metadata?.userEnvironments || {}), {
-        id,
-        url
-      }];
-      newMetaDataEntry('userEnvironments', updatedEnvironments.filter(item => item));
-    }
-  }
-};
-export const addToViewport = () => {
-  // Add functions here...
-};

package/dist/helpers/canvasCommunicationHelpers.js

@@ -1,52 +0,0 @@
-import { UPDATABLE_ITEMS } from '../constants';
-import { updateMaterial, addToMaterial, removeFromMaterial, updateMesh, addToMesh, removeFromMesh, updateCamera, addToCamera, removeFromCamera, updateEnvironment, addToEnvironment, removeFromEnvironment, updateViewport, addToViewport, removeFromViewport, serializeScene, updatePublish, newMetaDataEntry, buildMeshIdArray, updateLighting } from '../helpers';
-import { reactProps as props } from '../Canvas';
-export const updateItem = inboundData => {
-  const {
-    type,
-    method
-  } = inboundData;
-  const types = Object.keys(UPDATABLE_ITEMS);
-  const isValidType = types.includes(type);
-  const hidden = true;
-  if (isValidType) {
-    switch (type) {
-      case UPDATABLE_ITEMS.material:
-        if (method === 'update') updateMaterial(inboundData);
-        if (method === 'add') addToMaterial(inboundData);
-        if (method === 'remove') removeFromMaterial(inboundData);
-        break;
-      case UPDATABLE_ITEMS.mesh:
-        if (method === 'update') updateMesh(inboundData);
-        if (method === 'add') addToMesh(inboundData);
-        if (method === 'remove') removeFromMesh(inboundData);
-        break;
-      case UPDATABLE_ITEMS.camera:
-        if (method === 'update') updateCamera(inboundData);
-        if (method === 'add') addToCamera(inboundData);
-        if (method === 'remove') removeFromCamera(inboundData);
-        break;
-      case UPDATABLE_ITEMS.environment:
-        if (method === 'update') updateEnvironment(inboundData);
-        if (method === 'add') addToEnvironment(inboundData);
-        if (method === 'remove') removeFromEnvironment(inboundData);
-        break;
-      case UPDATABLE_ITEMS.viewport:
-        if (method === 'update') updateViewport(inboundData);
-        if (method === 'add') addToViewport(inboundData);
-        if (method === 'remove') removeFromViewport(inboundData);
-        break;
-      case UPDATABLE_ITEMS.publish:
-        if (method === 'update') updatePublish(inboundData);
-        break;
-      case UPDATABLE_ITEMS.lighting:
-        if (method === 'update') updateLighting(inboundData);
-        break;
-      default:
-        break;
-    }
-    newMetaDataEntry('hiddenMeshes', buildMeshIdArray(hidden));
-    props.setSerializedData?.(serializeScene());
-    props.clearUpdateData?.();
-  }
-};