How to use the refractor/core.js.register function in refractor

To help you get started, we’ve selected a few refractor examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github patternplate / patternplate / components / next-generation / code / src / code.tsx View on Github external
import * as React from "react";
import styled from "styled-components";

const refractor = require("refractor/core.js");
const toh = require("hast-to-hyperscript");

// in core: css
refractor.register(require("refractor/lang/less.js"));
refractor.register(require("refractor/lang/scss.js"));
refractor.register(require("refractor/lang/stylus.js"));

// in core: js
refractor.register(require("refractor/lang/jsx.js"));
refractor.register(require("refractor/lang/typescript.js"));
refractor.register(require("refractor/lang/tsx.js"));
refractor.register(require("refractor/lang/json.js"));

// in core: xml, html, svg
refractor.register(require("refractor/lang/markdown.js"));

refractor.register(require("refractor/lang/bash.js"));
refractor.register(require("refractor/lang/diff.js"));

module.exports.highlight = highlight;
github hshoff / ui-kit / packages / code / build / index.js View on Github external
var _react2 = _interopRequireDefault(_react);

var _rehype = require('rehype');

var _rehype2 = _interopRequireDefault(_rehype);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

require('prismjs/themes/prism.css');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var refractor = require('refractor/core.js');
refractor.register(require('refractor/lang/jsx.js'));

Code.defaultProps = {
  language: 'jsx'
};

function Code(_ref) {
  var className = _ref.className,
      children = _ref.children,
      language = _ref.language,
      style = _ref.style;

  var nodes = refractor.highlight(children, language);
  var html = (0, _rehype2.default)().stringify({ type: 'root', children: nodes }).toString();
  return _react2.default.createElement('pre', {
    style: style,
    className: (0, _classnames2.default)('ui-kit-code', className),
github hshoff / ui-kit / packages / code / src / index.js View on Github external
import React from 'react';
import rehype from 'rehype';
import cx from 'classnames';

import 'prismjs/themes/prism.css';

var refractor = require('refractor/core.js');
refractor.register(require('refractor/lang/jsx.js'));

Code.defaultProps = {
  language: 'jsx',
};

export default function Code({
  className,
  children,
  language,
  style,
}) {
  const nodes = refractor.highlight(children, language);
  const html = rehype()
    .stringify({ type: 'root', children: nodes })
    .toString();
  return (

refractor

Lightweight, robust, elegant virtual syntax highlighting using Prism

MIT
Latest version published 1 year ago

Package Health Score

70 / 100
Full package analysis