{"route":"/en-US-v0.13.1/tutorial/making-a-template/","title":"Making a Template","description":"Typst's tutorial.","part":null,"outline":[{"id":"toy-template","name":"Toy Template","children":[]},{"id":"set-and-show-rules","name":"Set And Show Rules","children":[]},{"id":"named-arguments","name":"Named Arguments","children":[]},{"id":"separate-file","name":"Separate File","children":[]},{"id":"review","name":"Review","children":[]}],"body":{"kind":"html","content":"

Making a Template

\n

In the previous three chapters of this tutorial, you have learned how to write a\ndocument in Typst, apply basic styles, and customize its appearance in-depth to\ncomply with a publisher's style guide. Because the paper you wrote in the\nprevious chapter was a tremendous success, you have been asked to write a\nfollow-up article for the same conference. This time, you want to take the style\nyou created in the previous chapter and turn it into a reusable template. In\nthis chapter you will learn how to create a template that you and your team can\nuse with just one show rule. Let's get started!

\n

A toy template

\n

In Typst, templates are functions in which you can wrap your whole document. To\nlearn how to do that, let's first review how to write your very own functions.\nThey can do anything you want them to, so why not go a bit crazy?

\n
#let amazed(term) = box[✨ #term ✨]\n\nYou are #amazed[beautiful]!\n
\"Preview\"
\n

This function takes a single argument, term, and returns a content block with\nthe term surrounded by sparkles. We also put the whole thing in a box so that\nthe term we are amazed by cannot be separated from its sparkles by a line break.

\n

Many functions that come with Typst have optional named parameters. Our\nfunctions can also have them. Let's add a parameter to our function that lets us\nchoose the color of the text. We need to provide a default color in case the\nparameter isn't given.

\n
#let amazed(term, color: blue) = {\n  text(color, box[✨ #term ✨])\n}\n\nYou are #amazed[beautiful]!\nI am #amazed(color: purple)[amazed]!\n
\"Preview\"
\n

Templates now work by wrapping our whole document in a custom function like\namazed. But wrapping a whole document in a giant function call would be\ncumbersome! Instead, we can use an "everything" show rule to achieve the same\nwith cleaner code. To write such a show rule, put a colon directly behind the\nshow keyword and then provide a function. This function is given the rest of the\ndocument as a parameter. The function can then do anything with this content.\nSince the amazed function can be called with a single content argument, we can\njust pass it by name to the show rule. Let's try it:

\n
#show: amazed\nI choose to focus on the good\nin my life and let go of any\nnegative thoughts or beliefs.\nIn fact, I am amazing!\n
\"Preview\"
\n

Our whole document will now be passed to the amazed function, as if we wrapped\nit around it. Of course, this is not especially useful with this particular\nfunction, but when combined with set rules and named arguments, it can be very\npowerful.

\n

Embedding set and show rules

\n

To apply some set and show rules to our template, we can use set and show\nwithin a content block in our function and then insert the document into\nthat content block.

\n
#let template(doc) = [\n  #set text(font: "Inria Serif")\n  #show "something cool": [Typst]\n  #doc\n]\n\n#show: template\nI am learning something cool today.\nIt's going great so far!\n
\"Preview\"
\n

Just like we already discovered in the previous chapter, set rules will apply to\neverything within their content block. Since the everything show rule passes our\nwhole document to the template function, the text set rule and string show\nrule in our template will apply to the whole document. Let's use this knowledge\nto create a template that reproduces the body style of the paper we wrote in the\nprevious chapter.

\n
#let conf(title, doc) = {\n  set page(\n    paper: "us-letter",\n    header: align(\n      right + horizon,\n      title\n    ),\n    columns: 2,\n    ...\n  )\n  set par(justify: true)\n  set text(\n    font: "Libertinus Serif",\n    size: 11pt,\n  )\n\n  // Heading show rules.\n  ...\n\n  doc\n}\n\n#show: doc => conf(\n  [Paper title],\n  doc,\n)\n\n= Introduction\n#lorem(90)\n\n...\n
\"Preview\"
\n

We copy-pasted most of that code from the previous chapter. The two differences\nare this:

\n
    \n
  1. \n

    We wrapped everything in the function conf using an everything show rule.\nThe function applies a few set and show rules and echoes the content it has\nbeen passed at the end.

    \n
    2. \n
  2. \n

    Moreover, we used a curly-braced code block instead of a content block. This\nway, we don't need to prefix all set rules and function calls with a #. In\nexchange, we cannot write markup directly in the code block anymore.

    \n
    3. \n
\n

Also note where the title comes from: We previously had it inside of a variable.\nNow, we are receiving it as the first parameter of the template function. To do\nso, we passed a closure (that's a function without a name that is used right\naway) to the everything show rule. We did that because the conf function\nexpects two positional arguments, the title and the body, but the show rule will\nonly pass the body. Therefore, we add a new function definition that allows us\nto set a paper title and use the single parameter from the show rule.

\n

Templates with named arguments

\n

Our paper in the previous chapter had a title and an author list. Let's add\nthese things to our template. In addition to the title, we want our template to\naccept a list of authors with their affiliations and the paper's abstract. To\nkeep things readable, we'll add those as named arguments. In the end, we want it\nto work like this:

\n
#show: doc => conf(\n  title: [Towards Improved Modelling],\n  authors: (\n    (\n      name: "Theresa Tungsten",\n      affiliation: "Artos Institute",\n      email: "tung@artos.edu",\n    ),\n    (\n      name: "Eugene Deklan",\n      affiliation: "Honduras State",\n      email: "e.deklan@hstate.hn",\n    ),\n  ),\n  abstract: lorem(80),\n  doc,\n)\n\n...\n
\n

Let's build this new template function. First, we add a default value to the\ntitle argument. This way, we can call the template without specifying a title.\nWe also add the named authors and abstract parameters with empty defaults.\nNext, we copy the code that generates title, abstract and authors from the\nprevious chapter into the template, replacing the fixed details with the\nparameters.

\n

The new authors parameter expects an array of dictionaries\nwith the keys name, affiliation and email. Because we can have an\narbitrary number of authors, we dynamically determine if we need one, two or\nthree columns for the author list. First, we determine the number of authors\nusing the .len() method on the authors array. Then, we set the\nnumber of columns as the minimum of this count and three, so that we never\ncreate more than three columns. If there are more than three authors, a new row\nwill be inserted instead. For this purpose, we have also added a row-gutter\nparameter to the grid function. Otherwise, the rows would be too close\ntogether. To extract the details about the authors from the dictionary, we use\nthe field access syntax.

\n

We still have to provide an argument to the grid for each author: Here is where\nthe array's map method comes in handy. It takes a function as an\nargument that gets called with each item of the array. We pass it a function\nthat formats the details for each author and returns a new array containing\ncontent values. We've now got one array of values that we'd like to use as\nmultiple arguments for the grid. We can do that by using the\nspread operator. It takes an array and applies each of its items\nas a separate argument to the function.

\n

The resulting template function looks like this:

\n
#let conf(\n  title: none,\n  authors: (),\n  abstract: [],\n  doc,\n) = {\n  // Set and show rules from before.\n  ...\n\n  set align(center)\n  text(17pt, title)\n\n  let count = authors.len()\n  let ncols = calc.min(count, 3)\n  grid(\n    columns: (1fr,) * ncols,\n    row-gutter: 24pt,\n    ..authors.map(author => [\n      #author.name \\\n      #author.affiliation \\\n      #link("mailto:" + author.email)\n    ]),\n  )\n\n  par(justify: false)[\n    *Abstract* \\\n    #abstract\n  ]\n\n  set align(left)\n  doc\n}\n
\n

A separate file

\n

Most of the time, a template is specified in a different file and then imported\ninto the document. This way, the main file you write in is kept clutter free and\nyour template is easily reused. Create a new text file in the file panel by\nclicking the plus button and name it conf.typ. Move the conf function\ndefinition inside of that new file. Now you can access it from your main file by\nadding an import before the show rule. Specify the path of the file between the\nimport keyword and a colon, then name the function that you want to import.

\n

Another thing that you can do to make applying templates just a bit more elegant\nis to use the .with method on functions to pre-populate all\nthe named arguments. This way, you can avoid spelling out a closure and\nappending the content argument at the bottom of your template list. Templates on\nTypst Universe are designed to work with this style of function\ncall.

\n
#import "conf.typ": conf\n#show: conf.with(\n  title: [\n    Towards Improved Modelling\n  ],\n  authors: (\n    (\n      name: "Theresa Tungsten",\n      affiliation: "Artos Institute",\n      email: "tung@artos.edu",\n    ),\n    (\n      name: "Eugene Deklan",\n      affiliation: "Honduras State",\n      email: "e.deklan@hstate.hn",\n    ),\n  ),\n  abstract: lorem(80),\n)\n\n= Introduction\n#lorem(90)\n\n== Motivation\n#lorem(140)\n\n== Problem Statement\n#lorem(50)\n\n= Related Work\n#lorem(200)\n
\"Preview\"
\n

We have now converted the conference paper into a reusable template for that\nconference! Why not share it in the Forum or on\nTypst's Discord server so that others can use\nit too?

\n

Review

\n

Congratulations, you have completed Typst's Tutorial! In this section, you have\nlearned how to define your own functions and how to create and apply templates\nthat define reusable document styles. You've made it far and learned a lot. You\ncan now use Typst to write your own documents and share them with others.

\n

We are still a super young project and are looking for feedback. If you have any\nquestions, suggestions or you found a bug, please let us know\nin the Forum,\non our Discord server,\non GitHub,\nor via the web app's feedback form (always available in the Help menu).

\n

So what are you waiting for? Sign up and write something!

"}}