@oceanbase/design 0.1.0

package/es/Highlight/index.js

@@ -0,0 +1,259 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * 高亮能力基于highlight.js 的语法解析能力 https://highlightjs.org/
+ * 听说过的还算有名的语言放在langugaes中了，需要新增语言时在languages文件夹中添加并import使用，加入到 languageMap中
+ * 如果没有在 https://github.com/highlightjs/highlight.js/tree/master/src/languages 中查找是否支持，然后添加
+ * 优先支持蚂蚁主流语言，没有import在代码中使用的不会打包
+ */
+import React, { useEffect, useState } from 'react';
+import hljs from 'highlight.js/lib/core';
+import javascript from "./languages/javascript";
+import jsx from "./languages/javascript";
+// tsx 本质上也是采用typescript进行解析，hljs做了支持
+import tsx from "./languages/typescript";
+import typescript from "./languages/typescript";
+import bash from "./languages/bash";
+import css from "./languages/css";
+import groovy from "./languages/groovy";
+import java from "./languages/java";
+import python from "./languages/python";
+import json from "./languages/json";
+import cpp from "./languages/cpp";
+import http from "./languages/http";
+import markdown from "./languages/markdown";
+import nginx from "./languages/nginx";
+import ruby from "./languages/ruby";
+import sql from "./languages/sql";
+import xml from "./languages/xml";
+import dockerfile from "./languages/dockerfile";
+import go from "./languages/go";
+import yaml from "./languages/yaml";
+import solidity from "./languages/solidity";
+import { getPrefix } from "../_util";
+import LocaleWrapper from "../locale/LocaleWrapper";
+import zhCN from "./locale/zh-CN";
+import classNames from 'classnames';
+import JsonView from "./JsonView";
+import DiffView from "./DiffView";
+import HighlightCell from "./HighlightCell";
+import CopyToClipboard from 'react-copy-to-clipboard';
+import { message } from 'antd';
+import { CopyOutlined, CheckOutlined } from '@ant-design/icons';
+import { useKeyDownCopyEvent } from "./useKeyDownCopyEvent";
+import { token } from "../StaticFunction";
+// @ts-ignore
+import "./index.less";
+
+// 目前支持的语言列表
+export var languageMap = {
+  javascript: javascript,
+  typescript: typescript,
+  css: css,
+  groovy: groovy,
+  java: java,
+  python: python,
+  bash: bash,
+  json: json,
+  cpp: cpp,
+  http: http,
+  markdown: markdown,
+  nginx: nginx,
+  ruby: ruby,
+  sql: sql,
+  xml: xml,
+  dockerfile: dockerfile,
+  go: go,
+  yaml: yaml,
+  solidity: solidity,
+  tsx: tsx,
+  jsx: jsx
+};
+export var THEME_DARK = 'dark';
+export var THEME_LIGHT = 'light';
+
+// 主题类型
+var tuple = function tuple() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return args;
+};
+var ThemeTypes = tuple(THEME_DARK, THEME_LIGHT);
+// 支持的语言
+var supportedLanguages = Object.keys(languageMap);
+export var renderHightlight = function renderHightlight(language, content) {
+  var result = language ? hljs.highlight(language, content || '') : hljs.highlightAuto(content);
+  return result;
+};
+var Highlight = function Highlight(props) {
+  var children = props.children,
+    customStyle = props.style,
+    height = props.height,
+    className = props.className,
+    innerHTML = props.innerHTML,
+    _props$lineNumber = props.lineNumber,
+    lineNumber = _props$lineNumber === void 0 ? false : _props$lineNumber,
+    _props$copyable = props.copyable,
+    copyable = _props$copyable === void 0 ? true : _props$copyable,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? THEME_LIGHT : _props$theme,
+    _props$onCopyChange = props.onCopyChange,
+    onCopyChange = _props$onCopyChange === void 0 ? function () {} : _props$onCopyChange,
+    language = props.language;
+  var prefixCls = getPrefix('highlight');
+  var themeClass = theme === THEME_DARK ? "".concat(prefixCls, "-dark") : "".concat(prefixCls, "-light");
+  var codeRef = /*#__PURE__*/React.createRef();
+
+  // 代码块展示的结构
+  var _React$useState = React.useState(),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    codeBlock = _React$useState2[0],
+    setCodeBlock = _React$useState2[1];
+
+  // 按需加载语言
+  useEffect(function () {
+    if (language && languageMap[language]) {
+      hljs.registerLanguage(language, languageMap[language]);
+    } else {
+      Object.keys(languageMap).forEach(function (lan) {
+        hljs.registerLanguage(lan, languageMap[lan]);
+      });
+    }
+  }, [language]);
+  var highlightCode = function highlightCode() {
+    // 数据为空即跳过渲染
+    if (!children) {
+      return;
+    }
+
+    // 构造table展示codeblock
+    var _renderHightlight = renderHightlight(language, children),
+      value = _renderHightlight.value;
+    var sourceData = value.split(/\r?\n/);
+    // 构造整个list所需要的内容（行号和内容）
+    var rowList = sourceData.map(function (rowValue, index) {
+      return {
+        value: rowValue,
+        index: index + 1
+      };
+    });
+    setCodeBlock(rowList.map(function (src, index) {
+      return /*#__PURE__*/React.createElement("tr", {
+        key: index
+      }, /*#__PURE__*/React.createElement(HighlightCell, {
+        lineNumber: lineNumber,
+        width: "100%",
+        data: src,
+        theme: theme,
+        prefixCls: prefixCls
+      }));
+    }));
+  };
+
+  // 触发重新渲染
+  useEffect(function () {
+    highlightCode();
+  }, [children, innerHTML, theme, language, lineNumber]);
+
+  // 支持复制能力
+  useKeyDownCopyEvent(codeRef);
+  var customProps = {
+    ref: codeRef,
+    className: "".concat(className),
+    style: customStyle,
+    tabIndex: '-1'
+  };
+  if (innerHTML) {
+    customProps.dangerouslySetInnerHTML = {
+      __html: children
+    };
+    return /*#__PURE__*/React.createElement("div", customProps);
+  }
+  var CopyButton = function CopyButton() {
+    var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      copyId = _useState2[0],
+      setCopyId = _useState2[1];
+    useEffect(function () {
+      return function () {
+        window.clearTimeout(copyId);
+      };
+    });
+    var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      copied = _useState4[0],
+      setCopied = _useState4[1];
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CopyToClipboard, {
+      text: children && children.length ? children : '',
+      onCopy: function onCopy(value) {
+        onCopyChange(value);
+        setCopied(true);
+        message.success('Copied');
+        var tempCopyId = window.setTimeout(function () {
+          setCopied(false);
+        }, 2000);
+        setCopyId(tempCopyId);
+      }
+    }, /*#__PURE__*/React.createElement("button", {
+      disabled: copied,
+      className: classNames("".concat(prefixCls, "-copy")),
+      style: {
+        background: "".concat(theme === THEME_DARK ? "#2b303b" : token.colorBgLayout)
+      }
+    }, /*#__PURE__*/React.createElement(CopyOutlined, {
+      className: classNames("".concat(prefixCls, "-copy-icon"), {
+        scoll: copied
+      }),
+      style: {
+        color: "".concat(theme === THEME_DARK ? token.colorBgLayout : "#2b303b")
+      }
+    }), /*#__PURE__*/React.createElement(CheckOutlined, {
+      className: classNames("".concat(prefixCls, "-copy-icon")),
+      style: {
+        color: 'rgb(63,177,99)'
+      }
+    }))));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("pre", _extends({}, customProps, {
+    style: _objectSpread(_objectSpread({}, customStyle), {}, {
+      position: 'relative'
+    }),
+    className: classNames("".concat(prefixCls), className, themeClass)
+  }), copyable && /*#__PURE__*/React.createElement(CopyButton, null), /*#__PURE__*/React.createElement("table", {
+    style: {
+      padding: '0',
+      height: height
+    },
+    className: classNames("".concat(theme === THEME_DARK ? "".concat(prefixCls, "-dark") : "".concat(prefixCls, "-light")))
+  }, /*#__PURE__*/React.createElement("tbody", null, codeBlock))));
+};
+var HighlightWrapper = function HighlightWrapper(props) {
+  var language = props.language,
+    children = props.children;
+  if (language === 'json' && children && _typeof(children) === 'object' && ! /*#__PURE__*/React.isValidElement(children)) {
+    return /*#__PURE__*/React.createElement(JsonView, _extends({}, props, {
+      json: children
+    }));
+  }
+  return /*#__PURE__*/React.createElement(Highlight, props);
+};
+HighlightWrapper.Diff = DiffView;
+
+// export default HighlightWrapper;
+
+export default LocaleWrapper({
+  componentName: 'HighlightWrapper',
+  defaultLocale: zhCN
+})(HighlightWrapper);

