
export function fib(n: i32): i32 {
  if (n <= 1) {
    return n;
  }
  return fib(n - 1) + fib(n - 2);
}



<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Preview Window</title>
  <link rel="stylesheet" href="/styles.css">
  <script src="/lib/setup-preview.js"></script>
  <script type="module" src="/main.js" defer></script>
</head>
<body>
  <div id="app">
    <h1>Hello World!</h1>
  </div>
</body>
</html>


/* This script sets up the preview window to it can interact with the editor. Feel free to remove this if you dont need it anymore. */

const postMessageToParent = (type, data) => {
  window.parent.postMessage({ type, data }, '*');
};

console.log = (...args) => {

	postMessageToParent('console', ['log', '[JS]', args]);};console.error = (...args) => {

	postMessageToParent('console', ['error', '[JS]', args]);};console.warn = (...args) => {

	postMessageToParent('console', ['warn', '[JS]', args]);};console.info = (...args) => {

	postMessageToParent('console', ['info', '[JS]', args]);};console.debug = (...args) => {

	postMessageToParent('console', ['debug', '[JS]', args]);};

window.onerror = (message, source, lineno, colno, error) => {
    console.error(error);
}


import { fib } from './out/module.js';

const root = document.getElementById('app');

const output = document.createElement('ul');

for (let i = 0; i < 10; i++) {
  const li = document.createElement('li');
  li.textContent = `fib(${i}) = ${fib(i)}`;
  output.appendChild(li);
}

root.appendChild(output);

console.log('Hello from main.js');
