Skip to content
Open
Changes from 4 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
188 changes: 188 additions & 0 deletions pages/docs/manual/v12.0.0/migrate-to-v12.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,188 @@
---
title: "Migrate to v12"
description: "Instructions on upgrading to ReScript 12"
canonical: "/docs/manual/v12.0.0/migrate-to-v12"
---

# Migrate to ReScript 12

## Recommended Migration

### Prerequisites

- ReScript V11 project.
- Uncurried mode must be enabled (i.e. you have not opted-out from it)
- Your project must not contain any OCaml source code anymore, as support for `.ml` files is removed in this version. However there are ways to convert OCaml syntax with an older ReScript compiler version (see below).
- The old configuration filename that was deprecated in v11, `bsconfig.json`, is removed. Rename it to `rescript.json`.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actually support bsconfig.json is not removed yet in v12.

- Minimum supported Node.js version is 20.0.0
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actually 20.11.0


### Standard library changes
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Capitalization of headers is inconsistent.

(E.g., above we have "Recommended Migration", not "Recommended migration".)


In V12, the new standard library ships with the compiler, so you can uninstall and remove the `@rescript/core` dependency from your `rescript.json`

```console
$ npm remove @rescript/core
```

```diff
{
"bs-dependencies": [
- "@rescript/core"
]
}
```

Also remove auto opening of `RescriptCore`.

```diff
{
"bsc-flags": [
- "-open RescriptCore",
]
}
```

if you had `@rescript/std` installed, remove it as well:

```shell
npm uninstall @rescript/std
```

this is replaced by `@rescript/runtime`, which is a installed as a dependency of `rescript` now.

## Replacements

Some typical name changes include:

`Error.t` -> `JsError.t`
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The following is rather unreadable on the website, best make it a list.

`raise(MyException("error"))` -> `throw(MyException("error"))`
`Js.Exn.Error` exception -> `JsExn`
`Error.make` -> `JsExn.make`
`Error.raise` -> `JsExn.raise`
`Error.message` -> `JsExn.message`
`Bool.fromStringExn("true")` -> `Bool.fromStringOrThrow("true")`
`Int.Bitwise.lsl` -> `Int.shiftLeft`

Tip: You can use the migration tool to automatically replace these with the new functions.

```shell
npx rescript-tools migrate-all <root>

# preview the changes via
rescript-tools migrate <file> [--stdout]
```

### Bitwise operations

v11:
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think the following is true. AFAIK we did not have such operators in v11 at all.


```res
let x = ~a // bitwise NOT
let y = a ^ b // bitwise XOR
let z = a & b // bitwise AND
let w = a | b // bitwise OR
```

v12:

```res
let x = ~~~a // bitwise NOT
let y = a ^^^ b // bitwise XOR
let z = a &&& b // bitwise AND
let w = a ||| b // bitwise OR
```

### JSX children spread

v11:

```res
<div> ...children </div>
```

v12:

```res
<div> {...children} </div>
```

### Attributes

v11:

```res
@bs.as("foo")
@bs.send
@bs.new
@raises
@genType.as
```

v12:

```res
@as("foo")
@send
@new
@throws
@as
```

- `@meth` and `@bs.send.pipe` are removed.

### Assert

v11:

```res
assert 1 == 2
```

v12:

```res
assert(1 == 2) // Now a regular function call
```

## Configuration

Rename `bsconfig.json` to `rescript.json` and update these configuration options:

- `bs-dependencies` → `dependencies`
- `bs-dev-dependencies` → `dev-dependencies`
- `bsc-flags` → `compiler-flags`

### jsx

- Set `version` to `4` (lower versions are not supported)
- Remove `mode` option (automatically set to `automatic`)

## Build System Changes

The build system has been completely rewritten in v12.0.0.

In v11, we had:

```shell
# build
rescript build

# watch build
rescript build -w

# format
rescript format -all
```

in v12, this becomes:

```shell
# build
rescript

# watch build
rescript watch

# format
rescript format
```