@readme/syntax-highlighter 15.0.0 → 15.0.1

package/dist/index.node.js

@@ -2,6 +2,40 @@
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
+/***/ 638
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.getMode = exports.modes = exports.canonical = exports.uppercase = void 0;
+var canonical_1 = __importDefault(__webpack_require__(42));
+exports.canonical = canonical_1.default;
+var modes_1 = __webpack_require__(476);
+Object.defineProperty(exports, "modes", ({
+  enumerable: true,
+  get: function get() {
+    return modes_1.modes;
+  }
+}));
+Object.defineProperty(exports, "getMode", ({
+  enumerable: true,
+  get: function get() {
+    return modes_1.getMode;
+  }
+}));
+var uppercase_1 = __importDefault(__webpack_require__(704));
+exports.uppercase = uppercase_1.default;
+
+/***/ },
+
 /***/ 42
 (__unused_webpack_module, exports) {
 
@@ -199,40 +233,6 @@ function getMode(lang) {
 
 /***/ },
 
-/***/ 638
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.getMode = exports.modes = exports.canonical = exports.uppercase = void 0;
-var canonical_1 = __importDefault(__webpack_require__(42));
-exports.canonical = canonical_1.default;
-var modes_1 = __webpack_require__(476);
-Object.defineProperty(exports, "modes", ({
-  enumerable: true,
-  get: function get() {
-    return modes_1.modes;
-  }
-}));
-Object.defineProperty(exports, "getMode", ({
-  enumerable: true,
-  get: function get() {
-    return modes_1.getMode;
-  }
-}));
-var uppercase_1 = __importDefault(__webpack_require__(704));
-exports.uppercase = uppercase_1.default;
-
-/***/ },
-
 /***/ 704
 (__unused_webpack_module, exports) {
 

package/dist-utils/{canonical.d.ts → utils/canonical.d.ts}

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

package/dist-utils/{index.d.ts → utils/index.d.ts}

@@ -2,7 +2,7 @@ import { getMode } from './modes';
 import uppercase from './uppercase';
 declare const _default: {
     uppercase: typeof uppercase;
-    canonical: (language: "stylus" | "rb" | "aspx" | "bash" | "c++" | "c#" | "clj" | "cljc" | "cljx" | "coffeescript" | "cpp" | "cql" | "cs" | "docker" | "ecmascript" | "erl" | "gql" | "gradle" | "handlebars" | "hbs" | "jl" | "jruby" | "js" | "kt" | "less" | "macruby" | "md" | "ml" | "mssql" | "mysql" | "node" | "obj-c" | "obj-c++" | "objc++" | "objc" | "objcpp" | "objectivecpp" | "pgsql" | "pl" | "plsql" | "postgres" | "postgresql" | "ps1" | "py" | "rake" | "rbx" | "rs" | "sass" | "scss" | "sh" | "solidity" | "sqlite" | "styl" | "xhtml" | "yml" | "zsh") => "stylus" | "html" | "ruby" | "rb" | "asp" | "shell" | "cplusplus" | "csharp" | "clojure" | "javascript" | "sql" | "dockerfile" | "erlang" | "graphql" | "groovy" | "julia" | "kotlin" | "css" | "markdown" | "ocaml" | "objectivec" | "objectivecplusplus" | "perl" | "powershell" | "python" | "rust" | "sol" | "yaml" | "aspx" | "bash" | "c++" | "c#" | "clj" | "cljc" | "cljx" | "coffeescript" | "cpp" | "cql" | "cs" | "docker" | "ecmascript" | "erl" | "gql" | "gradle" | "handlebars" | "hbs" | "jl" | "jruby" | "js" | "kt" | "less" | "macruby" | "md" | "ml" | "mssql" | "mysql" | "node" | "obj-c" | "obj-c++" | "objc++" | "objc" | "objcpp" | "objectivecpp" | "pgsql" | "pl" | "plsql" | "postgres" | "postgresql" | "ps1" | "py" | "rake" | "rbx" | "rs" | "sass" | "scss" | "sh" | "solidity" | "sqlite" | "styl" | "xhtml" | "yml" | "zsh";
+    canonical: (language: "less" | "stylus" | "rb" | "aspx" | "bash" | "c++" | "c#" | "clj" | "cljc" | "cljx" | "coffeescript" | "cpp" | "cql" | "cs" | "docker" | "ecmascript" | "erl" | "gql" | "gradle" | "handlebars" | "hbs" | "jl" | "jruby" | "js" | "kt" | "macruby" | "md" | "ml" | "mssql" | "mysql" | "node" | "obj-c" | "obj-c++" | "objc++" | "objc" | "objcpp" | "objectivecpp" | "pgsql" | "pl" | "plsql" | "postgres" | "postgresql" | "ps1" | "py" | "rake" | "rbx" | "rs" | "sass" | "scss" | "sh" | "solidity" | "sqlite" | "styl" | "xhtml" | "yml" | "zsh") => "less" | "stylus" | "html" | "ruby" | "rb" | "asp" | "shell" | "cplusplus" | "csharp" | "clojure" | "javascript" | "sql" | "dockerfile" | "erlang" | "graphql" | "groovy" | "julia" | "kotlin" | "css" | "markdown" | "ocaml" | "objectivec" | "objectivecplusplus" | "perl" | "powershell" | "python" | "rust" | "sol" | "yaml" | "aspx" | "bash" | "c++" | "c#" | "clj" | "cljc" | "cljx" | "coffeescript" | "cpp" | "cql" | "cs" | "docker" | "ecmascript" | "erl" | "gql" | "gradle" | "handlebars" | "hbs" | "jl" | "jruby" | "js" | "kt" | "macruby" | "md" | "ml" | "mssql" | "mysql" | "node" | "obj-c" | "obj-c++" | "objc++" | "objc" | "objcpp" | "objectivecpp" | "pgsql" | "pl" | "plsql" | "postgres" | "postgresql" | "ps1" | "py" | "rake" | "rbx" | "rs" | "sass" | "scss" | "sh" | "solidity" | "sqlite" | "styl" | "xhtml" | "yml" | "zsh";
     modes: {
         readonly asp: "clike";
         readonly aspx: "clike";

package/knip.ts

@@ -2,10 +2,21 @@ import type { KnipConfig } from 'knip';
 
 const config: KnipConfig = {
   entry: ['src/utils/index.ts', 'public/index.js', 'public/index.legacy.js'],
-  ignore: ['__tests__/__fixtures__/**'],
+  ignore: ['test/__fixtures__/**'],
   ignoreDependencies: [
     '@csstools/css-parser-algorithms', // required in order to get vitest/jsdom running in CI
+    'eslint-plugin-readme', // pulled in and used by oxlint
   ],
+  oxfmt: {
+    config: ['oxfmt.config.ts'],
+  },
+  oxlint: {
+    config: ['oxlint.config.ts'],
+  },
+  vitest: {
+    config: ['vitest.config.ts'],
+    entry: ['test/**/*.ts(x)?'],
+  },
 };
 
 export default config;

package/package.json

@@ -1,18 +1,15 @@
 {
   "name": "@readme/syntax-highlighter",
+  "version": "15.0.1",
   "description": "ReadMe's React-based syntax highlighter",
-  "version": "15.0.0",
-  "main": "dist/index.node.js",
-  "browser": "dist/index.js",
+  "homepage": "https://readmeio.github.io/syntax-highlighter/",
   "license": "ISC",
   "repository": {
     "type": "git",
     "url": "https://github.com/readmeio/syntax-highlighter.git"
   },
-  "homepage": "https://readmeio.github.io/syntax-highlighter/",
-  "engines": {
-    "node": ">=22"
-  },
+  "main": "dist/index.node.js",
+  "browser": "dist/index.js",
   "exports": {
     ".": {
       "browser": "./dist/index.js",
@@ -31,12 +28,11 @@
   },
   "scripts": {
     "build": "webpack --progress && tsc",
-    "format": "prettier --write . && eslint . --fix --ext .js,.jsx,.ts,.tsx",
-    "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
+    "format": "npx oxlint --fix && npx oxfmt --write",
+    "lint": "knip && npx oxlint && npx oxfmt --check",
     "prebuild": "rm -rf dist && rm -rf dist-utils",
     "prepack": "npm run build",
-    "pretest": "npm run lint && npm run prettier && tsc --noEmit && knip",
-    "prettier": "prettier --check .",
+    "pretest": "npm run lint && tsc --noEmit",
     "start": "webpack serve --open --config ./webpack.config.dev.js",
     "test": "vitest run --coverage",
     "watch": "webpack -w --progress"
@@ -47,36 +43,38 @@
     "prop-types": "^15.7.2",
     "react-codemirror2": "^8.0.0"
   },
-  "peerDependencies": {
-    "@readme/variable": "^18.0.0",
-    "react": "18.x",
-    "react-dom": "18.x"
-  },
   "devDependencies": {
     "@babel/preset-env": "^7.24.4",
     "@babel/preset-react": "^7.24.1",
     "@csstools/css-parser-algorithms": "^4.0.0",
-    "@readme/eslint-config": "^14.8.1",
+    "@readme/oxlint-config": "^1.1.2",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^16.3.0",
     "@types/node": "^25.0.3",
-    "@vitest/coverage-v8": "^4.0.8",
+    "@vitest/coverage-v8": "^4.1.5",
     "babel-loader": "^10.0.0",
     "css-loader": "^7.1.1",
-    "eslint": "^8.57.0",
     "html-webpack-plugin": "^5.6.0",
-    "jsdom": "^28.0.0",
-    "knip": "^5.69.0",
-    "prettier": "^3.2.5",
+    "jsdom": "^29.1.1",
+    "knip": "^6.10.0",
+    "oxfmt": "^0.47.0",
+    "oxlint": "^1.62.0",
     "sass": "^1.89.2",
     "sass-loader": "^13.3.2",
     "style-loader": "^4.0.0",
     "ts-loader": "^9.5.4",
-    "typescript": "^5.9.3",
-    "vitest": "^4.0.8",
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.5",
     "webpack": "^5.91.0",
-    "webpack-cli": "^6.0.1",
+    "webpack-cli": "^7.0.2",
     "webpack-dev-server": "^5.0.4"
   },
-  "prettier": "@readme/eslint-config/prettier"
+  "peerDependencies": {
+    "@readme/variable": "^18.0.0",
+    "react": "18.x",
+    "react-dom": "18.x"
+  },
+  "engines": {
+    "node": ">=22"
+  }
 }

package/src/codeEditor/index.tsx

@@ -17,7 +17,6 @@ const CodeEditor: React.FC<{
   options?: ICodeMirror['options'];
   theme?: 'material-palenight' | 'neo' | 'tomorrow-night';
 }> = ({
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   className = '', // unused, I think on purpose? but not sure
   code = '',
   lang,
@@ -31,12 +30,10 @@ const CodeEditor: React.FC<{
 
   useEffect(() => {
     const incValue = children && typeof children === 'string' ? children : code;
-    // eslint-disable-next-line react-hooks/set-state-in-effect -- @fixme
     setValue(incValue);
   }, [code, children]);
 
   useEffect(() => {
-    // eslint-disable-next-line react-hooks/set-state-in-effect -- @fixme
     setMode(prevMode => {
       const newMode = getMode(lang as string);
       if (newMode !== prevMode) return newMode;

package/src/codeMirror/index.jsx

@@ -225,7 +225,7 @@ const ReadmeCodeMirror = (
     const token = reinsertVariables(accum);
 
     const styledToken = curStyle ? (
-      // eslint-disable-next-line no-plusplus
+      // oxlint-disable-next-line no-plusplus
       <span key={key++} className={`${curStyle.replace(/(^|\s+)/g, '$1cm-')}`}>
         {token}
       </span>

package/src/index.js

@@ -20,7 +20,6 @@ const SyntaxHighlighter = (
   },
   props = {},
 ) => {
-  // eslint-disable-next-line react/prop-types
   const { mdx, ...editorProps } = props;
   let theme = opts.dark ? 'material-palenight' : 'neo';
   if (opts.customTheme) {
@@ -30,8 +29,10 @@ const SyntaxHighlighter = (
   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'];
   }
 

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

@@ -1,3 +1,4 @@
+// oxlint-disable typescript/no-require-imports
 // Codemirror-specfic mode-integrations, used for styling syntax
 require('codemirror/mode/clike/clike');
 require('codemirror/mode/clojure/clojure');

package/src/utils/modes/solidity.js

@@ -1,14 +1,17 @@
-/* eslint-disable operator-assignment */
-/* eslint-disable prefer-template */
-/* eslint-disable object-shorthand */
-/* eslint-disable no-return-assign */
-/* eslint-disable no-unused-expressions */
-/* eslint-disable consistent-return */
-/* eslint-disable no-prototype-builtins */
-/* eslint-disable no-useless-escape */
-/* eslint-disable eqeqeq */
-/* eslint-disable no-use-before-define */
-/* eslint-disable global-require */
+// oxlint-disable react/no-this-in-sfc
+// oxlint-disable unicorn/consistent-function-scoping
+// oxlint-disable curly
+// oxlint-disable no-param-reassign
+// oxlint-disable typescript/no-require-imports
+// oxlint-disable func-names
+// oxlint-disable operator-assignment
+// oxlint-disable prefer-template
+// oxlint-disable no-return-assign
+// oxlint-disable no-unused-expressions
+// oxlint-disable no-prototype-builtins
+// oxlint-disable no-useless-escape
+// oxlint-disable eqeqeq
+// oxlint-disable global-require
 
 /**
  * This mode has been adapted from the source of `codemirror-solidity` as the way that library is
@@ -23,13 +26,16 @@
   if (typeof exports === 'object' && typeof module === 'object') {
     // CommonJS
     mod(require('codemirror/lib/codemirror'));
-    // eslint-disable-next-line no-undef
+
+    // oxlint-disable-next-line no-undef
   } else if (typeof define === 'function' && define.amd) {
     // AMD
-    define(['codemirror/lib/codemirror'], mod); // eslint-disable-line no-undef
+    // oxlint-disable-next-line no-undef
+    define(['codemirror/lib/codemirror'], mod);
   } else {
     // Plain browser env
-    mod(CodeMirror); // eslint-disable-line no-undef
+    // oxlint-disable-next-line no-undef
+    mod(CodeMirror);
   }
 })(function (CodeMirror) {
   CodeMirror.defineMode('solidity', function (config) {

package/tsconfig.json

@@ -5,6 +5,7 @@
     "jsx": "react-jsx",
     "module": "node20",
     "outDir": "dist-utils",
+    "rootDir": "src/",
     "strict": true,
     "target": "es2020"
   },

package/webpack.config.dev.js

@@ -1,3 +1,4 @@
+// oxlint-disable typescript/no-require-imports
 const path = require('path');
 
 const HtmlWebPackPlugin = require('html-webpack-plugin');

package/webpack.config.js

@@ -1,3 +1,4 @@
+// oxlint-disable typescript/no-require-imports
 const path = require('path');
 
 const base = {