Fixes 349

services/cms/src/components/editors/GutenbergEditor.tsx

@@ -103,6 +103,7 @@ const GutenbergEditor: React.FC<React.PropsWithChildren<GutenbergEditorProps>> =
   >({
     disableCustomColors: false,
     disableCustomEditorFontSizes: false,
+    styles: [],
   })
 
   const sideBarStartingYCoordinate = useSidebarStartingYCoodrinate()

services/cms/src/styles/Gutenberg/editor-styles.scss

@@ -129,3 +129,7 @@
 .wp-block-embed .components-placeholder__learn-more {
   display: none;
 }
+
+.block-editor-plain-text {
+  width: 100%;
+}

services/course-material/src/components/ContentRenderer/core/formatting/CodeBlock/SyntaxHighlightedContainer.tsx

@@ -21,14 +21,17 @@ const SyntaxHighlightedContainer: React.FC<SyntaxHighlightedContainerProps> = ({
   // The content coming from gutenberg contains <br> tags which do not work when we higlight the code with hljs
   // So we'll replace the br tags with newlines
   const replacedContent = useMemo(() => {
-    return content?.replace(/<br\s*\\?>/g, "\n") ?? ""
+    let res = content ?? ""
+    res = res.replace(/<br\s*\\?>/g, "\n")
+    return res
   }, [content])
 
   return (
     <code
       className={css`
         background-color: #1a2333;
         border-radius: 4px;
+        font-variant-ligatures: none;
       `}
       ref={ref}
       dangerouslySetInnerHTML={{ __html: sanitizeCourseMaterialHtml(replacedContent) }}

services/course-material/src/components/ContentRenderer/core/formatting/CodeBlock/index.tsx

@@ -1,9 +1,9 @@
 import { css } from "@emotion/css"
 import dynamic from "next/dynamic"
+import { useMemo } from "react"
 
 import { BlockRendererProps } from "../../.."
 import { CodeAttributes } from "../../../../../../types/GutenbergBlockAttributes"
-import { fontSizeMapper } from "../../../../../styles/fontSizeMapper"
 
 import BreakFromCentered from "@/shared-module/common/components/Centering/BreakFromCentered"
 import Spinner from "@/shared-module/common/components/Spinner"
@@ -19,15 +19,36 @@ const SyntaxHighlightedContainer = dynamic(() => import("./SyntaxHighlightedCont
 
 const CodeBlock: React.FC<React.PropsWithChildren<BlockRendererProps<CodeAttributes>>> = ({
   data,
+  dontAllowBlockToBeWiderThanContainerWidth,
 }) => {
-  const { anchor, content, fontSize } = data.attributes
+  const { anchor, content } = data.attributes
+  const fontSizePx = useMemo(() => {
+    const longestLine = (content ?? "")
+      .split("\n")
+      .reduce((acc, line) => (line.length > acc ? line.length : acc), 0)
+
+    let fontSizePx = 20
+    if (longestLine > 70) {
+      fontSizePx = 16
+    }
+    if (longestLine > 100) {
+      fontSizePx = 14
+    }
+    return fontSizePx
+  }, [content])
+
   return (
-    <BreakFromCentered sidebar={false}>
+    <BreakFromCentered sidebar={false} disabled={dontAllowBlockToBeWiderThanContainerWidth}>
       <pre
         className={css`
           max-width: 1000px;
           margin: 0 auto;
-          ${fontSize && `font-size: ${fontSizeMapper(fontSize)};`}
+          ${dontAllowBlockToBeWiderThanContainerWidth &&
+          // If this is inside a container, large margins don't look good.
+          `margin-top: -1.5rem;
+            margin-bottom: -1.5rem;
+            `}
+          font-size: ${fontSizePx}px;
           font-family: ${monospaceFont} !important;
           line-height: 1.75rem;
           white-space: pre-wrap;

services/course-material/src/components/ContentRenderer/util/textParsing.tsx

@@ -68,8 +68,7 @@ const parseText = (
   terms: Term[],
   options: { glossary: boolean } = { glossary: true },
 ) => {
-  const sanitizedHTML = sanitizeCourseMaterialHtml(content)
-  const { count, converted: parsedLatex } = convertToLatex(sanitizedHTML)
+  const { count, converted: parsedLatex } = convertToLatex(content ?? "")
   const parsedCitation = parseCitation(parsedLatex)
 
   let parsedText = parsedCitation

services/headless-lms/certificates/Cargo.toml

@@ -11,13 +11,13 @@ headless-lms-utils = { path = "../utils" }
 headless-lms-models = { path = "../models" }
 
 # An SVG rendering library.
-resvg = "0.38.0"
+resvg = "0.42.0"
 # An SVG simplification library.
-usvg = "0.38.0"
+usvg = "0.42.0"
 # A simple, streaming XML writer.
 xmlwriter = "0.1.0"
 # High performance xml reader and writer
-quick-xml = "0.31.0"
+quick-xml = "0.35.0"
 # International Components for Unicode
 icu = { version = "1.3.2", features = ["std", "serde"] }
 # Trait and struct definitions for the ICU data provider