feat!: externalize codemirror, react-codemirror2, and prop-types (semver-major)

package.json

@@ -8,6 +8,10 @@
     "type": "git",
     "url": "https://github.com/readmeio/syntax-highlighter.git"
   },
+  "files": [
+    "dist",
+    "dist-utils"
+  ],
   "main": "dist/index.node.js",
   "browser": "dist/index.js",
   "exports": {
@@ -39,7 +43,6 @@
   },
   "dependencies": {
     "codemirror": "^5.54.0",
-    "codemirror-graphql": "1.3.2",
     "prop-types": "^15.7.2",
     "react-codemirror2": "^8.0.0"
   },

src/codeMirror/index.jsx

@@ -5,7 +5,6 @@ import 'codemirror/addon/fold/foldgutter';
 import 'codemirror/addon/runmode/runmode';
 import 'codemirror/addon/scroll/simplescrollbars';
 import 'codemirror/addon/scroll/simplescrollbars.css';
-import 'codemirror/mode/meta';
 import PropTypes from 'prop-types';
 import React from 'react';
 

src/utils/cm-mode-imports.js

@@ -29,5 +29,5 @@ 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/graphql/mode');
 require('./modes/solidity');

src/utils/modes/graphql/RuleHelpers.js

@@ -0,0 +1,47 @@
+// oxlint-disable no-param-reassign
+
+/**
+ * Vendored from `graphql-language-service`'s `esm/parser/RuleHelpers.js`, stripped of its
+ * TypeScript types.
+ *
+ * @license MIT
+ * @see {@link https://github.com/graphql/graphiql/blob/main/packages/graphql-language-service/src/parser/RuleHelpers.ts}
+ */
+
+// These functions help build matching rules for ParseRules.
+
+// An optional rule.
+export function opt(ofRule) {
+  return { ofRule };
+}
+
+// A list of another rule.
+export function list(ofRule, separator) {
+  return { ofRule, isList: true, separator };
+}
+
+// A constraint described as `but not` in the GraphQL spec.
+export function butNot(rule, exclusions) {
+  const ruleMatch = rule.match;
+  rule.match = token => {
+    let check = false;
+    if (ruleMatch) {
+      check = ruleMatch(token);
+    }
+    return check && exclusions.every(exclusion => exclusion.match && !exclusion.match(token));
+  };
+  return rule;
+}
+
+// Token of a kind
+export function t(kind, style) {
+  return { style, match: token => token.kind === kind };
+}
+
+// Punctuator
+export function p(value, style) {
+  return {
+    style: style || 'punctuation',
+    match: token => token.kind === 'Punctuation' && token.value === value,
+  };
+}