@essential-js/ui/code/code.browser.mjs

EssentialJS UI

import * as dependency_0 from '@beyond-js/kernel/bundle';
import * as dependency_1 from '@beyond-js/kernel/styles';
import * as dependency_2 from 'react';
import * as dependency_3 from 'iconsax-react';
import * as dependency_4 from '@essential-js/ui/toast';
import * as dependency_5 from 'prism-react-renderer';
import * as dependency_6 from '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"}, import.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')


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"}];

export let CopyableCode, Code;

// Module exports
__pkg.exports.process = function({require, prop, value}) {
    (require || prop === 'CopyableCode') && (CopyableCode = require ? require('./copyable').CopyableCode : value);
    (require || prop === 'Code') && (Code = require ? require('./index').Code : value);

};
export const __beyond_pkg = __pkg;

export const hmr = new (function () {
    this.on = (event, listener) => void 0;
    this.off = (event, listener) => void 0;
});


__pkg.initialise(ims);
//# sourceMappingURL=code.browser.mjs.map