Merge 2d43119d1267444261ebab73bc63e0f4a9e8d13a into 627f5b9d4f39f91affc529f276bb500d42887dae

Add show rule for smallcaps in HTML (#6600 )
Update README.md
2025-08-05 10:47:54 +08:00 · 2025-07-17 18:15:56 +02:00 · 2025-07-17 16:09:13 +00:00 · 2025-07-15 22:23:38 +02:00 · 2025-07-15 11:02:05 +02:00
4 changed files with 33 additions and 5 deletions
--- a/README.md
+++ b/README.md
@ -173,8 +173,11 @@ typst help
 typst help watch
 ```

-If you prefer an integrated IDE-like experience with autocompletion and instant
-preview, you can also check out [Typst's free web app][app].
+If you prefer an integrated IDE-like experience with autocompletion and instant 
+preview, you can also check out our [free web app][app]. Alternatively, there is 
+a community-created LSP called 
+[Tinymist](https://myriad-dreamin.github.io/tinymist/) which is integrated into 
+various editor extensions.

 ## Community
 The main places where the community gathers are our [Forum][forum] and our
--- a/crates/typst-html/src/rules.rs
+++ b/crates/typst-html/src/rules.rs
@ -14,8 +14,8 @@ use typst_library::model::{
    RefElem, StrongElem, TableCell, TableElem, TermsElem,
 };
 use typst_library::text::{
-    HighlightElem, LinebreakElem, OverlineElem, RawElem, RawLine, SpaceElem, StrikeElem,
-    SubElem, SuperElem, UnderlineElem,
+    HighlightElem, LinebreakElem, OverlineElem, RawElem, RawLine, SmallcapsElem,
+    SpaceElem, StrikeElem, SubElem, SuperElem, UnderlineElem,
 };
 use typst_library::visualize::ImageElem;

@ -47,6 +47,7 @@ pub fn register(rules: &mut NativeRuleMap) {
    rules.register(Html, OVERLINE_RULE);
    rules.register(Html, STRIKE_RULE);
    rules.register(Html, HIGHLIGHT_RULE);
+    rules.register(Html, SMALLCAPS_RULE);
    rules.register(Html, RAW_RULE);
    rules.register(Html, RAW_LINE_RULE);

@ -390,6 +391,20 @@ const STRIKE_RULE: ShowFn<StrikeElem> =
 const HIGHLIGHT_RULE: ShowFn<HighlightElem> =
    |elem, _, _| Ok(HtmlElem::new(tag::mark).with_body(Some(elem.body.clone())).pack());

+const SMALLCAPS_RULE: ShowFn<SmallcapsElem> = |elem, _, styles| {
+    Ok(HtmlElem::new(tag::span)
+        .with_attr(
+            attr::style,
+            if elem.all.get(styles) {
+                "font-variant-caps: all-small-caps"
+            } else {
+                "font-variant-caps: small-caps"
+            },
+        )
+        .with_body(Some(elem.body.clone()))
+        .pack())
+};
+
 const RAW_RULE: ShowFn<RawElem> = |elem, _, styles| {
    let lines = elem.lines.as_deref().unwrap_or_default();

--- a/tests/ref/html/smallcaps-all.html
+++ b/tests/ref/html/smallcaps-all.html
@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+  </head>
+  <body>
+    <p><span style="font-variant-caps: small-caps">Test 012</span><br><span style="font-variant-caps: all-small-caps">Test 012</span></p>
+  </body>
+</html>
--- a/tests/suite/text/smallcaps.typ
+++ b/tests/suite/text/smallcaps.typ
@ -11,6 +11,6 @@
 #show smallcaps: set text(fill: red)
 #smallcaps[Smallcaps]

--- smallcaps-all ---
+--- smallcaps-all render html ---
 #smallcaps(all: false)[Test 012] \
 #smallcaps(all: true)[Test 012]
Author	SHA1	Message	Date
Patrick Massot	56ccc59ed5	Merge 2d43119d1267444261ebab73bc63e0f4a9e8d13a into 627f5b9d4f39f91affc529f276bb500d42887dae	2025-07-17 18:15:56 +02:00
Lachlan Kermode	627f5b9d4f	Add show rule for smallcaps in HTML (#6600 )	2025-07-17 16:09:13 +00:00
Patrick Massot	2d43119d12	Update README.md Switch to the version proposed by @laurmaedje on discord.	2025-07-15 22:23:38 +02:00
Patrick Massot	0506573a3c	Mention Tinymist README.md Include a version of the disclaimer from Typst Universe.	2025-07-15 11:02:05 +02:00