package/es/Highlight/index.less

@@ -0,0 +1,381 @@
+@import '../variable.less';
+
+@prefix: ob-highlight;
+
+.@{prefix} {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.88);
+  font-size: 14px;
+  line-height: 1.5714285714285714;
+  list-style: none;
+  border-radius: ~'@{borderRadius}px';
+
+  &:not(:hover) .@{prefix}-copy {
+    visibility: hidden;
+    opacity: 0;
+  }
+
+  @keyframes copy-button-trans {
+    0% {
+      opacity: 0.8;
+      margin-block-start: 0;
+    }
+    10% {
+      opacity: 0.8;
+      margin-block-start: -16px;
+    }
+    90% {
+      opacity: 0.8;
+      margin-block-start: -16px;
+    }
+    100% {
+      opacity: 0.8;
+      margin-block-start: 0;
+    }
+  }
+
+  .@{prefix}-json-view {
+    padding: 0;
+
+    .react-json-view {
+      padding: 0.5em;
+      overflow: auto;
+
+      .icon-container svg {
+        transform: translateY(5px);
+      }
+    }
+  }
+
+  &.@{prefix}-light {
+    .react-json-view {
+      background: @colorBgLayout;
+    }
+
+    .@{prefix}-light-index {
+      border-inline-end: 1px solid rgba(0, 0, 0, 0.05);
+    }
+
+    display: block;
+    padding: 0.5em;
+    overflow-x: auto;
+    color: #383a42;
+    background: @colorBgLayout;
+
+    .hljs-comment,
+    .hljs-quote {
+      color: #a0a1a7;
+      font-style: italic;
+    }
+
+    .hljs-doctag,
+    .hljs-keyword,
+    .hljs-formula {
+      color: #a626a4;
+    }
+
+    .hljs-section,
+    .hljs-name,
+    .hljs-selector-tag,
+    .hljs-deletion,
+    .hljs-subst {
+      color: #e45649;
+    }
+
+    .hljs-literal {
+      color: #0184bb;
+    }
+
+    .hljs-string,
+    .hljs-regexp,
+    .hljs-addition,
+    .hljs-attribute,
+    .hljs-meta-string {
+      color: #50a14f;
+    }
+
+    .hljs-built_in,
+    .hljs-class,
+    .hljs-title {
+      color: #c18401;
+    }
+
+    .hljs-attr,
+    .hljs-variable,
+    .hljs-template-variable,
+    .hljs-type,
+    .hljs-selector-class,
+    .hljs-selector-attr,
+    .hljs-selector-pseudo,
+    .hljs-number {
+      color: #986801;
+    }
+
+    .hljs-symbol,
+    .hljs-bullet,
+    .hljs-link,
+    .hljs-meta,
+    .hljs-selector-id,
+    .hljs-title {
+      color: #4078f2;
+    }
+
+    .hljs-emphasis {
+      font-style: italic;
+    }
+
+    .hljs-strong {
+      font-weight: bold;
+    }
+
+    .hljs-link {
+      text-decoration: underline;
+    }
+  }
+
+  .@{prefix}-index {
+    box-sizing: border-box;
+    width: 40px;
+    min-width: 40px;
+    color: #aaa;
+    text-align: end;
+    background: rgba(255, 255, 255, 0.03);
+    user-select: none;
+    padding-block: 2px;
+    padding-inline: 8px;
+  }
+  .@{prefix}-content {
+    padding-block: 2px;
+    padding-inline: 8px;
+  }
+  .@{prefix}-copy {
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    width: 16px;
+    height: 16px;
+    padding: 0;
+    overflow: hidden;
+    border: 0;
+    outline: none;
+    cursor: pointer;
+    opacity: 0.6;
+    transition: opacity 0.2s;
+    inset-block-start: 16px;
+    inset-inline-end: 16px;
+
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+  &:not(:hover) &.@{prefix}-copy {
+    visibility: hidden;
+    opacity: 0;
+  }
+
+  .@{prefix}-copy-icon {
+    width: 16px;
+    height: 16px;
+    font-size: 16px;
+
+    &.scoll {
+      animation: copy-button-trans 2s;
+      animation-play-state: running;
+    }
+  }
+
+  .@{prefix}-dark {
+    display: block;
+    padding: 0.5em;
+    overflow-x: auto;
+    color: #c0c5ce;
+    background: #2b303b;
+    border-radius: ~'@{borderRadius}px';
+
+    &.@{prefix}-index {
+      border-inline-end: 1px solid rgba(255, 255, 255, 0.05);
+    }
+
+    /* Ocean Comment */
+    .hljs-comment,
+    .hljs-quote {
+      color: #65737e;
+    }
+
+    /* Ocean Red */
+    .hljs-variable,
+    .hljs-template-variable,
+    .hljs-tag,
+    .hljs-name,
+    .hljs-selector-id,
+    .hljs-selector-class,
+    .hljs-regexp,
+    .hljs-deletion {
+      color: #bf616a;
+    }
+
+    /* Ocean Orange */
+    .hljs-number,
+    .hljs-built_in,
+    .hljs-builtin-name,
+    .hljs-literal,
+    .hljs-type,
+    .hljs-params,
+    .hljs-meta,
+    .hljs-link {
+      color: #d08770;
+    }
+
+    /* Ocean Yellow */
+    .hljs-attribute {
+      color: #ebcb8b;
+    }
+
+    /* Ocean Green */
+    .hljs-string,
+    .hljs-symbol,
+    .hljs-bullet,
+    .hljs-addition {
+      color: #a3be8c;
+    }
+
+    /* Ocean Blue */
+    .hljs-title,
+    .hljs-section {
+      color: #8fa1b3;
+    }
+
+    /* Ocean Purple */
+    .hljs-keyword,
+    .hljs-selector-tag {
+      color: #b48ead;
+    }
+
+    .hljs-emphasis {
+      font-style: italic;
+    }
+
+    .hljs-strong {
+      font-weight: bold;
+    }
+  }
+
+  &.@{prefix}-diff {
+    overflow-y: auto;
+
+    // &.@{prefix} {
+    //   padding: 0;
+    // }
+
+    table {
+      width: 100%;
+      font-family: 'SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace';
+      border-collapse: collapse;
+      border-spacing: 0;
+
+      td {
+        vertical-align: top;
+      }
+    }
+
+    .@{prefix}-diff-index,
+    .@{prefix}-diff-mark,
+    .@{prefix}-diff-code {
+      padding-block: 2px;
+      padding-inline: 8px;
+    }
+
+    .@{prefix}-diff-index,
+    .@{prefix}-diff-mark {
+      user-select: none;
+    }
+
+    .@{prefix}-diff-index {
+      width: 40px;
+      min-width: 40px;
+      text-align: end;
+      font-variant-numeric: tabular-nums;
+    }
+
+    .@{prefix}-diff-mark {
+      width: 10px;
+      min-width: 10px;
+      text-align: center;
+    }
+
+    .@{prefix}-diff-code {
+      white-space: pre-wrap;
+      word-break: break-word;
+    }
+
+    // ======================= Theme =======================
+    // Light
+    &.@{prefix}-light {
+      .@{prefix}-diff-index,
+      .@{prefix}-diff-mark {
+        color: #aaa;
+      }
+
+      .@{prefix}-diff-index {
+        background: rgba(0, 0, 0, 0.01);
+        border-inline-end: 1px solid rgba(0, 0, 0, 0.05);
+        border-inline-start: 1px solid rgba(0, 0, 0, 0.1);
+
+        &:first-child {
+          border-inline-start: none;
+        }
+      }
+
+      // &.@{prefix}-diff-cell {
+      .@{prefix}-diff-cell-add {
+        background: #e7f1e2;
+        // .mix(##fafafa; 90)
+        // .toHexString();
+      }
+      .@{prefix}-diff-cell-remove {
+        background: #f6e3e4;
+        // .mix(##fafafa; 90)
+        // .toHexString();
+      }
+      .@{prefix}-diff-cell-empty {
+        background: rgba(0, 0, 0, 0.03);
+      }
+      // }
+    }
+
+    // Dark
+    &.@{prefix}-dark {
+      .@{prefix}-diff-index,
+      .@{prefix}-diff-mark {
+        color: #aaa;
+      }
+
+      .@{prefix}-diff-index {
+        background: rgba(255, 255, 255, 0.01);
+        border-inline-end: 1px solid rgba(255, 255, 255, 0.05);
+        border-inline-start: 1px solid rgba(255, 255, 255, 0.1);
+
+        &:first-child {
+          border-inline-start: none;
+        }
+      }
+
+      .@{prefix}-diff-cell-add {
+        background: #305c29;
+        // .mix(#2b303b; 60)
+        // .toHexString();
+      }
+      .@{prefix}-diff-cell-remove {
+        background: #6d2431;
+        // .mix(#2b303b; 60)
+        // .toHexString();
+      }
+
+      .@{prefix}-diff-cell-empty {
+        background: rgba(255, 255, 255, 0.03);
+      }
+    }
+  }
+}

