Update to PureScript v0.15.0 (#14)

* Migrated FFI to ES modules via 'lebab'

* Replaced 'export var' with 'export const'

* Removed '"use strict";' in FFI files

* Update to CI to use 'unstable' purescript

* Update Bower dependencies to master or main

* Update pulp to 16.0.0-0

* Update psa to 0.8.2

* Update .eslintrc.json to ES6

* Update CI to use Node 14

* Added changelog entry

Author: JordanMartinez

.eslintrc.json

@@ -1,10 +1,10 @@
 {
   "parserOptions": {
-    "ecmaVersion": 5
+    "ecmaVersion": 6,
+    "sourceType": "module"
   },
   "extends": "eslint:recommended",
   "env": {
-    "commonjs": true,
     "browser": true
   },
   "rules": {

.github/workflows/ci.yml

@@ -13,10 +13,12 @@ jobs:
       - uses: actions/checkout@v2
 
       - uses: purescript-contrib/setup-purescript@main
+        with:
+          purescript: "unstable"
 
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v2
         with:
-          node-version: "10"
+          node-version: "14"
 
       - name: Install dependencies
         run: |

CHANGELOG.md

@@ -5,6 +5,7 @@ Notable changes to this project are documented in this file. The format is based
 ## [Unreleased]
 
 Breaking changes:
+- Migrate FFI to ES modules (#14 by @JordanMartinez)
 
 New features:
 

bower.json

@@ -15,8 +15,8 @@
     "package.json"
   ],
   "dependencies": {
-    "purescript-web-dom": "^5.0.0",
-    "purescript-web-html": "^3.0.0",
-    "purescript-web-uievents": "^3.0.0"
+    "purescript-web-dom": "master",
+    "purescript-web-html": "master",
+    "purescript-web-uievents": "master"
   }
 }

package.json

@@ -6,8 +6,8 @@
   },
   "devDependencies": {
     "eslint": "^7.15.0",
-    "pulp": "^15.0.0",
-    "purescript-psa": "^0.8.0",
+    "pulp": "16.0.0-0",
+    "purescript-psa": "^0.8.2",
     "rimraf": "^3.0.2"
   }
 }

src/Web/CSSOM.js

@@ -1,8 +1,6 @@
 // Web.CSSOM
-"use strict";
-
-exports.getStyleSheets = function(doc) {
+export function getStyleSheets(doc) {
   return function() {
     return doc.styleSheets;
   };
-};
+}

src/Web/CSSOM/CSSStyleDeclaration.js

@@ -1,55 +1,53 @@
-"use strict";
-
-exports.cssText = function (style) {
+export function cssText(style) {
   return function () {
     return style.cssText;
   };
-};
+}
 
-exports.setCssText = function (style) {
+export function setCssText(style) {
   return function (newCSS) {
     return function () {
       style.cssText = newCSS;
     };
   };
-};
+}
 
-exports.length = function (style) {
+export function length(style) {
   return function () {
     return style.length;
   };
-};
+}
 
-exports.getPropertyPriority = function (style) {
+export function getPropertyPriority(style) {
   return function (propName) {
     return function () {
       return style.getPropertyPriority(propName);
     };
   };
-};
+}
 
-exports.getPropertyValue = function (style) {
+export function getPropertyValue(style) {
   return function (propName) {
     return function () {
       return style.getPropertyValue(propName);
     };
   };
-};
+}
 
-exports.removeProperty = function (style) {
+export function removeProperty(style) {
   return function (propName) {
     return function () {
       style.removeProperty(propName);
     };
   };
-};
+}
 
-exports.setProperty = function (style) {
+export function setProperty(style) {
   return function (propName) {
     return function (propValue) {
       return function () {
         style.setProperty(propName, propValue);
       };
     };
   };
-};
+}

src/Web/CSSOM/CSSStyleSheet.js

@@ -1,30 +1,28 @@
-"use strict";
-
 var getProp = function (name) {
   return function (sheet) {
     return sheet[name];
   };
 };
 
-exports.disabled = getProp("disabled");
-exports._href = getProp("href");
-exports._ownerNode = getProp("ownerNode");
-exports._parentStyleSheet = getProp("parentStyleSheet");
-exports._title = getProp("title");
-exports._type = getProp("type");
+export const disabled = getProp("disabled");
+export const _href = getProp("href");
+export const _ownerNode = getProp("ownerNode");
+export const _parentStyleSheet = getProp("parentStyleSheet");
+export const _title = getProp("title");
+export const _type = getProp("type");
 
-exports.setDisabled = function (bool) {
+export function setDisabled(bool) {
   return function (sheet) {
     return function () {
       sheet.disabled = bool;
     };
   };
-};
+}
 
-exports.toggleDisabled = function (sheet) {
+export function toggleDisabled(sheet) {
   return function () {
     var bool = !sheet.disabled;
     sheet.disabled = bool;
     return bool;
   };
-};
+}

src/Web/CSSOM/ElementCSSInlineStyle.js

@@ -1,7 +1,5 @@
-"use strict";
-
-exports.style = function (el) {
+export function style(el) {
   return function () {
     return el.style;
   };
-};
+}

src/Web/CSSOM/MouseEvent.js

@@ -1,9 +1,7 @@
-"use strict";
-
-exports.offsetX = function (e) {
+export function offsetX(e) {
   return e.offsetX;
-};
+}
 
-exports.offsetY = function (e) {
+export function offsetY(e) {
   return e.offsetY;
-};
+}