chore: initialize shiroa project

Author: 3w36zj6

.gitignore

@@ -0,0 +1,2 @@
+dist
+*.pdf

book.typ

@@ -0,0 +1,17 @@
+
+#import "@preview/shiroa:0.2.0": *
+
+#show: book
+
+#book-meta(
+  title: "shiroa",
+  summary: [
+    #prefix-chapter("sample-page.typ")[Hello, typst]
+  ],
+)
+
+
+
+// re-export page template
+#import "/templates/page.typ": project
+#let book-page = project

ebook.typ

@@ -0,0 +1,8 @@
+#import "@preview/shiroa:0.2.0": *
+
+#import "/templates/ebook.typ"
+
+#show: ebook.project.with(title: "typst-book", spec: "book.typ")
+
+// set a resolver for inclusion
+#ebook.resolve-inclusion(it => include it)

mise.toml

@@ -0,0 +1,9 @@
+[tools]
+typstyle = "0.13.17"
+"ubi:Myriad-Dreamin/shiroa" = "0.3.0"
+
+[tasks]
+dev = "shiroa serve"
+build = "shiroa build"
+clean = "shiroa clean"
+format = { run = "typstyle --inplace .", alias = "fmt" }

sample-page.typ

@@ -0,0 +1,7 @@
+#import "/book.typ": book-page
+
+#show: book-page.with(title: "Hello, typst")
+
+= Hello, typst
+
+Sample page

templates/ebook.typ

@@ -0,0 +1,37 @@
+#import "@preview/shiroa:0.2.0": *
+#import "/templates/page.typ": part-style, project
+
+#let _page-project = project
+
+#let _resolve-inclusion-state = state("_resolve-inclusion", none)
+
+#let resolve-inclusion(inc) = _resolve-inclusion-state.update(it => inc)
+
+#let project(title: "", authors: (), spec: "", content) = {
+  // Set document metadata early
+  set document(
+    author: authors,
+    title: title,
+  )
+
+  // Inherit from gh-pages
+  show: _page-project
+
+  if title != "" {
+    heading(title)
+  }
+
+  context {
+    let inc = _resolve-inclusion-state.final()
+    external-book(spec: inc(spec))
+
+    let mt = book-meta-state.final()
+    let styles = (inc: inc, part: part-style, chapter: it => it)
+
+    if mt != none {
+      mt.summary.map(it => visit-summary(it, styles)).sum()
+    }
+  }
+
+  content
+}

templates/page.typ

