@uiw/react-codemirror 4.3.3 → 4.4.0

package/dist/codemirror.min.js.LICENSE.txt

@@ -0,0 +1,14 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-codemirror",
-  "version": "4.3.3",
+  "version": "4.4.0",
   "description": "CodeMirror component for React.",
   "homepage": "https://uiwjs.github.io/react-codemirror",
   "main": "cjs/index.js",
@@ -13,6 +13,8 @@
     "prepare": "husky install && npm run build",
     "watch": "tsbb watch",
     "build": "tsbb build",
+    "bundle": "kkt build --bundle",
+    "bundle:min": "kkt build --bundle --mini --no-emptyDir",
     "test": "tsbb test --env=jsdom",
     "coverage": "tsbb test --coverage --bail",
     "doc": "kkt build --app-src ./website",
@@ -34,6 +36,7 @@
     "code"
   ],
   "files": [
+    "dist",
     "src",
     "esm",
     "cjs"
@@ -52,11 +55,6 @@
       "react-app/jest"
     ]
   },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx,html,less,md,json}": [
-      "prettier --write"
-    ]
-  },
   "peerDependencies": {
     "@babel/runtime": ">=7.11.0",
     "react": ">=16.8.0",
@@ -73,20 +71,21 @@
     "@codemirror/lang-cpp": "0.19.1",
     "@codemirror/lang-html": "0.19.4",
     "@codemirror/lang-java": "0.19.1",
-    "@codemirror/lang-javascript": "0.19.4",
+    "@codemirror/lang-javascript": "0.19.7",
     "@codemirror/lang-json": "0.19.1",
     "@codemirror/lang-lezer": "0.19.1",
-    "@codemirror/lang-markdown": "0.19.4",
+    "@codemirror/lang-markdown": "0.19.6",
     "@codemirror/lang-php": "0.19.1",
-    "@codemirror/lang-python": "0.19.2",
+    "@codemirror/lang-python": "0.19.4",
     "@codemirror/lang-rust": "0.19.1",
     "@codemirror/lang-sql": "0.19.4",
     "@codemirror/lang-xml": "0.19.2",
     "@codemirror/legacy-modes": "0.19.0",
-    "@codemirror/stream-parser": "0.19.3",
-    "@kkt/less-modules": "7.0.5",
-    "@kkt/raw-modules": "7.0.5",
-    "@kkt/scope-plugin-options": "7.0.5",
+    "@codemirror/stream-parser": "0.19.5",
+    "@kkt/less-modules": "7.1.0",
+    "@kkt/raw-modules": "7.1.0",
+    "@kkt/react-library": "7.1.0",
+    "@kkt/scope-plugin-options": "7.1.0",
     "@types/react": "17.0.38",
     "@types/react-dom": "17.0.11",
     "@types/react-test-renderer": "17.0.1",
@@ -96,13 +95,13 @@
     "@uiw/reset.css": "1.0.5",
     "code-example": "3.3.1",
     "husky": "7.0.4",
-    "kkt": "7.0.5",
-    "lint-staged": "12.1.7",
+    "kkt": "7.1.0",
+    "lint-staged": "12.3.4",
     "prettier": "2.5.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-test-renderer": "17.0.2",
-    "tsbb": "3.5.4"
+    "tsbb": "3.5.6"
   },
   "browserslist": {
     "production": [

package/src/__tests__/index.test.tsx

@@ -0,0 +1,87 @@
+/**
+ * @jest-environment jsdom
+ */
+/* eslint-disable jest/no-conditional-expect */
+import React, { useEffect, useRef } from 'react';
+import renderer from 'react-test-renderer';
+import { render, fireEvent, screen } from '@testing-library/react';
+// import userEvent from '@testing-library/user-event';
+// import '@testing-library/jest-dom';
+import CodeMirror, { ReactCodeMirrorRef } from '..';
+
+it('CodeMirror', async () => {
+  const component = renderer.create(<CodeMirror />);
+  let tree = component.toJSON();
+  if (tree && !Array.isArray(tree)) {
+    expect(tree.type).toEqual('div');
+    expect(tree.props.className).toEqual('cm-theme-light');
+  }
+});
+
+it('CodeMirror onChange', async () => {
+  const handleChange = jest.fn((value) => {
+    expect(value).toEqual('# title');
+    return Array.isArray(value) ? value.join() : value;
+  });
+  render(<CodeMirror autoFocus value="console.log('Hello world!')" onChange={handleChange} />);
+  const input = await screen.findByRole<HTMLInputElement>('textbox'); // findByRole('textbox');
+  fireEvent.change(input, { target: { textContent: '# title' } });
+  const elm = screen.queryByText('# title');
+  expect((elm as any).cmView.dom.innerHTML).toEqual('# title');
+});
+
+it('CodeMirror onUpdate', async () => {
+  render(
+    <CodeMirror
+      value="console.log('Hello world!')"
+      autoFocus
+      onUpdate={(viewUpdate) => {
+        expect(viewUpdate.state.doc.length).toEqual(27);
+      }}
+    />,
+  );
+});
+
+it('CodeMirror ref', async () => {
+  function Demo() {
+    const ref = useRef<ReactCodeMirrorRef>(null);
+    useEffect(() => {
+      expect(Object.keys(ref.current!)).toEqual(['editor', 'state', 'view']);
+    }, [ref]);
+
+    return <CodeMirror ref={ref} value="console.log('Hello world!')" />;
+  }
+  render(<Demo />);
+});
+
+it('CodeMirror theme', async () => {
+  const component = renderer.create(<CodeMirror theme="dark" />);
+  let tree = component.toJSON();
+  if (tree && !Array.isArray(tree)) {
+    expect(tree.type).toEqual('div');
+    expect(tree.props.className).toEqual('cm-theme-dark');
+  }
+});
+
+it('CodeMirror className', async () => {
+  const component = renderer.create(<CodeMirror className="test" />);
+  let tree = component.toJSON();
+  if (tree && !Array.isArray(tree)) {
+    expect(tree.type).toEqual('div');
+    expect(tree.props.className).toEqual('cm-theme-light test');
+  }
+});
+
+it('CodeMirror placeholder', async () => {
+  render(<CodeMirror placeholder="Hello World" className="test" />);
+  const elm = screen.queryByText('Hello World');
+  expect(elm!.style['pointerEvents']).toEqual('none');
+  expect(elm!.className).toEqual('cm-placeholder');
+});
+
+it('CodeMirror editable', async () => {
+  render(<CodeMirror editable={false} className="test" />);
+  const text = screen.getByRole('textbox');
+  expect(text.className).toEqual('cm-content');
+  expect(text.tagName).toEqual('DIV');
+});