Hello Vilan

Vilan compiles to JavaScript. Your programs run on Node (or Deno, or Bun) and in the browser. One tool, the vilan binary, does everything: scaffold, build, run, check, format, test.

Install the toolchain

You need two things: Node (to run what you build) and the vilan binary itself. On Linux and macOS:

curl -fsSL https://github.com/vilan-lang/vilan/releases/latest/download/install.sh | sh

On Windows, in PowerShell:

irm https://github.com/vilan-lang/vilan/releases/latest/download/install.ps1 | iex

Either way vilan (and vilan-lsp, the language server) lands in ~/.vilan/bin (%USERPROFILE%\.vilan\bin on Windows). The unix script prints the PATH line to add; the PowerShell one edits your user PATH itself, so open a new terminal afterwards. vilan --version confirms it worked, and vilan upgrade updates it later.

Homebrew (brew install vilan-lang/vilan/vilan) and building from source are the other two routes; the repository README has both. Every command in this book assumes only that vilan is on your PATH.

A first program

fun main() {
	print("hello");
}

Save that as hello.vl and run it:

vilan run hello.vl      # build + run
vilan build hello.vl    # just compile — writes hello.mjs
vilan check hello.vl    # just type-check — writes nothing

fun main is the entrypoint. It runs automatically, so there is no main() call at the bottom of the file.

Two small things you’ll notice compared to JS. First, no import: print is in the prelude, the small set of names every package gets for free. So are Option/Some/None and Result/Ok/Err. Everything else in the standard library is imported explicitly, so your files will start with a few import lines, like ES modules. Second, indentation is tabs by convention, and vilan fmt will format files for you.

Start a project

A single file is fine for a first look. For anything you will come back to, scaffold a project: vilan init writes a manifest, sources that already compile, and a .gitignore.

vilan init my-app                       # pick a template at the prompt
vilan init my-app --template fullstack  # or say which one outright
cd my-app
vilan run .

Three templates, for the three shapes that exist:

fullstack is the default (a bare Enter at the prompt takes it) because it is the shape the examples and the walkthrough teach. Pass --template and there is no prompt at all, which is what a script wants (without a terminal to prompt on, vilan init says so and stops rather than hanging).

With no name, vilan init scaffolds into the current directory, as long as that directory is not already a project. Nothing is ever overwritten, either way. The [package] name comes from the directory’s name, with anything a name cannot carry folded to _ (my-app → my_app). No repository is created: you get a .gitignore, and git init stays yours.

The CLI

Flags you’ll use most: --watch rebuilds (or re-runs, or re-checks) whenever a source file changes. --platform browser builds for the browser instead of Node (--target also works). --stdout prints the JS instead of writing a file. --entry <name> picks which entry vilan run drives in a multi-entry package (see the dev loop for the full selection rules). Every command and flag, including vilan upgrade: the CLI reference.

A *_test.vl lives beside the code it tests and compiles as a file of its package: it imports pkg:: siblings and the package’s dependencies exactly the way the rest of the package does. Tests run on Node, whatever the package’s target says.

Projects: vilan.toml

A single .vl file is fine for experiments. Real projects get a folder with a vilan.toml manifest. An application looks like this:

[package]
name = "hello"
target = "browser"          # node (default) | deno | bun | browser

[package.dependencies]
common = { path = "../common" }

A library is the same idea, but it has no entrypoint. It exists to be imported by other packages:

[library]
name = "common"

By default a package’s sources live in src/ and the entry file is src/main.vl; that is where vilan build looks when the manifest says nothing. Point it elsewhere with root = "." (sources beside the manifest) or entry = "app.vl".

Dependencies from git, pre-build commands, default-entry, and workspaces are covered in Projects and dependencies.

Imports

import std::json::json_codec;               // one item
import std::reactive::{ Signal, combine };  // several at once
import std::option::Option::{ self, Some, None };  // a type plus its variants
import pkg::routes::{ Route, parse };       // another file in YOUR package
import common::{ Note, NotesClient };       // a dependency, by its name

There are three places an import can come from:

• std::… is the standard library.
• pkg::… is your own package. pkg::routes means “the file routes.vl next to my entry file”. A module is a file; there is no separate module declaration.
• Anything else is a dependency, under the name you gave it in vilan.toml.

The { self, Some, None } form imports the Option type and its variants, so you can write Some(x) without qualifying it. (That particular line is redundant in most packages — Option and its variants are in the prelude already — but it is the form to use for any other enum, and writing it is harmless: an explicit import of a prelude name simply wins, silently.)

The prelude

A prelude is a set of names in scope with no import. Every package gets one, chosen in vilan.toml:

[package]
name = "app"
prelude = "std::web"    # omit the key for the default set

The default set is print, Option/Some/None, Result/Ok/Err. The web set adds Signal, view, View, and the modules style and ui — so a UI file writes view("div") and style::Display::Flex with no import at all. prelude = false turns it off entirely.

Two rules worth knowing:

• It is the weakest scope. Declaring your own print, or importing a different one, wins silently. Nothing you write can be broken by a name the prelude happens to carry.
• It is per package. A dependency resolves under the prelude its author chose, never yours — so a library can never inject names into your files, and you can never change what its source means.

Your editor knows: Organize Imports removes an import the prelude already covers, and completion offers prelude names with no import edit attached.

The shape of a full-stack app

When you get to building a client + server app, the smallest layout is one package with two entries. The browser client and the Node server build from the same source tree:

[package]
name = "app"

[entry.client]
target = "browser"

[entry.server]

app/
  vilan.toml
  src/
    client.vl     the browser entry
    server.vl     the node entry
    …             everything else, shared by whichever entry reaches it

Start here: vilan init my-app --template fullstack writes exactly this layout, ready to run. It is the shape the examples use too: the walkthrough app, the to-do app, and the SSR example are all one package with two entries. Larger apps split into a [project] workspace of packages and libraries, as above. Either way, the compiler knows which standard-library modules exist on which platform: if code the browser entry can reach calls into std::db (a server thing), you get a clear compile error naming the call chain. Importing the module is fine; reaching it is what’s checked. The platforms chapter has the details, and the walkthrough builds a whole app in this shape.