@readme/syntax-highlighter 15.0.2 → 16.0.0

package/src/codeMirror/style.scss

@@ -1,104 +0,0 @@
-$gutterWidth: 43px; // enough for 3 chars
-
-// dark theme
-$darkBackground: #242e34;
-$darkColor: #fff;
-$darkHightlight: rgba(#000, 0.25);
-
-// light theme
-$lightBackground: #fff;
-$lightColor: #000;
-$lightHighlight: rgba($lightColor, 0.1);
-
-.CodeEditor {
-
-  &.cm-s-material-palenight {
-
-    &:not(.CodeEditor-Input_highlight) {
-      .cm-linerow.cm-overlay,
-      .cm-linerow.cm-overlay > span,
-      .cm-linerow.cm-overlay > p {
-        color: rgba($darkColor, 0.5);
-      }
-    }
-
-    .cm-highlight {
-      background: $darkHightlight;
-    }
-
-    .CodeMirror {
-      background: $darkBackground;
-      color: $darkColor;
-    }
-  }
-
-  &.cm-s-neo {
-
-    &:not(.CodeEditor-Input_highlight) {
-      .cm-linerow.cm-overlay,
-      .cm-linerow.cm-overlay > span,
-      .cm-linerow.cm-overlay > p {
-        color: rgba($lightColor, 0.5);
-      }
-    }
-
-    .cm-highlight {
-      background: $lightHighlight;
-    }
-
-    .CodeMirror {
-      background: $lightBackground;
-      color: $lightColor;
-    }
-  }
-
-  .cm-linerow.cm-overlay,
-  .cm-linerow.cm-overlay .cm-lineNumber {
-    opacity: 0.75;
-  }
-}
-
-// Custom scrollbar styles
-// see: https://codemirror.net/5/demo/simplescrollbars.html
-.CodeMirror {
-  &-scrollbar-filler {
-    display: none !important;
-  }
-  &-overlayscroll {
-    &-horizontal div,
-    &-vertical div {
-      background: rgba(#cacaca, 0.5) !important;
-    }
-  }
-}
-
-.cm-linerow {
-  position: relative;
-  text-indent: $gutterWidth + 4px;
-  transition: background 0.5s cubic-bezier(0.16, 1, 0.3, 1), color 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);
-
-  > span,
-  > p {
-    transition: color 0.5s cubic-bezier(0.16, 1, 0.3, 1);
-  }
-}
-
-.cm-lineNumber {
-  color: #676e95;
-  display: inline-block;
-  left: 0;
-  margin: 0;
-  min-width: $gutterWidth;
-  padding: 0 6px 0 10px;
-  position: absolute;
-  right: auto;
-  text-align: right;
-  text-indent: 0;
-  top: 0;
-  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);
-
-  -webkit-user-select: none; /* Safari */
-  -moz-user-select: none; /* Firefox */
-  -ms-user-select: none; /* IE10+/Edge */
-  user-select: none; /* Standard */
-}

package/src/index.js

@@ -1,68 +0,0 @@
-import React from 'react';
-
-import codeEditor from './codeEditor/index.tsx';
-import codemirror, { VariablesContext as cmVariableContext } from './codeMirror';
-import canonical from './utils/canonical.ts';
-import { modes } from './utils/modes.ts';
-import uppercase from './utils/uppercase.ts';
-
-const SyntaxHighlighter = (
-  code,
-  lang,
-  opts = {
-    // If `customTheme` is present, it will override the `dark` option.
-    className: '',
-    customTheme: false,
-    dark: false,
-    editable: false,
-    inline: false,
-    tokenizeVariables: false,
-  },
-  props = {},
-) => {
-  const { mdx, ...editorProps } = props;
-  let theme = opts.dark ? 'material-palenight' : 'neo';
-  if (opts.customTheme) {
-    theme = opts.customTheme;
-  }
-
-  if (opts.foldGutter) {
-    // `foldGutter` does not work with runmode and has to be done with the codeEditor component
-    // NOTE: To disable editing, to still allow folding, `readOnly` must be `true`.
-    // oxlint-disable-next-line no-param-reassign
-    opts.editable = true;
-    // Default CSS classes
-    // oxlint-disable-next-line no-param-reassign
-    opts.gutters = ['CodeMirror-linenumbers', 'CodeMirror-foldgutter'];
-  }
-
-  if (opts.editable) {
-    return React.createElement(codeEditor, {
-      ...editorProps,
-      code,
-      lang,
-      theme,
-      options: opts,
-    });
-  }
-
-  const classes = [`cm-s-${theme}`];
-  if (opts.className) {
-    classes.push(opts.className);
-  }
-
-  if (opts.highlightMode) {
-    classes.push('CodeEditor');
-  }
-
-  const wrapper = opts.inline ? 'span' : 'div';
-
-  return React.createElement(
-    wrapper,
-    { className: classes.join(' '), 'data-testid': 'SyntaxHighlighter' },
-    codemirror(typeof code === 'string' ? code : '', lang, opts, { mdx }),
-  );
-};
-
-export default SyntaxHighlighter;
-export { uppercase, canonical, modes, cmVariableContext };

