shipseal 0.1.0 → 0.1.1

package/README.md

@@ -49,7 +49,7 @@ jobs:
     steps:
       - uses: actions/checkout@v7
         with: { fetch-depth: 0 }
-      - uses: akii09/shipseal@v0.1.0
+      - uses: akii09/shipseal@v0.1.1
         env: { GITHUB_TOKEN: "${{ secrets.GITHUB_TOKEN }}" }
 ```
 

package/dist/cli.js

@@ -409,8 +409,22 @@ function firstSentence(text) {
 * sentences, and the fitting pass comfortably handles more.
 */
 const HEADLINE_MAX_CHARS = 72;
+/**
+* Emoji ranges, removed from anything that reaches a card.
+*
+* No font we register carries these glyphs, so `\u{1F310} Human-friendly ...` (got's real
+* GitHub description) rendered a tofu box on shipseal.dev. Takumi ships an emoji helper, but it
+* rewrites each emoji into an <img> pointing at jsDelivr, and `generate()` does no network.
+*
+* The ranges deliberately start at U+2600, which keeps the textual symbols people put in real
+* product names: (c) U+00A9, (r) U+00AE and (tm) U+2122 all sit below it.
+*/
+const EMOJI = /[\u{1F000}-\u{1FAFF}]|[\u{2600}-\u{27BF}]|[\u{FE00}-\u{FE0F}]|\u200D/gu;
+function stripEmoji(text) {
+	return text.replaceAll(EMOJI, "").replace(/\s+/g, " ").trim();
+}
 function cleanLine(text) {
-	const stripped = text.replace(/\s*\u2014\s*/g, ": ").replace(/\s+\u2013\s+/g, ", ").replaceAll("–", "-").replaceAll("!", ".").replace(/\s+/g, " ").trim();
+	const stripped = stripEmoji(text).replace(/\s*\u2014\s*/g, ": ").replace(/\s+\u2013\s+/g, ", ").replaceAll("–", "-").replaceAll("!", ".").replace(/\s+/g, " ").trim();
 	const noTrail = stripped.endsWith(".") ? stripped.slice(0, -1) : stripped;
 	const first = noTrail.at(0);
 	if (first === void 0) return noTrail;
@@ -1820,7 +1834,7 @@ const storyPage = {
 			title: {
 				maxLines: tall ? 3 : 2,
 				maxFontSize: tall ? 64 : 48,
-				minFontSize: 28,
+				minFontSize: tall ? 36 : 30,
 				step: 2,
 				box: {
 					width: width - 32,
@@ -1877,7 +1891,7 @@ const storyPage = {
 	render(raw, ctx) {
 		const props = propsSchema.parse(raw);
 		const colors = themeColors(ctx.brand, ctx.theme);
-		const { tall, titleHeight, bodyHeight, width } = geometry(ctx.format);
+		const { tall, bodyHeight, width } = geometry(ctx.format);
 		const editorial = ctx.brand.style === "editorial";
 		const terminal = ctx.brand.style === "terminal";
 		const code = isCommand(props.page);
@@ -1911,6 +1925,7 @@ const storyPage = {
 						justifyContent: "space-between",
 						alignItems: "center",
 						height: HEADER_HEIGHT,
+						flexShrink: 0,
 						borderBottom: terminal ? `1px solid ${colors.muted}` : NO_BORDER,
 						paddingBottom: terminal ? 12 : 0
 					},
@@ -1943,83 +1958,91 @@ const storyPage = {
 						children: ctx.fitted.version?.text ?? props.version
 					})]
 				}),
-				/* @__PURE__ */ jsx("div", {
+				/* @__PURE__ */ jsxs("div", {
 					style: {
 						display: "flex",
-						alignItems: "center",
-						height: titleHeight,
-						flexShrink: 0,
-						paddingLeft: editorial ? 24 : 0,
-						borderLeft: editorial ? `8px solid ${colors.primary}` : NO_BORDER
+						flexDirection: "column",
+						flexGrow: 1,
+						justifyContent: "center",
+						gap: 24,
+						minHeight: 0
 					},
-					children: /* @__PURE__ */ jsx("div", {
+					children: [/* @__PURE__ */ jsx("div", {
 						style: {
-							fontFamily: props.heading,
-							fontWeight: props.weight,
-							fontSize: title?.fontSize ?? 48,
-							lineHeight: 1.2,
-							maxWidth: width - (editorial ? 32 : 0)
+							display: "flex",
+							alignItems: "center",
+							flexShrink: 0,
+							paddingLeft: editorial ? 24 : 0,
+							borderLeft: editorial ? `8px solid ${colors.primary}` : NO_BORDER
 						},
-						children: title?.text ?? props.page.title.value
-					})
-				}),
-				comparison ? /* @__PURE__ */ jsx("div", {
-					style: {
-						display: "flex",
-						flexDirection: tall ? "column" : "row",
-						gap: 16,
-						height: bodyHeight
-					},
-					children: ["before", "after"].map((label) => /* @__PURE__ */ jsxs("div", {
+						children: /* @__PURE__ */ jsx("div", {
+							style: {
+								fontFamily: props.heading,
+								fontWeight: props.weight,
+								fontSize: title?.fontSize ?? 48,
+								lineHeight: 1.2,
+								maxWidth: width - (editorial ? 32 : 0)
+							},
+							children: title?.text ?? props.page.title.value
+						})
+					}), comparison ? /* @__PURE__ */ jsx("div", {
 						style: {
 							display: "flex",
-							flexDirection: "column",
-							gap: 8,
-							width: paneWidth,
-							height: paneHeight
+							flexDirection: tall ? "column" : "row",
+							gap: 16,
+							height: bodyHeight
 						},
-						children: [/* @__PURE__ */ jsx("div", {
+						children: ["before", "after"].map((label) => /* @__PURE__ */ jsxs("div", {
 							style: {
-								fontFamily: props.body,
-								fontSize: 20,
-								color: colors.muted
+								display: "flex",
+								flexDirection: "column",
+								gap: 8,
+								width: paneWidth,
+								height: paneHeight
 							},
-							children: label === "before" ? "Before" : "After"
-						}), /* @__PURE__ */ jsx("img", {
-							src: `story-${label}`,
-							width: paneWidth,
-							height: paneHeight - HEADER_HEIGHT,
-							style: { objectFit: "contain" }
-						})]
-					}, label))
-				}) : hasBody ? /* @__PURE__ */ jsx("div", {
-					style: {
-						display: "flex",
-						flexDirection: "column",
-						justifyContent: "flex-start",
-						height: bodyHeight,
-						padding: BODY_PAD,
-						backgroundColor: terminal || code ? colors.card : "transparent",
-						borderRadius: terminal ? 0 : ctx.brand.radius,
-						borderLeft: terminal ? `3px solid ${colors.primary}` : NO_BORDER
-					},
-					children: /* @__PURE__ */ jsx("div", {
+							children: [/* @__PURE__ */ jsx("div", {
+								style: {
+									fontFamily: props.body,
+									fontSize: 20,
+									color: colors.muted
+								},
+								children: label === "before" ? "Before" : "After"
+							}), /* @__PURE__ */ jsx("img", {
+								src: `story-${label}`,
+								width: paneWidth,
+								height: paneHeight - HEADER_HEIGHT,
+								style: { objectFit: "contain" }
+							})]
+						}, label))
+					}) : hasBody ? /* @__PURE__ */ jsx("div", {
 						style: {
-							fontFamily: code ? props.mono : props.body,
-							fontWeight: 400,
-							fontSize: bodyFontSize,
-							lineHeight: code ? CODE_LINE_HEIGHT : 1.2,
-							whiteSpace: code ? "pre" : "normal",
-							color: colors.foreground
+							display: "flex",
+							flexDirection: "column",
+							justifyContent: "flex-start",
+							maxHeight: bodyHeight,
+							padding: terminal || code ? BODY_PAD : 0,
+							backgroundColor: terminal || code ? colors.card : "transparent",
+							borderRadius: terminal ? 0 : ctx.brand.radius,
+							borderLeft: terminal ? `3px solid ${colors.primary}` : NO_BORDER
 						},
-						children: bodyText
-					})
-				}) : void 0,
+						children: /* @__PURE__ */ jsx("div", {
+							style: {
+								fontFamily: code ? props.mono : props.body,
+								fontWeight: 400,
+								fontSize: bodyFontSize,
+								lineHeight: code ? CODE_LINE_HEIGHT : 1.2,
+								whiteSpace: code ? "pre" : "normal",
+								color: colors.foreground
+							},
+							children: bodyText
+						})
+					}) : void 0]
+				}),
 				/* @__PURE__ */ jsxs("div", {
 					style: {
 						display: "flex",
 						justifyContent: "space-between",
-						marginTop: "auto",
+						flexShrink: 0,
 						fontFamily: props.mono,
 						fontWeight: 400,
 						fontSize: 16,
@@ -2408,7 +2431,7 @@ async function collectReadme(cwd) {
 		ref: "README.md H1",
 		fetchedAt
 	});
-	if (tagline !== void 0) project.tagline = fact(tagline, {
+	if (tagline !== void 0) project.tagline = fact(stripEmoji(tagline), {
 		source: "readme",
 		ref: "README.md first paragraph",
 		fetchedAt
@@ -2887,7 +2910,7 @@ async function collectGithub(options) {
 	};
 	if (repo.description !== void 0 && repo.description !== null && repo.description.length > 0) out.project = {
 		...out.project,
-		tagline: fact(repo.description, {
+		tagline: fact(stripEmoji(repo.description), {
 			source: "github-api",
 			ref: `GET /repos/${slug.owner}/${slug.repo} description`,
 			fetchedAt
@@ -3083,7 +3106,7 @@ async function collectPackageJson(cwd, packagePath = "package.json") {
 		ref: rawName === void 0 ? `${packagePath} directory name` : `${packagePath}#name`,
 		fetchedAt
 	}) };
