Fix syntax errors

Author: apple502j

browser.es.js

@@ -1,3 +1,8 @@
-const scratchblocks = require("./index")(window)
+import init from "./index.js"
+
+const scratchblocks = init(window)
+
+// add our CSS to the page
 scratchblocks.appendStyles()
-module.exports = scratchblocks
+
+export default scratchblocks

browser.js

@@ -1,7 +1,8 @@
-var scratchblocks =
-  (window.scratchblocks =
-  module.exports =
-    require("./index")(window))
+import init from "./index.js"
+
+const scratchblocks = (window.scratchblocks = init(window))
 
 // add our CSS to the page
 scratchblocks.appendStyles()
+
+export default scratchblocks

index.js

@@ -7,6 +7,7 @@
  * http://opensource.org/licenses/MIT
  */
 import {
+  parse,
   allLanguages,
   loadLanguages,
   Label,
@@ -16,9 +17,9 @@ import {
   Comment,
   Script,
   Document,
-} from "./syntax"
-import * as scratch2 from "./scratch2"
-import * as scratch3 from "./scratch3"
+} from "./syntax/index.js"
+import * as scratch2 from "./scratch2/index.js"
+import * as scratch3 from "./scratch3/index.js"
 
 export default function (window) {
   var document = window.document
@@ -31,10 +32,6 @@ export default function (window) {
     document.head.appendChild(scratch3.makeStyle())
   }
 
-  function parse(code, options) {
-    return syntax.parse(code, options)
-  }
-
   function newView(doc, options) {
     var options = Object.assign(
       {

scratch2/blocks.js

@@ -10,7 +10,7 @@ import {
   extensions,
   movedExtensions,
   aliasExtensions,
-} from "../syntax"
+} from "../syntax/index.js"
 
 import SVG from "./draw.js"
 

scratch2/draw.js

@@ -15,6 +15,7 @@ var directProps = {
   textContent: true,
 }
 
+var SVG
 export default SVG = {
   init(window) {
     document = window.document

scratch2/filter.js

@@ -4,6 +4,7 @@ function extend(src, dest) {
 
 import SVG from "./draw.js"
 
+var Filter
 export default Filter = function (id, props) {
   this.el = SVG.el(
     "filter",

scratch2/index.js

@@ -11,5 +11,5 @@ export function init(window) {
   })()
 }
 
-export const makeStyle = styles.makeStyle
+export const makeStyle = style.makeStyle
 export { newView } from "./blocks.js"

scratch2/style.js

@@ -2,6 +2,7 @@ import SVG from "./draw.js"
 import Filter from "./filter.js"
 import cssContent from "./style.css.js"
 
+var Style
 export default Style = {
   cssContent: cssContent,
 

scratch3/blocks.js

@@ -9,7 +9,7 @@ import {
   Document,
   extensions,
   aliasExtensions,
-} from "../syntax"
+} from "../syntax/index.js"
 
 import SVG from "./draw.js"
 import style from "./style.js"

scratch3/draw.js

@@ -15,6 +15,7 @@ var directProps = {
   textContent: true,
 }
 
+let SVG
 export default SVG = {
   init(window) {
     document = window.document

scratch3/index.js

@@ -11,5 +11,5 @@ export function init(window) {
   })()
 }
 
-export const makeStyle = styles.makeStyle
+export const makeStyle = style.makeStyle
 export { newView } from "./blocks.js"

scratch3/style.js

@@ -1,6 +1,7 @@
 import SVG from "./draw.js"
 import cssContent from "./style.css.js"
 
+var Style
 export default Style = {
   cssContent: cssContent,