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

EssentialJS UI

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.hmr = exports.__beyond_pkg = exports.CopyableCode = exports.Code = void 0;
var dependency_0 = require("@beyond-js/kernel/bundle");
var dependency_1 = require("@beyond-js/kernel/styles");
var dependency_2 = require("react");
var dependency_3 = require("iconsax-react");
var dependency_4 = require("@essential-js/ui/toast");
var dependency_5 = require("prism-react-renderer");
var dependency_6 = require("prism-react-renderer/themes/palenight");
const {
  Bundle: __Bundle
} = dependency_0;
const __pkg = new __Bundle({
  "module": {
    "vspecifier": "@essential-js/ui@1.0.0/code"
  },
  "type": "code"
}).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');
const 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"
}];
let CopyableCode, Code;

// Module exports
exports.Code = Code;
exports.CopyableCode = CopyableCode;
__pkg.exports.process = function ({
  require,
  prop,
  value
}) {
  (require || prop === 'CopyableCode') && (exports.CopyableCode = CopyableCode = require ? require('./copyable').CopyableCode : value);
  (require || prop === 'Code') && (exports.Code = Code = require ? require('./index').Code : value);
};
const __beyond_pkg = __pkg;
exports.__beyond_pkg = __beyond_pkg;
const hmr = new function () {
  this.on = (event, listener) => void 0;
  this.off = (event, listener) => void 0;
}();
exports.hmr = hmr;
__pkg.initialise(ims);
//# sourceMappingURL=code.cjs.js.map