Skip to content

Commit

Permalink
fix(docs): Update noirjs_app for 0.23 (#4378)
Browse files Browse the repository at this point in the history
# Description

Updates the tutorial to work with v 0.23.0

## Problem\*

Resolves <!-- Link to GitHub Issue -->

## Summary\*



## Additional Context



## Documentation\*

Check one:
- [ ] No documentation needed.
- [ ] Documentation included in this PR.
- [ ] **[Exceptional Case]** Documentation to be submitted in a separate
PR.

# PR Checklist\*

- [ ] I have tested the changes locally.
- [ ] I have formatted the changes with [Prettier](https://prettier.io/)
and/or `cargo fmt` on default settings.
  • Loading branch information
critesjosh authored Feb 16, 2024
1 parent a7cc16b commit f77f702
Showing 1 changed file with 19 additions and 3 deletions.
22 changes: 19 additions & 3 deletions docs/versioned_docs/version-v0.23.0/tutorials/noirjs_app.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,9 +14,9 @@ You can find the complete app code for this guide [here](https://github.com/noir

:::note

Feel free to use whatever versions, just keep in mind that Nargo and the NoirJS packages are meant to be in sync. For example, Nargo 0.19.x matches `noir_js@0.19.x`, etc.
Feel free to use whatever versions, just keep in mind that Nargo and the NoirJS packages are meant to be in sync. For example, Nargo 0.23.x matches `noir_js@0.23.x`, etc.

In this guide, we will be pinned to 0.19.4.
In this guide, we will be pinned to 0.23.0.

:::

Expand Down Expand Up @@ -80,7 +80,7 @@ To do this this, go back to the previous folder (`cd ..`) and create a new vite
You should see `vite-project` appear in your root folder. This seems like a good time to `cd` into it and install our NoirJS packages:

```bash
npm i @noir-lang/backend_barretenberg@0.19.4 @noir-lang/noir_js@0.19.4
npm i @noir-lang/backend_barretenberg@0.23.0 @noir-lang/noir_js@0.23.0 vite-plugin-top-level-await
```

:::info
Expand All @@ -99,6 +99,22 @@ At this point in the tutorial, your folder structure should look like this:

#### Some cleanup

Add a `vite.config.js` file containing the following:

```js
import { defineConfig } from 'vite';
import topLevelAwait from "vite-plugin-top-level-await";

export default defineConfig({
plugins: [
topLevelAwait({
promiseExportName: "__tla",
promiseImportName: i => `__tla_${i}`
})
]
})
```

`npx create vite` is amazing but it creates a bunch of files we don't really need for our simple example. Actually, let's just delete everything except for `index.html`, `main.js` and `package.json`. I feel lighter already.

![my heart is ready for you, noir.js](@site/static/img/memes/titanic.jpeg)
Expand Down

0 comments on commit f77f702

Please sign in to comment.