@essential-js/ui/code/code.sjs.js

EssentialJS UI

System.register(["@beyond-js/kernel/bundle", "@beyond-js/kernel/styles", "react", "iconsax-react", "@essential-js/ui/toast", "prism-react-renderer", "prism-react-renderer/themes/palenight"], function (_export, _context) {
  "use strict";

  var dependency_0, dependency_1, dependency_2, dependency_3, dependency_4, dependency_5, dependency_6, __Bundle, __pkg, ims, CopyableCode, Code, __beyond_pkg, hmr;
  _export({
    CopyableCode: void 0,
    Code: void 0
  });
  return {
    setters: [function (_beyondJsKernelBundle) {
      dependency_0 = _beyondJsKernelBundle;
    }, function (_beyondJsKernelStyles) {
      dependency_1 = _beyondJsKernelStyles;
    }, function (_react2) {
      dependency_2 = _react2;
    }, function (_iconsaxReact2) {
      dependency_3 = _iconsaxReact2;
    }, function (_essentialJsUiToast) {
      dependency_4 = _essentialJsUiToast;
    }, function (_prismReactRenderer2) {
      dependency_5 = _prismReactRenderer2;
    }, function (_prismReactRendererThemesPalenight) {
      dependency_6 = _prismReactRendererThemesPalenight;
    }],
    execute: function () {
      ({
        Bundle: __Bundle
      } = dependency_0);
      __pkg = new __Bundle({
        "module": {
          "vspecifier": "@essential-js/ui@1.0.0/code"
        },
        "type": "code"
      }, _context.meta.url).package();
      ;
      __pkg.dependencies.update([['@beyond-js/kernel/styles', dependency_1], ['react', dependency_2], ['iconsax-react', dependency_3], ['@essential-js/ui/toast', dependency_4], ['prism-react-renderer', dependency_5], ['prism-react-renderer/themes/palenight', dependency_6]]);
      brequire('@beyond-js/kernel/styles').styles.register('@essential-js/ui@1.0.0/code');
      ims = new Map();
      /**************************
      INTERNAL MODULE: ./copyable
      **************************/
      ims.set('./copyable', {
        hash: 1896330845,
        creator: function (require, exports) {
          "use strict";

          Object.defineProperty(exports, "__esModule", {
            value: true
          });
          exports.CopyableCode = CopyableCode;
          var _react = require("react");
          var _iconsaxReact = require("iconsax-react");
          var _index = require("./index");
          var _toast = require("@essential-js/ui/toast");
          /*bundle*/
          function CopyableCode({
            children,
            className,
            ...props
          }) {
            function copy() {
              navigator.clipboard.writeText(children);
              _toast.toast.info('The code has been copied!');
            }
            return _react.default.createElement("div", {
              className: `essential__copyable-code ${className}`,
              ...props
            }, _react.default.createElement("div", {
              className: "content"
            }, _react.default.createElement(_index.Code, null, children), _react.default.createElement(_iconsaxReact.Copy, {
              onClick: copy,
              className: "icon",
              color: "#666"
            })));
          }
        }
      });

      /***********************
      INTERNAL MODULE: ./index
      ***********************/

      ims.set('./index', {
        hash: 3716164854,
        creator: function (require, exports) {
          "use strict";

          Object.defineProperty(exports, "__esModule", {
            value: true
          });
          exports.Code = Code;
          var _react = require("react");
          var _prismReactRenderer = require("prism-react-renderer");
          var _palenight = require("prism-react-renderer/themes/palenight");
          /*bundle*/
          function Code({
            children,
            className,
            ...props
          }) {
            return _react.default.createElement("code", {
              className: `essential__code ${className}`,
              ...props
            }, _react.default.createElement(_prismReactRenderer.default, {
              ..._prismReactRenderer.defaultProps,
              theme: _palenight.default,
              code: children,
              language: "tsx"
            }, ({
              className,
              style,
              tokens,
              getLineProps,
              getTokenProps
            }) => _react.default.createElement("span", {
              className: className,
              style: style
            }, tokens.map((line, i) => _react.default.createElement("div", {
              ...getLineProps({
                line,
                key: i
              })
            }, line.map((token, key) => _react.default.createElement("span", {
              ...getTokenProps({
                token,
                key
              })
            })))))));
          }
        }
      });
      __pkg.exports.descriptor = [{
        "im": "./copyable",
        "from": "CopyableCode",
        "name": "CopyableCode"
      }, {
        "im": "./index",
        "from": "Code",
        "name": "Code"
      }];
      // Module exports
      __pkg.exports.process = function ({
        require,
        prop,
        value
      }) {
        (require || prop === 'CopyableCode') && _export("CopyableCode", CopyableCode = require ? require('./copyable').CopyableCode : value);
        (require || prop === 'Code') && _export("Code", Code = require ? require('./index').Code : value);
      };
      _export("__beyond_pkg", __beyond_pkg = __pkg);
      _export("hmr", hmr = new function () {
        this.on = (event, listener) => void 0;
        this.off = (event, listener) => void 0;
      }());
      __pkg.initialise(ims);
    }
  };
});
//# sourceMappingURL=code.sjs.js.map