jsketcher/web/app/sketcher/actions/commonActions.js

import {MdZoomOutMap} from "react-icons/md";
import {
  AiOutlineCopy,
  AiOutlineExport,
  AiOutlineFile,
  AiOutlineFolderOpen,
  AiOutlineImport,
  AiOutlineSave
} from "react-icons/ai";
import {NoIcon} from "../icons/NoIcon";
import {uploadFile} from "ui/fileUploader";
import {DxfParserAdapter} from "sketcher/dxf";
import {SketchFormat_V3} from "sketcher/io";

export default [

  {
    id: 'New',
    shortName: 'New',
    kind: 'Common',
    description: 'Create new sketch',
    icon: AiOutlineFile,

    invoke: (ctx) => {
      ctx.project.newSketch();
    }
  },

  {
    id: 'Clone',
    shortName: 'Clone',
    kind: 'Common',
    description: 'Clone sketch',
    icon: AiOutlineCopy,

    invoke: (ctx, e) => {
      ctx.project.cloneSketch();
    }
  },

  {
    id: 'Open',
    shortName: 'Open',
    kind: 'Common',
    description: 'Open sketch',
    icon: AiOutlineFolderOpen,

    invoke: (ctx, e) => {
      ctx.ui.$sketchManagerRequest.next({
        x: e.pageX,
        y: e.pageY
      });
    }
  },

  {
    id: 'Import',
    shortName: 'Import',
    kind: 'Common',
    description: 'Import from other formats',
    icon: AiOutlineImport,

    invoke: async (ctx, e) => {
      uploadFile((fileName, content) => {


        const dxfParserAdapter = new DxfParserAdapter();
        dxfParserAdapter.parse(content).then(sketch => {
          ctx.viewer.io._loadSketch(sketch);
        }).catch(console.error);
      });
    }
  },

  {
    id: 'Save',
    shortName: 'Save',
    kind: 'Common',
    description: 'Save sketch',
    icon: AiOutlineSave,

    invoke: (ctx) => {
      const sketchData = ctx.viewer.io.serializeSketch();
      const sketchId = ctx.project.getSketchId();
      localStorage.setItem(sketchId, sketchData);
    }
  },

  {
    id: 'Export',
    shortName: 'Export',
    kind: 'Common',
    description: 'Export sketch to other formats',
    icon: AiOutlineExport,

    invoke: (ctx, e) => {
      ctx.ui.$exportDialogRequest.next({
        x: e.pageX,
        y: e.pageY
      });
    }
  },

  {
    id: 'Fit',
    shortName: 'Fit',
    kind: 'Common',
    description: 'Fit Sketch On Screen',
    icon: MdZoomOutMap,

    invoke: (ctx) => {
      ctx.viewer.toolManager.releaseControl();
      ctx.viewer.fit();
      ctx.viewer.refresh();
    }

  },

  {
    id: 'ToggleTerminal',
    shortName: 'Toggle Terminal',
    kind: 'Common',
    description: 'Open/Close Terminal Window',
    icon: NoIcon,

    invoke: (ctx) => {
      ctx.ui.$showTerminalRequest.update(shown => shown ? null : 'please open');
    }

  },
]