notebook-style Ivy on web #187

rsc · 2024-12-21T00:57:13Z

rsc
Dec 21, 2024

In 2015, @dmitshur posted an interactive Ivy terminal at https://dmitri.shuralyov.com/projects/ivy/, using GopherJS.

Now that Go has built-in support for WebAssembly, I have been playing with that support and built something more like an Ivy notebook, where each command is separately editable and replayable. There is a playground at https://swtch.com/ivy/, and a webified version of the Ivy )demo at https://swtch.com/ivy/demo. The source for the demo page is https://swtch.com/ivy/demo.md, converted to HTML using rsc.io/markdown/md2html.

The source for the Ivy wasm is rsc.io/tmp/ivynote. If you want to piggy-back on the wasm served from swtch.com instead of building your own, change "ivy.css" and "ivy.js" to "https://swtch.com/ivy/ivy.css" and "https://swtch.com/ivy/ivy.js" in the HTML block at the top of demo.html or demo.md, like (Markdown):

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="https://swtch.com/ivy/ivy.css">
<script src="https://swtch.com/ivy/ivy.js"></script>
<title>Ivy Demo</title>
</head>
<body onload="ivyStartup();">

Test:

```ivy
2+2
-- out --
4
```

or (HTML):

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="https://swtch.com/ivy/ivy.css">
<script src="https://swtch.com/ivy/ivy.js"></script>
<title>Ivy Demo</title>
</head>
<body onload="ivyStartup();">

<p>Test:

<pre class="language-ivy">
2+2
-- out --
4
</pre>

Navigation Menu

notebook-style Ivy on web #187

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

notebook-style Ivy on web #187

Uh oh!

rsc Dec 21, 2024

Replies: 0 comments

rsc
Dec 21, 2024