npm: update react types and cheerio – ported over from #7768

Author: haraldschilly

src/packages/frontend/editors/slate/elements/details/index.tsx

@@ -4,9 +4,10 @@
  */
 
 import { CSSProperties } from "react";
+import { load } from "cheerio";
+
 import { register, SlateElement } from "../register";
 import { dict } from "@cocalc/util/misc";
-import $ from "cheerio";
 
 export const STYLE = {
   cursor: "pointer",
@@ -42,6 +43,7 @@ register({
 
   toSlate: ({ children, state, token }) => {
     const attrs = dict(state.attrs as any);
+    const $ = load("");
     const x = $(token.content);
     const summary = x.find("summary").text().trim();
     return {

src/packages/frontend/editors/slate/elements/image/index.tsx

@@ -3,10 +3,11 @@
  *  License: MS-RSL – see LICENSE.md for details
  */
 
-import { register, SlateElement } from "../register";
-import { dict } from "@cocalc/util/misc";
-import $ from "cheerio";
+import { load } from "cheerio";
+
 import { useFileContext } from "@cocalc/frontend/lib/file-context";
+import { dict } from "@cocalc/util/misc";
+import { register, SlateElement } from "../register";
 
 export interface Image extends SlateElement {
   type: "image";
@@ -28,6 +29,7 @@ export function toSlate({ type, children, token }) {
       // token.content will be a string like this:
       //    <img src='https://wstein.org/bella-and-william.jpg' width=200px title='my pup' />
       // easiest way to parse this is with jquery style api but via cheerio (not by hand).
+      const $ = load("");
       const elt = $(token.content);
       const node = {
         type: "image",

src/packages/frontend/editors/slate/markdown-to-slate/util.ts

@@ -1,6 +1,7 @@
-import $ from "cheerio";
+import { load } from "cheerio";
 
 export function getAttrs(content: string, attrs: string[]): [string, string][] {
+  const $ = load("");
   const x = $(content);
   const v: [string, string][] = [];
   for (const attr of attrs) {

src/packages/frontend/misc/process-links/string.ts

@@ -14,7 +14,8 @@ share server.
 TODO: this is NOT used anywhere yet.
 */
 
-import $ from "cheerio";
+import { load } from "cheerio";
+
 import processLinks from "./generic";
 
 interface Options {
@@ -25,8 +26,9 @@ interface Options {
 
 export default function processLinksString(
   html: string,
-  opts: Options
+  opts: Options,
 ): string {
+  const $ = load("");
   const elt = $(`<div>${html}</div>`);
   processLinks(elt, { ...opts, $ });
   return elt.html() ?? "";

src/packages/frontend/package.json

@@ -73,7 +73,7 @@
     "bootstrap": "=3.4.1",
     "bootstrap-colorpicker": "^2.5.3",
     "cat-names": "^3.1.0",
-    "cheerio": "^1.0.0-rc.10",
+    "cheerio": "1.0.0-rc.10",
     "codemirror": "^5.65.16",
     "color-map": "^2.0.6",
     "copy-to-clipboard": "^3.0.8",
@@ -185,9 +185,9 @@
     "@types/md5": "^2.2.0",
     "@types/mocha": "^10.0.0",
     "@types/pica": "^5.1.3",
-    "@types/react": "^18.0.26",
+    "@types/react": "^18.0.28",
     "@types/react-bootstrap": "^0.32.21",
-    "@types/react-dom": "^18.0.10",
+    "@types/react-dom": "^18.0.11",
     "@types/react-image-crop": "^8.1.3",
     "@types/react-redux": "^7.1.25",
     "coffeescript": "^2.5.1",

src/packages/hub/package.json

@@ -23,7 +23,7 @@
     "@types/express": "^4.17.13",
     "@types/formidable": "^3.4.5",
     "@types/primus": "^7.3.6",
-    "@types/react": "^18.0.26",
+    "@types/react": "^18.0.28",
     "@types/uuid": "^8.3.1",
     "async": "^1.5.2",
     "awaiting": "^3.0.0",
@@ -77,7 +77,7 @@
     "@types/http-proxy": "^1.17.9",
     "@types/node": "^18.16.14",
     "@types/passport": "^1.0.9",
-    "@types/react-dom": "^18.0.10",
+    "@types/react-dom": "^18.0.11",
     "coffee-coverage": "^3.0.1",
     "coffeescript": "^2.5.1",
     "expect": "^26.6.2",

src/packages/next/package.json

@@ -63,8 +63,8 @@
     "@cocalc/util": "workspace:*",
     "@openapitools/openapi-generator-cli": "^2.13.4",
     "@types/express": "^4.17.13",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.10",
+    "@types/react": "^18.0.28",
+    "@types/react-dom": "^18.0.11",
     "@vscode/vscode-languagedetection": "^1.0.22",
     "antd": "^5.18.3",
     "antd-img-crop": "^4.21.0",