Update JS to ESM, use Spago

Author: pete-murphy

.gitignore

@@ -8,3 +8,4 @@
 /.purs*
 /.psa*
 /.vscode/
+/.spago/

packages.dhall

@@ -0,0 +1,138 @@
+{-
+Welcome to your new Dhall package-set!
+
+Below are instructions for how to edit this file for most use
+cases, so that you don't need to know Dhall to use it.
+
+## Use Cases
+
+Most will want to do one or both of these options:
+1. Override/Patch a package's dependency
+2. Add a package not already in the default package set
+
+This file will continue to work whether you use one or both options.
+Instructions for each option are explained below.
+
+### Overriding/Patching a package
+
+Purpose:
+- Change a package's dependency to a newer/older release than the
+    default package set's release
+- Use your own modified version of some dependency that may
+    include new API, changed API, removed API by
+    using your custom git repo of the library rather than
+    the package set's repo
+
+Syntax:
+where `entityName` is one of the following:
+- dependencies
+- repo
+- version
+-------------------------------
+let upstream = --
+in  upstream
+  with packageName.entityName = "new value"
+-------------------------------
+
+Example:
+-------------------------------
+let upstream = --
+in  upstream
+  with halogen.version = "master"
+  with halogen.repo = "https://example.com/path/to/git/repo.git"
+
+  with halogen-vdom.version = "v4.0.0"
+  with halogen-vdom.dependencies = [ "extra-dependency" ] # halogen-vdom.dependencies
+-------------------------------
+
+### Additions
+
+Purpose:
+- Add packages that aren't already included in the default package set
+
+Syntax:
+where `<version>` is:
+- a tag (i.e. "v4.0.0")
+- a branch (i.e. "master")
+- commit hash (i.e. "701f3e44aafb1a6459281714858fadf2c4c2a977")
+-------------------------------
+let upstream = --
+in  upstream
+  with new-package-name =
+    { dependencies =
+       [ "dependency1"
+       , "dependency2"
+       ]
+    , repo =
+       "https://example.com/path/to/git/repo.git"
+    , version =
+        "<version>"
+    }
+-------------------------------
+
+Example:
+-------------------------------
+let upstream = --
+in  upstream
+  with benchotron =
+      { dependencies =
+          [ "arrays"
+          , "exists"
+          , "profunctor"
+          , "strings"
+          , "quickcheck"
+          , "lcg"
+          , "transformers"
+          , "foldable-traversable"
+          , "exceptions"
+          , "node-fs"
+          , "node-buffer"
+          , "node-readline"
+          , "datetime"
+          , "now"
+          ]
+      , repo =
+          "https://github.com/hdgarrood/purescript-benchotron.git"
+      , version =
+          "v7.0.0"
+      }
+-------------------------------
+-}
+let upstream =
+      https://github.com/purescript/package-sets/releases/download/psc-0.15.0-20220527/packages.dhall
+        sha256:15dd8041480502850e4043ea2977ed22d6ab3fc24d565211acde6f8c5152a799
+
+in  upstream
+  with react-basic-hooks =
+      { dependencies =
+        [ "aff"
+        , "aff-promise"
+        , "bifunctors"
+        , "console"
+        , "control"
+        , "datetime"
+        , "debug"
+        , "effect"
+        , "either"
+        , "exceptions"
+        , "foldable-traversable"
+        , "functions"
+        , "indexed-monad"
+        , "integers"
+        , "maybe"
+        , "newtype"
+        , "now"
+        , "nullable"
+        , "ordered-collections"
+        , "prelude"
+        , "react-basic"
+        , "refs"
+        , "tuples"
+        , "type-equality"
+        , "unsafe-coerce"
+        , "unsafe-reference"
+        , "web-html"
+        ]
+      , repo = "https://github.com/spicydonuts/purescript-react-basic-hooks.git"
+      , version = "v8.0.0"
+      }

spago.dhall

@@ -0,0 +1,27 @@
+{-
+Welcome to a Spago project!
+You can edit this file as you like.
+
+Need help? See the following resources:
+- Spago documentation: https://github.com/purescript/spago
+- Dhall language tour: https://docs.dhall-lang.org/tutorials/Language-Tour.html
+
+When creating a new Spago project, you can use
+`spago init --no-comments` or `spago init -C`
+to generate this file without the comments in this block.
+-}
+{ name = "react-dnd-basic"
+, dependencies =
+  [ "console"
+  , "effect"
+  , "maybe"
+  , "nullable"
+  , "prelude"
+  , "react-basic-hooks"
+  , "web-dom"
+  ]
+, packages = ./packages.dhall
+, sources = [ "src/**/*.purs", "test/**/*.purs" ]
+, license = "Apache-2.0"
+, repository = "https://github.com/lumihq/purescript-react-dnd-basic"
+}

src/React/Basic/ReactDND.js

@@ -1,10 +1,8 @@
-"use strict";
+import DND from "react-dnd";
 
-const DND = require("react-dnd");
+export const dndProvider_ = DND.DndProvider;
 
-exports.dndProvider_ = DND.DndProvider;
-
-exports.useDrag_ = (options) => {
+export const useDrag_ = (options) => {
   const [{ isDragging }, connectDrag] = DND.useDrag({
     item: options.item,
     collect: (monitor) => {
@@ -15,7 +13,7 @@ exports.useDrag_ = (options) => {
   return { isDragging, connectDrag };
 };
 
-exports.useDrop_ = (options) => {
+export const useDrop_ = (options) => {
   const [{ id, isOver }, connectDrop] = DND.useDrop({
     accept: options.accept,
     drop: (item) => {
@@ -33,7 +31,7 @@ exports.useDrop_ = (options) => {
   return { id, isOver, connectDrop };
 };
 
-exports.mergeTargets = (ref1) => (ref2) => {
+export const mergeTargets = (ref1) => (ref2) => {
   // shhhhhhh, don't look 🙈
   // sometimes refs are React ref objects..
   // sometimes they're functions..

src/React/Basic/ReactDND/Backends/HTML5Backend.js

@@ -1,3 +1,3 @@
-"use strict";
+import { HTML5Backend } from "react-dnd-html5-backend";
 
-exports.html5Backend = require("react-dnd-html5-backend").HTML5Backend;
+export const html5Backend = HTML5Backend;

src/React/Basic/ReactDND/Backends/TestBackend.js

@@ -1,3 +1,3 @@
-"use strict";
+import { TestBackend } from "react-dnd-test-backend";
 
-exports.testBackend = require("react-dnd-test-backend").TestBackend;
+export const testBackend = TestBackend;

src/React/Basic/ReactDND/Backends/TouchBackend.js

@@ -1,3 +1,3 @@
-"use strict";
+import { TouchBackend } from "react-dnd-touch-backend";
 
-exports.touchBackend = require("react-dnd-touch-backend").TouchBackend;
+export const touchBackend = TouchBackend;