@colijnit/configurator 1.0.21 → 1.0.22

package/ng-package.json

@@ -1,9 +0,0 @@
-{
-  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
-  "lib": {
-    "entryFile": "src/public_api.ts"
-  },
-  "whitelistedNonPeerDependencies": [
-    "."
-  ]
-}

package/src/app/app.component.ts

@@ -1,222 +0,0 @@
-import {AfterViewInit, Component, ElementRef, OnDestroy, ViewChild} from "@angular/core";
-import * as THREE from "three";
-import {OrbitControls} from "three/examples/jsm/controls/OrbitControls";
-import {Builder} from "./builder";
-import {Options} from "@colijnit/ioneconnector/build/model/options";
-import axios from "axios";
-import {GLTFLoader} from "three/examples/jsm/loaders/GLTFLoader";
-import {Subscription} from "rxjs";
-import {Selection} from "@colijnit/configuratorapi/build/model/selection";
-import {Answer} from "@colijnit/configuratorapi/build/model/answer";
-import {ConfiguratorService} from './services/configurator.service';
-import {AmbientLight, DirectionalLight, HemisphereLight, Object3D, SpotLight} from 'three';
-
-// @ts-ignore
-window.loadGLTF = async (file: string) => {
-  const gltfLoader: GLTFLoader = new GLTFLoader();
-  try {
-    return new Promise((resolve: Function) => {
-      gltfLoader.load(file, (obj) => {
-        resolve(obj.scene);
-      });
-    });
-  } catch (e) {
-    console.error(e);
-    return null;
-  }
-};
-// @ts-ignore
-window.downloadVariation = async (fileName: string) => {
-  const response: any = await axios({
-    method: "get",
-    url: `https://cdn1.colijn-it.nl/${fileName}`,
-    responseType: "arraybuffer"
-  });
-  if (response.status !== 200) {
-    throw Error(response.statusText);
-  }
-  return await response.data;
-};
-
-@Component({
-  selector: 'app-root',
-  template: `
-    <div #canvas class="canvas"></div>
-    <selections *ngIf="!showAnswers" [selections]="selections" (selectionClick)="selectSelection($event)"></selections>
-    <answers *ngIf="showAnswers" [selectionTitle]="selectionTitle" [answers]="answers" (answerClick)="selectAnswer($event)"></answers>
-  `
-})
-export class AppComponent implements AfterViewInit, OnDestroy {
-
-  @ViewChild('canvas', {read: ElementRef})
-  public canvasElement: ElementRef;
-
-  public selectionTitle: string;
-  public selections: Selection[] = [];
-  public answers: Answer[] = [];
-
-  public showAnswers: boolean = false;
-  public showSelections: boolean = true;
-
-  private _builder: Builder;
-  private _object: THREE.Object3D;
-  private scene: THREE.Scene = new THREE.Scene();
-  private renderer: THREE.WebGLRenderer;
-  private camera: THREE.PerspectiveCamera;
-  private controls: OrbitControls;
-  private _subs: Subscription[] = [];
-  private _options: Options = {
-      url: "http://130.62.7.180:8082/ione",
-      version: "251",
-      schema: "815"
-  };
-  private _instanceId: string = undefined;
-  private _sku: string = '1000234793';
-
-  constructor(private _configuratorService: ConfiguratorService) {}
-
-  ngAfterViewInit(): void {
-    this._builder = new Builder(this.scene, this._options, true);
-    this._subs.push(
-        this._builder.selectionsReceived.subscribe((selections: Selection[]) => {
-           this.selections = selections;
-        }),
-        this._builder.answersReceived.subscribe((answers: Answer[]) => {
-           this.answers = answers;
-           this.showAnswers = this.answers.length > 0;
-        }),
-        this._builder.modelLoaded.subscribe((object: Object3D) => {
-          if (object && this.answers.length === 0) {
-            this._loadModel(object);
-          }
-        })
-    );
-    this._initScene();
-    this._initRenderer();
-    this._initCameraAndControls();
-    this._initLights();
-    // this._test();
-    this._animate();
-    this._builder.buildModel(this._sku, this._instanceId);
-  }
-
-  ngOnDestroy(): void {
-    this._subs.forEach(s => s.unsubscribe());
-  }
-
-  public disableControls(): void {
-    this.controls.enabled = false;
-  }
-
-  public enableControls(): void {
-    this.controls.enabled = true;
-  }
-
-  public selectSelection(selection: Selection): void {
-    this._builder.selectSelection(selection);
-    this.selectionTitle = selection.commercialQuestion;
-    this.showSelections = false;
-  }
-
-  public selectAnswer(answer: Answer): void {
-    this._builder.selectAnswer(answer);
-    this.selectionTitle = ' . . / ' + answer.answer;
-  }
-
-  private _initScene(): void {
-    this.scene = new THREE.Scene();
-  }
-
-  private _initRenderer(): void {
-    this.renderer = new THREE.WebGLRenderer({
-      alpha: true,
-      antialias: true,
-      preserveDrawingBuffer: true
-    });
-    this.renderer.setClearColor(0xfafafa);
-    this.renderer.autoClear = true;
-    this.renderer.setPixelRatio(window.devicePixelRatio);
-    this.renderer.shadowMap.enabled = true;
-    // Use PCFShadowMap to enable radius else use PCFSoftShadowMap
-    this.renderer.shadowMap.type = THREE.PCFSoftShadowMap;
-    this.renderer.outputEncoding = THREE.LinearEncoding;
-    // this.renderer.gammaFactor = 2.2;
-    // this.renderer.toneMappingExposure = 1.1;
-    this.canvasElement.nativeElement.appendChild(this.renderer.domElement);
-  }
-
-  private _initCameraAndControls(): void {
-    this.camera = new THREE.PerspectiveCamera(45, 1, 0.01, 100);
-    this.controls = new OrbitControls( this.camera, this.renderer.domElement );
-    this.camera.position.set(0, 3, 1.5);
-    this.controls.update();
-  }
-
-  private _animate(): void {
-    this.renderer.setAnimationLoop(() => this._render());
-  }
-
-  private _render(): void {
-    this._checkCanvasResize();
-    this.renderer.render(this.scene, this.camera);
-  }
-
-  private _checkCanvasResize(): void {
-    const canvas = this.renderer.domElement;
-    if (this.canvasElement.nativeElement.clientWidth !== canvas.width || this.canvasElement.nativeElement.clientHeight !== canvas.height) {
-      this._updateWindowSize();
-    }
-  }
-
-  private _updateWindowSize() {
-    this._resizeRendererToDisplaySize();
-    const canvas = this.renderer.domElement;
-    const aspect = canvas.width / canvas.height;
-    this.camera.aspect = aspect;
-    (this.camera as THREE.PerspectiveCamera).updateProjectionMatrix();
-  }
-
-  private _resizeRendererToDisplaySize() {
-    this.renderer.setSize(this.canvasElement.nativeElement.clientWidth, this.canvasElement.nativeElement.clientHeight, false);
-  }
-
-  private _test(): void {
-    const mat: THREE.MeshBasicMaterial = new THREE.MeshBasicMaterial({color: 'blue'});
-    const geo: THREE.BoxGeometry = new THREE.BoxGeometry(1, 1, 1);
-    const mesh: THREE.Mesh = new THREE.Mesh(geo, mat);
-    this.scene.add(mesh);
-  }
-
-  private async _loadModel(object: Object3D): Promise<void> {
-    object.name = this._sku;
-    object.visible = true;
-    const objectFromScene = this.scene.getObjectByName(this._sku);
-    if (objectFromScene) {
-      this.scene.remove(objectFromScene);
-    }
-    this.scene.add(object);
-  }
-
-  private _initLights(): void {
-    const ambientLight: AmbientLight = new AmbientLight('#595959', 1.2);
-    ambientLight.name = 'ambientLight';
-    const directional: DirectionalLight = new DirectionalLight('white', 1);
-    directional.position.set(0, 4, 0);
-    directional.castShadow = true;
-    const spotLight1 = new SpotLight('white', 4, 25, 0.7, 0, 0.7);
-    spotLight1.position.set(-15, 9 , -15);
-    spotLight1.castShadow = true;
-    const spotLight2 = new SpotLight('white', 4, 25, 0.7, 0, 0.7);
-    spotLight2.position.set(15, 9 , -15);
-    spotLight2.castShadow = true;
-    const spotLight3 = new SpotLight('white', 4, 25, 0.7, 0, 0.7);
-    spotLight3.position.set(-15, 9 , 15);
-    spotLight3.castShadow = true;
-    const spotLight4 = new SpotLight('white', 4, 25, 0.7, 0, 0.7);
-    spotLight4.position.set(15, 9 , 15);
-    spotLight4.castShadow = true;
-    const hemiSphere = new HemisphereLight('white', 'white', 0.15);
-
-    this.scene.add(ambientLight, directional, spotLight1, spotLight2, spotLight3, spotLight4, hemiSphere);
-  }
-}

package/src/app/app.module.ts

@@ -1,34 +0,0 @@
-import {NgModule} from '@angular/core';
-import {AppComponent} from "./app.component";
-import {CommonModule} from "@angular/common";
-import {BrowserAnimationsModule} from "@angular/platform-browser/animations";
-import {SelectionsModule} from "./components/selections/selections.module";
-import {AnswersModule} from "./components/answers/answers.module";
-import {Builder} from './builder';
-
-@NgModule({
-    imports: [
-        BrowserAnimationsModule,
-        CommonModule,
-        SelectionsModule,
-        AnswersModule
-    ],
-    providers: [
-        Builder
-    ],
-    declarations: [
-        AppComponent
-    ],
-    entryComponents: [
-        AppComponent
-    ],
-    exports: [
-        AppComponent
-    ],
-    bootstrap: [
-        AppComponent
-    ]
-})
-
-export class AppModule {
-}