kitchen-simulator 5.0.0-test.5 → 5.0.0-test.7

package/src/index.js

@@ -0,0 +1,32 @@
+import Catalog from './catalog/catalog';
+import Translator from './translator/translator';
+import * as Models from './models';
+import reducer from './reducers/reducer';
+import KitchenConfigurator from './KitchenConfigurator';
+import Plugins from './plugins/export';
+import * as KitchenConfiguratorConstants from './constants';
+import * as KitchenConfiguratorSharedStyle from './shared-style';
+import KitchenConfiguratorComponents from './components/export';
+import KitchenConfiguratorActions from './actions/export';
+import KitchenConfiguratorReducers from './reducers/export';
+import KitchenConfiguratorClasses from './class/export';
+import ElementsFactories from './catalog/factories/export';
+import KitchenConfiguratorUtils from './utils/export';
+export {
+  Catalog,
+  Translator,
+  Models,
+  reducer,
+  KitchenConfigurator,
+  Plugins,
+  KitchenConfiguratorConstants,
+  KitchenConfiguratorSharedStyle,
+  KitchenConfiguratorComponents,
+  KitchenConfiguratorActions,
+  KitchenConfiguratorReducers,
+  KitchenConfiguratorClasses,
+  ElementsFactories,
+  KitchenConfiguratorUtils
+};
+
+export { default } from './KitchenConfiguratorApp';

package/src/models.js

