@bendyline/squisq-editor-react 2.8.0 → 2.9.0

package/dist/{chunk-YPRX32GY.js → chunk-SAYCG257.js}

@@ -1,7 +1,7 @@
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-K2WJYVS4.js";
+} from "./chunk-TLRB3IQC.js";
 
 // src/jsonEditor/JsonEditorContext.tsx
 import { createContext, useContext, useEffect, useMemo } from "react";

package/dist/{chunk-K2WJYVS4.js → chunk-TLRB3IQC.js}

@@ -10,6 +10,8 @@ var RE_BOLD_UNDER = /(?<![\p{L}\p{N}_])__(?![\s_])(.+?)(?<![\s_])__(?![\p{L}\p{N
 var RE_ITALIC_STAR = /\*(?![\s*])(.+?)(?<![\s*])\*/g;
 var RE_ITALIC_UNDER = /(?<![\p{L}\p{N}_])_(?![\s_])(.+?)(?<![\s_])_(?![\p{L}\p{N}_])/gu;
 var RE_STRIKETHROUGH = /~~(.+?)~~/g;
+var RE_LEGACY_BOLD_STAR = /\*\*(?![\s*])(.+?)(?<![\s*])([ \t]+)\*\*(?=$|[^\s*])/g;
+var RE_LEGACY_ITALIC_STAR = /(?<!\*)\*(?![\s*])(.+?)(?<![\s*])([ \t]+)\*(?=$|[^\s*])/g;
 var ESCAPABLE_MD_CHARS = ["*", "_", "~", "\\"];
 var RE_MD_ESCAPE = /\\([*_~\\])/g;
 var RE_INLINE_CODE = /`(.+?)`/g;
@@ -18,12 +20,7 @@ var RE_MENTION = /@\[([^\]]+?)\]\(([a-z][a-z0-9+.-]*)\\?:([^)\s]+)\)/gi;
 var RE_MENTION_TAG = /<span\b[^>]*?\bdata-mention\b[^>]*?>(?:<[^>]+>)*([^<]*)<\/span>/gi;
 var RE_ICON_MD = /\{\[([a-zA-Z0-9_:-]+)\]\}/g;
 var RE_ICON_TAG = /<i\b[^>]*?\bdata-icon="([^"]*)"[^>]*?><\/i>/gi;
-var RE_STRONG_TAG = /<strong>(.*?)<\/strong>/g;
-var RE_B_TAG = /<b>(.*?)<\/b>/g;
-var RE_EM_TAG = /<em>(.*?)<\/em>/g;
-var RE_I_TAG = /<i>(.*?)<\/i>/g;
-var RE_S_TAG = /<s>(.*?)<\/s>/g;
-var RE_DEL_TAG = /<del>(.*?)<\/del>/g;
+var RE_MARK_TAG = /<(strong|b|em|i|s|del)>(.*?)<\/\1>/gs;
 var RE_CODE_TAG = /<code>(.*?)<\/code>/g;
 var RE_A_TAG = /<a\b([^>]*)>(.*?)<\/a>/g;
 var RE_IMG_TAG = /<img\b([^>]*)>/g;
@@ -814,8 +811,10 @@ function inlineToHtml(text) {
     RE_MD_ESCAPE,
     (_m, ch) => `\0ESC${ESCAPABLE_MD_CHARS.indexOf(ch)}\0`
   );
+  result = result.replace(RE_LEGACY_BOLD_STAR, "<strong>$1</strong>$2");
   result = result.replace(RE_BOLD_STAR, "<strong>$1</strong>");
   result = result.replace(RE_BOLD_UNDER, "<strong>$1</strong>");
+  result = result.replace(RE_LEGACY_ITALIC_STAR, "<em>$1</em>$2");
   result = result.replace(RE_ITALIC_STAR, "<em>$1</em>");
   result = result.replace(RE_ITALIC_UNDER, "<em>$1</em>");
   result = result.replace(RE_STRIKETHROUGH, "<s>$1</s>");
@@ -961,17 +960,23 @@ function escapeMarkdownTextNodes(html) {
   }
   return out + escapeMarkdownText(html.slice(cursor));
 }
