Add fib.js to minified-with-source-maps

Author: connorjclark

minified-with-source-maps/app.js

@@ -1,6 +1,7 @@
 import { h, render } from 'preact';
 import { useEffect, useRef, useState } from 'preact/hooks';
 import { loadImage } from './load.js';
+import './fib.js';
 
 const app = h(MyApp, null, '');
 

minified-with-source-maps/bundle.js

@@ -0,0 +1,18 @@
+function fibonacci(num) {
+  if (num <= 1) return 1;
+
+  return fibonacci(num - 1) + fibonacci(num - 2);
+}
+
+const btn = document.querySelector('button');
+const params = new URLSearchParams(location.search);
+
+btn.addEventListener('click', () => {
+  console.log(fibonacci(Number(params.get('x'))));
+  btn.style.backgroundColor = 'red';
+});
+
+const input = document.querySelector('input[type="text"]');
+input.addEventListener('input', () => {
+  console.log(fibonacci(Number(params.get('x'))));
+});

minified-with-source-maps/bundle.js.map

@@ -27,6 +27,12 @@
       </p>
       <p>This bundle is made up of <code>Preact</code> alongside some source code. It's all bundled into <code>bundle.js</code> but it ships a sourcemap.</p>
     </div>
+
+    <div>
+      <button>Click me</button>
+      <input placeholder="type in here to trigger fibonacci" type="text" />
+    </div>
+
     <script src="bundle.js"></script>
   </body>
 </html>