ci: build readme for universe

Author: QuadnucYard

.github/workflows/ci.yml

@@ -52,13 +52,17 @@ jobs:
         uses: hustcer/setup-nu@v3
 
       - name: Install tools
-        uses: taiki-e/install-action@just
+        uses: taiki-e/install-action@v2
+        with:
+          tool: just,typlite
 
       - name: Setup typst
         uses: typst-community/setup-typst@v3
 
       - name: Build package
-        run: just package
+        run: |
+          just readme-build-universe
+          just package
 
       - name: Upload artifacts
         uses: actions/upload-artifact@v4

README.typ

@@ -1,4 +1,4 @@
-#import "src/lib.typ" as oc: *
+#import "/src/lib.typ" as oc: *
 #import oc.themes: *
 
 #let is-html-target = dictionary(std).keys().contains("html")
@@ -72,7 +72,8 @@ _Create chat interfaces in Typst with ease_
 
 Ourchat is a #link("https://typst.app/")[Typst] package for building chat UI mockups. It helps you document software features, create presentations, or prototype chat interfaces with themes for popular platforms like WeChat, Discord, and QQ.
 
-#if sys.inputs.at("target-universe", default: false) != "true" {
+#let is-universe-target = false // FIXME - use `sys.input` when typlite works properly
+#if not is-universe-target {
   preview(
     reversed: true,
     ````typst

scripts/package.nu

@@ -14,14 +14,47 @@ def main [target_dir: string = "out"] {
     }
 
     # List of files and directories to copy
-    let items = ["typst.toml", "LICENSE", "README.md", "src", "assets"]
+    let items = ["typst.toml", "LICENSE", "src"]
 
     # Copy each item in the array
     for item in $items {
         try { cp -r -u $item $target_dir } catch { print $"No `($item)` to copy" }
     }
 
+    print "Building README for universe..."
+
+    build_readme $target_dir
+
     print $"Packaging complete. Files copied to ($target_dir)/"
     print "Package contents:"
     ls $target_dir
 }
+
+def build_readme [target_dir: string] {
+    cd $target_dir
+
+    # Copy README.typ to modify `is-universe-target`
+    let readme_typ = "README.typ"
+    open ../README.typ
+        | str replace "#let is-universe-target = false" "#let is-universe-target = true"
+        | save $readme_typ -f
+
+    let readme_tmp = "README.tmp.md"
+    let readme = "README.md"
+    typlite README.typ $readme_tmp --assets-path assets --root (".." | path expand)
+    # Fix image slash in the README
+    open $readme_tmp
+        | lines
+        | each { |line|
+            if ($line | str starts-with '![typst-frame](') {
+                $line | str replace -a '\' '/'
+            } else {
+                $line
+            }
+        }
+        | str join "\n"
+        | $in + "\n"
+        | save $readme -f
+    rm $readme_tmp
+    rm $readme_typ
+}