+function markdownFromMarkTags(html) {
+  return html.replace(RE_MARK_TAG, (_match, tag, inner) => {
+    const convertedInner = markdownFromMarkTags(inner);
+    const leading = convertedInner.match(/^\s*/)?.[0] ?? "";
+    const trailing = convertedInner.match(/\s*$/)?.[0] ?? "";
+    const content = convertedInner.slice(leading.length, convertedInner.length - trailing.length);
+    if (!content) return convertedInner;
+    const delimiter = tag === "strong" || tag === "b" ? "**" : tag === "em" || tag === "i" ? "*" : "~~";
+    return `${leading}${delimiter}${content}${delimiter}${trailing}`;
+  });
+}
 function htmlToInline(html) {
   let result = html;
   result = result.replace(/<br\s*\/?>/gi, "  \n");
   result = escapeMarkdownTextNodes(result);
   result = result.replace(RE_ICON_TAG, (_m, token) => `{[${token}]}`);
-  result = result.replace(RE_STRONG_TAG, "**$1**");
-  result = result.replace(RE_B_TAG, "**$1**");
-  result = result.replace(RE_EM_TAG, "*$1*");
-  result = result.replace(RE_I_TAG, "*$1*");
-  result = result.replace(RE_S_TAG, "~~$1~~");
-  result = result.replace(RE_DEL_TAG, "~~$1~~");
+  result = markdownFromMarkTags(result);
   result = result.replace(RE_CODE_TAG, "`$1`");
   result = result.replace(RE_MENTION_TAG, (match, _inner) => {
     const kind = /data-kind="([^"]*)"/i.exec(match)?.[1] ?? "";

package/dist/index.d.ts

@@ -572,7 +572,7 @@ declare function EmojiPicker({ open, onSelect, onClose, anchorRef, className, st
  * DocumentSettingsDialog
  *
  * Modal editor for the frontmatter values that Squisq currently
- * understands: document title plus the persisted preview keys
+ * understands: document title and cover subtitle plus the persisted preview keys
  * (`squisq-theme`, `squisq-transform`, `squisq-captions`). Writes back
  * to the same `setFrontmatterValues` channel that `PreviewControls`
  * uses, so any change made here is reflected in the play-mode controls

package/dist/index.js

@@ -205,15 +205,15 @@ import {
   usePreviewSettings,
   useTimelineData,
   useTreeViewData
-} from "./chunk-SUXRSZ4Y.js";
+} from "./chunk-53PXOIMU.js";
 import "./chunk-V4NBQF5C.js";
 import {
   JsonEditor
-} from "./chunk-YPRX32GY.js";
+} from "./chunk-SAYCG257.js";
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-K2WJYVS4.js";
+} from "./chunk-TLRB3IQC.js";
 import {
   ImageEditor,
   ImageViewer,

package/dist/json-editor/index.js

@@ -1,7 +1,7 @@
 import {
   JsonEditor
-} from "../chunk-YPRX32GY.js";
-import "../chunk-K2WJYVS4.js";
+} from "../chunk-SAYCG257.js";
+import "../chunk-TLRB3IQC.js";
 export {
   JsonEditor
 };

package/dist/shell/index.js

@@ -5,9 +5,9 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContext
-} from "../chunk-SUXRSZ4Y.js";
+} from "../chunk-53PXOIMU.js";
 import "../chunk-V4NBQF5C.js";
-import "../chunk-K2WJYVS4.js";
+import "../chunk-TLRB3IQC.js";
 import "../chunk-V44VP242.js";
 import "../chunk-V3J5S7X6.js";
 import "../chunk-GS7QWYFT.js";

package/dist/styles/index.css

@@ -9820,6 +9820,71 @@
   color: #6b7280;
   font: 500 14px/1.4 var(--squisq-ux-font, sans-serif);
 }
+.squisq-print-preview--flashcards {
+  display: grid;
+  gap: 24px;
+  color: var(--squisq-print-flashcard-text);
+}
+.squisq-print-flashcard-sheet {
+  width: min(1100px, 100%);
+  aspect-ratio: 11 / 8.5;
+  margin-inline: auto;
+  padding: 4%;
+  background: var(--squisq-print-flashcard-bg);
+  box-shadow: 0 8px 30px rgb(15 23 42 / 18%);
+  break-after: page;
+}
+.squisq-print-flashcard-sheet > header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 2%;
+  color: var(--squisq-print-flashcard-muted);
+  font-size: 12px;
+}
+.squisq-print-flashcard-pair {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 3%;
+  height: 88%;
+}
+.squisq-print-flashcard-face {
+  overflow: hidden;
+  border: 1px solid color-mix(in srgb, var(--squisq-print-flashcard-text) 18%, transparent);
+  border-radius: 16px;
+  padding: 7%;
+  background: var(--squisq-print-flashcard-surface);
+}
+.squisq-print-flashcard-face > small,
+.squisq-print-flashcard-explanation > small {
+  display: block;
+  margin-bottom: 12px;
+  color: var(--squisq-print-flashcard-accent);
+  font-weight: 800;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
+.squisq-print-flashcard-face .squisq-flashcards__content-title {
+  margin: 0 0 0.5em;
+  font-size: clamp(20px, 2.4vw, 34px);
+}
+.squisq-print-flashcard-face .squisq-md {
+  font-size: clamp(13px, 1.4vw, 18px);
+  line-height: 1.45;
+}
+.squisq-print-flashcard-choices {
+  display: grid;
+  gap: 8px;
+  margin: 18px 0 0;
+  padding-left: 24px;
+}
+.squisq-print-flashcard-choices .squisq-flashcards__content-title {
+  font-size: 16px;
+}
+.squisq-print-flashcard-explanation {
+  margin-top: 20px;
+  border-top: 1px solid color-mix(in srgb, var(--squisq-print-flashcard-text) 16%, transparent);
+  padding-top: 16px;
+}
 @container squisq-toolbar (max-width: 820px) {
   .squisq-print-trigger > span,
   .squisq-print-toolbar-title,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.8.0",
+  "version": "2.9.0",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -84,10 +84,10 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@bendyline/squisq": "2.8.0",
-    "@bendyline/squisq-formats": "2.4.5",
-    "@bendyline/squisq-react": "2.8.0",
-    "@bendyline/squisq-video-react": "2.4.0",
+    "@bendyline/squisq": "2.9.0",
+    "@bendyline/squisq-formats": "2.4.6",
+    "@bendyline/squisq-react": "2.9.0",
+    "@bendyline/squisq-video-react": "2.4.1",
     "@fortawesome/fontawesome-free": "7.2.0",
     "@tiptap/core": "2.27.2",
     "@tiptap/extension-heading": "2.27.2",