codly:0.1.0

[Dherse]

I am submitting

• a new package
• an update for a package

Description: Pretty code blocks for Typst. Highly customizable and easy to use.

I have read and followed the submission guidelines and, in particular, I

• selected a name in conformance with the guidelines
• added a typst.toml file with all required keys
• added a README.md with documentation for my package
• have chosen a license and added a LICENSE file or linked one in my README.md
• ensured that my submission does not infringe upon the rights of a third party
• tested my package locally on my system and it worked
• named this PR as name:version of the submitted package
• agree that my package will not be removed without good reason

[bastienvoirin]

Hi @Dherse, I was just about to submit a package named differre which displays added lines (prefixed with + ) on a green background and deleted lines (prefixed with - ) on a red background, when the lang is prefixed with diff- 😅

I think this feature would fit nicely into your codly package, so here is the snippet I have written so far:

#let diff(
  prefix: true,
  color-add: color.rgb("#2ecc403f"),
  color-del: color.rgb("#ff41363f"),
  document
) = {
  show raw: it => {
    if it.has("block") and it.block {
      stack(dir: ttb, ..if it.lang != none and it.lang.starts-with("diff-") {
        it.lines.map(line => box(
          width: 100%,
          height: 1em*3/2,
          inset: (x: 1em*1/6, y: 1em*1/3),
          fill:
            if line.text.starts-with("+ ") { color-add }
            else if line.text.starts-with("- ") { color-del }
            else { none },
          [
            #if prefix {box(width: 1em*7/6, {
              if line.text.starts-with("+ ") { text(color-add, raw("+")) }
              else if line.text.starts-with("- ") { text(color-del, raw("-")) }
            })}#box[
              #raw(
                if line.text.len() >= 2 { line.text.slice(2) } else { "" },
                block: false,
                lang: it.lang.trim("diff-", at: start)
              )
            ]
          ]
        ))
      } else {
        it.lines.map(line => box(
          width: 100%,
          height: 1em*3/2,
          inset: (x: 1em*1/6, y: 1em*1/3),
          line
        ))
      })
    } else {
      if it.lines.len() > 0 {
        let line = it.lines.at(0)
        if it.lang != none and it.lang.starts-with("diff-") {
          box(
            inset: (x: 1em*1/6, y: 0em),
            outset: (y: 1em*1/3),
            fill:
              if line.text.starts-with("+ ") { color-add }
              else if line.text.starts-with("- ") { color-del }
              else { none },
            [
              #if prefix {box(width: 1em*7/6, {
                if line.text.starts-with("+ ") { text(color-add, raw("+")) }
                else if line.text.starts-with("- ") { text(color-del, raw("-")) }
              })}#box[
                #raw(
                  if line.text.len() >= 2 { line.text.slice(2) } else { "" },
                  block: false,
                  lang: if it.lang != none and it.lang.starts-with("diff-") {
                    it.lang.trim("diff-", at: start)
                  } else {
                    none
                  }
                )
              ]
            ]
          )
        } else {
          box(
            inset: (x: 1em*1/6, y: 0em),
            outset: (y: 1em*1/3),
            line.body
          )
        }
      }
    }
  }
  document
}

Besides a font size reduction when the lang starts with diff- and some code quality improvements, I am ready to submit differre if you think the diff feature does not belong in codly 🙂

[Dherse]

@bastienvoirin I am very much open to it, I just need to look at how I can best implement it into the existing code ;)

[Dherse]

okay @laurmaedje I have resolved the issues.

[Dherse]

Thanks to everyone for commenting

[laurmaedje]

Thank you!