package/src/index.node.ts

@@ -1,5 +0,0 @@
-import canonical from './utils/canonical';
-import { modes, getMode } from './utils/modes';
-import uppercase from './utils/uppercase';
-
-export { uppercase, canonical, modes, getMode };

package/src/utils/canonical.ts

@@ -1,65 +0,0 @@
-const modeAliases = {
-  aspx: 'asp',
-  bash: 'shell',
-  'c++': 'cplusplus',
-  'c#': 'csharp',
-  clj: 'clojure',
-  cljc: 'clojure',
-  cljx: 'clojure',
-  coffeescript: 'javascript',
-  cpp: 'cplusplus',
-  cql: 'sql',
-  cs: 'csharp',
-  docker: 'dockerfile',
-  ecmascript: 'javascript',
-  erl: 'erlang',
-  gql: 'graphql',
-  gradle: 'groovy',
-  handlebars: 'html',
-  hbs: 'html',
-  jl: 'julia',
-  jruby: 'ruby',
-  js: 'javascript',
-  kt: 'kotlin',
-  less: 'css',
-  macruby: 'ruby',
-  md: 'markdown',
-  ml: 'ocaml',
-  mssql: 'sql',
-  mysql: 'sql',
-  node: 'javascript',
-  'obj-c': 'objectivec',
-  'obj-c++': 'objectivecplusplus',
-  'objc++': 'objectivecplusplus',
-  objc: 'objectivec',
-  objcpp: 'objectivecplusplus',
-  objectivecpp: 'objectivecplusplus',
-  pgsql: 'sql',
-  pl: 'perl',
-  plsql: 'sql',
-  postgres: 'sql',
-  postgresql: 'sql',
-  ps1: 'powershell',
-  py: 'python',
-  rake: 'ruby',
-  rb: 'ruby',
-  rbx: 'ruby',
-  rs: 'rust',
-  sass: 'css',
-  scss: 'css',
-  sh: 'shell',
-  solidity: 'sol',
-  sqlite: 'sql',
-  styl: 'css',
-  stylus: 'css',
-  xhtml: 'html',
-  yml: 'yaml',
-  zsh: 'shell',
-} as const;
-
-const canonical = (language: keyof typeof modeAliases) => {
-  if (language in modeAliases) return modeAliases[language];
-  return language;
-};
-
-export default canonical;

package/src/utils/cm-mode-imports.js

@@ -1,33 +0,0 @@
-// oxlint-disable typescript/no-require-imports
-// Codemirror-specfic mode-integrations, used for styling syntax
-require('codemirror/mode/clike/clike');
-require('codemirror/mode/clojure/clojure');
-require('codemirror/mode/d/d');
-require('codemirror/mode/dart/dart');
-require('codemirror/mode/diff/diff');
-require('codemirror/mode/dockerfile/dockerfile');
-require('codemirror/mode/erlang/erlang');
-require('codemirror/mode/go/go');
-require('codemirror/mode/gfm/gfm');
-require('codemirror/mode/groovy/groovy');
-require('codemirror/mode/htmlmixed/htmlmixed');
-require('codemirror/mode/http/http');
-require('codemirror/mode/javascript/javascript');
-require('codemirror/mode/jsx/jsx');
-require('codemirror/mode/julia/julia');
-require('codemirror/mode/lua/lua');
-require('codemirror/mode/mllike/mllike');
-require('codemirror/mode/perl/perl');
-require('codemirror/mode/php/php');
-require('codemirror/mode/powershell/powershell');
-require('codemirror/mode/python/python');
-require('codemirror/mode/r/r');
-require('codemirror/mode/ruby/ruby');
-require('codemirror/mode/rust/rust');
-require('codemirror/mode/shell/shell');
-require('codemirror/mode/sql/sql');
-require('codemirror/mode/swift/swift');
-require('codemirror/mode/toml/toml');
-require('codemirror/mode/yaml/yaml');
-require('codemirror-graphql/mode');
-require('./modes/solidity');

package/src/utils/index.ts

@@ -1,5 +0,0 @@
-import canonical from './canonical';
-import { modes, getMode } from './modes';
-import uppercase from './uppercase';
-
-export default { uppercase, canonical, modes, getMode };