@bendyline/squisq 1.5.1 → 1.5.2

package/dist/{chunk-LH7I6SH7.js → chunk-5TYS5V3G.js}

@@ -7,11 +7,11 @@ import {
   hashString
 } from "./chunk-FVTQSNR7.js";
 import {
-  clipEndpoints,
   connectorPath,
   lineStyleDasharray,
-  shapePath
-} from "./chunk-RUDYOTA6.js";
+  shapePath,
+  snapEndpoints
+} from "./chunk-LTN6I7QW.js";
 import {
   DEFAULT_THEME,
   FRONTMATTER_CUSTOM_TEMPLATES_KEY,
@@ -43,7 +43,7 @@ import {
   serializeAnnotation,
   splitKeyValueToken,
   tokenizeAttrTokens
-} from "./chunk-TEEEILMP.js";
+} from "./chunk-BEQODJWV.js";
 import {
   extractPlainText,
   getChildren,
@@ -3672,7 +3672,7 @@ function diagramBlock(input, context) {
     const a = positions.get(edge.source);
     const b = positions.get(edge.target);
     if (!a || !b) continue;
-    const { start, end } = clipEndpoints(a, b);
+    const { start, end } = snapEndpoints(a, b);
     const pathLayer = {
       type: "path",
       id: `edge-${edge.id}`,
@@ -4108,7 +4108,7 @@ function drawingBlock(input, context) {
     const a = boxes.get(conn.from);
     const b = boxes.get(conn.to);
     if (!a || !b) continue;
-    const { start, end } = clipEndpoints(a, b);
+    const { start, end } = snapEndpoints(a, b);
     const path = {
       type: "path",
       id: `connector-${conn.id}`,
@@ -4472,10 +4472,15 @@ function fitCoverTitleSize(title) {
   const scaled = COVER_TITLE_BASE_PX * Math.sqrt(COVER_TITLE_COMFORTABLE_CHARS / len);
   return Math.max(COVER_TITLE_MIN_BASE_PX, Math.round(scaled));
 }
+function isStandardLightCover(context) {
+  const { theme } = context;
+  return theme.id === "standard" && relativeLuminance(theme.colors.background) > 0.85;
+}
 function coverBlock(input, context) {
   const treatment = themedImageTreatment(context, input.imageTreatment);
   const { heroSrc, heroAlt, title, subtitle, ambientMotion, heroCredit, heroLicense } = input;
   const { theme, layout } = context;
+  const standardLightCover = !heroSrc && isStandardLightCover(context);
   const titleFontSize = themedFontSize(fitCoverTitleSize(title), context, true);
   const subtitleFontSize = themedFontSize(40, context, false);
   const layers = [];
@@ -4507,21 +4512,44 @@ function coverBlock(input, context) {
       }
     );
   } else {
-    layers.push({
-      type: "shape",
-      id: "cover-bg",
-      content: {
-        shape: "rect",
-        fill: `radial-gradient(ellipse at 50% 40%, ${theme.colors.primary} 0%, ${theme.colors.background} 100%)`
-      },
-      position: { x: 0, y: 0, width: "100%", height: "100%" }
-    });
+    if (standardLightCover) {
+      layers.push(
+        {
+          type: "shape",
+          id: "cover-bg",
+          content: {
+            shape: "rect",
+            fill: theme.colors.background
+          },
+          position: { x: 0, y: 0, width: "100%", height: "100%" }
+        },
+        {
+          type: "shape",
+          id: "cover-bg-tint",
+          content: {
+            shape: "rect",
+            fill: `radial-gradient(ellipse at 50% 40%, ${withAlpha(theme.colors.primary, 0.16)} 0%, ${withAlpha(theme.colors.primary, 0.07)} 38%, ${withAlpha(theme.colors.primary, 0)} 78%)`
+          },
+          position: { x: 0, y: 0, width: "100%", height: "100%" }
+        }
+      );
+    } else {
+      layers.push({
+        type: "shape",
+        id: "cover-bg",
+        content: {
+          shape: "rect",
+          fill: `radial-gradient(ellipse at 50% 40%, ${theme.colors.primary} 0%, ${theme.colors.background} 100%)`
+        },
+        position: { x: 0, y: 0, width: "100%", height: "100%" }
+      });
+    }
     layers.push({
       type: "shape",
       id: "cover-accent",
       content: {
         shape: "rect",
-        fill: "rgba(255, 255, 255, 0.2)"
+        fill: standardLightCover ? withAlpha(theme.colors.primary, 0.24) : "rgba(255, 255, 255, 0.2)"
       },
       position: {
         x: "35%",
@@ -4542,7 +4570,7 @@ function coverBlock(input, context) {
         fontWeight: "bold",
         color: theme.colors.text,
         textAlign: "center",
-        shadow: true
+        shadow: !standardLightCover
       }
     },
     position: {
@@ -4563,7 +4591,8 @@ function coverBlock(input, context) {
         style: {
           fontSize: subtitleFontSize,
           fontFamily: getThemeFont(context, "body"),
-          color: theme.colors.textMuted,
+          fontWeight: standardLightCover ? "bold" : "normal",
+          color: standardLightCover ? withAlpha(theme.colors.text, 0.78) : theme.colors.textMuted,
           textAlign: "center",
           lineHeight: 1.5
         }
@@ -6331,6 +6360,7 @@ function buildStartBlock(markdownDoc, rootBlocks) {
 }
 
 // src/doc/docToMarkdown.ts
+var TRANSITION_PARAM_KEYS = ["transition", "transitionDuration", "transitionDirection"];
 function docToMarkdown(doc) {
   const children = [];
   function emitBlock(block) {
@@ -6380,42 +6410,60 @@ function synthesizeAnnotationParagraph(block) {
   return { type: "paragraph", children: [{ type: "text", value: text }] };
 }
 function ensureAnnotation(block, heading) {
-  const attrs = ensureTransitionAttributes(block, heading);
+  const { attributes, transitionParams } = ensureTransitionMetadata(block, heading);
   const hasExplicitTemplate = block.template && block.template !== "sectionHeader" && block.autoTemplate !== true;
   const hasOverrides = block.templateOverrides && Object.keys(block.templateOverrides).length > 0;
-  if (heading.templateAnnotation) {
-    return attrs === heading.attributes ? heading : { ...heading, attributes: attrs };
+  let templateAnnotation = heading.templateAnnotation;
+  if (!templateAnnotation && (hasExplicitTemplate || hasOverrides || transitionParams)) {
+    templateAnnotation = {
+      ...hasExplicitTemplate ? { template: block.template ?? "sectionHeader" } : {},
+      ...hasOverrides ? { params: block.templateOverrides } : {}
+    };
   }
-  if (!hasExplicitTemplate && !hasOverrides) {
-    return attrs === heading.attributes ? heading : { ...heading, attributes: attrs };
+  if (transitionParams) {
+    templateAnnotation = {
+      ...templateAnnotation ?? {},
+      params: {
+        ...templateAnnotation?.params ?? {},
+        ...transitionParams
+      }
+    };
   }
-  return {
-    ...heading,
-    children: [...heading.children],
-    attributes: attrs,
-    templateAnnotation: {
-      template: block.template ?? "sectionHeader",
-      ...hasOverrides ? { params: block.templateOverrides } : {}
-    }
-  };
+  if (attributes === heading.attributes && templateAnnotation === heading.templateAnnotation) {
+    return heading;
+  }
+  return { ...heading, children: [...heading.children], attributes, templateAnnotation };
 }
-function ensureTransitionAttributes(block, heading) {
+function ensureTransitionMetadata(block, heading) {
   const transition = block.transition;
-  if (!transition) return heading.attributes;
-  const attrs = heading.attributes ?? {};
-  return {
+  if (!transition) {
+    return { attributes: heading.attributes, transitionParams: void 0 };
+  }
+  const attrs = removeTransitionParams(heading.attributes) ?? {};
+  const attributes = {
     ...attrs,
-    params: {
-      ...attrs.params ?? {},
-      transition: transition.type,
-      ...transition.duration !== void 0 ? { transitionDuration: String(transition.duration) } : {},
-      ...transition.direction ? { transitionDirection: transition.direction } : {}
-    },
     blockMeta: {
       ...attrs.blockMeta ?? {},
       transition
     }
   };
+  return {
+    attributes,
+    transitionParams: {
+      transition: transition.type,
+      ...transition.duration !== void 0 ? { transitionDuration: String(transition.duration) } : {},
+      ...transition.direction ? { transitionDirection: transition.direction } : {}
+    }
+  };
+}
+function removeTransitionParams(attrs) {
+  if (!attrs?.params) return attrs;
+  const params = { ...attrs.params };
+  for (const key of TRANSITION_PARAM_KEYS) delete params[key];
+  return {
+    ...attrs,
+    ...Object.keys(params).length > 0 ? { params } : { params: void 0 }
+  };
 }
 
 // src/doc/resolveDocTheme.ts
@@ -7205,4 +7253,4 @@ export {
   validateMarkdownSource,
   validateMarkdownDoc
 };
-//# sourceMappingURL=chunk-LH7I6SH7.js.map
+//# sourceMappingURL=chunk-5TYS5V3G.js.map