-	if (pkg.data.description !== void 0 && pkg.data.description.length > 0) project.tagline = fact(pkg.data.description, {
+	if (pkg.data.description !== void 0 && pkg.data.description.length > 0) project.tagline = fact(stripEmoji(pkg.data.description), {
 		source: "package-json",
 		ref: `${packagePath}#description`,
 		fetchedAt
@@ -5596,10 +5619,10 @@ function overlayReleaseConfig(config, flags) {
 //#region src/core/story.ts
 const DEFAULT_CHANGE_PAGES = 4;
 const STORY_FORMATS$1 = "portrait, square, og, github-social, x, linkedin, or producthunt";
-function storyFacts(facts, config, name, generatedAt) {
+function storyFacts(facts, config, brand, generatedAt) {
 	const release = facts.release;
 	if (release === void 0) throw new ShipsealError("story.no-release", "No release facts are available for a story.", "Choose a published release or pass --tag to a local repository.");
-	const copy = deterministicCopy(facts, config.release?.maxHighlights, name);
+	const copy = deterministicCopy(facts, config.release?.maxHighlights, brand.name);
 	const configured = (value, ref) => fact(value, {
 		source: "user-config",
 		ref,
@@ -5614,7 +5637,11 @@ function storyFacts(facts, config, name, generatedAt) {
 	const pages = [{
 		kind: "cover",
 		title: fact(copy.headline, headlineSource.provenance),
-		body: release.subheadline ?? facts.project.tagline ?? fact("Release notes", release.tag.provenance)
+		body: release.subheadline ?? facts.project.tagline ?? (brand.tagline === void 0 ? fact("Release notes", release.tag.provenance) : fact(brand.tagline, {
+			source: "user-config",
+			ref: "brand.json#tagline",
+			fetchedAt: generatedAt
+		}))
 	}];
 	for (const item of changes.slice(0, config.release?.maxHighlights ?? DEFAULT_CHANGE_PAGES)) {
 		const collapsed = item.value.replaceAll(/\s+/g, " ").trim();
@@ -5657,7 +5684,7 @@ function storyFacts(facts, config, name, generatedAt) {
 	};
 }
 async function generateStory(input) {
-	const facts = storyFacts(input.facts, input.config, input.brand.name, input.generatedAt);
+	const facts = storyFacts(input.facts, input.config, input.brand, input.generatedAt);
 	const pages = facts.story ?? [];
 	const result = {
 		files: [],