@@ -0,0 +1,191 @@
+// This is important for shiroa to produce a responsive layout
+// and multiple targets.
+#import "@preview/shiroa:0.2.0": (
+  get-page-width, is-html-target, is-pdf-target, is-web-target, plain-text,
+  shiroa-sys-target, target, templates,
+)
+#import templates: *
+#import "@preview/zebraw:0.4.5": zebraw-html, zebraw-init
+
+// Metadata
+#let page-width = get-page-width()
+#let is-html-target = is-html-target()
+#let is-pdf-target = is-pdf-target()
+#let is-web-target = is-web-target()
+#let sys-is-html-target = ("target" in dictionary(std))
+
+/// Creates an embedded block typst frame.
+#let div-frame(content, attrs: (:)) = html.elem(
+  "div",
+  html.frame(content),
+  attrs: attrs,
+)
+
+// Theme (Colors)
+#let (
+  style: theme-style,
+  is-dark: is-dark-theme,
+  is-light: is-light-theme,
+  main-color: main-color,
+  dash-color: dash-color,
+  code-extra-colors: code-extra-colors,
+) = book-theme-from(toml("theme-style.toml"), xml: it => xml(it))
+
+// Fonts
+#let main-font = (
+  "Charter",
+  "Source Han Serif SC",
+  // "Source Han Serif TC",
+  // shiroa's embedded font
+  "Libertinus Serif",
+)
+#let code-font = (
+  "BlexMono Nerd Font Mono",
+  // shiroa's embedded font
+  "DejaVu Sans Mono",
+)
+
+// Sizes
+#let main-size = if is-web-target {
+  16pt
+} else {
+  10.5pt
+}
+#let heading-sizes = (26pt, 22pt, 14pt, 12pt, main-size)
+#let list-indent = 0.5em
+
+/// The project function defines how your document looks.
+/// It takes your content and some metadata and formats it.
+/// Go ahead and customize it to your liking!
+#let project(title: "Typst Book", authors: (), kind: "page", body) = {
+  // set basic document metadata
+  set document(
+    author: authors,
+    title: title,
+  ) if not is-pdf-target
+
+  // set web/pdf page properties
+  set page(
+    numbering: none,
+    number-align: center,
+    width: page-width,
+  ) if not (sys-is-html-target or is-html-target)
+
+  // remove margins for web target
+  set page(
+    margin: (
+      // reserved beautiful top margin
+      top: 20pt,
+      // reserved for our heading style.
+      // If you apply a different heading style, you may remove it.
+      left: 20pt,
+      // Typst is setting the page's bottom to the baseline of the last line of text. So bad :(.
+      bottom: 0.5em,
+      // remove rest margins.
+      rest: 0pt,
+    ),
+    height: auto,
+  ) if is-web-target and not is-html-target
+
+  // Set main text
+  set text(
+    font: main-font,
+    size: main-size,
+    fill: main-color,
+    lang: "en",
+  )
+
+  // Set main spacing
+  set enum(
+    indent: list-indent * 0.618,
+    body-indent: list-indent,
+  )
+  set list(
+    indent: list-indent * 0.618,
+    body-indent: list-indent,
+  )
+  set par(leading: 0.7em)
+  set block(spacing: 0.7em * 1.5)
+
+  // Set text, spacing for headings
+  // Render a dash to hint headings instead of bolding it as well if it's for web.
+  show heading: set text(weight: "regular") if is-web-target
+  show heading: it => {
+    let it = {
+      set text(size: heading-sizes.at(it.level))
+      if is-web-target {
+        heading-hash(it, hash-color: dash-color)
+      }
+      it
+    }
+
+    block(
+      spacing: 0.7em * 1.5 * 1.2,
+      below: 0.7em * 1.2,
+      it,
+    )
+  }
+
+  // link setting
+  show link: set text(fill: dash-color)
+
+  // math setting
+  show math.equation: set text(weight: 400)
+  show math.equation: context if shiroa-sys-target() == "html" {
+    div-frame.with(attrs: (
+      "style": "display: flex; justify-content: center; overflow-x: auto;",
+    ))
+  } else {
+    it => it
+  }
+
+  /// HTML code block supported by zebraw.
+  show: if is-dark-theme {
+    zebraw-init.with(
+      // should vary by theme
+      background-color: if code-extra-colors.bg != none {
+        (code-extra-colors.bg, code-extra-colors.bg)
+      },
+      highlight-color: rgb("#3d59a1"),
+      comment-color: rgb("#394b70"),
+      lang-color: rgb("#3d59a1"),
+      lang: false,
+    )
+  } else {
+    zebraw-init.with(lang: false)
+  }
+
+  // code block setting
+  set raw(theme: theme-style.code-theme) if theme-style.code-theme.len() > 0
+  show raw: set text(font: code-font)
+  show raw.where(block: true): it => context if shiroa-sys-target() == "paged" {
+    rect(
+      width: 100%,
+      inset: (x: 4pt, y: 5pt),
+      radius: 4pt,
+      fill: code-extra-colors.bg,
+      [
+        #set text(fill: code-extra-colors.fg) if code-extra-colors.fg != none
+        #set par(justify: false)
+        // #place(right, text(luma(110), it.lang))
+        #it
+      ],
+    )
+  } else {
+    set text(fill: code-extra-colors.fg) if code-extra-colors.fg != none
+    set par(justify: false)
+    zebraw-html(
+      block-width: 100%,
+      line-width: 100%,
+      wrap: false,
+      it,
+    )
+  }
+
+  // Main body.
+  set par(justify: true)
+
+  body
+}
+
+#let part-style = heading

templates/theme-style.toml

@@ -0,0 +1,30 @@
+
+[light]
+color-scheme = "light"
+main-color = "#000"
+dash-color = "#20609f"
+code-theme = ""
+
+[rust]
+color-scheme = "light"
+main-color = "#262625"
+dash-color = "#2b79a2"
+code-theme = ""
+
+[coal]
+color-scheme = "dark"
+main-color = "#98a3ad"
+dash-color = "#2b79a2"
+code-theme = "tokyo-night.tmTheme"
+
+[navy]
+color-scheme = "dark"
+main-color = "#bcbdd0"
+dash-color = "#2b79a2"
+code-theme = "tokyo-night.tmTheme"
+
+[ayu]
+color-scheme = "dark"
+main-color = "#c5c5c5"
+dash-color = "#0096cf"
+code-theme = "tokyo-night.tmTheme"