@uiw/react-md-editor/lib/commands/preview.js

A markdown editor with preview, implemented with React.js and TypeScript.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.codePreview = exports.codeLive = exports.codeEdit = void 0;
var _react = _interopRequireDefault(require("react"));
var _jsxRuntime = require("react/jsx-runtime");
var codePreview = exports.codePreview = {
  name: 'preview',
  keyCommand: 'preview',
  value: 'preview',
  shortcuts: 'ctrlcmd+9',
  buttonProps: {
    'aria-label': 'Preview code (ctrl + 9)',
    title: 'Preview code (ctrl + 9)'
  },
  icon: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
    width: "12",
    height: "12",
    viewBox: "0 0 520 520",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
      fill: "currentColor",
      points: "0 71.293 0 122 38.023 123 38.023 398 0 397 0 449.707 91.023 450.413 91.023 72.293"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
      fill: "currentColor",
      points: "148.023 72.293 520 71.293 520 122 200.023 124 200.023 397 520 396 520 449.707 148.023 450.413"
    })]
  }),
  execute: function execute(state, api, dispatch, executeCommandState, shortcuts) {
    api.textArea.focus();
    if (shortcuts && dispatch && executeCommandState) {
      dispatch({
        preview: 'preview'
      });
    }
  }
};
var codeEdit = exports.codeEdit = {
  name: 'edit',
  keyCommand: 'preview',
  value: 'edit',
  shortcuts: 'ctrlcmd+7',
  buttonProps: {
    'aria-label': 'Edit code (ctrl + 7)',
    title: 'Edit code (ctrl + 7)'
  },
  icon: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
    width: "12",
    height: "12",
    viewBox: "0 0 520 520",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
      fill: "currentColor",
      points: "0 71.293 0 122 319 122 319 397 0 397 0 449.707 372 449.413 372 71.293"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
      fill: "currentColor",
      points: "429 71.293 520 71.293 520 122 481 123 481 396 520 396 520 449.707 429 449.413"
    })]
  }),
  execute: function execute(state, api, dispatch, executeCommandState, shortcuts) {
    api.textArea.focus();
    if (shortcuts && dispatch && executeCommandState) {
      dispatch({
        preview: 'edit'
      });
    }
  }
};
var codeLive = exports.codeLive = {
  name: 'live',
  keyCommand: 'preview',
  value: 'live',
  shortcuts: 'ctrlcmd+8',
  buttonProps: {
    'aria-label': 'Live code (ctrl + 8)',
    title: 'Live code (ctrl + 8)'
  },
  icon: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
    width: "12",
    height: "12",
    viewBox: "0 0 520 520",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
      fill: "currentColor",
      points: "0 71.293 0 122 179 122 179 397 0 397 0 449.707 232 449.413 232 71.293"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
      fill: "currentColor",
      points: "289 71.293 520 71.293 520 122 341 123 341 396 520 396 520 449.707 289 449.413"
    })]
  }),
  execute: function execute(state, api, dispatch, executeCommandState, shortcuts) {
    api.textArea.focus();
    if (shortcuts && dispatch && executeCommandState) {
      dispatch({
        preview: 'live'
      });
    }
  }
};