@modusoperandi/licit 1.0.5 → 1.0.8

package/normalizeHTML.js.flow

@@ -20,7 +20,7 @@ const LONG_UNDERLINE_PATTERN = /_+/g;
 
 // This is a workround to convert "  ...... " into wider tab
 // tab spacers. For every 6 " ", they will be converted into tab spacers.
-const LONG_TAB_SPACE_PATTERN = /(\ ){6}/g;
+const LONG_TAB_SPACE_PATTERN = /( ){6}/g;
 
 const TAB_SPACER_HTML = new Array(6).join(
   `<span ${DOM_ATTRIBUTE_SIZE}="${SPACER_SIZE_TAB}">${HAIR_SPACE_CHAR}</span>`
@@ -44,6 +44,8 @@ export default function normalizeHTML(html: string): string {
 
   // Convert every two consecutive "&nbsp;" into a spacer tab.
   html = html.replace(LONG_TAB_SPACE_PATTERN, TAB_SPACER_HTML);
+  // fix for jspdf copy paste text, from jspdf its always getting transparent
+  html = html.replace(/color:\s*transparent;/g, 'color: black;');
   const doc = toSafeHTMLDocument(html);
   if (doc) {
     // styles.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modusoperandi/licit",
-  "version": "1.0.5",
+  "version": "1.0.8",
   "type": "module",
   "subversion": "1",
   "description": "Rich text editor built with React and ProseMirror",
@@ -27,11 +27,12 @@
     "ci:build": "npm run build:clean && npm run build:babel && npm run build:flow && npm run build:css && npm run build:fonts && npm run build:bom && copyfiles --up 1 \"src/**/*.d.ts\" dist/ && copyfiles --up 1 \"src/**/*.css\" dist && copyfiles package.json dist",
     "flow": "flow --show-all-errors",
     "lint:css": "stylelint \"**/*.css\"",
-    "lint:js": "eslint \"src/**/*.js\" \"licit/**/*.js\"",
+    "lint:js": "eslint \"src/**/*.js\"",
     "lint": "npm run lint:css & npm run lint:js",
     "start": "node scripts/webserver.js",
     "prebuild:style-service-docker": "node utils/build_customstyle_server.js",
-    "build:style-service-docker": "docker build . -f style-service.Dockerfile -t style-service:latest"
+    "build:style-service-docker": "docker build . -f style-service.Dockerfile -t style-service:latest",
+    "verify": "npm run lint -- --fix && npm run ci:build && npm run test:coverage && echo 'All Tests Passed!'"
   },
   "devDependencies": {
     "@babel/cli": "^7.19.3",
@@ -60,34 +61,41 @@
     "babel-loader": "^9.1.3",
     "babel-plugin-flow-react-proptypes": "^26.0.0",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+    "body-parser": "^1.19.0",
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^12.0.2",
-    "css-loader": "^7.1.1",
     "copyfiles": "^2.4.1",
-    "enzyme": "^3.11.0",
-    "eslint": "^8.57.0",
+    "cors": "^2.8.5",
+    "css-loader": "^7.1.1",
+    "eslint": "^8.0.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-jest": "^28.2.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.33.2",
     "exports-loader": "^5.0.0",
+    "express": "^4.17.1",
     "file-loader": "^6.2.0",
-    "flow-bin": "^0.234.0",
+    "flow-bin": "^0.254.2",
     "flow-copy-source": "^2.0.9",
+    "flow-typed": "^4.0.0",
     "flow-webpack-plugin": "^1.2.0",
+    "formidable": "^3.5.1",
     "html-loader": "^5.0.0",
     "html-webpack-inline-source-plugin": "1.0.0-beta.2",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^9.0.10",
     "identity-obj-proxy": "^3.0.0",
+    "invariant": "^2.2.4",
     "jest": "^29.2.0",
     "jest-environment-jsdom": "^29.3.1",
     "jest-junit": "^16.0.0",
-    "jest-prosemirror": "^2.1.5",
+    "jest-prosemirror": "^3.0.0",
     "jest-sonar-reporter": "^2.0.0",
     "lint-staged": "^15.2.2",
     "mkdirp": "^3.0.1",
+    "mv": "^2.1.1",
     "prettier": "^3.2.5",
+    "style-loader": "^4.0.0",
     "stylelint": "^16.2.1",
     "stylelint-config-standard": "^36.0.0",
     "stylelint-prettier": "^5.0.0",
@@ -95,29 +103,24 @@
     "ts-jest": "^29.1.2",
     "ts-loader": "^9.5.0",
     "ts-node": "^10.9.2",
+    "typescript": "5.5.4",
     "webpack": "^5.74.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.0.2",
     "write-file-webpack-plugin": "^4.5.1"
   },
   "dependencies": {
-    "@cfaester/enzyme-adapter-react-18": "^0.7.1",
     "@modusoperandi/color-picker": "^1.0.1",
     "body-parser": "^1.19.0",
     "browserkeymap": "^2.0.2",
-    "cors": "^2.8.5",
-    "express": "^4.17.1",
     "flatted": "^3.1.0",
-    "flow-typed": "^3.3.1",
+    "flow-typed": "^4.0.0",
     "formidable": "^3.5.1",
     "invariant": "^2.2.4",
     "jquery": "^3.5.1",
     "katex": "^0.16.9",
-    "mv": "^2.1.1",
     "node-mathquill": "^0.10.2",
-    "prosemirror-collab": "^1.3.1",
-    "prosemirror-tables": "^1.2.5",
-    "query-string": "^9.0.0",
+    "react-tooltip": "^5.28.0",
     "resize-observer-polyfill": "^1.5.1",
     "smooth-scroll-into-view-if-needed": "^2.0.2",
     "style-loader": "^4.0.0",
@@ -126,11 +129,14 @@
   },
   "peerDependencies": {
     "@modusoperandi/licit-ui-commands": "^1.0.0",
+    "jquery": "^3.5.1",
     "prosemirror-collab": "^1.2.2",
     "prosemirror-tables": "^1.2.5"
   },
   "overrides": {
-    "semver": "^7.5.2"
+    "libxmljs2": "^1.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "importSort": {
     ".js": {

package/patchAnchorElements.js

@@ -15,7 +15,7 @@ function patchAnchorElement(node) {
     //   <a id="t.0"></a>
     //   <table class="c23">
     // and these anchor link should not be visible.
-    var visible = node.id.indexOf('t.') !== 0;
+    var visible = !node.id.startsWith('t.');
     visible && node.setAttribute(ATTRIBUTE_BOOKMARK_VISIBLE, 'true');
   }
   var nextNode = node.nextElementSibling;

package/patchAnchorElements.js.flow

@@ -23,7 +23,7 @@ function patchAnchorElement(node: HTMLElement): void {
     //   <a id="t.0"></a>
     //   <table class="c23">
     // and these anchor link should not be visible.
-    const visible = node.id.indexOf('t.') !== 0;
+    const visible = !node.id.startsWith('t.');
 
     visible && node.setAttribute(ATTRIBUTE_BOOKMARK_VISIBLE, 'true');
   }

package/patchBreakElements.js

@@ -6,15 +6,16 @@ export default function patchBreakElements(doc) {
   Array.from(doc.querySelectorAll(selector)).forEach(patchBreakElement);
 }
 function patchBreakElement(brElement) {
+  var _brElement$parentElem, _div$parentElement;
   var ownerDocument = brElement.ownerDocument,
     parentElement = brElement.parentElement;
   if (!ownerDocument || !parentElement) {
     return;
   }
-  var div = brElement.parentElement && brElement.parentElement.parentElement;
+  var div = (_brElement$parentElem = brElement.parentElement) === null || _brElement$parentElem === void 0 ? void 0 : _brElement$parentElem.parentElement;
   if (!div) {
     return;
   }
   var pp = ownerDocument.createElement('p');
-  div.parentElement && div.parentElement.replaceChild(pp, div);
+  (_div$parentElement = div.parentElement) === null || _div$parentElement === void 0 || _div$parentElement.replaceChild(pp, div);
 }

package/patchBreakElements.js.flow

@@ -13,10 +13,10 @@ function patchBreakElement(brElement: HTMLElement): void {
   if (!ownerDocument || !parentElement) {
     return;
   }
-  const div = brElement.parentElement && brElement.parentElement.parentElement;
+  const div = brElement.parentElement?.parentElement;
   if (!div) {
     return;
   }
   const pp = ownerDocument.createElement('p');
-  div.parentElement && div.parentElement.replaceChild(pp, div);
+  div.parentElement?.replaceChild(pp, div);
 }

package/patchElementInlineStyles.js

@@ -23,7 +23,7 @@ function patchBlockElement(el) {
 function patchBlockElementStyle(el, inlineStyleName) {
   var element = el;
   var elementStyle = element.style;
-  var value = elementStyle && elementStyle[inlineStyleName];
+  var value = elementStyle === null || elementStyle === void 0 ? void 0 : elementStyle[inlineStyleName];
   if (inlineStyleName === 'textIndent' && value) {
     // This is the workaround to fix the issue that people with mix both
     // text-indent and margin-left together.

package/patchElementInlineStyles.js.flow

@@ -49,7 +49,7 @@ function patchBlockElementStyle(
 ): void {
   const element: any = el;
   const elementStyle = element.style;
-  const value = elementStyle && elementStyle[inlineStyleName];
+  const value = elementStyle?.[inlineStyleName];
 
   if (inlineStyleName === 'textIndent' && value) {
     // This is the workaround to fix the issue that people with mix both

package/patchListElements.js

@@ -1,5 +1,4 @@
 import HTMLMutator from './HTMLMutator.js';
-import nullthrows from 'nullthrows';
 import uuid from './ui/uuid.js';
 import { ATTRIBUTE_LIST_STYLE_TYPE } from './ListItemNodeSpec.js';
 import { ATTRIBUTE_INDENT, EMPTY_CSS_VALUE, convertMarginLeftToIndentValue } from './ParagraphNodeSpec.js';
@@ -23,12 +22,12 @@ var CHAR_CIRCLE = "\u25CB";
 var CHAR_SQUARE = "\u25A0";
 var CHAR_BOX = "\u274F";
 var CHAR_ZERO_SPACE = "\u200B";
-var INLINE_NODE_NAME_PATTERN = /^(#text)|(A|SPAN|B|STRONG)$/;
+var INLINE_NODE_NAME_PATTERN = /^(#text|(A|SPAN|B|STRONG))$/;
 function patchListElementsElement(listElement) {
   // If the children of `listElement` all have teh same marginLeft, assume
   // it to be indented.
-  var marginLeft = undefined;
-  var beforeContent = undefined;
+  var marginLeft;
+  var beforeContent;
   var parentElement = listElement.parentElement,
     children = listElement.children;
 
@@ -50,7 +49,7 @@ function patchListElementsElement(listElement) {
     if (beforeContent !== bc) {
       beforeContent = null;
     }
-    var ml = style && style.marginLeft || '';
+    var ml = (style === null || style === void 0 ? void 0 : style.marginLeft) || '';
     if (marginLeft === undefined) {
       marginLeft = ml;
     }
@@ -174,8 +173,8 @@ function liftNestedListElements(doc) {
   els.forEach(function (list) {
     var indent = findIndentLevel(list);
     list.setAttribute('data-indent', String(indent));
-    var parentListItem = nullthrows(list.parentElement);
-    var parentList = nullthrows(parentListItem.parentElement);
+    var parentListItem = list === null || list === void 0 ? void 0 : list.parentElement;
+    var parentList = parentListItem === null || parentListItem === void 0 ? void 0 : parentListItem.parentElement;
     var parentListNodeName = parentList.nodeName.toLowerCase();
     var isLast = parentList.lastElementChild === parentListItem;
     var style = parentList.getAttribute('style') || '';

package/patchListElements.js.flow

@@ -1,7 +1,6 @@
 // @flow
 
 import HTMLMutator from './HTMLMutator.js';
-import nullthrows from 'nullthrows';
 import uuid from './ui/uuid.js';
 
 import { ATTRIBUTE_LIST_STYLE_TYPE } from './ListItemNodeSpec.js';
@@ -34,13 +33,13 @@ const CHAR_CIRCLE = '\u25cb';
 const CHAR_SQUARE = '\u25a0';
 const CHAR_BOX = '\u274f';
 const CHAR_ZERO_SPACE = '\u200B';
-const INLINE_NODE_NAME_PATTERN = /^(#text)|(A|SPAN|B|STRONG)$/;
+const INLINE_NODE_NAME_PATTERN = /^(#text|(A|SPAN|B|STRONG))$/;
 
 function patchListElementsElement(listElement: HTMLElement): void {
   // If the children of `listElement` all have teh same marginLeft, assume
   // it to be indented.
-  let marginLeft = undefined;
-  let beforeContent = undefined;
+  let marginLeft;
+  let beforeContent;
   const { parentElement, children } = listElement;
 
   // A workaround to patch the issue when <ul /> or <ol /> is pasted as the
@@ -68,7 +67,7 @@ function patchListElementsElement(listElement: HTMLElement): void {
       beforeContent = null;
     }
 
-    const ml = (style && style.marginLeft) || '';
+    const ml = (style?.marginLeft) || '';
     if (marginLeft === undefined) {
       marginLeft = ml;
     }
@@ -211,8 +210,8 @@ function liftNestedListElements(doc: Document): void {
     const indent = findIndentLevel(list);
     list.setAttribute('data-indent', String(indent));
 
-    const parentListItem = nullthrows(list.parentElement);
-    const parentList = nullthrows(parentListItem.parentElement);
+    const parentListItem = list?.parentElement;
+    const parentList = parentListItem?.parentElement;
     const parentListNodeName = parentList.nodeName.toLowerCase();
     const isLast = parentList.lastElementChild === parentListItem;
     const style = parentList.getAttribute('style') || '';
@@ -238,7 +237,7 @@ function liftNestedListElements(doc: Document): void {
     // <ol><li>CCC</li></ol>
 
     // Close the parent list before the list.
-    htmlMutator.insertHTMLBefore(`<\/${parentListNodeName}>`, list);
+    htmlMutator.insertHTMLBefore(`</${parentListNodeName}>`, list);
     // Open a new list after list.
     htmlMutator.insertHTMLAfter(
       `<${parentListNodeName}

package/patchMathElements.js

@@ -1,5 +1,3 @@
-import queryString from 'query-string';
-import url from 'url';
 export default function patchMathElements(doc) {
   Array.from(doc.querySelectorAll('img')).forEach(patchGoogleEquationElement);
 }
@@ -39,14 +37,14 @@ function getGoogleEquationContent(src) {
   if (!src) {
     return null;
   }
-  var _url$parse = url.parse(src),
-    host = _url$parse.host,
-    pathname = _url$parse.pathname,
-    query = _url$parse.query;
+  var _URL = new URL(src),
+    host = _URL.host,
+    pathname = _URL.pathname,
+    query = _URL.query;
   if (host !== 'www.google.com' || pathname !== '/chart') {
     return null;
   }
-  var params = queryString.parse(query);
+  var params = new URL(query);
   var chartType = params[PARAM_CHART_CHART_TYPE];
   var label = params[PARAM_CHART_LABEL];
 

package/patchMathElements.js.flow

@@ -1,7 +1,5 @@
 // @flow
 
-import queryString from 'query-string';
-import url from 'url';
 export default function patchMathElements(doc: Document): void {
   Array.from(doc.querySelectorAll('img')).forEach(patchGoogleEquationElement);
 }
@@ -41,12 +39,12 @@ function getGoogleEquationContent(src: ?string): ?string {
   if (!src) {
     return null;
   }
-  const { host, pathname, query } = url.parse(src);
+  const { host, pathname, query } = new URL(src);
   if (host !== 'www.google.com' || pathname !== '/chart') {
     return null;
   }
 
-  const params = queryString.parse(query);
+  const params = new URL(query);
   const chartType = params[PARAM_CHART_CHART_TYPE];
   const label = params[PARAM_CHART_LABEL];
 

package/patchStyleElements.js

@@ -64,7 +64,7 @@ export default function patchStyleElements(doc) {
         }
       });
       if (selectorText.indexOf(',') > -1) {
-        selectorText.split(/\s*,\s*/).forEach(function (st) {
+        selectorText.split('.').trim().forEach(function (st) {
           buildSelectorTextToCSSText(selectorTextToCSSTexts, st, cssText);
         });
       } else {

package/patchStyleElements.js.flow

@@ -1,9 +1,7 @@
 // @flow
 
 import toCSSColor from './ui/toCSSColor.js';
-import {
-  toCSSLineSpacing
-} from '@modusoperandi/licit-ui-commands';
+import { toCSSLineSpacing } from '@modusoperandi/licit-ui-commands';
 
 const LIST_ITEM_PSEUDO_ELEMENT_BEFORE = /li:+before/;
 const NODE_NAME_SELECTOR = /^[a-zA-Z]+\d*$/;
@@ -81,9 +79,12 @@ export default function patchStyleElements(doc: Document): void {
         }
       });
       if (selectorText.indexOf(',') > -1) {
-        selectorText.split(/\s*,\s*/).forEach((st) => {
-          buildSelectorTextToCSSText(selectorTextToCSSTexts, st, cssText);
-        });
+        selectorText
+          .split('.')
+          .trim()
+          .forEach((st) => {
+            buildSelectorTextToCSSText(selectorTextToCSSTexts, st, cssText);
+          });
       } else {
         buildSelectorTextToCSSText(
           selectorTextToCSSTexts,

package/patchTableElements.js

@@ -1,5 +1,4 @@
-import { PT_TO_PX_RATIO } from './convertToCSSPTValue.js';
-import convertToCSSPTValue from './convertToCSSPTValue.js';
+import convertToCSSPTValue, { PT_TO_PX_RATIO } from './convertToCSSPTValue.js';
 import toHexColor from './ui/toHexColor.js';
 export default function patchTableElements(doc) {
   Array.from(doc.querySelectorAll('td')).forEach(patchTableCell);
@@ -25,7 +24,7 @@ function patchTableCell(tdElement) {
     spans.some(function (spanElement) {
       var retVal = true;
       var spanStyle = spanElement.style;
-      if (!spanStyle || !spanStyle.backgroundColor) {
+      if (!(spanStyle !== null && spanStyle !== void 0 && spanStyle.backgroundColor)) {
         retVal = false;
       } else {
         var spanBgColor = toHexColor(spanStyle.backgroundColor);

package/patchTableElements.js.flow

@@ -1,6 +1,5 @@
 // @flow
-import { PT_TO_PX_RATIO } from './convertToCSSPTValue.js';
-import convertToCSSPTValue from './convertToCSSPTValue.js';
+import convertToCSSPTValue, { PT_TO_PX_RATIO } from './convertToCSSPTValue.js';
 import toHexColor from './ui/toHexColor.js';
 
 export default function patchTableElements(doc: Document): void {
@@ -26,7 +25,7 @@ function patchTableCell(tdElement: HTMLElement): void {
     spans.some((spanElement) => {
       let retVal = true;
       const spanStyle = spanElement.style;
-      if (!spanStyle || !spanStyle.backgroundColor) {
+      if (!spanStyle?.backgroundColor) {
         retVal = false;
       } else {
         const spanBgColor = toHexColor(spanStyle.backgroundColor);

package/sanitizeURL.js

@@ -6,5 +6,5 @@ export default function sanitizeURL(url) {
   if (HTTP_PREFIX.test(url)) {
     return url;
   }
-  return 'http://' + url;
+  return 'https://' + url;
 }

package/sanitizeURL.js.flow

@@ -9,5 +9,5 @@ export default function sanitizeURL(url: ?string): string {
   if (HTTP_PREFIX.test(url)) {
     return url;
   }
-  return 'http://' + url;
+  return 'https://' + url;
 }

package/splitListItem.js

@@ -1,7 +1,7 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import uuid from './ui/uuid.js';
@@ -71,7 +71,7 @@ export default function splitListItem(tr, schema) {
   var $from = selection.$from,
     $to = selection.$to,
     node = selection.node;
-  if (node && node.isBlock || $from.depth < 2 || !$from.sameParent($to)) {
+  if (node !== null && node !== void 0 && node.isBlock || $from.depth < 2 || !$from.sameParent($to)) {
     return tr;
   }
   var grandParent = $from.node(-1);

package/splitListItem.js.flow

@@ -69,7 +69,7 @@ export default function splitListItem(
   }
 
   const { $from, $to, node } = selection;
-  if ((node && node.isBlock) || $from.depth < 2 || !$from.sameParent($to)) {
+  if ((node?.isBlock) || $from.depth < 2 || !$from.sameParent($to)) {
     return tr;
   }
 

package/styles.css

@@ -1,11 +1,35 @@
-@import './styles0.css';
+@import './ui/czi-vars.css';
+@import './ui/czi-heading.css';
+@import './ui/czi-indent.css';
+@import './ui/czi-list.css';
+@import './ui/czi-table.css';
+@import '~modusoperandi/licit-ui-commands/styles.css';
+@import './ui/czi-bookmark-view.css';
+@import './ui/czi-body-layout-editor.css';
+@import './ui/czi-cursor-placeholder.css';
+@import './ui/czi-custom-menu.css';
+@import './ui/czi-custom-menu-button.css';
+@import './ui/czi-custom-menu-item.css';
+@import './ui/czi-custom-radio-button.css';
+@import './ui/czi-custom-scrollbar.css';
+@import './ui/czi-editor.css';
+@import './ui/czi-editor-frameset.css';
+@import './ui/czi-editor-toolbar.css';
+@import './ui/czi-form.css';
+@import './ui/czi-frag.css';
+@import './ui/czi-icon.css';
+@import './ui/czi-image-resize-box.css';
+@import './ui/czi-image-upload-editor.css';
+@import './ui/czi-image-upload-placeholder.css';
+@import './ui/czi-image-url-editor.css';
+@import './ui/czi-image-view.css';
+@import './ui/czi-inline-editor.css';
+@import './ui/czi-link-tooltip.css';
 @import './ui/czi-loading-indicator.css';
 @import './ui/czi-math-view.css';
-@import '@modusoperandi/licit-ui-commands/ui/czi-pop-up.css';
 @import './ui/czi-selection-placeholder.css';
 @import './ui/czi-table-cell-menu.css';
 @import './ui/czi-table-grid-size-editor.css';
-@import '@modusoperandi/licit-ui-commands/ui/czi-tooltip-surface.css';
 @import './ui/mathquill-editor/czi-mathquill-editor.css';
 @import './ui/mathquill-editor/czi-mathquill-editor-symbols-panel.css';
 @import './client/licit.css';
@@ -17,3 +41,8 @@
 @import './ui/icon-font.css';
 @import '~node-mathquill/build/mathquill.css';
 @import '~katex/dist/katex.min.css';
+
+@import '~prosemirror-gapcursor/style/gapcursor.css';
+@import '~prosemirror-view/style/prosemirror.css';
+@import '~react-tooltip/dist/react-tooltip.css';
+@import './ui/listType.css';

package/toggleBlockquote.js

@@ -1,10 +1,7 @@
 import { Schema } from 'prosemirror-model';
 import { Transform } from 'prosemirror-transform';
 import { BLOCKQUOTE, HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames.js';
-import { compareNumber } from '@modusoperandi/licit-ui-commands';
-import { isInsideListItem } from '@modusoperandi/licit-ui-commands';
-import { isListNode } from '@modusoperandi/licit-ui-commands';
-import { unwrapNodesFromList } from '@modusoperandi/licit-ui-commands';
+import { compareNumber, isInsideListItem, isListNode, unwrapNodesFromList } from '@modusoperandi/licit-ui-commands';
 export default function toggleBlockquote(tr, schema) {
   var nodes = schema.nodes;
   var _tr = tr,
@@ -34,7 +31,9 @@ export default function toggleBlockquote(tr, schema) {
     return !isListNode(node);
   });
   // Update from the bottom to avoid disruptive changes in pos.
-  poses.sort(compareNumber).reverse().forEach(function (pos) {
+  var sortedPoses = [].concat(poses); // Create a shallow copy of poses
+  sortedPoses.sort(compareNumber);
+  sortedPoses.sort(compareNumber).reverse().forEach(function (pos) {
     tr = setBlockquoteNode(tr, schema, pos);
   });
   return tr;

package/toggleBlockquote.js.flow

@@ -14,16 +14,7 @@ import {
   PARAGRAPH
 } from './NodeNames.js';
 import {
-  compareNumber
-} from '@modusoperandi/licit-ui-commands';
-import {
-  isInsideListItem
-} from '@modusoperandi/licit-ui-commands';
-import {
-  isListNode
-} from '@modusoperandi/licit-ui-commands';
-import {
-  unwrapNodesFromList
+  compareNumber, isInsideListItem, isListNode, unwrapNodesFromList
 } from '@modusoperandi/licit-ui-commands';
 
 export default function toggleBlockquote(
@@ -58,8 +49,10 @@ export default function toggleBlockquote(
     return !isListNode(node);
   });
   // Update from the bottom to avoid disruptive changes in pos.
-  poses
-    .sort(compareNumber)
+  const sortedPoses = [...poses];  // Create a shallow copy of poses
+  sortedPoses.sort(compareNumber);
+
+  sortedPoses.sort(compareNumber)
     .reverse()
     .forEach((pos) => {
       tr = setBlockquoteNode(tr, schema, pos);

package/toggleCodeBlock.js

@@ -1,11 +1,10 @@
+function _readOnlyError(r) { throw new TypeError('"' + r + '" is read-only'); }
 import { Schema } from 'prosemirror-model';
 import { TextSelection } from 'prosemirror-state';
 import { Transform } from 'prosemirror-transform';
 import { MARK_LINK } from './MarkNames';
 import { BLOCKQUOTE, CODE_BLOCK, HEADING, PARAGRAPH } from './NodeNames';
-import { clearMarks } from '@modusoperandi/licit-ui-commands';
-import { compareNumber } from '@modusoperandi/licit-ui-commands';
-import { isListNode } from '@modusoperandi/licit-ui-commands';
+import { clearMarks, compareNumber, isListNode } from '@modusoperandi/licit-ui-commands';
 export default function toggleCodeBlock(tr, schema) {
   var nodes = schema.nodes;
   var _tr = tr,
@@ -37,10 +36,11 @@ export default function toggleCodeBlock(tr, schema) {
     }
     return isBlock;
   });
-
+  var sortedPoses = [].concat(poses); // Create a shallow copy of poses
   // Update from the bottom to avoid disruptive changes in pos.
-  allowed && poses.sort(compareNumber).reverse().forEach(function (pos) {
-    tr = setCodeBlockNodeEnabled(tr, schema, pos, startWithCodeBlock ? false : true);
+  allowed ? poses.toSorted(compareNumber) : poses, _readOnlyError("sortedPoses");
+  allowed && sortedPoses.sort(compareNumber).reverse().forEach(function (pos) {
+    tr = setCodeBlockNodeEnabled(tr, schema, pos, !startWithCodeBlock);
   });
   return tr;
 }

package/toggleCodeBlock.js.flow

@@ -6,9 +6,11 @@ import { Transform } from 'prosemirror-transform';
 
 import { MARK_LINK } from './MarkNames';
 import { BLOCKQUOTE, CODE_BLOCK, HEADING, PARAGRAPH } from './NodeNames';
-import { clearMarks } from '@modusoperandi/licit-ui-commands';
-import { compareNumber } from '@modusoperandi/licit-ui-commands';
-import { isListNode } from '@modusoperandi/licit-ui-commands';
+import {
+  clearMarks,
+  compareNumber,
+  isListNode,
+} from '@modusoperandi/licit-ui-commands';
 
 export default function toggleCodeBlock(
   tr: Transform,
@@ -47,18 +49,16 @@ export default function toggleCodeBlock(
     return isBlock;
   });
 
+  const sortedPoses = [...poses]; // Create a shallow copy of poses
   // Update from the bottom to avoid disruptive changes in pos.
+  sortedPoses = allowed ? poses.toSorted(compareNumber) : poses;
+
   allowed &&
-    poses
+    sortedPoses
       .sort(compareNumber)
       .reverse()
       .forEach((pos) => {
-        tr = setCodeBlockNodeEnabled(
-          tr,
-          schema,
-          pos,
-          startWithCodeBlock ? false : true
-        );
+        tr = setCodeBlockNodeEnabled(tr, schema, pos, !startWithCodeBlock);
       });
   return tr;
 }