jsketcher/web/app/cad/sketch/sketcherPlugin.js

import {createToken} from "../../../../modules/bus/index";
import {ReadSketch} from "./sketchReader";
import {getSketchBoundaries} from "./sketchBoundaries";

export function activate({bus, services}) {

  services.storage.addListener(evt => {
    let prefix = services.project.sketchStorageNamespace;
    if (evt.key.indexOf(prefix) < 0) return;
    let sketchFaceId = evt.key.substring(prefix.length);
    let sketchFace = services.cadRegistry.findFace(sketchFaceId);
    if (sketchFace !== null) {
      let sketch = readSketch(sketchFace.id);
      sketchFace.updateSketch(sketch);
      bus.dispatch(TOKENS.SKETCH_UPDATE, sketchFace.id);
      services.viewer.render();
    }
  });
  
  function readSketch(sketchId) {
    let sketchStorageKey = services.project.sketchStorageKey(sketchId);
    let savedSketch = services.storage.get(sketchStorageKey);
    if (savedSketch === null) {
      return null;
    }
    return ReadSketch(JSON.parse(savedSketch), sketchId, true);
  }

  function updateSketchBoundaries(sceneFace) {
    
    let sketchStorageKey = services.project.sketchStorageKey(sceneFace.id);

    let sketch = services.storage.get(sketchStorageKey);

    let data = sketch === null ? {} : JSON.parse(sketch);

    data.boundary = getSketchBoundaries(sceneFace);
    services.storage.set(sketchStorageKey, JSON.stringify(data));
  }

  
  function sketchFace(sceneFace) {
    updateSketchBoundaries(sceneFace);
    let sketchURL = services.project.getSketchURL(sceneFace.id);
    this.tabSwitcher.showSketch(sketchURL, sceneFace.id);
  } 
  
  // sketchFace: (sceneFace) => this.sketchFace(sceneFace),
  //   editFace: () => this.editFace()  
}

App.prototype.editFace = function() {
  const polyFace = this.getFirstSelectedFace();
  if (polyFace) {
    this.sketchFace(polyFace);
  }
};

export const TOKENS = {
  SKETCH_UPDATE: createToken('sketcher', 'sketchUpdate')
}