@doist/typist 1.0.15 → 1.0.17

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [1.0.17](https://github.com/Doist/typist/compare/v1.0.16...v1.0.17) (2023-02-23)
+
+### Bug Fixes
+
+-   **markdown-serializer:** Override Turndown escaping behaviour with custom rules ([#102](https://github.com/Doist/typist/issues/102)) ([6950afb](https://github.com/Doist/typist/commit/6950afb61bd22a3b029e7f688f5e704402290e5a))
+
+## [1.0.16](https://github.com/Doist/typist/compare/v1.0.15...v1.0.16) (2023-02-22)
+
+### Bug Fixes
+
+-   Replace usage of useEvent with useCallback ([#98](https://github.com/Doist/typist/issues/98)) ([3b175f7](https://github.com/Doist/typist/commit/3b175f77cf0fa638a8ad267959ab720d24815fdd))
+
 ## [1.0.15](https://github.com/Doist/typist/compare/v1.0.14...v1.0.15) (2023-02-14)
 
 ### Bug Fixes

package/dist/components/typist-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typist-editor.d.ts","sourceRoot":"","sources":["../../src/components/typist-editor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"typist-editor.d.ts","sourceRoot":"","sources":["../../src/components/typist-editor.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAqB,wBAAwB,EAAE,MAAM,wCAAwC,CAAA;AAMpG,OAAO,EAAE,2BAA2B,EAA2B,MAAM,wBAAwB,CAAA;AAE7F,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAClF,OAAO,KAAK,EAAU,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE1D;;;GAGG;AACH,KAAK,eAAe,GAAG;IACnB;;OAEG;IACH,SAAS,EAAE,MAAM,UAAU,CAAA;IAE3B;;OAEG;IACH,WAAW,EAAE,MAAM,MAAM,CAAA;IAEzB;;OAEG;IACH,2BAA2B,EAAE,CACzB,QAAQ,EAAE,MAAM,KACf,UAAU,CAAC,OAAO,2BAA2B,CAAC,CAAA;CACtD,CAAA;AAED;;GAEG;AACH,KAAK,iBAAiB,GAAG,YAAY,CAAC,cAAc,CAAC,CAAA;AAErD;;GAEG;AACH,KAAK,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAEzC;;GAEG;AACH,KAAK,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;AAEhF;;GAEG;AACH,KAAK,oBAAoB,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAA;AAE3D;;GAEG;AACH,KAAK,iBAAiB,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;AAEpD;;GAEG;AACH,KAAK,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;AAEvC;;GAEG;AACH,KAAK,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;AAErC;;GAEG;AACH,KAAK,YAAY,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;AAE3C;;;GAGG;AACH,KAAK,iBAAiB,GAAG;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,UAAU,EAAE,UAAU,CAAA;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAEnD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAEvC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAEvC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAEzD;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAElD;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IAErC;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IAEnC;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IAEzC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAA;IAE7D;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IAEjD;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAE3D;;OAEG;IACH,OAAO,CAAC,EAAE,wBAAwB,CAAC,SAAS,CAAC,CAAA;IAE7C;;OAEG;IACH,SAAS,CAAC,EAAE,wBAAwB,CAAC,WAAW,CAAC,CAAA;CACpD,CAAA;AAED;;;GAGG;AACH,QAAA,MAAM,YAAY,+GAiNhB,CAAA;AAEF,OAAO,EAAE,YAAY,EAAE,CAAA;AAEvB,YAAY,EACR,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,UAAU,EACV,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,WAAW,GACd,CAAA"}

package/dist/components/typist-editor.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useMemo } from 'react';
-import { useEvent } from 'react-use-event-hook';
+import { forwardRef, useCallback, useImperativeHandle, useMemo } from 'react';
 import { getSchema } from '@tiptap/core';
 import { Placeholder } from '@tiptap/extension-placeholder';
 import { EditorContent } from '@tiptap/react';
@@ -57,7 +56,7 @@ const TypistEditor = forwardRef(function TypistEditor({ autoFocus, className, co
             ...(ariaLabelledBy ? { 'aria-labelledby': ariaLabelledBy } : {}),
         };
     }, [ariaDescribedBy, ariaLabel, ariaLabelledBy, editable, schema]);
-    const handleCreate = useEvent(function handleCreate(props) {
+    const handleCreate = useCallback(function handleCreate(props) {
         const { view } = props.editor;
         // Apply a selection to the document if one was given and `autoFocus` is `true`
         if (autoFocus && contentSelection) {
@@ -87,7 +86,7 @@ const TypistEditor = forwardRef(function TypistEditor({ autoFocus, className, co
         }
         // Invoke the user `onCreate` handle after all internal initializations
         onCreate?.(props);
-    });
+    }, [autoFocus, contentSelection, onCreate]);
     const editor = useEditor({
         autofocus: autoFocus ? 'end' : false,
         content: htmlContent,

package/dist/constants/regular-expressions.d.ts

@@ -2,5 +2,11 @@
  * A common regex for all line termination conventions.
  */
 declare const REGEX_LINE_BREAKS: RegExp;
-export { REGEX_LINE_BREAKS };
+/**
+ * A regex for standard punctuation characters for US-ASCII plus unicode punctuation.
+ *
+ * @see https://stackoverflow.com/a/25575009
+ */
+declare const REGEX_PUNCTUATION: RegExp;
+export { REGEX_LINE_BREAKS, REGEX_PUNCTUATION };
 //# sourceMappingURL=regular-expressions.d.ts.map

package/dist/constants/regular-expressions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"regular-expressions.d.ts","sourceRoot":"","sources":["../../src/constants/regular-expressions.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,QAAA,MAAM,iBAAiB,QAAoB,CAAA;AAE3C,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"regular-expressions.d.ts","sourceRoot":"","sources":["../../src/constants/regular-expressions.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,QAAA,MAAM,iBAAiB,QAAoB,CAAA;AAE3C;;;;GAIG;AACH,QAAA,MAAM,iBAAiB,QAAoE,CAAA;AAE3F,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/constants/regular-expressions.js

@@ -2,4 +2,10 @@
  * A common regex for all line termination conventions.
  */
 const REGEX_LINE_BREAKS = /(?:\r\n|\r|\n)/g;
-export { REGEX_LINE_BREAKS };
+/**
+ * A regex for standard punctuation characters for US-ASCII plus unicode punctuation.
+ *
+ * @see https://stackoverflow.com/a/25575009
+ */
+const REGEX_PUNCTUATION = /[\u2000-\u206f\u2e00-\u2e7f'!"#$%&()*+,\-./:;<=>?@\\[\]^_`{|}~]/;
+export { REGEX_LINE_BREAKS, REGEX_PUNCTUATION };

package/dist/serializers/markdown/markdown.d.ts

@@ -1,13 +1,4 @@
 import type { Schema } from 'prosemirror-model';
-/**
- * The options that the `createMarkdownSerializer` function accepts.
- */
-type MarkdownSerializerOptions = {
-    /**
-     * Disables markdown escaping.
-     */
-    escape?: false;
-};
 /**
  * The return type for the `createMarkdownSerializer` function.
  */
@@ -38,7 +29,7 @@ declare const BULLET_LIST_MARKER = "-";
  *
  * @returns A normalized object for the Markdown serializer.
  */
-declare function createMarkdownSerializer(schema: Schema, options?: MarkdownSerializerOptions): MarkdownSerializerReturnType;
+declare function createMarkdownSerializer(schema: Schema): MarkdownSerializerReturnType;
 export { BULLET_LIST_MARKER, createMarkdownSerializer };
 export type { MarkdownSerializerReturnType };
 //# sourceMappingURL=markdown.d.ts.map

package/dist/serializers/markdown/markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../src/serializers/markdown/markdown.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE/C;;GAEG;AACH,KAAK,yBAAyB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAA;CACjB,CAAA;AAED;;GAEG;AACH,KAAK,4BAA4B,GAAG;IAChC;;;;;;OAMG;IACH,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;CACtC,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,kBAAkB,MAAM,CAAA;AA8C9B;;;;;;;;;;;;GAYG;AACH,iBAAS,wBAAwB,CAC7B,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,yBAAyB,GACpC,4BAA4B,CA4E9B;AAED,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,CAAA;AAEvD,YAAY,EAAE,4BAA4B,EAAE,CAAA"}
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../src/serializers/markdown/markdown.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE/C;;GAEG;AACH,KAAK,4BAA4B,GAAG;IAChC;;;;;;OAMG;IACH,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;CACtC,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,kBAAkB,MAAM,CAAA;AA8C9B;;;;;;;;;;;;GAYG;AACH,iBAAS,wBAAwB,CAAC,MAAM,EAAE,MAAM,GAAG,4BAA4B,CAiG9E;AAED,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,CAAA;AAEvD,YAAY,EAAE,4BAA4B,EAAE,CAAA"}

package/dist/serializers/markdown/markdown.js

@@ -1,4 +1,5 @@
 import Turndown from 'turndown';
+import { REGEX_PUNCTUATION } from '../../constants/regular-expressions';
 import { isPlainTextDocument } from '../../helpers/schema';
 import { image } from './plugins/image';
 import { listItem } from './plugins/list-item';
@@ -61,19 +62,37 @@ const INITIAL_TURNDOWN_OPTIONS = {
  *
  * @returns A normalized object for the Markdown serializer.
  */
-function createMarkdownSerializer(schema, options) {
+function createMarkdownSerializer(schema) {
     // Initialize Turndown with custom options
     const turndown = new Turndown(INITIAL_TURNDOWN_OPTIONS);
-    // Turndown was built to convert HTML into Markdown, expecting the input to be standards
-    // compliant HTML. As such, it collapses all whitespace by default, and there's
-    // currently no way to opt-out of this behavior. However, for plain-text editors, we
-    // need to preserve Markdown whitespace (otherwise we lose syntax like nested lists) by
-    // replacing all instances of the space character (but only if it's preceded by another
-    // space character) by the non-breaking space character, and after processing the input
-    // with Turndown, we restore the original space character.
-    if (isPlainTextDocument(schema) || options?.escape === false) {
+    // Turndown ensures Markdown characters are escaped (i.e. `\`) by default, so they are not
+    // interpreted as Markdown when the output is compiled back to HTML. However, for plain-text
+    // editors, we need to override the `escape` function to return the input as-is (effectively
+    // disabling the escaping behaviour), so that all characters are interpreted as Markdown.
+    if (isPlainTextDocument(schema)) {
         turndown.escape = (str) => str;
     }
+    // As for rich-text editors, we need to override the built-in escaping behaviour with a custom
+    // implementation to suit our requirements. Please note that the `escape` function takes the
+    // text content of each HTML element, with the exception of code elements, so we can be sure
+    // that the escaping behaviour will only touch relevant Markdown characters.
+    else {
+        turndown.escape = (str) => {
+            return (str
+                // Escape all backslash characters that precedes any punctuation characters,
+                // otherwise the backslash character itself will be interpreted as escaping the
+                // character that comes after it (which is not the intent). It's important that
+                // this escape rule is executed before all other escape rules, otherwise we
+                // could be double escaping some backslash characters.
+                .replace(new RegExp(`(\\\\${REGEX_PUNCTUATION.source})`, 'g'), '\\$1')
+                // Although the CommonMark specification allows for bulleted or ordered lists
+                // inside other bulleted or ordered lists (i.e. `- 1. - 1. Item`), the markup
+                // generated by Markdown compilers is not supported by Tiptap, and we need to
+                // make sure that text context that matches the ordered list syntax is
+                // correctly escaped in order to be interpreted as text.
+                .replace(/^(\d+)\.(\s.+|$)/, '$1\\.$2'));
+        };
+    }
     // Overwrite some built-in rules for handling of special behaviours
     // (see documentation for each extension for more details)
     turndown.use(paragraph(schema.nodes.paragraph, isPlainTextDocument(schema)));

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@doist/typist",
     "description": "The mighty Tiptap-based rich-text editor React component that powers Doist products.",
-    "version": "1.0.15",
+    "version": "1.0.17",
     "license": "MIT",
     "homepage": "https://typist.doist.dev/",
     "repository": "https://github.com/Doist/typist",
@@ -98,7 +98,7 @@
         "@doist/eslint-config": "8.1.3",
         "@doist/prettier-config": "3.0.5",
         "@doist/reactist": "17.10.1",
-        "@mdx-js/react": "2.2.1",
+        "@mdx-js/react": "2.3.0",
         "@semantic-release/changelog": "6.0.2",
         "@semantic-release/exec": "6.0.3",
         "@semantic-release/git": "10.0.1",
@@ -114,32 +114,33 @@
         "@types/jest": "29.4.0",
         "@types/lodash-es": "4.17.6",
         "@types/marked": "4.0.8",
-        "@types/react": "18.0.27",
-        "@types/react-dom": "18.0.10",
+        "@types/react": "18.0.28",
+        "@types/react-dom": "18.0.11",
         "@types/react-syntax-highlighter": "15.5.6",
         "@types/turndown": "5.0.1",
         "boring-avatars": "1.7.0",
         "classnames": "2.3.2",
         "conventional-changelog-conventionalcommits": "5.0.0",
         "emoji-regex": "10.2.1",
-        "eslint": "8.33.0",
+        "eslint": "8.34.0",
         "eslint-formatter-codeframe": "7.32.1",
         "eslint-import-resolver-typescript": "3.5.3",
         "eslint-plugin-jest": "27.2.1",
         "eslint-plugin-simple-import-sort": "8.0.0",
         "eslint-plugin-unicorn": "45.0.2",
-        "github-markdown-css": "5.1.0",
+        "github-markdown-css": "5.2.0",
         "husky": "8.0.3",
         "ignore-sync": "6.0.2",
         "is-ci": "3.0.1",
-        "jest": "29.4.2",
-        "jest-environment-jsdom": "29.4.2",
-        "lint-staged": "13.1.1",
+        "jest": "29.4.3",
+        "jest-environment-jsdom": "29.4.3",
+        "lint-staged": "13.1.2",
         "npm-run-all": "4.1.5",
         "prettier": "2.8.4",
         "react-icons": "4.7.1",
         "react-markdown": "8.0.5",
         "react-syntax-highlighter": "15.5.0",
+        "react-use-event-hook": "0.9.3",
         "rehype-raw": "6.1.1",
         "remark-gfm": "3.0.1",
         "rimraf": "3.0.2",
@@ -147,7 +148,7 @@
         "storybook-css-modules": "1.0.8",
         "ts-jest": "29.0.5",
         "ts-node": "10.9.1",
-        "type-fest": "3.5.6",
+        "type-fest": "3.6.0",
         "typescript": "4.9.5",
         "typescript-plugin-css-modules": "4.1.1"
     },
@@ -158,7 +159,6 @@
         "marked": "^4.1.1",
         "react": "^17.0.0 || ^18.0.0",
         "react-dom": "^17.0.0 || ^18.0.0",
-        "react-use-event-hook": "^0.9.3",
         "turndown": "^7.1.1"
     }
 }