@20minutes/draft-convert 3.1.0 → 3.1.2

package/{lib → dist}/blockEntities.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "default", {
         return _default;
     }
 });
-const _updateMutation = /*#__PURE__*/ _interop_require_default(require("./util/updateMutation"));
-const _rangeSort = /*#__PURE__*/ _interop_require_default(require("./util/rangeSort"));
-const _getElementHTML = /*#__PURE__*/ _interop_require_default(require("./util/getElementHTML"));
-const _getElementTagLength = /*#__PURE__*/ _interop_require_default(require("./util/getElementTagLength"));
+const _updateMutation = /*#__PURE__*/ _interop_require_default(require("./util/updateMutation.js"));
+const _rangeSort = /*#__PURE__*/ _interop_require_default(require("./util/rangeSort.js"));
+const _getElementHTML = /*#__PURE__*/ _interop_require_default(require("./util/getElementHTML.js"));
+const _getElementTagLength = /*#__PURE__*/ _interop_require_default(require("./util/getElementTagLength.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/{esm/blockEntities.js → dist/blockEntities.mjs}

@@ -1,7 +1,7 @@
-import updateMutation from './util/updateMutation';
-import rangeSort from './util/rangeSort';
-import getElementHTML from './util/getElementHTML';
-import getElementTagLength from './util/getElementTagLength';
+import updateMutation from './util/updateMutation.mjs';
+import rangeSort from './util/rangeSort.mjs';
+import getElementHTML from './util/getElementHTML.mjs';
+import getElementTagLength from './util/getElementTagLength.mjs';
 const converter = (entity = {}, originalText = '')=>originalText;
 export default ((block, entityMap, entityConverter = converter)=>{
     let resultText = [

package/{lib → dist}/blockInlineStyles.js

@@ -9,11 +9,11 @@ Object.defineProperty(exports, "default", {
     }
 });
 const _invariant = /*#__PURE__*/ _interop_require_default(require("invariant"));
-const _styleObjectFunction = /*#__PURE__*/ _interop_require_default(require("./util/styleObjectFunction"));
-const _accumulateFunction = /*#__PURE__*/ _interop_require_default(require("./util/accumulateFunction"));
-const _getElementHTML = /*#__PURE__*/ _interop_require_default(require("./util/getElementHTML"));
-const _rangeSort = /*#__PURE__*/ _interop_require_default(require("./util/rangeSort"));
-const _defaultInlineHTML = /*#__PURE__*/ _interop_require_default(require("./default/defaultInlineHTML"));
+const _styleObjectFunction = /*#__PURE__*/ _interop_require_default(require("./util/styleObjectFunction.js"));
+const _accumulateFunction = /*#__PURE__*/ _interop_require_default(require("./util/accumulateFunction.js"));
+const _getElementHTML = /*#__PURE__*/ _interop_require_default(require("./util/getElementHTML.js"));
+const _rangeSort = /*#__PURE__*/ _interop_require_default(require("./util/rangeSort.js"));
+const _defaultInlineHTML = /*#__PURE__*/ _interop_require_default(require("./default/defaultInlineHTML.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/{esm/blockInlineStyles.js → dist/blockInlineStyles.mjs}

@@ -1,9 +1,9 @@
 import invariant from 'invariant';
-import styleObjectFunction from './util/styleObjectFunction';
-import accumulateFunction from './util/accumulateFunction';
-import getElementHTML from './util/getElementHTML';
-import rangeSort from './util/rangeSort';
-import defaultInlineHTML from './default/defaultInlineHTML';
+import styleObjectFunction from './util/styleObjectFunction.mjs';
+import accumulateFunction from './util/accumulateFunction.mjs';
+import getElementHTML from './util/getElementHTML.mjs';
+import rangeSort from './util/rangeSort.mjs';
+import defaultInlineHTML from './default/defaultInlineHTML.mjs';
 const subtractStyles = (original, toRemove)=>original.filter((el)=>!toRemove.some((elToRemove)=>elToRemove.style === el.style));
 const popEndingStyles = (styleStack, endingStyles)=>endingStyles.reduceRight((stack, style)=>{
         const styleToRemove = stack[stack.length - 1];

package/{lib → dist}/convertFromHTML.js

@@ -8,7 +8,9 @@
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the /src directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
- */ "use strict";
+ */ // immutable is CJS-only; default import maps to module.exports for Node ESM interop.
+// eslint-disable-next-line import/default
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
@@ -18,15 +20,18 @@ Object.defineProperty(exports, "default", {
         return _default;
     }
 });
-const _immutable = require("immutable");
-const _draftjs = require("draft-js");
-const _parseHTML = /*#__PURE__*/ _interop_require_default(require("./util/parseHTML"));
-const _rangeSort = /*#__PURE__*/ _interop_require_default(require("./util/rangeSort"));
+const _immutable = /*#__PURE__*/ _interop_require_default(require("immutable"));
+const _draftjs = /*#__PURE__*/ _interop_require_default(require("draft-js"));
+const _parseHTML = /*#__PURE__*/ _interop_require_default(require("./util/parseHTML.js"));
+const _rangeSort = /*#__PURE__*/ _interop_require_default(require("./util/rangeSort.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
+// eslint-disable-next-line import/no-named-as-default-member
+const { List, Map, OrderedSet } = _immutable.default;
+const { BlockMapBuilder, CharacterMetadata, ContentBlock, ContentState, Entity, SelectionState, genKey } = _draftjs.default;
 const SPACE = ' ';
 // Arbitrary max indent
 const MAX_DEPTH = 4;
@@ -93,18 +98,18 @@ function getWhitespaceChunk(inEntity) {
     return {
         text: SPACE,
         inlines: [
-            (0, _immutable.OrderedSet)()
+            OrderedSet()
         ],
         entities,
         blocks: []
     };
 }
-function getSoftNewlineChunk(block, depth, flat = false, data = (0, _immutable.Map)()) {
+function getSoftNewlineChunk(block, depth, flat = false, data = Map()) {
     if (flat === true) {
         return {
             text: '\r',
             inlines: [
-                (0, _immutable.OrderedSet)()
+                OrderedSet()
             ],
             entities: new Array(1),
             blocks: [
@@ -120,17 +125,17 @@ function getSoftNewlineChunk(block, depth, flat = false, data = (0, _immutable.M
     return {
         text: '\n',
         inlines: [
-            (0, _immutable.OrderedSet)()
+            OrderedSet()
         ],
         entities: new Array(1),
         blocks: []
     };
 }
-function getBlockDividerChunk(block, depth, data = (0, _immutable.Map)()) {
+function getBlockDividerChunk(block, depth, data = Map()) {
     return {
         text: '\r',
         inlines: [
-            (0, _immutable.OrderedSet)()
+            OrderedSet()
         ],
         entities: new Array(1),
         blocks: [
@@ -198,7 +203,7 @@ function processInlineTag(tag, node, currentStyle) {
     }
     return currentStyle;
 }
-function baseProcessInlineTag(tag, node, inlineStyles = (0, _immutable.OrderedSet)()) {
+function baseProcessInlineTag(tag, node, inlineStyles = OrderedSet()) {
     return processInlineTag(tag, node, inlineStyles);
 }
 function joinChunks(A, B, flat = false) {
@@ -314,10 +319,10 @@ function genFragment(node, inlineStyle, lastList, inBlock, fragmentBlockTags, de
     blockInfo = blockInfo || {};
     if (typeof blockInfo === 'string') {
         blockType = blockInfo;
-        blockDataMap = (0, _immutable.Map)();
+        blockDataMap = Map();
     } else {
         blockType = typeof blockInfo === 'string' ? blockInfo : blockInfo.type;
-        blockDataMap = blockInfo.data ? (0, _immutable.Map)(blockInfo.data) : (0, _immutable.Map)();
+        blockDataMap = blockInfo.data ? Map(blockInfo.data) : Map();
     }
     if (!inBlock && (fragmentBlockTags.indexOf(nodeName) !== -1 || blockType)) {
         chunk = getBlockDividerChunk(blockType || getBlockTypeForTag(nodeName, lastList), depth, blockDataMap);
@@ -361,10 +366,10 @@ function genFragment(node, inlineStyle, lastList, inBlock, fragmentBlockTags, de
                 newBlockInfo = newBlockInfo || {};
                 if (typeof newBlockInfo === 'string') {
                     newBlockType = newBlockInfo;
-                    newBlockData = (0, _immutable.Map)();
+                    newBlockData = Map();
                 } else {
                     newBlockType = newBlockInfo.type || getBlockTypeForTag(nodeName, lastList);
-                    newBlockData = newBlockInfo.data ? (0, _immutable.Map)(newBlockInfo.data) : (0, _immutable.Map)();
+                    newBlockData = newBlockInfo.data ? Map(newBlockInfo.data) : Map();
                 }
                 chunk = joinChunks(chunk, getSoftNewlineChunk(newBlockType, depth, options.flat, newBlockData), options.flat);
             }
@@ -375,7 +380,7 @@ function genFragment(node, inlineStyle, lastList, inBlock, fragmentBlockTags, de
         child = sibling;
     }
     if (newBlock) {
-        chunk = joinChunks(chunk, getBlockDividerChunk(nextBlockType, depth, (0, _immutable.Map)()), options.flat);
+        chunk = joinChunks(chunk, getBlockDividerChunk(nextBlockType, depth, Map()), options.flat);
     }
     return chunk;
 }
@@ -395,7 +400,7 @@ function getChunkForHTML(html, processCustomInlineStyles, checkEntityNode, check
     ];
     // Start with -1 block depth to offset the fact that we are passing in a fake
     // UL block to sta rt with.
-    let chunk = genFragment(safeBody, (0, _immutable.OrderedSet)(), 'ul', null, workingBlocks, -1, processCustomInlineStyles, checkEntityNode, checkEntityText, checkBlockType, createEntity, getEntity, mergeEntityData, replaceEntityData, options);
+    let chunk = genFragment(safeBody, OrderedSet(), 'ul', null, workingBlocks, -1, processCustomInlineStyles, checkEntityNode, checkEntityText, checkBlockType, createEntity, getEntity, mergeEntityData, replaceEntityData, options);
     // join with previous block to prevent weirdness on paste
     if (chunk.text.indexOf('\r') === 0) {
         chunk = {
@@ -416,7 +421,7 @@ function getChunkForHTML(html, processCustomInlineStyles, checkEntityNode, check
     if (chunk.blocks.length === 0) {
         chunk.blocks.push({
             type: 'unstyled',
-            data: (0, _immutable.Map)(),
+            data: Map(),
             depth: 0
         });
     }
@@ -426,7 +431,7 @@ function getChunkForHTML(html, processCustomInlineStyles, checkEntityNode, check
     if (chunk.text.split('\r').length === chunk.blocks.length + 1) {
         chunk.blocks.unshift({
             type: 'unstyled',
-            data: (0, _immutable.Map)(),
+            data: Map(),
             depth: 0
         });
     }
@@ -447,7 +452,7 @@ function convertFromHTMLtoContentBlocks(html, processCustomInlineStyles, checkEn
         const end = start + textBlock.length;
         const inlines = nullthrows(chunk).inlines.slice(start, end);
         const entities = nullthrows(chunk).entities.slice(start, end);
-        const characterList = (0, _immutable.List)(inlines.map((style, entityIndex)=>{
+        const characterList = List(inlines.map((style, entityIndex)=>{
             const data = {
                 style,
                 entity: null
@@ -455,10 +460,10 @@ function convertFromHTMLtoContentBlocks(html, processCustomInlineStyles, checkEn
             if (entities[entityIndex]) {
                 data.entity = entities[entityIndex];
             }
-            return _draftjs.CharacterMetadata.create(data);
+            return CharacterMetadata.create(data);
         }));
         start = end + 1;
-        return new _draftjs.ContentBlock({
+        return new ContentBlock({
             key: generateKey(),
             type: nullthrows(chunk).blocks[blockIndex].type,
             data: nullthrows(chunk).blocks[blockIndex].data,
@@ -470,42 +475,42 @@ function convertFromHTMLtoContentBlocks(html, processCustomInlineStyles, checkEn
 }
 const convertFromHTML = ({ htmlToStyle = defaultHTMLToStyle, htmlToEntity = defaultHTMLToEntity, textToEntity = defaultTextToEntity, htmlToBlock = defaultHTMLToBlock })=>(html, options = {
         flat: false
-    }, DOMBuilder = _parseHTML.default, generateKey = _draftjs.genKey)=>{
-        let contentState = _draftjs.ContentState.createFromText('');
+    }, DOMBuilder = _parseHTML.default, generateKey = genKey)=>{
+        let contentState = ContentState.createFromText('');
         const createEntityWithContentState = (...args)=>{
             if (contentState.createEntity) {
                 contentState = contentState.createEntity(...args);
                 return contentState.getLastCreatedEntityKey();
             }
-            return _draftjs.Entity.create(...args);
+            return Entity.create(...args);
         };
         const getEntityWithContentState = (...args)=>{
             if (contentState.getEntity) {
                 return contentState.getEntity(...args);
             }
-            return _draftjs.Entity.get(...args);
+            return Entity.get(...args);
         };
         const mergeEntityDataWithContentState = (...args)=>{
             if (contentState.mergeEntityData) {
                 contentState = contentState.mergeEntityData(...args);
                 return;
             }
-            _draftjs.Entity.mergeData(...args);
+            Entity.mergeData(...args);
         };
         const replaceEntityDataWithContentState = (...args)=>{
             if (contentState.replaceEntityData) {
                 contentState = contentState.replaceEntityData(...args);
                 return;
             }
-            _draftjs.Entity.replaceData(...args);
+            Entity.replaceData(...args);
         };
         const contentBlocks = convertFromHTMLtoContentBlocks(html, handleMiddleware(htmlToStyle, baseProcessInlineTag), handleMiddleware(htmlToEntity, defaultHTMLToEntity), handleMiddleware(textToEntity, defaultTextToEntity), handleMiddleware(htmlToBlock, baseCheckBlockType), createEntityWithContentState, getEntityWithContentState, mergeEntityDataWithContentState, replaceEntityDataWithContentState, options, DOMBuilder, generateKey);
-        const blockMap = _draftjs.BlockMapBuilder.createFromArray(contentBlocks);
+        const blockMap = BlockMapBuilder.createFromArray(contentBlocks);
         const firstBlockKey = contentBlocks[0].getKey();
         return contentState.merge({
             blockMap,
-            selectionBefore: _draftjs.SelectionState.createEmpty(firstBlockKey),
-            selectionAfter: _draftjs.SelectionState.createEmpty(firstBlockKey)
+            selectionBefore: SelectionState.createEmpty(firstBlockKey),
+            selectionAfter: SelectionState.createEmpty(firstBlockKey)
         });
     };
 const _default = (...args)=>{

package/{esm/convertFromHTML.js → dist/convertFromHTML.mjs}

@@ -8,10 +8,15 @@
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the /src directory of this source tree. An additional grant
  * of patent rights can be found in the PATENTS file in the same directory.
- */ import { List, Map, OrderedSet } from 'immutable';
-import { BlockMapBuilder, CharacterMetadata, ContentBlock, ContentState, Entity, SelectionState, genKey } from 'draft-js';
-import getSafeBodyFromHTML from './util/parseHTML';
-import rangeSort from './util/rangeSort';
+ */ // immutable is CJS-only; default import maps to module.exports for Node ESM interop.
+// eslint-disable-next-line import/default
+import Immutable from 'immutable';
+import DraftJS from 'draft-js';
+import getSafeBodyFromHTML from './util/parseHTML.mjs';
+import rangeSort from './util/rangeSort.mjs';
+// eslint-disable-next-line import/no-named-as-default-member
+const { List, Map, OrderedSet } = Immutable;
+const { BlockMapBuilder, CharacterMetadata, ContentBlock, ContentState, Entity, SelectionState, genKey } = DraftJS;
 const SPACE = ' ';
 // Arbitrary max indent
 const MAX_DEPTH = 4;

package/{lib → dist}/convertToHTML.js

@@ -11,20 +11,21 @@ Object.defineProperty(exports, "default", {
 const _invariant = /*#__PURE__*/ _interop_require_default(require("invariant"));
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _server = /*#__PURE__*/ _interop_require_default(require("react-dom/server"));
-const _draftjs = require("draft-js");
-const _encodeBlock = /*#__PURE__*/ _interop_require_default(require("./encodeBlock"));
-const _blockEntities = /*#__PURE__*/ _interop_require_default(require("./blockEntities"));
-const _blockInlineStyles = /*#__PURE__*/ _interop_require_default(require("./blockInlineStyles"));
-const _accumulateFunction = /*#__PURE__*/ _interop_require_default(require("./util/accumulateFunction"));
-const _blockTypeObjectFunction = /*#__PURE__*/ _interop_require_default(require("./util/blockTypeObjectFunction"));
-const _getBlockTags = /*#__PURE__*/ _interop_require_default(require("./util/getBlockTags"));
-const _getNestedBlockTags = /*#__PURE__*/ _interop_require_default(require("./util/getNestedBlockTags"));
-const _defaultBlockHTML = /*#__PURE__*/ _interop_require_default(require("./default/defaultBlockHTML"));
+const _draftjs = /*#__PURE__*/ _interop_require_default(require("draft-js"));
+const _encodeBlock = /*#__PURE__*/ _interop_require_default(require("./encodeBlock.js"));
+const _blockEntities = /*#__PURE__*/ _interop_require_default(require("./blockEntities.js"));
+const _blockInlineStyles = /*#__PURE__*/ _interop_require_default(require("./blockInlineStyles.js"));
+const _accumulateFunction = /*#__PURE__*/ _interop_require_default(require("./util/accumulateFunction.js"));
+const _blockTypeObjectFunction = /*#__PURE__*/ _interop_require_default(require("./util/blockTypeObjectFunction.js"));
+const _getBlockTags = /*#__PURE__*/ _interop_require_default(require("./util/getBlockTags.js"));
+const _getNestedBlockTags = /*#__PURE__*/ _interop_require_default(require("./util/getNestedBlockTags.js"));
+const _defaultBlockHTML = /*#__PURE__*/ _interop_require_default(require("./default/defaultBlockHTML.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
+const { convertToRaw } = _draftjs.default;
 const defaultEntityToHTML = (entity, originalText)=>originalText;
 const defaultValidateHTML = (html)=>true;
 const convertToHTML = ({ styleToHTML = {}, blockToHTML = {}, entityToHTML = defaultEntityToHTML, validateHTML = defaultValidateHTML })=>(contentState)=>{
@@ -35,7 +36,7 @@ const convertToHTML = ({ styleToHTML = {}, blockToHTML = {}, entityToHTML = defa
         } else {
             getBlockHTML = (0, _accumulateFunction.default)((0, _blockTypeObjectFunction.default)(blockToHTML), (0, _blockTypeObjectFunction.default)(_defaultBlockHTML.default));
         }
-        const rawState = (0, _draftjs.convertToRaw)(contentState);
+        const rawState = convertToRaw(contentState);
         let listStack = [];
         let result = rawState.blocks.map((block)=>{
             const { type, depth } = block;

package/{esm/convertToHTML.js → dist/convertToHTML.mjs}

@@ -1,15 +1,16 @@
 import invariant from 'invariant';
 import React from 'react';
 import ReactDOMServer from 'react-dom/server';
-import { convertToRaw } from 'draft-js';
-import encodeBlock from './encodeBlock';
-import blockEntities from './blockEntities';
-import blockInlineStyles from './blockInlineStyles';
-import accumulateFunction from './util/accumulateFunction';
-import blockTypeObjectFunction from './util/blockTypeObjectFunction';
-import getBlockTags from './util/getBlockTags';
-import getNestedBlockTags from './util/getNestedBlockTags';
-import defaultBlockHTML from './default/defaultBlockHTML';
+import DraftJS from 'draft-js';
+import encodeBlock from './encodeBlock.mjs';
+import blockEntities from './blockEntities.mjs';
+import blockInlineStyles from './blockInlineStyles.mjs';
+import accumulateFunction from './util/accumulateFunction.mjs';
+import blockTypeObjectFunction from './util/blockTypeObjectFunction.mjs';
+import getBlockTags from './util/getBlockTags.mjs';
+import getNestedBlockTags from './util/getNestedBlockTags.mjs';
+import defaultBlockHTML from './default/defaultBlockHTML.mjs';
+const { convertToRaw } = DraftJS;
 const defaultEntityToHTML = (entity, originalText)=>originalText;
 const defaultValidateHTML = (html)=>true;
 const convertToHTML = ({ styleToHTML = {}, blockToHTML = {}, entityToHTML = defaultEntityToHTML, validateHTML = defaultValidateHTML })=>(contentState)=>{

package/{lib → dist}/encodeBlock.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "default", {
         return _default;
     }
 });
-const _updateMutation = /*#__PURE__*/ _interop_require_default(require("./util/updateMutation"));
-const _rangeSort = /*#__PURE__*/ _interop_require_default(require("./util/rangeSort"));
+const _updateMutation = /*#__PURE__*/ _interop_require_default(require("./util/updateMutation.js"));
+const _rangeSort = /*#__PURE__*/ _interop_require_default(require("./util/rangeSort.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/{esm/encodeBlock.js → dist/encodeBlock.mjs}

@@ -1,5 +1,5 @@
-import updateMutation from './util/updateMutation';
-import rangeSort from './util/rangeSort';
+import updateMutation from './util/updateMutation.mjs';
+import rangeSort from './util/rangeSort.mjs';
 const ENTITY_MAP = {
     '&': '&',
     '<': '&lt;',

package/{lib/index.js → dist/index.cjs}

@@ -19,9 +19,9 @@ _export(exports, {
         return _parseHTML.default;
     }
 });
-const _convertToHTML = /*#__PURE__*/ _interop_require_default(require("./convertToHTML"));
-const _convertFromHTML = /*#__PURE__*/ _interop_require_default(require("./convertFromHTML"));
-const _parseHTML = /*#__PURE__*/ _interop_require_default(require("./util/parseHTML"));
+const _convertToHTML = /*#__PURE__*/ _interop_require_default(require("./convertToHTML.js"));
+const _convertFromHTML = /*#__PURE__*/ _interop_require_default(require("./convertFromHTML.js"));
+const _parseHTML = /*#__PURE__*/ _interop_require_default(require("./util/parseHTML.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/index.d.ts

@@ -0,0 +1,121 @@
+// Based on: https://github.com/HubSpot/draft-convert/issues/107#issuecomment-488581709 by <https://github.com/sbusch>
+// Grabbed from https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/draft-convert/index.d.ts
+
+import {
+  ContentState,
+  DraftBlockType,
+  DraftEntityMutability,
+  DraftInlineStyleType,
+  Entity,
+  RawDraftContentBlock,
+  RawDraftEntity,
+} from 'draft-js'
+import { ReactNode } from 'react'
+
+export type RawDraftContentBlockWithCustomType<T> = Omit<
+  RawDraftContentBlock,
+  'type'
+> & {
+  type: T
+}
+
+export type ExtendedHTMLElement<T> = (HTMLElement | HTMLLinkElement) & T
+
+export type EntityKey = string
+
+export type ContentStateConverter = (contentState: ContentState) => string
+export type HTMLConverter = (html: string) => ContentState
+
+export type Tag =
+  | ReactNode
+  | { start: string; end: string; empty?: string | undefined }
+  | {
+      element: ReactNode
+      empty?: ReactNode | undefined
+    }
+
+export interface IConvertToHTMLConfig<
+  S = DraftInlineStyleType,
+  B extends DraftBlockType = DraftBlockType,
+  E extends RawDraftEntity = RawDraftEntity,
+> {
+  // Inline styles:
+  // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
+  styleToHTML?: ((style: S) => Tag | null | undefined | void) | undefined
+
+  // Block styles:
+  blockToHTML?: ((block: RawDraftContentBlockWithCustomType<B>) => Tag | null | undefined) | undefined
+
+  // Entity styling:
+  entityToHTML?: ((entity: E, originalText: string) => Tag | null | undefined) | undefined
+
+  // HTML validation:
+  validateHTML?: ((html: string) => boolean) | undefined
+}
+
+export interface IConvertFromHTMLConfig<
+  S extends {
+    [name: string]: unknown
+  } = DOMStringMap,
+  B extends DraftBlockType = DraftBlockType,
+  E extends RawDraftEntity = RawDraftEntity,
+> {
+  // Inline styles:
+  htmlToStyle?:
+    | ((nodeName: string, node: ExtendedHTMLElement<S>, currentStyle: Set<string>) => Set<string>)
+    | undefined
+
+  // Block styles:
+  htmlToBlock?:
+    | ((
+        nodeName: string,
+        node: ExtendedHTMLElement<S>
+      ) => B | { type: B; data: object } | false | undefined)
+    | undefined
+
+  // Html entities
+  htmlToEntity?:
+    | ((
+        nodeName: string,
+        node: ExtendedHTMLElement<S>,
+        createEntity: (type: E['type'], mutability: DraftEntityMutability, data: E['data']) => EntityKey,
+        getEntity: (key: EntityKey) => Entity,
+        mergeEntityData: (key: string, data: object) => void,
+        replaceEntityData: (key: string, data: object) => void
+      ) => EntityKey | undefined)
+    | undefined
+
+  // Text entities
+  textToEntity?:
+    | ((
+        text: string,
+        createEntity: (type: E['type'], mutability: DraftEntityMutability, data: E['data']) => EntityKey,
+        getEntity: (key: EntityKey) => Entity,
+        mergeEntityData: (key: string, data: object) => void,
+        replaceEntityData: (key: string, data: object) => void
+      ) => Array<{
+        entity: EntityKey
+        offset: number
+        length: number
+        result?: string | undefined
+      }>)
+    | undefined
+}
+
+export function convertToHTML<
+  S = DraftInlineStyleType,
+  B extends DraftBlockType = DraftBlockType,
+  E extends RawDraftEntity = RawDraftEntity,
+>(config: IConvertToHTMLConfig<S, B, E>): ContentStateConverter
+export function convertToHTML(contentState: ContentState): string
+
+export function convertFromHTML<
+  S extends {
+    [name: string]: unknown
+  } = DOMStringMap,
+  B extends DraftBlockType = DraftBlockType,
+  E extends RawDraftEntity = RawDraftEntity,
+>(config: IConvertFromHTMLConfig<S, B, E>): HTMLConverter
+export function convertFromHTML(html: string): ContentState
+
+export function parseHTML(html: string): HTMLBodyElement

package/dist/index.mjs

@@ -0,0 +1,4 @@
+import convertToHTML from './convertToHTML.mjs';
+import convertFromHTML from './convertFromHTML.mjs';
+import parseHTML from './util/parseHTML.mjs';
+export { convertToHTML, convertFromHTML, parseHTML };

package/{lib → dist}/util/getBlockTags.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "default", {
 const _invariant = /*#__PURE__*/ _interop_require_default(require("invariant"));
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _server = /*#__PURE__*/ _interop_require_default(require("react-dom/server"));
-const _splitReactElement = /*#__PURE__*/ _interop_require_default(require("./splitReactElement"));
+const _splitReactElement = /*#__PURE__*/ _interop_require_default(require("./splitReactElement.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/{esm/util/getBlockTags.js → dist/util/getBlockTags.mjs}

@@ -1,7 +1,7 @@
 import invariant from 'invariant';
 import React from 'react';
 import ReactDOMServer from 'react-dom/server';
-import splitReactElement from './splitReactElement';
+import splitReactElement from './splitReactElement.mjs';
 function hasChildren(element) {
     return /*#__PURE__*/ React.isValidElement(element) && React.Children.count(element.props.children) > 0;
 }

package/{lib → dist}/util/getElementHTML.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "default", {
 const _invariant = /*#__PURE__*/ _interop_require_default(require("invariant"));
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _server = /*#__PURE__*/ _interop_require_default(require("react-dom/server"));
-const _splitReactElement = /*#__PURE__*/ _interop_require_default(require("./splitReactElement"));
+const _splitReactElement = /*#__PURE__*/ _interop_require_default(require("./splitReactElement.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/{esm/util/getElementHTML.js → dist/util/getElementHTML.mjs}

@@ -1,7 +1,7 @@
 import invariant from 'invariant';
 import React from 'react';
 import ReactDOMServer from 'react-dom/server';
-import splitReactElement from './splitReactElement';
+import splitReactElement from './splitReactElement.mjs';
 function hasChildren(element) {
     return /*#__PURE__*/ React.isValidElement(element) && React.Children.count(element.props.children) > 0;
 }

package/{lib → dist}/util/getElementTagLength.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "default", {
     }
 });
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _splitReactElement = /*#__PURE__*/ _interop_require_default(require("./splitReactElement"));
+const _splitReactElement = /*#__PURE__*/ _interop_require_default(require("./splitReactElement.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/{esm/util/getElementTagLength.js → dist/util/getElementTagLength.mjs}

@@ -1,5 +1,5 @@
 import React from 'react';
-import splitReactElement from './splitReactElement';
+import splitReactElement from './splitReactElement.mjs';
 const getElementTagLength = (element, type = 'start')=>{
     if (/*#__PURE__*/ React.isValidElement(element)) {
         const splitElement = splitReactElement(element);

package/{lib → dist}/util/getNestedBlockTags.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "default", {
 });
 const _invariant = /*#__PURE__*/ _interop_require_default(require("invariant"));
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _splitReactElement = /*#__PURE__*/ _interop_require_default(require("./splitReactElement"));
+const _splitReactElement = /*#__PURE__*/ _interop_require_default(require("./splitReactElement.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/{esm/util/getNestedBlockTags.js → dist/util/getNestedBlockTags.mjs}

@@ -1,6 +1,6 @@
 import invariant from 'invariant';
 import React from 'react';
-import splitReactElement from './splitReactElement';
+import splitReactElement from './splitReactElement.mjs';
 export default function getNestedBlockTags(blockHTML, depth) {
     invariant(blockHTML !== null && blockHTML !== undefined, 'Expected block HTML value to be non-null');
     if (typeof blockHTML.nest === 'function') {

package/package.json

@@ -1,32 +1,32 @@
 {
   "name": "@20minutes/draft-convert",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "description": "Extensibly serialize & deserialize Draft.js ContentState",
-  "main": "lib/index.js",
-  "types": "types/index.d.ts",
-  "module": "esm/index.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./types/index.d.ts",
-      "require": "./lib/index.js",
-      "import": "./esm/index.js"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.mjs"
     }
   },
   "repository": "20minutes/draft-convert",
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm",
-    "build:cjs": "swc src -d lib --config-file .swcrc.cjs --strip-leading-paths --delete-dir-on-start",
-    "build:esm": "swc src -d esm --config-file .swcrc.esm --strip-leading-paths --delete-dir-on-start",
+    "build": "yarn clean && yarn build:esm && yarn build:cjs && yarn build:types",
+    "build:cjs": "swc src -d dist --config-file .swcrc.cjs --strip-leading-paths && node scripts/rename-dist-cjs-entry.js",
+    "build:esm": "swc src -d dist --config-file .swcrc.esm --strip-leading-paths --delete-dir-on-start --out-file-extension mjs && node scripts/fix-dist-esm-imports.js",
+    "build:types": "node scripts/build-dist-types.js",
     "test": "jest",
     "test:watch": "jest --watch",
-    "clean": "rimraf ./lib ./esm",
+    "clean": "rimraf ./dist ./lib ./esm",
     "build-and-test": "yarn clean && yarn test",
     "lint": "eslint src/ test/"
   },
   "files": [
-    "types",
-    "lib",
-    "esm"
+    "dist"
   ],
   "keywords": [
     "draft",
@@ -50,7 +50,7 @@
   },
   "devDependencies": {
     "@20minutes/eslint-config": "^2.0.0",
-    "@swc/cli": "^0.7.10",
+    "@swc/cli": "^0.8.0",
     "@swc/core": "^1.9.2",
     "@swc/jest": "^0.2.36",
     "draft-js": "^0.11.7",
@@ -65,6 +65,7 @@
     "prettier": "^3.6.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "rimraf": "6.1.2"
+    "rimraf": "6.1.3",
+    "tsx": "^4.21.0"
   }
 }

package/esm/index.js

@@ -1,4 +0,0 @@
-import convertToHTML from './convertToHTML';
-import convertFromHTML from './convertFromHTML';
-import parseHTML from './util/parseHTML';
-export { convertToHTML, convertFromHTML, parseHTML };

package/types/index.d.ts

@@ -1,114 +0,0 @@
-// Based on: https://github.com/HubSpot/draft-convert/issues/107#issuecomment-488581709 by <https://github.com/sbusch>
-// Grabbed from https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/draft-convert/index.d.ts
-
-declare module "@20minutes/draft-convert" {
-    import {
-        ContentState,
-        DraftBlockType,
-        DraftEntityMutability,
-        DraftInlineStyleType,
-        Entity,
-        RawDraftContentBlock,
-        RawDraftEntity,
-    } from "draft-js";
-    import { ReactNode } from "react";
-
-    type RawDraftContentBlockWithCustomType<T> = Omit<RawDraftContentBlock, "type"> & {
-        type: T;
-    };
-
-    type ExtendedHTMLElement<T> = (HTMLElement | HTMLLinkElement) & T;
-
-    interface IConvertToHTMLConfig<
-        S = DraftInlineStyleType,
-        B extends DraftBlockType = DraftBlockType,
-        E extends RawDraftEntity = RawDraftEntity,
-    > {
-        // Inline styles:
-        // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
-        styleToHTML?: ((style: S) => Tag | void) | undefined;
-
-        // Block styles:
-        blockToHTML?: ((block: RawDraftContentBlockWithCustomType<B>) => Tag) | undefined;
-
-        // Entity styling:
-        entityToHTML?: ((entity: E, originalText: string) => Tag) | undefined;
-
-        // HTML validation:
-        validateHTML?: ((html: string) => boolean) | undefined;
-    }
-
-    type EntityKey = string;
-
-    interface IConvertFromHTMLConfig<
-        S extends {
-            [name: string]: unknown;
-        } = DOMStringMap,
-        B extends DraftBlockType = DraftBlockType,
-        E extends RawDraftEntity = RawDraftEntity,
-    > {
-        // Inline styles:
-        htmlToStyle?:
-            | ((nodeName: string, node: ExtendedHTMLElement<S>, currentStyle: Set<string>) => Set<string>)
-            | undefined;
-
-        // Block styles:
-        htmlToBlock?:
-            | ((
-                nodeName: string,
-                node: ExtendedHTMLElement<S>,
-            ) => B | { type: B; data: object } | false | undefined)
-            | undefined;
-
-        // Html entities
-        htmlToEntity?:
-            | ((
-                nodeName: string,
-                node: ExtendedHTMLElement<S>,
-                createEntity: (type: E["type"], mutability: DraftEntityMutability, data: E["data"]) => EntityKey,
-                getEntity: (key: EntityKey) => Entity,
-                mergeEntityData: (key: string, data: object) => void,
-                replaceEntityData: (key: string, data: object) => void,
-            ) => EntityKey | undefined)
-            | undefined;
-
-        // Text entities
-        textToEntity?:
-            | ((
-                text: string,
-                createEntity: (type: E["type"], mutability: DraftEntityMutability, data: E["data"]) => EntityKey,
-                getEntity: (key: EntityKey) => Entity,
-                mergeEntityData: (key: string, data: object) => void,
-                replaceEntityData: (key: string, data: object) => void,
-            ) => Array<{
-                entity: EntityKey;
-                offset: number;
-                length: number;
-                result?: string | undefined;
-            }>)
-            | undefined;
-    }
-
-    type ContentStateConverter = (contentState: ContentState) => string;
-    type HTMLConverter = (html: string) => ContentState;
-
-    type Tag = ReactNode | { start: string; end: string; empty?: string | undefined } | {
-        element: ReactNode;
-        empty?: ReactNode | undefined;
-    };
-
-    export function convertToHTML<
-        S = DraftInlineStyleType,
-        B extends DraftBlockType = DraftBlockType,
-        E extends RawDraftEntity = RawDraftEntity,
-    >(config: IConvertToHTMLConfig<S, B, E>): ContentStateConverter;
-    export function convertToHTML(contentState: ContentState): string;
-    export function convertFromHTML<
-        S extends {
-            [name: string]: unknown;
-        } = DOMStringMap,
-        B extends DraftBlockType = DraftBlockType,
-        E extends RawDraftEntity = RawDraftEntity,
-    >(config: IConvertFromHTMLConfig<S, B, E>): HTMLConverter;
-    export function convertFromHTML(html: string): ContentState;
-}