seemore 1.12.22 → 1.12.24

package/README.md

@@ -7,7 +7,7 @@
     <a href="https://www.npmjs.com/package/seemore">
       <img src="https://img.shields.io/npm/v/seemore"/>
     </a>
-    <a href="https://arifszn.github.io/seemore/download">
+    <a href="https://arifszn.github.io/seemore/desktop-app">
       <img src="https://img.shields.io/badge/Desktop-macOS%20%C2%B7%20Windows%20%C2%B7%20Linux-111111"/>
     </a>
     <a href="https://open-vsx.org/extension/arifszn/seemore-vscode">
@@ -49,7 +49,7 @@ You can use seemore in two ways.
 
 ### Desktop app
 
-Download the app for macOS, Windows or Linux from the [download page](https://arifszn.github.io/seemore/download). Open a folder or a `.md` file, and it opens as a site.
+Download the app for macOS, Windows or Linux from the [download page](https://arifszn.github.io/seemore/desktop-app). Open a folder or a `.md` file, and it opens as a site.
 
 ### Command line
 
@@ -136,7 +136,7 @@ Inline editing works only for local previews.
 
 ## Open with the desktop app
 
-Download the app from the [download page](https://arifszn.github.io/seemore/download). It opens a folder or a `.md` file as a site in its own window, with an integrated terminal.
+Download the app from the [download page](https://arifszn.github.io/seemore/desktop-app). It opens a folder or a `.md` file as a site in its own window, with an integrated terminal.
 
 <p align="center">
   <img src="https://raw.githubusercontent.com/arifszn/seemore/main/packages/site/assets/desktop-app.png" alt="The seemore desktop app in the black theme, showing a folder of research notes as a site: a paragraph's Markdown source open in the inline editor above a flowchart, and the integrated terminal listing the folder's Markdown files" width="640"/>

package/dist/cli/index.js

@@ -2433,6 +2433,7 @@ async function loadPrerenderModule(ctx, ssrOutDir) {
 // src/node/social/cards.ts
 import { mkdirSync as mkdirSync2, writeFileSync as writeFileSync6 } from "fs";
 import { dirname as dirname9, join as join11 } from "path";
+import { createElement } from "react";
 
 // src/shared/og.ts
 function ogImagePath(url) {
@@ -2463,8 +2464,13 @@ async function generateSocialCards(ctx, outDir) {
   return written;
 }
 async function renderCard(takumi, site, title, description) {
-  const renderer = new takumi.Renderer({ fonts: [] });
-  const node = takumi.container(
+  const children = [
+    createElement("div", { style: { fontSize: 28, opacity: 0.6 } }, site),
+    createElement("div", { style: { fontSize: 64, fontWeight: 700 } }, title),
+    ...typeof description === "string" ? [createElement("div", { style: { fontSize: 30, opacity: 0.8 } }, description)] : []
+  ];
+  const node = createElement(
+    "div",
     {
       style: {
         width: 1200,
@@ -2478,13 +2484,9 @@ async function renderCard(takumi, site, title, description) {
         gap: 24
       }
     },
-    [
-      takumi.text(site, { style: { fontSize: 28, opacity: 0.6 } }),
-      takumi.text(title, { style: { fontSize: 64, fontWeight: 700 } }),
-      ...typeof description === "string" ? [takumi.text(description, { style: { fontSize: 30, opacity: 0.8 } })] : []
-    ]
+    children
   );
-  return await renderer.renderAsync(node, { width: 1200, height: 630, format: "png" });
+  return await takumi.render(node, { width: 1200, height: 630 });
 }
 async function importOptional(specifier) {
   return await import(specifier);
@@ -2886,7 +2888,7 @@ function withExportToc(html) {
     (match) => ({
       depth: Number(match[1]),
       id: match[2] ?? "",
-      text: decodeEntities((match[3] ?? "").replace(/<[^>]+>/g, ""))
+      text: decodeEntities((match[3] ?? "").replace(/<button\b[\s\S]*?<\/button>/gi, "").replace(/<[^>]+>/g, "")).trim()
     })
   );
   if (headings.length === 0) return html;