package/es/Highlight/languages/bash.js

@@ -0,0 +1,2 @@
+import bash from 'highlight.js/lib/languages/bash';
+export default bash;

package/es/Highlight/languages/cpp.js

@@ -0,0 +1,2 @@
+import cpp from 'highlight.js/lib/languages/cpp';
+export default cpp;

package/es/Highlight/languages/css.js

@@ -0,0 +1,2 @@
+import css from 'highlight.js/lib/languages/css';
+export default css;

package/es/Highlight/languages/dockerfile.js

@@ -0,0 +1,2 @@
+import dockerfile from 'highlight.js/lib/languages/dockerfile';
+export default dockerfile;

package/es/Highlight/languages/go.js

@@ -0,0 +1,2 @@
+import go from 'highlight.js/lib/languages/go';
+export default go;

package/es/Highlight/languages/groovy.js

@@ -0,0 +1,2 @@
+import groovy from 'highlight.js/lib/languages/groovy';
+export default groovy;

package/es/Highlight/languages/http.js

@@ -0,0 +1,2 @@
+import http from 'highlight.js/lib/languages/http';
+export default http;

package/es/Highlight/languages/java.js

@@ -0,0 +1,2 @@
+import java from 'highlight.js/lib/languages/java';
+export default java;

package/es/Highlight/languages/javascript.js

@@ -0,0 +1,2 @@
+import javascript from 'highlight.js/lib/languages/javascript';
+export default javascript;

package/es/Highlight/languages/json.js

@@ -0,0 +1,2 @@
+import json from 'highlight.js/lib/languages/json';
+export default json;

package/es/Highlight/languages/markdown.js

@@ -0,0 +1,2 @@
+import markdown from 'highlight.js/lib/languages/markdown';
+export default markdown;

package/es/Highlight/languages/nginx.js

@@ -0,0 +1,2 @@
+import nginx from 'highlight.js/lib/languages/nginx';
+export default nginx;

package/es/Highlight/languages/python.js

@@ -0,0 +1,2 @@
+import python from 'highlight.js/lib/languages/python';
+export default python;

package/es/Highlight/languages/ruby.js

@@ -0,0 +1,2 @@
+import ruby from 'highlight.js/lib/languages/ruby';
+export default ruby;

package/es/Highlight/languages/solidity.js

@@ -0,0 +1,2 @@
+import solidity from 'highlightjs-solidity/src/languages/solidity';
+export default solidity;