Pulling in latest abra_wasm, and updating to use new import syntax

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@kengorab/abra_wasm": "^0.6.9",
+    "@kengorab/abra_wasm": "^0.8.1",
     "codemirror": "5.48.0",
     "react": "^16.8.6",
     "react-codemirror2": "^6.0.0",

src/components/CodeMirrorEditor.tsx

@@ -93,13 +93,11 @@ export default class AbraEditor extends React.Component<Props, State> {
         this.setState({ isTypecheckError: true })
         onCheck(result.errorMessage.trimStart())
 
-        if (result.error.range) {
-          const { start, end } = result.error.range
-          const from = { line: start[0] - 1, ch: start[1] - 1 }
-          const to = { line: end[0] - 1, ch: end[1] }
-          const mark = editor.getDoc().markText(from, to, { className: 'error-underline' })
-          this.marks.push(mark)
-        }
+        const { start, end } = result.range
+        const from = { line: start[0] - 1, ch: start[1] - 1 }
+        const to = { line: end[0] - 1, ch: end[1] }
+        const mark = editor.getDoc().markText(from, to, { className: 'error-underline' })
+        this.marks.push(mark)
       } else {
         onCheck(null)
       }

src/pages/PlaygroundPage/examples/enums.ts

@@ -2,7 +2,7 @@ export default {
   label: 'Enums',
   modules: [
     {
-      name: '.enums',
+      name: './enums',
       label: 'enums.abra',
       code: `
 enum Color {

src/pages/PlaygroundPage/examples/fibonacci.ts

@@ -2,7 +2,7 @@ export default {
   label: 'Fibonacci',
   modules: [
     {
-      name: '.fibonacci',
+      name: './fibonacci',
       label: 'fibonacci.abra',
       code: `
 func fib(n: Int): Int {

src/pages/PlaygroundPage/examples/fizzbuzz.ts

@@ -2,7 +2,7 @@ export default {
   label: 'Fizzbuzz',
   modules: [
     {
-      name: '.fizzbuzz',
+      name: './fizzbuzz',
       label: 'fizzbuzz.abra',
       code: `
 for a in range(1, 101) {

src/pages/PlaygroundPage/examples/greeting.ts

@@ -2,7 +2,7 @@ export default {
   label: 'Greeting',
   modules: [
     {
-      name: '.greeting',
+      name: './greeting',
       label: 'greeting.abra',
       code: `
 val greeting = "Hello"

src/pages/PlaygroundPage/examples/imports-exports.ts

@@ -2,12 +2,12 @@ export default {
   label: 'Imports/Exports',
   modules: [
     {
-      name: '.main',
+      name: './main',
       label: 'main.abra',
       code: `
-import Ship from .ship
-import Person from .person
-import prettyPrint from .util
+import Ship from "./ship"
+import Person from "./person"
+import prettyPrint from "./util"
 
 val ship = Ship(
   name: "Planet Express Ship",
@@ -22,7 +22,7 @@ println(prettyPrint(ship))
 `.trimStart()
     },
     {
-      name: '.person',
+      name: './person',
       label: 'person.abra',
       code: `
 export type Person {
@@ -33,10 +33,10 @@ export type Person {
 `.trimStart()
     },
     {
-      name: '.ship',
+      name: './ship',
       label: 'ship.abra',
       code: `
-import Person from .person
+import Person from "./person"
 
 export type Ship {
   name: String
@@ -45,11 +45,11 @@ export type Ship {
 `.trimStart()
     },
     {
-      name: '.util',
+      name: './util',
       label: 'util.abra',
       code: `
-import Ship from .ship
-import Person from .person
+import Ship from "./ship"
+import Person from "./person"
 
 // Ugly prettyPrint function, nothing to see here 🙈
 export func prettyPrint(ship: Ship): String {

src/pages/PlaygroundPage/examples/linked-list.ts

@@ -2,8 +2,8 @@ export default {
   label: 'Linked List (ish)',
   modules: [
     {
-      name: '.linked_list',
-      label: 'linked_list.abra',
+      name: './linked-list',
+      label: 'linked-list.abra',
       code: `
 type Node<T> {
   value: T
@@ -28,9 +28,7 @@ type LinkedList<T> {
   func map<U>(self, fn: (T) => U): U[] {
     val newArr: U[] = []
 
-    self.forEach(item => {
-      newArr.push(fn(item))
-    })
+    self.forEach(item => newArr.push(fn(item)))
     
     newArr
   }

src/pages/PlaygroundPage/index.tsx

@@ -30,13 +30,22 @@ export default class PlaygroundPage extends React.Component<{}, State> {
       or try again.
     </ConsoleMessage>
   )
+  /*
+    const moduleLoader = {
+        resolveModulePath(moduleId: string, _withRespectTo: string) { return moduleId },
+        readModule(moduleName: string) { return modules[moduleName] },
+        getModuleName(moduleName: string) { return moduleName }
+    }
+   */
 
   moduleReader = {
+    resolveModulePath: (moduleId: string, _withRespectTo: string) => moduleId,
     readModule: (moduleName: string) => {
       const module = this.state.example.modules.find(m => m.name === moduleName)
       if (!module) return null
       return module.code
     },
+    getModuleName: (moduleName: string) => moduleName,
     update: (moduleName: string, code: string) => {
       const example = this.state.example
       example.modules.find(m => m.name === moduleName)!.code = code