@@ -0,0 +1,541 @@
+import { Record, List, Map, fromJS } from 'immutable';
+import { MODE_IDLE, UNIT_INCH } from './constants';
+import { SNAP_MASK } from './utils/snap';
+import { isEmpty } from './utils/helper';
+import convert from 'convert-units';
+let safeLoadMapList = (mapList, Model, defaultMap) => {
+  return mapList
+    ? new Map(mapList).map(m => new Model(m)).toMap()
+    : defaultMap || new Map();
+};
+
+export class Grid extends Record(
+  {
+    id: '',
+    type: '',
+    properties: Map()
+  },
+  'Grid'
+) {
+  constructor(json = {}) {
+    super({
+      ...json,
+      properties: fromJS(json.properties || {})
+    });
+  }
+}
+
+export const DefaultGrids = new Map({
+  h1: new Grid({
+    id: 'h1',
+    type: 'horizontal-streak',
+    properties: {
+      step: 30.48,
+      colors: ['#bbb', '#bbb', '#bbb', '#bbb', '#bbb'] // dot's color
+    }
+  }),
+  v1: new Grid({
+    id: 'v1',
+    type: 'vertical-streak',
+    properties: {
+      step: 30.48,
+      colors: ['#bbb', '#bbb', '#bbb', '#bbb', '#bbb'] // dot's color
+    }
+  })
+});
+
+export class ElementsSet extends Record(
+  {
+    vertices: new List(),
+    lines: new List(),
+    holes: new List(),
+    areas: new List(),
+    items: new List()
+  },
+  'ElementsSet'
+) {
+  constructor(json = {}) {
+    super({
+      vertices: new List(json.vertices || []),
+      lines: new List(json.lines || []),
+      holes: new List(json.holes || []),
+      areas: new List(json.areas || []),
+      items: new List(json.items || [])
+    });
+  }
+}
+
+const sharedAttributes = {
+  id: '',
+  type: '',
+  prototype: '',
+  name: '',
+  misc: new Map(),
+  selected: false,
+  properties: new Map(),
+  style: '',
+  category: '',
+  visible: true
+};
+
+export class Vertex extends Record(
+  {
+    ...sharedAttributes,
+    x: -1,
+    y: -1,
+    prototype: 'vertices',
+    lines: new List(),
+    areas: new List()
+  },
+  'Vertex'
+) {
+  constructor(json = {}) {
+    super({
+      ...json,
+      lines: new List(json.lines || []),
+      areas: new List(json.areas || [])
+    });
+  }
+}
+
+export class Line extends Record(
+  {
+    ...sharedAttributes,
+    createdDateTime: new Date().getTime(),
+    prototype: 'lines',
+    vertices: new List(),
+    relatedVertices: new List(),
+    holes: new List(),
+    focus: false,
+    wallColor: '#dddddd',
+    userData: {}
+  },
+  'Line'
+) {
+  constructor(json = {}) {
+    super({
+      ...json,
+      createdDateTime:
+        json.createdDateTime !== undefined
+          ? json.createdDateTime
+          : new Date().getTime(),
+      properties: fromJS(json.properties || {}),
+      vertices: new List(json.vertices || []),
+      holes: new List(json.holes || []),
+      relatedVertices: new List(json.relatedVertices || []),
+      userData: {}
+    });
+  }
+}
+
+export class Hole extends Record(
+  {
+    ...sharedAttributes,
+    prototype: 'holes',
+    offset: -1,
+    x: 0,
+    y: 0,
+    rotation: 0,
+    line: '',
+    url: '',
+    userData: {}
+  },
+  'Hole'
+) {
+  constructor(json = {}) {
+    super({
+      ...json,
+      properties: fromJS(json.properties || {}),
+      userData: {}
+    });
+  }
+}
+
+export class Area extends Record(
+  {
+    ...sharedAttributes,
+    prototype: 'areas',
+    vertices: new List(),
+    holes: new List(),
+    texture: {
+      roughness: 0.9,
+      metalness: 0,
+      uri: ''
+    }
+  },
+  'Area'
+) {
+  constructor(json = {}) {
+    super({
+      ...json,
+      properties: fromJS(json.properties || {}),
+      vertices: new List(json.vertices || [])
+    });
+  }
+}
+
+export class Item extends Record(
+  {
+    ...sharedAttributes,
+    prototype: 'items',
+    x: 0,
+    y: 0,
+    rotation: 0,
+    submodule: new List(),
+    normalMap: new List(),
+    doorStyle: new Map(),
+    animate: 0,
+    animValue: 0,
+    itemID: -1,
+    sku_number: '',
+    layoutpos: '',
+    cabinet_category: '',
+    counterTop: {
+      roughness: 0.9,
+      metalness: 0.1,
+      uri: ''
+    },
+    molding: [],
+    backsplashVisible: false,
+    applianceMaterial: {
+      roughness: 0.4,
+      metalness: 0.3
+    },
+    distArray: [
+      [0, 0],
+      [0, 0],
+      [0, 0],
+      [0, 0]
+    ]
+  },
+  'Item'
+) {
+  constructor(json = {}) {
+    super({
+      ...json,
+      properties: fromJS(json.properties || {})
+    });
+  }
+}
+
+export class Layer extends Record(
+  {
+    id: '',
+    altitude: 0,
+    order: 0,
+    opacity: 1,
+    name: '',
+    visible: true,
+    vertices: new Map(),
+    lines: new Map(),
+    holes: new Map(),
+    areas: new Map(),
+    items: new Map(),
+    selected: new ElementsSet(),
+    counterTop: {},
+    wallColor: {},
+    floorStyle: {},
+    doorHandle: '',
+    doorStyle: null,
+    molding: [],
+    backsplash: {
+      roughness: 0.2,
+      metalness: 0.1,
+      uri: ''
+    },
+    backsplashApplied: false,
+    ceilHeight: 96,
+    unit: UNIT_INCH
+  },
+  'Layer'
+) {
+  constructor(json = {}) {
+    super({
+      ...json,
+      vertices: safeLoadMapList(json.vertices, Vertex),
+      lines: safeLoadMapList(json.lines, Line),
+      holes: safeLoadMapList(json.holes, Hole),
+      areas: safeLoadMapList(json.areas, Area),
+      items: safeLoadMapList(json.items, Item),
+      doorStyle: json.doorStyle !== null ? json.doorStyle : null,
+      selected: new ElementsSet(json.selected)
+    });
+  }
+}
+
+export class Group extends Record(
+  {
+    ...sharedAttributes,
+    prototype: 'groups',
+    x: 0,
+    y: 0,
+    rotation: 0,
+    elements: new Map()
+  },
+  'Group'
+) {
+  constructor(json = {}) {
+    super({
+      ...json,
+      properties: fromJS(json.properties || {}),
+      elements: fromJS(json.elements || {})
+    });
+  }
+}
+
+export const DefaultLayers = new Map({
+  'layer-1': new Layer({ id: 'layer-1', name: 'default' })
+});
+
+export class Scene extends Record(
+  {
+    unit: 'cm',
+    rulerUnit: 'in',
+    layers: new Map(),
+    grids: new Map(),
+    selectedLayer: null,
+    groups: new Map(),
+    width: 3000,
+    height: 2000,
+    meta: new Map(), //additional info
+    guides: new Map(),
+    title: '',
+    currentProjectID: null,
+    showfg: true,
+    showWallLengthMeasure: 1,
+    showBaseCabinetMeasure: 1,
+    showWallCabinetMeasure: 1,
+    showWindowDoorMeasure: 1,
+    isLoadingCabinet: false,
+    loadFlag: false,
+    isEndDragging: false,
+    setLineAttributes: false
+  },
+  'Scene'
+) {
+  constructor(json = {}) {
+    let layers = safeLoadMapList(json.layers, Layer, DefaultLayers);
+    super({
+      ...json,
+      // grids: safeLoadMapList(json.grids, Grid, DefaultGrids),
+      grids: DefaultGrids,
+      layers,
+      selectedLayer: layers.first().id,
+      groups: safeLoadMapList(json.groups || {}, Group),
+      meta: json.meta ? fromJS(json.meta) : new Map(),
+      guides: !isEmpty(json.guides)
+        ? fromJS(json.guides)
+        : new Map({
+            horizontal: new Map(),
+            vertical: new Map(),
+            circular: new Map()
+          })
+    });
+  }
+}
+
+export class CatalogElement extends Record(
+  {
+    itemID: -1,
+    name: '',
+    prototype: '',
+    info: new Map(),
+    properties: new Map(),
+    obj: new Map(),
+    type: ''
+  },
+  'CatalogElement'
+) {
+  constructor(json = {}) {
+    super({
+      ...json,
+      info: fromJS(json.info),
+      properties: fromJS(json.properties),
+      obj: fromJS(json.obj)
+    });
+  }
+}
+
+export class Catalog extends Record(
+  {
+    ready: false,
+    page: 'root',
+    path: new List(),
+    elements: new Map()
+  },
+  'Catalog'
+) {
+  constructor(json = {}) {
+    let elements = safeLoadMapList(json.elements, CatalogElement);
+    super({
+      elements,
+      ready: !elements.isEmpty()
+    });
+  }
+
+  factoryElement(type, options, initialProperties, state) {
+    if (!this.elements.has(type)) {
+      let catList = this.elements.map(element => element.name).toArray();
+      throw new Error(`Element ${type} does not exist in catalog ${catList}`);
+    }
+    let element = this.elements.get(type);
+    let properties = element.properties.map((value, key) =>
+      initialProperties && initialProperties.has(key)
+        ? initialProperties.get(key)
+        : value.get('defaultValue')
+    );
+    if (options) {
+      if (options.isDuplication) {
+        let layerID = state.scene.selectedLayer;
+        let currentItemID = state.scene.getIn([
+          'layers',
+          layerID,
+          'selected',
+          'items'
+        ])._tail.array[0];
+        let currentItem = state.scene.getIn([
+          'layers',
+          layerID,
+          'items',
+          currentItemID
+        ]);
+        let sizeinfo = {
+          width: currentItem.properties.get('width'),
+          height: currentItem.properties.get('height'),
+          depth: currentItem.properties.get('depth')
+        };
+        properties = properties
+          .set('width', sizeinfo.width)
+          .set('height', sizeinfo.height)
+          .set('depth', sizeinfo.depth);
+        if (currentItem.properties.get('oldDepth') !== undefined)
+          properties = properties.set(
+            'oldDepth',
+            currentItem.properties.get('oldDepth')
+          );
+        if (currentItem.properties.get('oldWidth') !== undefined)
+          properties = properties.set(
+            'oldWidth',
+            currentItem.properties.get('oldWidth')
+          );
+        if (currentItem.properties.get('oldHeight') !== undefined)
+          properties = properties.set(
+            'oldHeight',
+            currentItem.properties.get('oldHeight')
+          );
+      } else if (element.prototype === 'holes') {
+      } else {
+        let temp = {
+          width: element.getIn(['info', 'sizeinfo', 'width']),
+          height: element.getIn(['info', 'sizeinfo', 'height']),
+          depth: element.getIn(['info', 'sizeinfo', 'depth'])
+        };
+        let sizeinfo = {
+          width: new Map({
+            _length: temp.width,
+            _unit: 'in',
+            length: convert(temp.width).from('in').to('cm')
+          }),
+          height: new Map({
+            _length: temp.height,
+            _unit: 'in',
+            length: convert(temp.height).from('in').to('cm')
+          }),
+          depth: new Map({
+            _length: temp.depth,
+            _unit: 'in',
+            length: convert(temp.depth).from('in').to('cm')
+          })
+        };
+        properties = properties
+          .set('width', sizeinfo.width)
+          .set('height', sizeinfo.height)
+          .set('depth', sizeinfo.depth);
+      }
+    }
+
+    switch (element.prototype) {
+      case 'lines':
+        return new Line(options).merge({ properties });
+
+      case 'holes':
+        return new Hole(options).merge({ properties });
+
+      case 'areas':
+        return new Area(options).merge({ properties });
+
+      case 'items':
+        return new Item(options).merge({ properties });
+
+      default:
+        throw new Error('prototype not valid');
+    }
+  }
+}
+
+export class HistoryStructure extends Record(
+  {
+    list: new List(),
+    first: null,
+    last: null
+  },
+  'HistoryStructure'
+) {
+  constructor(json = {}) {
+    super({
+      list: fromJS(json.list || []),
+      first: new Scene(json.scene),
+      last: new Scene(json.last || json.scene)
+    });
+  }
+}
+
+export class State extends Record(
+  {
+    mode: MODE_IDLE,
+    scene: new Scene(),
+    sceneHistory: new HistoryStructure(),
+    catalog: new Catalog(),
+    viewer2D: new Map(),
+    mouse: new Map({ x: 0, y: 0 }),
+    zoom: 0,
+    snapMask: SNAP_MASK,
+    snapElements: new List(),
+    activeSnapElement: null,
+    replacingSupport: new Map(),
+    drawingSupport: new Map(),
+    draggingSupport: new Map(),
+    rotatingSupport: new Map(),
+    doorStyle: null,
+    oStyle: null,
+    errors: new List(),
+    warnings: new List(),
+    clipboardProperties: new Map(),
+    selectedElementsHistory: new List(),
+    misc: new Map(), //additional info
+    alterate: false,
+    isOpen: false,
+    popup: false,
+    openedType: 0,
+    login: false,
+    userId: 0,
+    isHelp: false,
+    isCabinetDrawing: false
+  },
+  'State'
+) {
+  constructor(json = {}) {
+    super({
+      ...json,
+      scene: new Scene(json.scene),
+      sceneHistory: new HistoryStructure(json),
+      catalog: new Catalog(json.catalog || {}),
+      viewer2D: new Map(json.viewer2D || {}),
+      replacingSupport: new Map(json.drawingSupport || {}),
+      drawingSupport: new Map(json.drawingSupport || {}),
+      draggingSupport: new Map(json.draggingSupport || {}),
+      rotatingSupport: new Map(json.rotatingSupport || {}),
+      misc: json.misc ? fromJS(json.misc) : new Map()
+    });
+  }
+}